﻿.response-span.failure-response, .response-span .failure-response, .failure-submit .response-span, .failure-bind .response-span { color: red; }
input.failure-submit { border: 1px solid red !important; }

*[disabled] { opacity: .6; }

/*** ADMIN BANNER */
.admin-header-banner { position:fixed; top: 0; z-index: 99; background: #444; width: 100%; height: 20px; text-align: center; line-height: 20px; }
    .admin-header-banner a { color: #fff; font-size: 13px; }
.header-background.admin-bump-25 { top: 20px; }

/*** GOOGLE TRANSLATE */
.nav-group.translate-button { width: 152px; height: 20px; }
.nav-group.translate-button #google_translate_element div span a { height: 17px; padding: 0; margin: 0 4px;}
.nav-group.translate-button #google_translate_element .goog-te-gadget-simple { padding-bottom: 0; }

/*** LOGIN SIGN UP CONTROLLER*/
.header-section .header-links .login-hide,
.header-section .mobile-navigation .mobile-nav-list li.login-hide,
.header-section .mobile-navigation .mobile-nav-list li a.login-hide, 
.header-section .mobile-navigation .mobile-nav-list li span[onclick].login-hide { display: none; margin: 0; }

.login-signup-controller .login-input { width: 100%; vertical-align: middle; padding: 5px 0; display: inline-block; }
    .login-signup-controller .login-input span { float: left; width: 100px; text-align: right; padding: 4px 0 0 0; }
    .login-signup-controller .login-input > input[type=text],
    .login-signup-controller .login-input > input[type=password],
    .login-signup-controller .login-input > textarea,
    .login-signup-controller .login-input > select { float: right; width: 60%; width: calc(100% - 120px); margin: 0 10px 0 0; box-sizing: border-box; }

    .login-signup-controller .login-input .resp-group span#spanPasswordNotes { height: auto; width: 100%; width: calc(100% - 20px); }
    .login-signup-controller .login-input .resp-group span.password-notes.failure-submit { padding: 3px 6px; background: #FFE5E5; margin: 10px 0 -10px 0; text-align: left; }

    /*#ctl00_ContentPlaceHolder1_pnlContent fieldset.editor .login-signup-controller .login-input .resp-group .password-notes { position: fixed; height: auto; width: 450px; }
    #ctl00_ContentPlaceHolder1_pnlContent fieldset.editor .login-signup-controller .login-input .resp-group .password-notes.failure-submit { padding: 3px 6px; background: #FFE5E5; margin: 5px 0 0 0;*/ 
                                                                                                                                             text-align: left; }

.login-signup-controller .response-span { padding: 5px 0 0 0; }
.login-signup-controller .confirm-buttons,
.modal-container .confirm-buttons { text-align: center; padding: 10px 0 0 0; }
    .login-signup-controller .confirm-buttons .forgot-password, 
    .modal-container .confirm-buttons .forgot-password { display: inline-block; position: relative; top: -5px}
    .login-signup-controller .confirm-buttons .button,
    .modal-container .confirm-buttons .button { color: #fff !important; display: inline-block; height: 32px; line-height: 31px; box-sizing: border-box; }
    #confirmOverlay #confirmBox #confirmButtons { margin: 25px 0 0; }
        #confirmOverlay #confirmBox #confirmButtons a {margin: 0 10px;}

/**** LOGIN MODAL */
    .modal-container { position: fixed; background: rgba(0,0,0,.6); width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; display: none; }
        header#header_nav .modal-container a { color: #002c61; }
    .modal-container.disp-show {  display: inline-block; -webkit-animation-name: fadeIn; -webkit-animation-duration: .5s; animation-name: fadeIn; animation-duration: .5s; }
    .modal-container.disp-fade {  display: none; -webkit-animation-name: fadeOut; -webkit-animation-duration: .5s; animation-name: fadeOut; animation-duration: .5s; }
    
    .modal-container .modal-inner { width: 590px; height: auto; position: absolute; top: 0; left: 0; right: 0; margin: 200px auto 0; background: #fff; border-radius: 15px; padding: 0; 
                                    box-shadow: 10px 10px 45px #222; }
    .modal-container .login-control { padding: 30px 15px 15px; margin: -10px 0 0 -10px; width: 630px; }
        .modal-container .modal-close { position: absolute; top: -20px; right: -25px; height: 50px; width: 50px; background: #fc4240; border-radius: 25px; transform: scale(.7); z-index: 2; box-shadow: -3px 3px 3px #7f2120; }
        .modal-container .left-split { width: 50%; float: left; padding: 0 15px 0 0; box-sizing: border-box; }
        .modal-container .right-split { width: 50%; float: right; padding: 0 0 0 15px; box-sizing: border-box; border-left: 1px solid #ccc; }
            .modal-container .left-split p,
            .modal-container .right-split p { margin: 0 0 15px; line-height: 22px;  }            
            .modal-container .banner-close { width: 28px; height: 28px; position: absolute; top: -14px; right: -7px; z-index: 1001; }
                .modal-container .banner-close .close-button { display: inline-block; width: 33px; height: 33px; margin: 0; background: url('../../images/fancybox_sprite.png') no-repeat top left;  }                
        .modal-container .right-split .login-signup-controller .login-input span { width: 85px; }
        .modal-container .right-split .login-signup-controller .login-input > input[type=text],
        .modal-container .right-split .login-signup-controller .login-input > input[type=password],
        .modal-container .right-split .login-signup-controller .login-input > textarea,
        .modal-container .right-split .login-signup-controller .login-input > select { width: calc(100% - 110px); }
            
        .modal-container fieldset { border: 0; position: relative; padding: 65px 20px 20px; margin: 0; width: 100%; box-sizing: border-box; height: 100%; display: inline-block; min-height: 185px; }
            .modal-container fieldset legend { background: #002c61; color: #fff; font-size: 30px; text-transform: uppercase; margin: 0; width: 100%; text-align: center; position: absolute; height: 50px; 
                                               line-height: 50px; padding: 0; top: 0; left: 0; border-top-left-radius: 12px; border-top-right-radius: 12px; }

    .document-stacker.modal-container .modal-inner { width: 800px; padding: 0 15px; }
        .document-stacker.modal-container .modal-inner .lead-form-wrapper .lead-form-panel { padding: 0 10px; }
        .document-stacker.modal-container .modal-inner .lead-gen-form { width: 750px; }
            .document-stacker.modal-container .modal-inner .lead-gen-form .row { min-width: 350px; }
                .document-stacker.modal-container .modal-inner .lead-gen-form .row .leftTD { width: 120px; }
                .document-stacker.modal-container .modal-inner .lead-gen-form .row.comments { width: 720px; }
                    .document-stacker.modal-container .modal-inner .lead-gen-form .row.comments .rightTD { width: 590px; }
                        .document-stacker.modal-container .modal-inner .lead-gen-form .row.comments .rightTD textarea.bigTextBox { width: 563px; padding: 7px; }

    #confirmSessionTimedOut.confirm-modal { transition: opacity 1s, height 2s; height: 100%; background: rgba(0,0,0,.85); overflow: hidden; z-index: 10000; }
    #confirmSessionTimedOut.confirm-modal.session-timeout-hide { height: 0; opacity: 0; } 
    
        #confirmSessionTimedOut.confirm-modal .modal-inner p { padding: 0 5px 0 10px; }
        #confirmSessionTimedOut.confirm-modal .modal-inner .confirm-buttons a { pointer-events: fill !important; }
        #confirmSessionTimedOut.confirm-modal .modal-inner .modal-warning { text-align: center; color: red; }

/**** MY ACCOUNT */
.my-account-container { width: 100%; margin: 20px 0 0 0; }
    .my-account-container .my-account-left { width: 180px; float: left; padding: 7px 0 0 0; }
        .my-account-container .my-account-left ul.account-nav-group { margin: 0; padding: 0; list-style-type: none; }
        .my-account-container .my-account-left ul.account-nav-group li { margin: 0; line-height: 40px; vertical-align: middle; border-right: 1px solid #eee; border-bottom: 1px solid #eee; }
            .my-account-container .my-account-left ul.account-nav-group li:last-child { border-bottom: none; }
            .my-account-container .my-account-left ul.account-nav-group li span { display: inline-block; padding: 0 0 0 10px; width: 100%; height: 100%; box-sizing: border-box; }
        .my-account-container .my-account-left ul.account-nav-group li.active { background: #f6f6f6; }
        .my-account-container .my-account-left ul.account-nav-group li:hover { background: #eee; cursor: pointer; }
    .my-account-container .my-account-right { width: calc(100% - 200px); float: right; min-height: 400px; }

    /*** GENERICS */    
    .my-account-container .my-account-right .account-panel,
    .my-account-container .my-account-right .account-panel .group,
    .my-account-page .panel-body .group .inner { opacity: 1; width: 100%; transition: opacity 1s; }
    .my-account-container .my-account-right .account-panel.loading,
    .my-account-container .my-account-right .account-panel .group.loading,
    .my-account-page .panel-body .group .inner.loading { opacity: .5; pointer-events: none; }

        .my-account-container .my-account-right .account-panel .panel-head { width: 100%;  border-bottom: 1px solid #ccc; padding: 0 0 2px; margin: 0 0 10px; position: relative; }
        .my-account-container .my-account-right .account-panel .panel-body { width: 100%; width: calc(100% - 30px); max-width: 625px; margin: 0 auto; }
            .my-account-page .panel-body .group { margin: 20px 0; }
            .my-account-page .panel-body .group .header { border-bottom: 1px solid #eee; padding: 0 0 2px; margin: 0 0 10px; position: relative; }
                .my-account-page .panel-body .group .header .button,
                .my-account-container .my-account-right .account-panel .panel-head .button { position: absolute; top: -8px; right: -9px; transform: scale(.8); }
            .my-account-page .panel-body .group .inner { height: auto; }

                .my-account-page .panel-body .group .inner .row,
                .login-signup-controller .login-input { display: block; width: 100%; min-height: 26px; vertical-align: top; padding: 10px 0; }
                .my-account-page .panel-body .group .inner > div:nth-child(4n + 1),
                .my-account-page .panel-body .group.cleared .inner > div:nth-child(2n + 1),
                .login-signup-controller > div:nth-child(4n+1),
                .my-account-container .my-account-right .account-panel .panel-body .entity-stacker .inner > div:nth-child(2n + 1),
                .my-account-container .my-account-right .account-panel .user-ticket-table tbody tr:nth-child(2n+2) { background: #f6f6f6; }

                .my-account-page .panel-body .group .inner .row.no-back,
                .login-signup-controller div.no-back { background: none; }
                    .my-account-page .panel-body .group .inner .row .label-holder,
                    .sign-up-page .login-signup-controller .left-split .sign-up-form .login-input > span { float: left; text-align: right; width: 125px; padding: 4px 0 0 10px; }
                    .my-account-page .panel-body .group .inner .row .input-holder { float: left; text-align: left; width: 605px; width: calc(100% - 135px);
                                                                                                                          box-sizing: border-box; padding: 0 0 0 10px; vertical-align: top; }
        
                    .my-account-page .panel-body .group .inner .row .input-holder > * { width: 100%; max-width: 425px; }
                    .my-account-page .panel-body .group .inner .row .input-holder > input[type=checkbox] { width: auto; position: relative; top: 10px; margin: 0; }
                    .my-account-page .panel-body .group .inner .row .input-holder > input[type=text], 
                    .my-account-page .panel-body .group .inner .row .input-holder > input[type=password], 
                    .my-account-page .panel-body .group .inner .row .input-holder > textarea, 
                    .my-account-page .panel-body .group .inner .row .input-holder > select,
                    .login-signup-controller .login-input > input[type=text],
                    .login-signup-controller .login-input > input[type=password],
                    .login-signup-controller .login-input > textarea,
                    .login-signup-controller .login-input > select { border-radius: 5px; border: 1px solid #ccc; box-sizing: border-box; height: 26px; padding: 4px 8px; }
                    .my-account-page .panel-body .group .inner .row .input-holder > span { display: inline-block; margin: 4px 0 0 0; }
                    .my-account-page .panel-body .group .inner .row.response-holder, 
                    .my-account-page .panel-body .group .inner .row .button-holder  { width: 100%; text-align: center; }
                    .my-account-page .panel-body .group .inner .row .button-holder { margin: 10px 0 0 0; }
                    
/**** TICKETS */
.ticket-container fieldset { width: auto; height: auto; border: 1px solid #ccc; margin: 0 0 35px 0; border-radius: 6px; padding: 10px 15px 15px 15px; }
.ticket-container fieldset#ticketSteps { display: none; }
    .ticket-container fieldset legend { padding: 0 6px; color: #022143; }
.ticket-container .fieldsetHider { float: right; margin: 0 0 -10px 0; position: relative; top: -17px; }
    .ticket-container .fieldsetHider a { cursor: pointer; border: none; }
        
.ticket-container .ticket-table { width: 100%; }
    .ticket-container .ticket-table tr:nth-child(even) { background: #f6f6f6; }
        .ticket-container .ticket-table > tbody > tr > td { padding: 8px 0; }
        .ticket-container .ticket-table > tbody > tr >td.rightCell { width: 190px; padding: 11px 10px 4px 0; text-align: right; vertical-align: top; }
    .ticket-container .ticket-table td input[type=text] { border-radius: 3px; border: 1px solid #ccc; width: 325px; padding: 5px 10px; margin: 0; }
    .ticket-container .ticket-table td textarea { border-radius: 3px; border: 1px solid #ccc; width: 335px; padding: 5px; margin: 0; }
    .ticket-container .ticket-table td input[type="checkbox"] { width: 20px; }
    .ticket-container .ticket-table td select { width: 347px;height: 29px; }
    .ticket-container .ticket-table td.submitRow { text-align: center; padding: 6px 0 9px; background: #fff; }
        .ticket-container .ticket-table td.submitRow input.button { width: 125px; border-radius: 5px; }
    .ticket-container .submitRow { text-align: center; }
        
.my-account-container .my-account-right #tabTickets .account-panel .panel-body, 
.my-account-container .my-account-right #tabDocuments .account-panel .panel-body,
.my-account-container .my-account-right #tabInvoices .account-panel .panel-body,
.my-account-container .my-account-right .account-panel .user-ticket-table { width: 100%; max-width: none; }
    .my-account-container .my-account-right .account-panel .user-ticket-table tr th { background: #666; color: #fff; border-right: 1px solid #ccc; line-height: 40px; }
        .my-account-container .my-account-right .account-panel .user-ticket-table tr th.slim { width: 95px; }
        .my-account-container .my-account-right .account-panel .user-ticket-table tr th.medium { width: 125px; }
        .my-account-container .my-account-right .account-panel .user-ticket-table tr th.thick { width: 155px; }
        .my-account-container .my-account-right .account-panel .user-ticket-table tr td { padding: 5px; text-align: center; border-right: 1px solid #ccc; }
        .my-account-container .my-account-right .account-panel .user-ticket-table tbody tr td:nth-child(2) { text-align: left; padding-left: 10px; }
    .my-account-container .my-account-right .account-panel .user-ticket-table tr td:last-child { border: none; }
    
#divTicketAdd.ticket-modal { width: 615px; height: 676px; display: none; }
    .fancybox-opened .ticket-modal .add-ticket-container { width: 600px; height: auto; }
    .fancybox-opened .ticket-modal .add-ticket-container > p { display: none; }
        .fancybox-opened .ticket-modal .add-ticket-container .ticket-table td { font-size: 12px; padding: 4px 0; }
        .fancybox-opened .ticket-modal .add-ticket-container .ticket-table .rightCell { width: 140px; padding: 10px 7px 4px; }
        .fancybox-opened .ticket-modal .add-ticket-container .ticket-container .ticket-table td select,
        .fancybox-opened .ticket-modal .add-ticket-container .ticket-container .ticket-table td input[type=text],
        .fancybox-opened .ticket-modal .add-ticket-container .ticket-container .ticket-table td textarea { width: 100%; width: calc(100% - 15px); box-sizing: border-box; font-size: 12px; padding: 3px 6px; }
        .fancybox-opened .ticket-modal .add-ticket-container .ticket-container .ticket-table td select { padding: 3px 2px; }
        .fancybox-opened .ticket-modal .add-ticket-container .ticket-container .ticket-table td textarea { max-height: 110px; }
.fancybox-opened .ticket-modal .ticket-container { position: relative; height: 636px;}
    .fancybox-opened .ticket-modal .ticket-container fieldset { padding: 0px 10px 10px; }
    .fancybox-opened .ticket-modal .ticket-container fieldset { margin: 10px 0; }
        .fancybox-opened .ticket-modal .ticket-container fieldset legend { font-size: 18px; }
    .fancybox-opened .ticket-modal .ticket-container .submitRow { position: absolute; bottom: 0; left: 0; width: 100%; }

    .ticket-modal .modal-inner { width: 70%; min-width: 300px; margin: 100px auto 0;}
        .ticket-modal .modal-inner .ticket-table { margin: 0; width: 100%; }
            .ticket-modal .modal-inner .ticket-table tr:nth-child(2n+1) { background: #f6f6f6; }
                .ticket-modal .modal-inner .ticket-table tr td { vertical-align: top; padding: 8px 10px; line-height: 21px; }
                .ticket-modal .modal-inner .ticket-table tr td.info { width: 115px;  text-align: right;}
    
.my-account-container .my-account-right .account-panel.filtered-panel .filter-group { width: 100%; vertical-align: top; text-align: center; }
    .my-account-container .my-account-right .account-panel.filtered-panel .filter-group .filter-item { max-width: 320px; width: 40%; display: inline-block; box-sizing: border-box; padding: 5px 5px 15px; text-align: center; }
        .my-account-container .my-account-right .account-panel.filtered-panel .filter-group .filter-item select { width: 60%; font-size: 12px; }
        .my-account-container .my-account-right .account-panel.filtered-panel .filter-group .filter-item .date-picker-group { width: 60%;}
        
        .my-account-container .my-account-right .account-panel.filtered-panel .filter-group .filter-item select,
        .my-account-container .my-account-right .account-panel.filtered-panel .filter-group .filter-item .date-picker-group input[type=text] { margin: 0 0 0 8px; box-sizing: border-box; padding: 3px 5px; border-radius: 4px; border: 1px solid #ccc; height: 25px; }

        .my-account-container .my-account-right .account-panel.filtered-panel .filter-group .filter-item .date-picker-group { display: inline-block; position: relative; height: 17px; }
        .my-account-container .my-account-right .account-panel.filtered-panel .filter-group .filter-item .date-picker-group input[type=text] { position: absolute; left: 0; }
        .my-account-container .my-account-right .account-panel.filtered-panel .filter-group .filter-item .date-picker-group input[type=image] { position: absolute; right: 0; top: 5px;  }
    .my-account-container .my-account-right .account-panel.filtered-panel .filter-group .filter-search { width: 18%; display: inline-block; text-align: center; }

/*********** AJAX UPLOADER */
.ajax-upload-container { width: 100%; max-width: 600px; min-width: 250px; margin: 10px auto 5px; padding: 0 15px; box-sizing: border-box; height: 140px; overflow: auto; }
    .fancybox-opened .ticket-modal .ticket-container .ajax-upload-container { height: 111px; }
    .ajax-upload-container .btn { display: inline-block; padding: 6px 0; margin-bottom: 0; font-size: 12px; font-weight: 400; line-height: 12px; text-align: center; 
                                               white-space: nowrap;  vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; 
                                               background-image: none; border: 1px solid transparent; border-radius: 4px; color: #fff; background-color: #428bca; border-color: #357ebd; position: relative; 
                                               overflow: hidden; display: inline-block; box-sizing: border-box; }
    .ajax-upload-container .btn:hover { background-color: #3071a9; border-color: #285e8e; }

    .ajax-upload-container .fileinput-button { color: #fff; background-color: #5cb85c; border-color: #4cae4c; float: left; width: 70px; }
    .ajax-upload-container .fileinput-button:hover {  background-color: #449d44; border-color: #398439; }
    .ajax-upload-container .fileinput-button input { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; -ms-filter: 'alpha(opacity=0)'; font-size: 200px !important; direction: ltr; cursor: pointer; }

    .ajax-upload-container .progress { height: 26px; margin: 0 0 5px; overflow: hidden; background-color: #e0e0e0; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); 
                                       box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-sizing: border-box; float: right; width: 70%; width: calc(100% - 80px); min-width: 100px; }
    .ajax-upload-container .progress-bar-success { background-color: #5cb85c; }
    .ajax-upload-container .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #428bca; 
                                           -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; 
                                           transition: width .6s ease; }
    
    .ajax-upload-container .files { }
        .ajax-upload-container .files .uploaded-file { height: 80px; width: 91px; float: left; padding: 0 5px; border:none; overflow: hidden; transition: height 1s, background .5s; 
                                                       background: none; box-sizing: border-box; }
            .ajax-upload-container .files .uploaded-file p { display: block; width: 100%; height: 100%; position: relative; text-align: center; }
            .ajax-upload-container .files .uploaded-file p canvas { height: 75px; width: 75px; display: inline-block; margin: 0 auto; opacity: .6; transition: opacity 1s; }
            .ajax-upload-container .files .uploaded-file p.failure-premature button { display: none; }
                .ajax-upload-container .files .uploaded-file p span { display: none; vertical-align: top; padding: 3px 0 0 10px; }
                .ajax-upload-container .files .uploaded-file p .btn { padding: 4px 12px; }
                .ajax-upload-container .files .uploaded-file p .btn { vertical-align: top; float: right; }
                .ajax-upload-container .files .uploaded-file p .remove-button { min-width: 10px; display: block; position: absolute; top: -3px; right: 0; width: 18px; height: 18px; overflow: hidden; z-index: 1; 
                                                                                margin: 0; padding: 0; background: red; line-height: 16px; font-weight: bold; }
                .ajax-upload-container .files .uploaded-file p .uploader-button { position: absolute; bottom: 3px; left: 0; z-index: 1; width: 100%; }
        .ajax-upload-container .files .uploaded-file.minimized canvas { opacity: 1; }
        .ajax-upload-container .files .uploaded-file.selected-upload { background: rgba(66,139,202, .3); }
        
        .ajax-upload-container .files .uploaded-file .selector-wrapper { position: relative; z-index: 33; display: block; width: 100%; height: 100%; }
        .ajax-upload-container .files .uploaded-file.failed-upload { background: rgba(255,0,0,.5); }
            .ajax-upload-container .files .uploaded-file.failed-upload canvas { opacity: .8; }


/**** SIGN UP PAGE */
.sign-up-page .login-signup-controller { width: 100%; padding: 0; }
    .sign-up-page .login-signup-control .left-split { width: 10px; width: calc(100% - 335px); float: left; border-right: 1px solid #eee; }
        .sign-up-page .login-signup-control .left-split .sign-up-form { width: 100%; max-width: 500px; margin: auto; }
            .sign-up-page .login-signup-control .left-split .sign-up-form span { width: 135px; }
            .sign-up-page .login-signup-control .left-split .sign-up-form .login-input > input[type=text],
            .sign-up-page .login-signup-control .left-split .sign-up-form .login-input > input[type=password],
            .sign-up-page .login-signup-control .left-split .sign-up-form .login-input > textarea,
            .sign-up-page .login-signup-control .left-split .sign-up-form .login-input > select { width: 60%; width: calc(100% - 160px); margin: 0 10px 0 0; }
    .sign-up-page .login-signup-control .right-split { width: 290px; float: right; }

/**** RESET PASSWORD PAGE */
.reset-password .login-signup-controller { width: 100%; padding: 0; max-width: 425px; margin: auto; }
    .reset-password .response-holder { width: 100%; text-align: center; padding: 15px 0 0 0; }
        .reset-password .login-input span { width: 125px; text-align: right; padding: 4px 0 0 0; }
        .reset-password .login-input > input[type=text],
        .reset-password .login-input > input[type=password],
        .reset-password .login-input > textarea,
        .reset-password .login-input > select { width: calc(100% - 145px); }
    .reset-password .response-holder a { color: #002c61; font-weight: bold; }

/**** My Account: Personal Info */
.entity-stacker { height: 100%; padding: 0; }
    .entity-stacker .inner .entity { width: 100%; max-width: 206px; box-sizing: border-box; padding: 10px 10px 20px; display: inline-block; margin: 0 0 10px; }
        .entity-stacker .inner .entity .entity-details { line-height: 21px; }
        .entity-stacker .inner .entity .entity-options { width: 100%; text-align: center; padding: 10px 0 0;}
            .entity-stacker .inner .entity .entity-options .button { transform: scale(.8); }

.address-info-container { display: none; }
    .address-info-container { width: 625px; box-sizing: border-box; padding: 0 15px 0 0; height: auto; }

/****** SEARCH */
.header-section .header-links .header-search-button {
    box-shadow: none;
}









@media all and (min-width: 1001px) {
}

@media all and (min-width: 501px) {
}





@media all and (max-height: 863px) {
    .my-account-container .my-account-right .account-panel .panel-head .button#aTicketAdd { display: none; }
}
@media all and (max-width: 960px) and (min-width: 680px) {
    .sign-up-page .login-signup-control .left-split { padding: 0 25px 0 0; }
}
@media all and (max-width: 780px) {
    .my-account-container .my-account-right .account-panel .panel-head .button#aTicketAdd { display: none; }
}
@media all and (max-width: 680px) {
    .modal-container .modal-inner { width: 95%; max-width: 380px; margin: 100px auto 0; }
    .modal-container .left-split,
    .modal-container .right-split { width: 100%; float: none; padding: 0 10px 0; }
    .modal-container .right-split { border: none; border-top: 1px solid #ccc; margin: 15px 0 0; }
    .modal-container fieldset { padding: 55px 10px 10px; }

    body.sign-up-page .body-content-wrapper .login-signup-control { width: 100%; }
        body.sign-up-page .body-content-wrapper .login-signup-control > div { width: 100%; margin: 15px auto 0; float: none; box-sizing: border-box; max-width: 380px; }
        body.sign-up-page .body-content-wrapper .login-signup-control > .left-split { border: none; border-top: 1px solid #ccc; padding: 10px 15px 50px; }
        body.sign-up-page .body-content-wrapper .login-signup-control > .right-split { padding: 0 15px 10px; }
}
@media all and (max-width: 400px) {
    .modal-container .modal-inner { width: 100%; max-width: 290px; margin: 40px auto 0; }
    .modal-container .left-split p,
    .modal-container .right-split p { font-size: 10px; line-height: 15px; margin-top: 5px; }
}






/**** Typeahead */

@media (min-width: 768px) {
  .form-search .combobox-container,
  .form-inline .combobox-container {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: top;
  }
  .form-search .combobox-container .input-group-addon,
  .form-inline .combobox-container .input-group-addon {
    width: auto;
  }
}
.combobox-selected .caret {
  display: none;
}
/* :not doesn't work in IE8 */
.combobox-container:not(.combobox-selected) .glyphicon-remove {
  display: none;
}
.typeahead-long {
  max-height: 200px;
  overflow-y: auto;
}
.control-group.error .combobox-container .add-on {
  color: #B94A48;
  border-color: #B94A48;
}
.control-group.error .combobox-container .caret {
  border-top-color: #B94A48;
}
.control-group.warning .combobox-container .add-on {
  color: #C09853;
  border-color: #C09853;
}
.control-group.warning .combobox-container .caret {
  border-top-color: #C09853;
}
.control-group.success .combobox-container .add-on {
  color: #468847;
  border-color: #468847;
}
.control-group.success .combobox-container .caret {
  border-top-color: #468847;
}




/****** BOOT STRAP STYLE DISPLAY **********/
.d-flex { display: inline-flex; flex-wrap:wrap; }
    .flex-items-center { align-items: center; }
.mx-auto { margin-left: auto; margin-right: auto; }
.my-auto { margin-top: auto; margin-bottom: auto; }
.ml-auto { margin-left: auto; }
.mr-auto { margin-right: auto; }
.mt-1 { margin-top: .25rem; }
.mt-2 { margin-top: .50rem; }
.mt-3 { margin-top: 1.0rem; }
.mt-4 { margin-top: 2.0rem; }
.mt-5 { margin-top: 3.5rem; }
.mb-1 { margin-bottom: .25rem; }
.mb-2 { margin-bottom: .50rem; }
.mb-3 { margin-bottom: 1.0rem; }
.mb-4 { margin-bottom: 2.0rem; }
.mb-5 { margin-bottom: 3.5rem; }
.ml-1 { margin-left: .25rem; }
.ml-2 { margin-left: .50rem; }
.ml-3 { margin-left: 1.0rem; }
.ml-4 { margin-left: 2.0rem; }
.ml-5 { margin-left: 3.5rem; }
.mr-1 { margin-right: .25rem; }
.mr-2 { margin-right: .50rem; }
.mr-3 { margin-right: 1.0rem; }
.mr-4 { margin-right: 2.0rem; }
.mr-5 { margin-right: 3.5rem; }
.mx-1 { margin-left: .25rem; margin-right: .25rem; }
.mx-2 { margin-left: .50rem; margin-right: .50rem; }
.mx-3 { margin-left: 1.0rem; margin-right: 1.0rem; }
.mx-4 { margin-left: 2.0rem; margin-right: 2.0rem; }
.mx-5 { margin-left: 3.5rem; margin-right: 3.5rem; }
.my-1 { margin-top: .25rem; margin-bottom: .25rem; }
.my-2 { margin-top: .50rem; margin-bottom: .50rem; }
.my-3 { margin-top: 1.0rem; margin-bottom: 1.0rem; }
.my-4 { margin-top: 2.0rem; margin-bottom: 2.0rem; }
.my-5 { margin-top: 3.5rem; margin-bottom: 3.5rem; }


strong.mb, strong.mb-2, strong.mb-3, strong.mb-4, strong.mb-5,
strong.mt-1, strong.mt-2, strong.mt-3, strong.mt-4, strong.mt-5,
strong.ml-1, strong.ml-2, strong.ml-3, strong.ml-4, strong.ml-5,
strong.mr-1, strong.mr-2, strong.mr-3, strong.mr-4, strong.mr-5,
strong.mx-1, strong.mx-2, strong.mx-3, strong.mx-4, strong.mx-5,
strong.my-1, strong.my-2, strong.my-3, strong.my-4, strong.my-5
{ display: inline-block; }

.w-100 {
    width: 100%;
}
    .flex-item { flex-grow: 1; flex-shrink: 0; box-sizing: border-box; }
    .flex-item.col-12 { flex-basis: 100%; }
    .flex-item.col-11 { flex-basis: 91.666%; }
    .flex-item.col-10 { flex-basis: 83.333%; }
    .flex-item.col-9 { flex-basis: 75%; }
    .flex-item.col-8 { flex-basis: 66.666%; }
    .flex-item.col-7 { flex-basis: 58.333%; }
    .flex-item.col-6 { flex-basis: 50%; }
    .flex-item.col-5 { flex-basis: 41.666%; }
    .flex-item.col-4 { flex-basis: 33.333%; }
    .flex-item.col-3 { flex-basis: 25%; }
    .flex-item.col-2 { flex-basis: 16.666; }
    .flex-item.col-1 { flex-basis: 8.333%; }
    
@media only screen and (min-width: 1400px) {
    .flex-item.col-xxl-12 { flex-basis: 100%; }
    .flex-item.col-xxl-11 { flex-basis: 91.666%; }
    .flex-item.col-xxl-10 { flex-basis: 83.333%; }
    .flex-item.col-xxl-9 { flex-basis: 75%; }
    .flex-item.col-xxl-8 { flex-basis: 66.666%; }
    .flex-item.col-xxl-7 { flex-basis: 58.333%; }
    .flex-item.col-xxl-6 { flex-basis: 50%; }
    .flex-item.col-xxl-5 { flex-basis: 41.666%; }
    .flex-item.col-xxl-4 { flex-basis: 33.333%; }
    .flex-item.col-xxl-3 { flex-basis: 25%; }
    .flex-item.col-xxl-2 { flex-basis: 16.666; }
    .flex-item.col-xxl-1 { flex-basis: 8.333%; }
}
    
@media only screen and (min-width: 1200px) {
    .flex-item.col-xl-12 { flex-basis: 100%; }
    .flex-item.col-xl-11 { flex-basis: 91.666%; }
    .flex-item.col-xl-10 { flex-basis: 83.333%; }
    .flex-item.col-xl-9 { flex-basis: 75%; }
    .flex-item.col-xl-8 { flex-basis: 66.666%; }
    .flex-item.col-xl-7 { flex-basis: 58.333%; }
    .flex-item.col-xl-6 { flex-basis: 50%; }
    .flex-item.col-xl-5 { flex-basis: 41.666%; }
    .flex-item.col-xl-4 { flex-basis: 33.333%; }
    .flex-item.col-xl-3 { flex-basis: 25%; }
    .flex-item.col-xl-2 { flex-basis: 16.666; }
    .flex-item.col-xl-1 { flex-basis: 8.333%; }
}

@media only screen and (min-width: 992px) {
    .flex-item.col-lg-12 { flex-basis: 100%; }
    .flex-item.col-lg-11 { flex-basis: 91.666%; }
    .flex-item.col-lg-10 { flex-basis: 83.333%; }
    .flex-item.col-lg-9 { flex-basis: 75%; }
    .flex-item.col-lg-8 { flex-basis: 66.666%; }
    .flex-item.col-lg-7 { flex-basis: 58.333%; }
    .flex-item.col-lg-6 { flex-basis: 50%; }
    .flex-item.col-lg-5 { flex-basis: 41.666%; }
    .flex-item.col-lg-4 { flex-basis: 33.333%; }
    .flex-item.col-lg-3 { flex-basis: 25%; }
    .flex-item.col-lg-2 { flex-basis: 16.666; }
    .flex-item.col-lg-1 { flex-basis: 8.333%; }
}

@media only screen and (min-width: 768px) {
    .flex-item.col-md-12 { flex-basis: 100%; }
    .flex-item.col-md-11 { flex-basis: 91.666%; }
    .flex-item.col-md-10 { flex-basis: 83.333%; }
    .flex-item.col-md-9 { flex-basis: 75%; }
    .flex-item.col-md-8 { flex-basis: 66.666%; }
    .flex-item.col-md-7 { flex-basis: 58.333%; }
    .flex-item.col-md-6 { flex-basis: 50%; }
    .flex-item.col-md-5 { flex-basis: 41.666%; }
    .flex-item.col-md-4 { flex-basis: 33.333%; }
    .flex-item.col-md-3 { flex-basis: 25%; }
    .flex-item.col-md-2 { flex-basis: 16.666; }
    .flex-item.col-md-1 { flex-basis: 8.333%; }
}

@media only screen and (min-width: 576px) {
    .flex-item.col-sm-12 { flex-basis: 100%; }
    .flex-item.col-sm-11 { flex-basis: 91.666%; }
    .flex-item.col-sm-10 { flex-basis: 83.333%; }
    .flex-item.col-sm-9 { flex-basis: 75%; }
    .flex-item.col-sm-8 { flex-basis: 66.666%; }
    .flex-item.col-sm-7 { flex-basis: 58.333%; }
    .flex-item.col-sm-6 { flex-basis: 50%; }
    .flex-item.col-sm-5 { flex-basis: 41.666%; }
    .flex-item.col-sm-4 { flex-basis: 33.333%; }
    .flex-item.col-sm-3 { flex-basis: 25%; }
    .flex-item.col-sm-2 { flex-basis: 16.666; }
    .flex-item.col-sm-1 { flex-basis: 8.333%; }
}