html, body { width: 100%; height: 100%;	padding: 0; margin:	0; }
body.page-body { background-color: #EEE;}
body.page-control-body { background-color: #FAFAFA; }
form { height: 100%; }

.module-header { position: relative; top: 0; left: 0; width: 100%; height: 90px; background: #eee url('Images/Theme/bg_header.png'); background-repeat: repeat-x; }
.module-header > div { float: left; }
.module-header-logo { width: 166px; height: 100%; }
.module-header-logo-image { width: 100%; height: 100%; padding: 10px 6px 10px 10px; background-image: url('Images/Theme/bg_header_logo.png'); background-repeat: repeat-x; overflow: hidden; }
.module-header-logo-right { position: absolute; top: 0; left: 166px; width: 32px; height: 82px; background-image: url('Images/Theme/bg_header_logo_right.png'); background-repeat: no-repeat; }
.module-header-content { max-width: 1140px; }
.module-header-content-module { height: 56px; overflow: hidden; }
.module-header-content-module > div { float: left; }
.module-header-content-module-menu { height: 100%; padding-right: 17px; background-image: url('Images/Theme/bg_header_content_module_menu_right.png'); background-position: right; background-repeat: no-repeat; }
.module-header-content-module-menu > ul { height: 100%; margin: 0; padding: 0 20px 0 0; background-image: url('Images/Theme/bg_header_content_module_menu.png'); background-repeat: repeat-x; list-style: none; }
.module-header-content-module-menu > ul > li { float: left; width: 45px; height: 51px; margin-left: 22px; background-image: url('Images/Theme/spr_header_module_menu.png'); background-repeat: no-repeat; cursor: pointer; }
.module-header-content-module-menu > ul > li.btndivCharterTransport { background-position: 0 -51px; }
.module-header-content-module-menu > ul > li.btndivLightTransport { width: 46px; background-position: -46px -51px; }
.module-header-content-module-menu > ul > li.btndivHeavyTransport { width: 47px; background-position: -92px -51px; }
.module-header-content-module-menu > ul > li.btndivFleetManagement { width: 47px; background-position: -185px -51px; }
.module-header-content-module-menu > ul > li.btndivCargoTransport { width: 47px; background-position: -138px -51px; }
.module-header-content-module-menu > ul > li.btndivCharterTransport.active-module,
.module-header-content-module-menu > ul > li.btndivCharterTransport:hover { background-position: 0 0px; }
.module-header-content-module-menu > ul > li.btndivLightTransport.active-module,
.module-header-content-module-menu > ul > li.btndivLightTransport:hover { width: 46px; background-position: -46px 0px; }
.module-header-content-module-menu > ul > li.btndivHeavyTransport.active-module,
.module-header-content-module-menu > ul > li.btndivHeavyTransport:hover { width: 47px; background-position: -92px 0px; }
.module-header-content-module-menu > ul > li.btndivFleetManagement.active-module,
.module-header-content-module-menu > ul > li.btndivFleetManagement:hover { width: 47px; background-position: -185px 0px; }
.module-header-content-module-menu > ul > li.btndivCargoTransport.active-module,
.module-header-content-module-menu > ul > li.btndivCargoTransport:hover { width: 47px; background-position: -138px 0px; }
.module-header-content-module-menu > ul > li.btndivCharterTransport.active-module,
.module-header-content-module-menu > ul > li.btndivLightTransport.active-module,
.module-header-content-module-menu > ul > li.btndivHeavyTransport.active-module,
.module-header-content-module-menu > ul > li.btndivFleetManagement.active-module { cursor: default; }
.module-header-content-module-menu > ul > li.btndivCargoTransport.active-module { cursor: default; }

.module-header-content-module-title { padding-left: 13px; line-height: 56px; font-size: 30px; font-weight: 300; color: #fff; }
.module-header-content-module-title > span { font-weight: 600; }
.module-header-content-menu { margin-top: 3px; padding-left: 0px; height: 23px; }
.module-header-content-menu .btn-group { vertical-align: baseline; }
.module-header-content-menu .btn-group.btn-group-hover:hover > ul.dropdown-menu { display: block; }
.module-header-content-menu .btn-group > .btn-default { padding: 1px 6px;  background: transparent; border-color: transparent; color: #FFF; text-shadow: none; -webkit-box-shadow: none; box-shadow: none;  }
.module-header-content-menu .btn-xs { font-size: 13px; text-transform: Uppercase; border-radius: 0; }
.module-header-content-menu .btn-default:hover, 
.module-header-content-menu .btn-default:focus,
.module-header-content-menu .btn-default:active,
.module-header-content-menu .btn-default.active, 
.module-header-content-menu .open > .dropdown-toggle.btn-default { background-color: #01567B; }
.module-header-content-menu .open > .dropdown-toggle.btn-default { border-color: #22B4ED; }
.module-header-content-menu .dropdown-menu { border-radius: 0; margin-top: 0; }
.module-header-content-menu .dropdown-submenu { position: relative; }
.module-header-content-menu .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; }
.module-header-content-menu .dropdown-submenu:hover > .dropdown-menu { display: block; }
.module-header-content-menu .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; }
.module-header-content-menu .dropdown-submenu:hover > a:after { border-left-color: #fff; }
.module-header-content-menu .dropdown-submenu.pull-left { float: none; }
.module-header-content-menu .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; }

.module-header > div.module-header-itransport { position: absolute; top: 6px; right: 14px; width: 133px; height: 45px; background-image: url('Images/Theme/bg_header_itransport.png'); background-repeat: no-repeat; }

.module-header-icon { width: 160px; height: 85%; position: absolute; top: 6px; right: 13px; }
.module-header-icon > label { position: absolute; font-weight: normal; top: 54px; right: 10px; padding: 1px 1px; background: transparent; border-color: transparent; color: #FFF; text-shadow: none; -webkit-box-shadow: none; box-shadow: none;}

.module-content { position: relative; top: 0; bottom: 0; width: 100%; height: 100%; }

.ui-configuration fieldset,
.ui-dialog fieldset,
.panel-info-window fieldset { margin: 0; padding: 15px 10px 20px 10px; background: none; border: 0; border-top: 1px solid #FF7640; }
.ui-configuration fieldset > legend,
.ui-dialog fieldset > legend,
.panel-info-window fieldset > legend { width: auto; margin-bottom: 0; padding: 0 10px; border: 0; font-size: 13px; font-weight: 400; color: #F2581C; }

.pac-container { z-index: 9999 }

.alert,
.btn { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.alert { padding: 12px 15px; }
.alert > .glyphicon { margin-right: 8px; }
.alert li {padding: 3px 0px;}

.btn { padding: 5px 8px; text-transform: uppercase; }
.btn-orange, 
.btn-blue, 
.btn-red,
.btn-gray { border-color: transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); color: #FFF; }
.btn-orange { background-color: #FE7740;  }
.btn-blue { background-color: #6B99D4; }
.btn-red { background-color: #FF4141; }
.btn-gray { background-color: #B6B6B6; }
.btn-green { background-color: #5A9E4F; }

.btn-orange.active, .btn-orange.focus, .btn-orange:active, .btn-orange:focus, .btn-orange:hover, .open>.dropdown-toggle.btn-orange { background-color: #D36337; color: #FFF; }
.btn-blue.active, .btn-blue.focus, .btn-blue:active, .btn-blue:focus, .btn-blue:hover, .open>.dropdown-toggle.btn-blue { background-color: #2D61AA; color: #FFF; }
.btn-red.active, .btn-red.focus, .btn-red:active, .btn-red:focus, .btn-red:hover, .open>.dropdown-toggle.btn-red { background-color: #D30037; color: #FFF; }
.btn-gray.active, .btn-gray.focus, .btn-gray:active, .btn-gray:focus, .btn-gray:hover, .open>.dropdown-toggle.btn-gray { background-color: #999; color: #FFF; }

.btn-noicon,
.btn-icon { height:26px; padding: 0 20px; font-weight: 300; }
.btn-icon { padding-left: 36px; background: #6B97D4; background-image: url('Images/Theme/spr_button_icon.png'); background-repeat: no-repeat; color: #FFF; }
.btn-icon:hover, .btn-icon:focus, .btn-icon.focus { background-color: #2D61AA; color: #FFF; }
.btn-icon-grid { height:26px; padding: 0 20px; font-weight: 300; background-image: url('Images/Theme/spr_button_icon.png'); background-repeat: no-repeat; color: #FFF; }
.btn-icon-add { background-position: 13px -1px; }
.btn-icon-new { background-position: 10px -22px; }
.btn-icon-clear { background-position: 12px -43px; }
.btn-icon-export-excel { background-position: 12px -64px; }
.btn-icon-export-txt { background-position: 12px -85px; }
.btn-icon-export-pdf { background-position: 12px -106px; }
.btn-icon-search { background-position: 12px -126px; }
.btn-icon-export-word { background-position: 12px -149px; }
.btn-icon-reject { background-position: 14px -169px; }
.btn-icon-delete { background-position: 14px -189px; }
.btn-icon-close { background-position: 10px -210px; }
.btn-icon-cancel { background-position: 14px -231px; }
.btn-icon-save { background-position: 10px -255px; }
.btn-icon-accept { background-position: 14px -276px; }
.btn-icon-export-mail { background-position: 12px -295px; font-size: 14px !important; }
.btn-icon-send { background-position: 10px -295px; }
.btn-icon-download { background-position: 12px -316px; }
.btn-icon-copy { background-position: 10px -336px }
.btn-icon-token { background-position: 10px -356px }
.btn-collapsible { display:inline-block; width:20px; background-position: 0px center; background-repeat: no-repeat; background-color: transparent; }

.btn-icon-notext { height: 26px; padding: 0 20px; font-weight: 300; }
.btn-icon-notext { background: #6B97D4; background-image: url('Images/Theme/spr_button_icon.png'); background-repeat: no-repeat; color: #FFF; }
.btn-icon-notext:hover, .btn-icon:focus, .btn-icon.focus { background-color: #2D61AA; color: #FFF; }
.btn-icon-notext-download { background-position: 12px -316px; }

.select2-selection{
    border-radius: 2px !important;
}

.select2-selection__rendered{
    height: 30px !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b
{
    border-color: transparent transparent #333 transparent !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-color: #333 transparent transparent transparent !important;
}

.select2-selection__placeholder
{
    color: #555 !important;
 }

.selection:focus
{
    border-color: #E9A766 !important; 
    outline: 0 !important; 
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(233, 192, 102, 0.6) !important; 
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(233, 192, 102, 0.6) !important;
}

.btn-delete, .btn-edit { border-width: 0px; background-color: #FE7740; width: 34px; height: 27px; padding: 5px 8px;}
.btn-delete:hover, .btn-delete:focus, .btn-delete.focus,
.btn-edit:hover, .btn-edit:focus, .btn-edit.focus{ background-color: #D36337; color: #FFF;  }
div.btn-delete {background-image: url(/App_Themes/Default/Images/GridView/btn_delete.png); background-repeat: no-repeat; background-position: center;}
div.btn-edit {background-image: url(/App_Themes/Default/Images/Gridview/btn_edit.png); background-repeat: no-repeat; background-position: center;}

.help-block { font-size: 13px; }

.multiselect-container.dropdown-menu > .active > a, .multiselect-container.dropdown-menu > .active > a:hover, .multiselect-container.dropdown-menu > .active > a:focus { background-color: #FFB47E; background-image: none; }

.panel-notab { padding: 15px 0; background-color: #FFF; -moz-box-shadow: 0 0 4px #CCC; -webkit-box-shadow: 0 0 4px #CCC; box-shadow: 0 0 4px #CCC; overflow: hidden; }
.panel-top { padding-bottom: 15px; border-bottom: 1px solid #F5F5F5; overflow: hidden; }
.panel-bottom { padding-top: 15px; border-top: 1px solid #F0F0F0; overflow: hidden; }
.ajax__tab_panel .panel-top, .ajax__tab_panel .panel-bottom, .ui-tabs .panel-top, .ui-tabs .panel-bottom { margin:0px 30px;}
.panel-top > div, .panel-bottom > div { padding:0px;}

section { margin: 0px 30px; padding: 0px; padding-bottom: 15px; border-bottom: 2px solid #F5F5F5; overflow: hidden; padding-top: 15px;}
section:first-child { padding-top:0px !important; }
section:last-child { border-bottom: none !important; }

.dialog-message-icon { display: block; width: 45px; height: 45px; margin: 20px auto 10px; background-image: url(Images/Theme/spr_message_icon.png); background-repeat: no-repeat; }
.dialog-message-icon-success { background-position: 0 0; }
.dialog-message-icon-error { background-position: -45px 0; }
.dialog-message-icon-warning { background-position: -135px 0; }
.dialog-message-icon-info { background-position: -180px 0px; }
.dialog-message-icon-help { background-position: -225px 0px; }
.dialog-message-text { text-align: center; font-size: 14px; }

.dialog-panel { width: 600px; }
.dialog-panel-insert { width: 600px; padding: 10px; margin-bottom: 15px; -webkit-box-shadow: 0 0 4px #BBB; box-shadow: 0 0 4px #BBB; overflow: hidden; }
.dialog-panel-insert-buttons { text-align: right; }
.dialog-panel-grid { padding: 10px; margin-bottom: 15px; -webkit-box-shadow: 0 0 4px #BBB; box-shadow: 0 0 4px #BBB; overflow: hidden; }

.dialog-tab-container .ajax__tab_header { padding: .2em .2em 0; border-bottom: 1px solid #BBB; }
.dialog-tab-container .ajax__tab_header > span { display: inline-block; margin: 1px 3px 0 0; position: relative; }
.dialog-tab-container .ajax__tab_header > span.ajax__tab_active { bottom: -1px; }
.dialog-tab-container .ajax__tab_header .ajax__tab_outer { background: #e6e6e6 url("Images/jQuery-UI/ui-bg_flat_75_e6e6e6_40x100.png") 50% 50% repeat-x; border: 1px solid #d2d2d2; font-weight: normal; color: #898989; border-bottom: 0; }
.dialog-tab-container .ajax__tab_header .ajax__tab_inner { width: 100%; text-transform: uppercase; }
.dialog-tab-container .ajax__tab_header .ajax__tab_tab { width: 100%; padding: 5px 12px; letter-spacing: 0.02em; cursor: pointer; }
.dialog-tab-container .ajax__tab_active .ajax__tab_outer { background: #fff url("Images/jQuery-UI/ui-bg_flat_65_ffffff_40x100.png") 50% 50% repeat-x; border-color: #aaa; color: #212121; }
.dialog-tab-container .ajax__tab_active .ajax__tab_tab { padding-bottom: 6px; }
.dialog-tab-container .ajax__tab_body { padding: 15px 0; }

.treeview-icon { display: inline-block; width: 16px; height: 16px; background-image: url('Images/Theme/spr_icons.png'); background-repeat: no-repeat; vertical-align: middle; }
.treeview-icon.treeview-icon-luggages-group { background-position: -16px -64px; }
.treeview-icon.treeview-icon-passengers-group { background-position: -32px -64px; }
.treeview-icon.treeview-icon-from { background-position: -64px -64px; }
.treeview-icon.treeview-icon-to { background-position: -80px -64px; }

.status-icon { display: inline-block; width: 22px; height: 22px; background: transparent url('Images/Theme/spr_status_icon.png') no-repeat; vertical-align: middle; text-indent: -999999999px; }
.status-icon.status-icon-cancel,
.status-icon.status-icon-canceled { background-position:  -44px -22px; }
.status-icon.status-icon-closed,
.status-icon.status-icon-closing,
.status-icon.status-icon-completed { background-position: -22px 0px; }
.status-icon.status-icon-pending { background-position: -44px 0px; }
.status-icon.status-icon-accept,
.status-icon.status-icon-scheduled,
.status-icon.status-icon-serviced  { background-position: -66px 0px; }
.status-icon.status-icon-expired { background-position: -88px 0px; }
.status-icon.status-icon-disapproved,
.status-icon.status-icon-reject { background-position: -110px 0px; }
.status-icon.status-icon-complete { background-position: -132px 0px; }
.status-icon.status-icon-partially-scheduled { background-position: 0px -22px; }
.status-icon.status-icon-registered { background-position: -22px -22px; }
.status-icon.status-icon-in-progress { background-position: -66px -22px; }
.status-icon.status-icon-pending-return { background-position: -110px -22px; }
.status-icon.status-icon-delayed-return { background-position: -88px -22px; }

.caption { overflow: hidden; padding-top: 15px; }
.caption > ul { clear: both; float: right; margin-top: 8px; font-size: 13px; color: #707070; }
.caption > ul > li { display: inline-block; margin: 0 10px; }
.caption-top {float: right; padding-top: 0; }
.caption-top > ul { margin: 0; padding: 0; }

.form-group-mandatory > label > span { border-bottom: 1px dotted #D95A4B; }
.form-group-mandatory > .col-form-label { border-bottom: 1px dotted #D95A4B; }
.form-control:focus { border-color: #E9A766; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(233, 192, 102, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(233, 192, 102, 0.6); }
.form-control-date { width: 110px !important; }
.form-control-date.input-sm { width: 95px !important; }
@media screen and (max-width: 1440px) { .form-control-date.input-sm { width: 85px !important; }} 
.form-control-datetime { width: 150px !important; }
.form-control-datetime.input-sm { width: 130px !important; }
.form-control-year { width: 65px !important; }
.form-control-year.input-sm { width: 55px !important; }
.form-control-smallint { width: 65px !important; }
.form-control-smallint.input-sm { width: 55px !important; }
.form-control-int { width: 110px !important; }
.form-control-int.input-sm { width: 95px !important; }
.form-control-radiobutton-list { display: block; line-height: 27px }
.form-control-radiobutton-list label { vertical-align: middle; margin: 3px 8px 0 4px; }
.form-control-radiobutton-list input[type=radio] { vertical-align: middle; }
.form-control-checkbox-list { display: block; line-height: 25px; }
.form-control-checkbox-list label { vertical-align: middle; margin: 0px 4px; }
.form-control-checkbox-list input[type=checkbox] { margin: 0; vertical-align: middle; }
.form-control-vertical-checkbox-list {
    background: #EEE;
}

    .form-control-vertical-checkbox-list div {
        border-bottom: 2px solid #FFFFFF;
        padding-left: 10px;
        vertical-align: middle;
    }

.employee-search-report-header {
    width: 330px;
}

.control-label-inline { padding-left: 3px; padding-right: 3px; vertical-align: top !important; }
.control-label-inline-lg { padding-left: 11px; padding-right: 10px; vertical-align: top !important; }

/*--- jQuery UI ---*/
.ui-dialog,
.ui-datepicker { padding: 0; -moz-box-shadow: 0 0 4px #BBB; -webkit-box-shadow: 0 0 4px #BBB; box-shadow: 0 0 4px #BBB; }

.ui-tabs,
.ui-tabs .ui-tabs-nav,
.ui-dialog,
.ui-dialog .ui-dialog-titlebar,
.ui-dialog .ui-dialog-buttonpane,
.ui-datepicker,
.ui-datepicker .ui-datepicker-header { border: 0; }

.ui-tabs .ui-tabs-nav { border-bottom: 1px solid #BBB; }
.ui-tabs .ui-tabs-nav li a { outline: 0; }

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus,
.ui-datepicker-prev:hover, .ui-datepicker-prev:focus,
.ui-datepicker-next:hover, .ui-datepicker-next:focus { padding: 0; border: 0;  background: none; }

.ui-tabs .ui-tabs-nav { background: none; }

.ui-dialog .ui-dialog-titlebar { background-color: #FF7640; }
.ui-dialog .ui-dialog-title { color: #FFF; text-transform: uppercase; font-weight: 400; }
.ui-dialog .ui-dialog-content { padding: 1.5em 1em 1em; background-color: #FFF; background-image: none; font-size: 13px; }
.ui-dialog .ui-widget-content { background-color: #FFF; }
.ui-dialog .ui-widget-content label { font-size: 13px; font-weight: 400; color: #717171; }
.ui-dialog .ui-dialog-buttonpane input[type=submit] { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .form-horizontal .form-group { margin-right: 0; margin-left: 0; }

.ui-datepicker-prev,
.ui-datepicker-next { cursor: pointer; }
.ui-datepicker-prev.ui-state-disabled
.ui-datepicker-next.ui-state-disabled { cursor: default; }
.ui-datepicker-title select.ui-datepicker-month { color: #717171; }
.ui-datepicker-title select.ui-datepicker-year { color: #717171; }

.ui-dialog-buttonpane .ui-dialog-buttonset { margin-bottom: 10px; }
.ui-dialog-buttonpane .ui-dialog-buttonset-right { text-align: right; }
.ui-dialog-buttonpane .ui-button,
.ui-dialog-buttonpane .ui-dialog-buttonset > button { background-color: #6B99D4; background-image: none; border-color: transparent; text-transform: uppercase; color: #FFF; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
.ui-dialog-buttonpane .ui-dialog-buttonset > button { padding: 3px 8px; }
.ui-dialog-buttonpane .ui-button.ui-state-hover,
.ui-dialog-buttonpane .ui-dialog-buttonset > button:hover { background-color: #2D61AA; color: #FFF; }
.ui-dialog-buttonpane .ui-dialog-buttonset > .highlight { background-color: #ff7640 !important;}
.ui-dialog-buttonpane .ui-dialog-buttonset > .highlight:hover { background-color: #D36337 !important;}

/*--- Table Sorter ---*/
table.tablesorter { width: 100%; text-align: left; border-spacing: 0px; }
table.tablesorter thead tr > th, 
table.tablesorter tfoot tr > th { padding: 5px; background-color: #F5F5F5; border: 1px solid #EEE; font-weight: 600; }
table.tablesorter thead tr > th.header { background-repeat: no-repeat; background-position: center right; cursor: pointer; }
table.tablesorter thead tr > th.headerSortUp { background-image: url('Images/jQuery-PopUp/flatlook/asc.gif'); }
table.tablesorter thead tr > th.headerSortDown { background-image: url('Images/jQuery-PopUp/flatlook/desc.gif'); }
table.tablesorter thead tr .headerSortDown, 
table.tablesorter thead tr .headerSortUp { background-color: #E5E5E5; color: #666; }
table.tablesorter tbody tr > td { color: #3D3D3D; padding: 5px; background-color: #FFF; border-bottom: 1px solid #DDD; vertical-align: top; }
table.tablesorter tbody tr.odd > td { background-color: #F5F5F5; }

/*--- Layout Page Panel ---*/
.panel-layout { height: 100%; margin: 0 auto; width: 100%; }
.module-content > .ui-layout-pane { padding: 10px; }

/*--- Layout West Page Panel ---*/
.module-content > .ui-layout-pane.ui-layout-west { padding-top: 50px; }

.west-toolbar { position: absolute; top: 9px; right: 10px; margin-left: 9px; z-index: 9; }

.ui-layout-west > div.ui-accordion { border: 1px solid #D7D7D7; -moz-box-shadow: 0 0 8px #BBB; -webkit-box-shadow: 0 0 8px #BBB; box-shadow: 0 0 8px #BBB; }
.ui-layout-west > div .ui-accordion-right .ui-icon { left: inherit; right: .5em; width: 16px; height: 16px; background-image: url('Images/Panel/icn_accordion_arrow.png'); background-repeat: no-repeat; background-position: 0 0; }
.ui-layout-west > div .ui-accordion-right .ui-accordion-content { background: #FFF; top: 0; }
.ui-layout-west > div .ui-accordion-right > h3 { height: 29px; line-height: 16px; margin: 0; background-image: none; background-color: #FFF; border: 0; border-bottom: 1px solid #D7D7D7 !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.ui-layout-west > div .ui-accordion-right > h3 a { background-image: none; color: #454545; text-transform: uppercase; letter-spacing: 0.02em; }
.ui-layout-west > div > .ui-accordion-right:first-child > h3 { border-top: 1px solid #D7D7D7; }
.ui-layout-west > div > .ui-accordion-right > h3.ui-state-active { background-image: url('Images/Panel/bg_accordion_active.png'); background-repeat: repeat-x; }
.ui-layout-west > div > .ui-accordion-right > h3.ui-state-active .ui-icon { background-position: -16px 0; }
.ui-layout-west > div > .ui-accordion-right > .ui-accordion-content { margin-left: 0; margin-top: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; overflow: initial !important; }
.ui-layout-west > div > .ui-accordion-right .ui-accordion-content { padding: 5px 0 0; position: relative; }
.ui-layout-west > div > .ui-accordion-right .ui-accordion-right > h3 { background-color: #FF7640; }
.ui-layout-west > div > .ui-accordion-right .ui-accordion-right > h3 .ui-icon { background-position: -32px 0; }
.ui-layout-west > div > .ui-accordion-right .ui-accordion-right > h3 a { color: #FFF; }
.ui-layout-west > div > .ui-accordion-right .ui-accordion-right > h3.ui-state-active .ui-icon { background-position: -48px 0; }
.ui-layout-west > div > .ui-accordion-right.accordion-control-md > .ui-accordion-content { padding-top: 47px; }
.ui-layout-west > div > .ui-accordion-right.accordion-control-lg > .ui-accordion-content { padding-top: 132px; }

.ui-layout-west > div .ui-accordion-left .ui-icon { left: .5em; right: inherit; width: 16px; height: 16px; background-image: url('Images/Panel/icn_accordion_arrow.png'); background-repeat: no-repeat; background-position: 0 0; }
.ui-layout-west > div .ui-accordion-left .ui-accordion-content { background: #FFF; top: 0; }
.ui-layout-west > div .ui-accordion-left > h3 { height: 29px; line-height: 16px; margin: 0; background-image: none; background-color: #FFF; border: 0; border-bottom: 1px solid #D7D7D7 !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.ui-layout-west > div .ui-accordion-left > h3 a { background-image: none; color: #454545; text-transform: uppercase; letter-spacing: 0.02em; }
.ui-layout-west > div > .ui-accordion-left:first-child > h3 { border-top: 1px solid #D7D7D7; }
.ui-layout-west > div > .ui-accordion-left > h3.ui-state-active { background-image: url('Images/Panel/bg_accordion_active.png'); background-repeat: repeat-x; }
.ui-layout-west > div > .ui-accordion-left > h3.ui-state-active .ui-icon { background-position: -16px 0; }
.ui-layout-west > div > .ui-accordion-left > .ui-accordion-content { margin-left: 0; margin-top: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; overflow: initial !important; }
.ui-layout-west > div > .ui-accordion-left .ui-accordion-content { padding: 5px 0 0; position: relative; }
.ui-layout-west > div > .ui-accordion-left .ui-accordion-left > h3 { background-color: #FF7640; }
.ui-layout-west > div > .ui-accordion-left .ui-accordion-left > h3 .ui-icon { background-position: -32px 0; }
.ui-layout-west > div > .ui-accordion-left .ui-accordion-left > h3 a { color: #FFF; }
.ui-layout-west > div > .ui-accordion-left .ui-accordion-left > h3.ui-state-active .ui-icon { background-position: -48px 0; }
.ui-layout-west > div > .ui-accordion-left.accordion-control-md > .ui-accordion-content { padding-top: 47px; }
.ui-layout-west > div > .ui-accordion-left.accordion-control-lg > .ui-accordion-content { padding-top: 132px; }

.ui-layout-west > div li > a > .jstree-icon { background-image: url('Images/Theme/spr_icons.png'); background-repeat: no-repeat; }
.ui-layout-west > div li[rel=city] > a > .jstree-icon,
.ui-layout-west > div li[rel=unit] > a > .jstree-icon,
.ui-layout-west > div li[rel=equipment_schedule_group_dates] > a > .jstree-icon, 
.ui-layout-west > div li[rel=equipment_request_group_dates] > a > .jstree-icon, 
.ui-layout-west > div li[rel=travel_request_unit] > a > .jstree-icon, 
.ui-layout-west > div li[rel=travel_request_group_dates] > a > .jstree-icon, 
.ui-layout-west > div li[rel=schedule_group_unit] > a > .jstree-icon,
.ui-layout-west > div li[rel=schedule_group_dates] > a > .jstree-icon { background-position: -32px -32px; }
.ui-layout-west > div li[rel=Equipment_schedule_group_date] > a > .jstree-icon,
.ui-layout-west > div li[rel=Equipment_request_group_date] > a > .jstree-icon,
.ui-layout-west > div li[rel=travel_request_group_date] > a > .jstree-icon,
.ui-layout-west > div li[rel=schedule_group_date] > a > .jstree-icon { background-position: -48px -64px; }
.ui-layout-west > div li[rel=equipment_schedule_group_landmark_use] > a > .jstree-icon,
.ui-layout-west > div li[rel=equipment_schedule_landmark_use] > a > .jstree-icon,
.ui-layout-west > div li[rel=equipment_request_group_landmark_use] > a > .jstree-icon,
.ui-layout-west > div li[rel=equipment_request_landmark_use] > a > .jstree-icon,
.ui-layout-west > div li[rel=travel_request_place] > a > .jstree-icon,
.ui-layout-west > div li[rel=schedule_place] > a > .jstree-icon { background-position: -48px -32px; }
.ui-layout-west > div li[rel=travel_request_group_from_where] > a > .jstree-icon, 
.ui-layout-west > div li[rel=schedule_group_from_where] > a > .jstree-icon { background-position: -64px -16px; }
.ui-layout-west > div li[rel=travel_request_group_to_where] > a > .jstree-icon,
.ui-layout-west > div li[rel=schedule_group_to_where] > a > .jstree-icon { background-position: -80px -16px; }
.ui-layout-west > div li[rel=travel_request_group_from_where] li[rel=travel_request_time] > a > .jstree-icon,
.ui-layout-west > div li[rel=schedule_group_from_where] li[rel=schedule_time] > a > .jstree-icon { background-position: -80px 0px; }
.ui-layout-west > div li[rel=travel_request_group_to_where] li[rel=travel_request_time] > a > .jstree-icon,
.ui-layout-west > div li[rel=schedule_group_to_where] li[rel=schedule_time] > a > .jstree-icon { background-position: -64px -48px; }
.ui-layout-west > div li[rel=travel_request_leg] > a > .jstree-icon,
.ui-layout-west > div li[rel=schedule] > a > .jstree-icon { background-position: -96px -16px; }
.ui-layout-west > div li[rel=travel_request_group_passengers] > a > .jstree-icon,
.ui-layout-west > div li[rel=schedule_group_passengers] > a > .jstree-icon { background-position: -32px -64px; }
.ui-layout-west > div li[rel=travel_request_passenger] > a > .jstree-icon,
.ui-layout-west > div li[rel=schedule_passenger] > a > .jstree-icon { background-position: -16px -32px; }
.ui-layout-west > div li[rel=travel_request_group_luggage] > a > .jstree-icon,
.ui-layout-west > div li[rel=schedule_group_luggage] > a > .jstree-icon { background-position: -16px -64px; }
.ui-layout-west > div li[rel=travel_request_luggage] > a > .jstree-icon,
.ui-layout-west > div li[rel=schedule_luggage] > a > .jstree-icon { background-position: -48px -0px; }
.ui-layout-west > div li[rel=equipment_schedule_group_request_item_type] > a > .jstree-icon,
.ui-layout-west > div li[rel=equipment_schedule_group_request_item] > a > .jstree-icon,
.ui-layout-west > div li[rel=equipment_schedule_request_item] > a > .jstree-icon,
.ui-layout-west > div li[rel=equipment_request_group_request_item_type] > a > .jstree-icon,
.ui-layout-west > div li[rel=equipment_request_group_request_item] > a > .jstree-icon,
.ui-layout-west > div li[rel=equipment_request_request_item] > a > .jstree-icon { background-position: -128px -62px; }
.ui-layout-west > div li[rel=equipment_request_group_equipment_request] > a > .jstree-icon  { background-image: url('Images/Theme/spr_status_icon_15_15.png');  background-repeat: no-repeat; background-position: -16px -15px;   }
.ui-layout-west > div li[rel=equipment_schedule_group_equipment_schedule] > a > .jstree-icon { background-image: url('Images/Theme/spr_status_icon_15_15.png');  background-repeat: no-repeat; background-position: -45px -0px;   }

.cssSpriteTreeview > ins { background-image: url('Images/Theme/spr_icons.png') !important; background-repeat: no-repeat;}
.cssmnuExpand > ins { background-position: -48px -16px !important; }
.cssmnuRetract > ins { background-position: -112px -32px !important; }
.cssmnuCreateTravelRequest > ins { background-position: -112px 0 !important; }
.cssmnuEditTravelRequest > ins { background-position: -144px -48px !important; }

.panel-west-accordion-control { position: absolute; top: 0; left: 0; width: 100%; height: 42px; padding: 10px 0; background-color: #EEE; border-bottom: 1px solid #DDD; text-align: center; }
.panel-west-accordion-control-2 { width: 100%;  text-align: center; padding: 10px 0; padding-left: 10px;background-color: #EEE; border-bottom: 1px solid #DDD;}
.panel-west-accordion-control-2 > div {padding-bottom: 5px; border-bottom: 1px solid #DDD;}
.panel-west-accordion-control-sub-1 { top: 42px; }
.panel-west-accordion-control-sub-2 { top: 84px; }
.panel-west-accordion-control-sub-3 { top: 126px; }

.jstree,
.ui-configuration { overflow: auto; height: 100%; }
.ui-configuration fieldset { color: #555; }
.ui-configuration table { width: 100%; }
.ui-configuration table tr.configuration-color-type { background: #EDEDED; }
.ui-configuration table td { padding: 5px; }
.ui-configuration table td:first-child { width: 80%; }
.ui-configuration label { font-weight: 400; }
.ui-configuration .btn-blue { color: #fff; }

/*--- Layout Center Panel ---*/
.panel-layout-center { overflow: visible !important; }
.panel-layout-center > .ui-layout-center > .ui-tabs { padding: 0; background: none; height: 100%; }
.panel-layout-center > .ui-layout-center > .ui-tabs > .ui-tabs-nav { padding-right: 200px; border-bottom: 3px solid #FF7841; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; height: auto;}
.panel-layout-center > .ui-layout-center > .ui-tabs > .ui-tabs-nav li { border: 0; background: none; background-color: #B6B6B6; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.panel-layout-center > .ui-layout-center > .ui-tabs > .ui-tabs-nav li.ui-state-active { background-color: #FF7841; }
.panel-layout-center > .ui-layout-center > .ui-tabs > .ui-tabs-nav li > a { padding: .5em 3em .5em 2em; text-transform: uppercase; color: #FFF; outline: 0; }
.panel-layout-center > .ui-layout-center > .ui-tabs > .ui-tabs-nav li:first-child > a { padding: .5em 2em; }
.panel-layout-center > .ui-layout-center > .ui-tabs > .ui-tabs-nav li span.ui-icon { top: 50%; right: 3px !important; margin-top: -8px; background-image: url("Images/jQuery-UI/ui-icons_454545_256x240.png"); cursor: pointer; }
.panel-layout-center > .ui-layout-center > .ui-tabs > .ui-tabs-panel { position: relative; padding: 0; background: #FAFAFA; -moz-box-shadow: 0 0 8px #BBB; -webkit-box-shadow: 0 0 8px #BBB; box-shadow: 0 0 8px #BBB; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

.panel-user-menu { position: absolute; top: 0; right: 0; z-index: 1000; }
.panel-user-menu > ul { list-style: none; margin: 0; padding: 0; }
.panel-user-menu > ul > li { float: left; padding-right: 1em; }
.panel-user-menu > ul > li > a { display: block; font-size: 12px; color: #333; cursor: pointer; }
.panel-user-menu > ul > li > a > span { float: left; }
.panel-user-menu > ul > li > a > span.panel-user-menu-icon { width: 18px; height: 18px; margin-left: 5px; background-image: url('Images/Theme/spr_panel_user_menu.png'); background-repeat: no-repeat; }
.panel-user-menu > ul > li.panel-user-menu-password > a > span.panel-user-menu-icon { background-position: -18px 0; }
.panel-user-menu > ul > li.panel-user-menu-exit > a > span.panel-user-menu-icon { background-position: 0 0; }
.panel-user-menu > ul > li.panel-user-menu-user {float: left;}

.loading { background: #F5DC9F; color: #333; font-weight: 600; padding: 5px 10px; z-index: 999999 !important }
.loading-text { color: #333; font-weight: 600; }
.loading-text .place-img-content { margin: 0 3px 0 1px; }
.loading-masked { overflow: hidden; }
.loading-error { color: #FFF; background: red; }

/*--- Layout Center Panel: Map ---*/
.google-maps-tab-menu { position: absolute; top: 6px; left: 136px; }
.google-maps-tab-menu > ul { margin: 0; height: 100%; padding: 0; list-style: none; }
.google-maps-tab-menu > ul > li { float: left; background-color: #FF7841; width: 28px; height: 28px; overflow: hidden; -moz-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; }
.google-maps-tab-menu > ul > li > a { display: block; height: 28px; text-transform: uppercase; line-height: 28px; padding-right: 15px; color: #FFF; text-decoration: none; }
.google-maps-tab-menu > ul > li > a > span { display: inline-block; margin-left: 6px; vertical-align: middle; }
.google-maps-tab-menu > ul > li > a > span.google-maps-tab-menu-icon { width: 16px; height: 16px; margin: 6px; background-image: url('Images/Theme/spr_map_tools_icon.png'); background-repeat: no-repeat; background-position: 0 6px; }
.google-maps-tab-menu > ul > li.google-maps-tab-menu-active,
.google-maps-tab-menu > ul > li:hover > a,
.google-maps-tab-menu > ul > li > span { background-color: #E2551B; }
.google-maps-tab-menu > ul > li > span { display: none; position: absolute; height: 26px; padding-right: 10px; padding-left: 10px; text-transform: uppercase; line-height: 26px; color: #FFF; font-size: 12px; }
.google-maps-tab-menu > ul > li.google-maps-tab-menu-select > a > span.google-maps-tab-menu-icon { background-position: 0 0; }
.google-maps-tab-menu > ul > li.google-maps-tab-menu-planning > a > span.google-maps-tab-menu-icon { background-position: -64px 0; }
.google-maps-tab-menu > ul > li.google-maps-tab-menu-cluster-users > a > span.google-maps-tab-menu-icon { background-position: -96px 0; }
.google-maps-tab-menu > ul > li.google-maps-tab-menu-cluster-stops > a > span.google-maps-tab-menu-icon { background-position: -80px 0; }
.google-maps-tab-menu > ul > li.google-maps-tab-menu-planning > span { width: 155px; }
.google-maps-tab-menu > ul > li.google-maps-tab-menu-cluster-users > span { width: 137px; }
.google-maps-tab-menu > ul > li.google-maps-tab-menu-cluster-stops > span { width: 127px; }
.google-maps-tab-menu > ul > li.google-maps-tab-menu-active.google-maps-tab-menu-select > span { width: 156px; }
.google-maps-tab-menu > ul > li.google-maps-tab-menu-active.google-maps-tab-menu-planning > span { width: 177px; }
.google-maps-tab-menu > ul > li.google-maps-tab-menu-active.google-maps-tab-menu-cluster-users > span { width: 160px; }
.google-maps-tab-menu > ul > li.google-maps-tab-menu-active.google-maps-tab-menu-cluster-stops > span { width: 149px; }
.google-maps-tab-menu > ul > li:hover > span { display: block; }

.ui-marker-label { font-size: 11px; color: #FFF; text-align: center; width: 17px; font-weight: bold; }
.ui-waypoint-label { padding: 3px 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-weight: 600; color: #FFF; }
.ui-km-label {font-weight: 600; color: #FFF; }
.ui-marker-schedule-stop-label {  font-size: 14px; color: #000000; text-align: center; width: 17px; font-weight: bold; }

.panel-info-window { overflow: hidden; overflow-y: auto; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.panel-info-window label { font-weight: 400; } 
.panel-info-window-title { margin-bottom: 10px; font-size: 18px; font-weight: 600; }

.panel-info-window .ui-dialog-buttonpane { border: 0; }

/*--- Layout Center Panel: Control ---*/
.control-panel-content { height: 100%; padding: 25px 10px 10px; overflow: auto; }
.control-panel-content-search-grid { padding: 16px; background: #FFF; -moz-box-shadow: 0 0 4px #BBB; -webkit-box-shadow: 0 0 4px #BBB; box-shadow: 0 0 4px #BBB; margin-bottom:1px }

.control-panel-content label { font-size: 13px; font-weight: 400; color: #717171; }
.control-panel-content h3 { margin: 10px 0; font-size: 16px; font-weight: 400; text-transform: uppercase; color:#000;}
.control-panel-content .input-sm { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.control-panel-content .input-hour { width:100px; }
.control-panel-content .form-horizontal .form-group { margin-right: 0; margin-left: 0; }

.control-panel-content .adjustable-height.rich-text-enabled-mode { height: 400px; }
.control-panel-content .adjustable-height.rich-text-disabled-mode { max-height: 400px; overflow: auto; border: 1px solid #ccc !important; }

.collapsible-panel { margin: 0; padding:0; -moz-box-shadow: 0 0 4px #BBB; -webkit-box-shadow: 0 0 4px #BBB; box-shadow: 0 0 4px #BBB; }
.collapsible-panel-header { position: relative; width: 100%; background-image: url('Images/Layout/bg_bar_right.png'); overflow: hidden; cursor: pointer; }
.collapsible-panel-header img { position: absolute; top: 50%; left: 10px; margin-top: -4px; }
.collapsible-panel-header-title { float: left; display: block; height: 35px; line-height: 35px; padding: 0px 10px 0px 42px; background-image: url('Images/Layout/bg_bar_left.png'); font-size: 12px; text-transform: uppercase; vertical-align: top; }
.collapsible-panel-header-bar { float: left; display: block; width: 19px; height: 35px; margin-top: 0px; background-image: url('Images/Theme/bg_filter_head.jpg'); background-repeat: no-repeat; }
.collapsible-panel-content { float: left; width: 100%; height: auto; padding: 13px; background: #FFF; overflow:hidden; }

.filter-panel-content .form-control, .filter-panel-content .select2-selection { border: 1px solid #FD8730 !important; }

.page-toolbar-search,
.page-toolbar-report { margin: 20px 0; }
.page-toolbar-data,
.page-toolbar-data-control { margin-bottom: 20px; }
.page-toolbar-data-control { overflow: hidden; }
.page-toolbar-dialog { margin: 5px 0 20px; }

.tab-container .ajax__tab_header,
.tab-container .ajax__tab_body { float: left; position: relative; min-height: 1px; }
.tab-container .ajax__tab_header { width: 16.66666667%; }
.tab-container .ajax__tab_body { width: 83.33333333%; min-height: 300px; padding: 15px 0; background-color: #FFF; border-top: 1px solid #C2C2C2; -moz-box-shadow: 0 0 4px #CCC; -webkit-box-shadow: 0 0 4px #CCC; box-shadow: 0 0 4px #CCC; }
.tab-container .ajax__tab_header .ajax__tab_outer { display: block; background-color: #F6F6F6; background-image: url('Images/Theme/bg_tab_container.png'); background-repeat: repeat-y; background-position: right 0; border-top: 1px solid #C2C2C2; }
.tab-container .ajax__tab_header .ajax__tab_inner { width: 100%; color: #464646; }
.tab-container .ajax__tab_header .ajax__tab_tab { width: 100%; padding: 10px 12px; text-align:left; cursor: pointer; }
.tab-container .ajax__tab_hover .ajax__tab_inner { }
.tab-container .ajax__tab_active .ajax__tab_outer { position: relative; background-color: #FFF; background-image: none; z-index: 2; }

/************** TAB HORIZONTAL ******************************************************/
.tab-container-horizont .ajax__tab_header { padding: 1px }
.tab-container-horizont .ajax__tab_body { position: relative; min-height: 1px; }
.tab-container-horizont .ajax__tab_header { width: 100%; }
.tab-container-horizont .ajax__tab_body { position: inherit; margin: 10px 15px; width: 98.33333333%; min-height: 300px; padding: 5px 0 15px; background-color: #FFF; border-top: 0px solid #C2C2C2; -moz-box-shadow: 0 0 4px #CCC; -webkit-box-shadow: 0 0 0px #CCC; box-shadow: 0 0 0px #CCC; }
.tab-container-horizont .ajax__tab_header .ajax__tab_outer { width:33.3333%; display: inline-block; float:left; background-color: #F6F6F6; background-image: url('Images/Theme/bg_tab_container.png'); background-repeat: repeat-y; background-position: right 0; border-top: 0; border-bottom: 1px solid #D5D5D5; border-left: 1px solid #D5D5D5; }
.tab-container-horizont .ajax__tab_header span:first-child .ajax__tab_outer { border-left: 0; }
.tab-container-horizont .ajax__tab_header .ajax__tab_inner { width: 100%; color: #464646; }
.tab-container-horizont .ajax__tab_header .ajax__tab_tab { width: 100%; padding: 10px 12px; text-align:left; cursor: pointer; }
.tab-container-horizont .ajax__tab_hover .ajax__tab_inner { }
.tab-container-horizont .ajax__tab_active .ajax__tab_outer { width:33.3333%; background-color: #FFF; background-image: none; border-bottom: 0; z-index: 2; }

.control-panel-content .section-register { background-color: #E8E8E8; background-image: url('Images/Theme/bg_section_register.png'); background-repeat: repeat-x; padding: 10px; }
.control-panel-content .section-register > h4 {  margin-top: 0; font-size: 14px; font-weight: 600; text-transform: uppercase; }
.control-panel-content .section-register label { font-size: 13px; }
.control-panel-content .section-register-padding { padding-top: 10px; }
.control-panel-content .section-register-space { margin-top: 10px; }
.control-panel-content .section-register-from > h4 { color: #12A89D; }
.control-panel-content .section-register-to > h4 { color: #F7941F; }
.control-panel-content .section-list-register-legend { float: right; overflow: hidden; margin: 0; list-style: none; color: #666; font-size: 12px; } 
.control-panel-content .section-list-register-legend > li { display: inline-block; margin-right: 10px; } 
.control-panel-content .section-list-register-legend > li > span { display: inline-block; vertical-align: middle; }
.control-panel-content .section-list-register-legend > li > span.legend-icon { width: 18px; height: 18px;  margin-right: 2px; background-color: #F5F5F5; }
.control-panel-content .section-list-register-legend > li > span.legend-icon-green { background-color: #D7F5F5; }
.control-panel-content .section-list-register-legend > li > span.legend-icon-red { background-color: #F6DFD7; }
.control-panel-content .section-register-button-group { overflow: hidden; margin-bottom: 10px; margin-top: 15px; }
.control-panel-content .btn-section-register { float: right; height: 35px; padding: 0 20px; background-image: none; color: #FFF; font-weight: 300; }
.control-panel-content .btn-section-register { float: right; height: 35px; padding: 0 20px; background-image: none; color: #FFF; font-weight: 300; }
.control-panel-content .btn-section-register-arrow { width: 120px; padding-right: 13px; padding-left: 0px; background-color: transparent; background-image: url('Images/Theme/btn_section_register.png'); background-repeat: no-repeat; }
.control-panel-content .btn-section-register-side { margin-right: 6px; background-color: #FE7740; }
.control-panel-content .btn-section-register-arrow:hover, .control-panel-content .btn-section-register-arrow:focus { background-position: 0 -35px; }
.control-panel-content .btn-section-register-side:hover, .control-panel-content .btn-section-register-side:focus { background-color: #D36337; }
.nav-tabs { width: 33.2%; display: inline-block; padding: 10px; margin: 0; text-align: center; background: #b1b1b1; color:white; cursor: pointer; text-transform: uppercase; float:left; border-left: 1px solid white; }
.nav-tabs > span {font-weight: 500 }
.nav-tabs-selected { background: #E8E8E8; color:#717171; }
                  
.control-panel-content .btn-section-register-arrow-left { width: 120px; padding-right: 13px; padding-left: 0px; background-color: transparent; background-image: url('Images/Theme/btn_section_register.png'); background-repeat: no-repeat; background-position: 0 -71px; }
.control-panel-content .btn-section-register-arrow-left:hover, .control-panel-content .btn-section-register-arrow-left:focus { background-position: 0 -105px; }

.cssGridViewHeaderStyle.header-style th { background-color: #00A2B9; color: #FFFFFF; }
.cssGridViewHeaderStyle.header-style td { background-color: #FFFFFF; }
.cssGridViewRowStyle.row-style td { background-color: #FFF; height: 27px; }
.cssGridView tr.cssGridViewRowStyle.row-style:hover td { height: 27px; }

.control-grid-footer-style { height: 34px; background-color: #0184BA; color: #FFF; text-align: right; font-size: 13px; }
.control-grid-footer-style td { padding: 3px; text-align: center; border: 0; font-weight: 400;}
.control-grid-footer-style td:first-child { font-weight: 600; }

/*--- Layout East Panel: Control ---*/
.module-content > .ui-layout-center .ui-layout-east { padding-left: 1px; }

.panel-east { height: 100%; padding: 0; background: #FFF; -moz-box-shadow: 0 0 4px #BBB; -webkit-box-shadow: 0 0 4px #BBB; box-shadow: 0 0 4px #BBB; overflow: hidden; }
.panel-east > div { height: 100%; }
.panel-east-title {height: 35px;margin: 0;padding: 0 15px;background-color: #ff7841;background-repeat: repeat-x;border-bottom: 1px solid #D7D7D7 !important;color: #FFF;font-size: 14px;line-height: 34px;text-transform: uppercase;letter-spacing: 0.02em;zoom: 1;}
.panel-east-title > .ui-icon-close {  position: absolute; top: 7px; right: 10px; background-image: url("Images/jQuery-UI/ui-icons_ffffff_256x240.png"); cursor: pointer; background-position: -96px -128px;}
.panel-east-title > .ui-icon-close:hover {background-image: url("Images/jQuery-UI/ui-icons_454545_256x240.png");}
.panel-east-accordion-control { width: 100%; padding: 20px 0px 10px; background-color: #FFF; border-bottom: 1px solid #DDD; text-align: center; }
.panel-east-accordion-control label { padding-right: 0; font-weight: 400; font-size: 13px; }
.panel-east-accordion-control .form-group { margin-bottom: 10px; }
.panel-east-accordion-control .form-control-date.input-sm { width: 86px !important; }
.panel-east-accordion-control .col-label { float:left; width:20%}
.panel-east-accordion-control .col-field { float:left; margin: 0 10px; width:55% }
.panel-east-accordion-control .col-button { float:left; width:10% }
.panel-east-accordion-control .col-field label, .panel-east-accordion-control .col-field input { float :left;}
.panel-east-accordion-control .btnSearch {background-image: url(/App_Themes/Panel/Images/TrackingVehicleButtonsIcons.png); background-position: -33px 0px;height: 33px;width: 33px;padding: 0px;border: 0px; margin-left: 10px;}

.tracking-itinerary-panel-east-accordion-control { width: 100%; padding: 20px 0px 10px; background-color: #FFF; border-bottom: 1px solid #DDD; }
.tracking-itinerary-panel-east-accordion-control label { padding-right: 0; font-weight: 400; font-size: 13px; }
.tracking-itinerary-panel-east-accordion-control .form-group { margin-bottom: 10px; }
.tracking-itinerary-panel-east-accordion-control .form-control-date.input-sm { width: 86px !important; }
.tracking-itinerary-panel-east-accordion-control .col-label { float: left; width: 20% }
.tracking-itinerary-panel-east-accordion-control .col-field { float: left; margin: 0 10px; width: 55% }
.tracking-itinerary-panel-east-accordion-control .col-button { float: left; width: 10% }
.tracking-itinerary-panel-east-accordion-control .col-field label, .panel-east-accordion-control .col-field input { float: left; }
.tracking-itinerary-panel-east-accordion-control .btnTrackingSearch { text-align: center !important; }

.field-validator { position: absolute;top: 8px; left: 5px; color:red; }
.field-validator2 {
    position: absolute;
    top: 8px;
    left: -8px;
    color: red;
}
.form-group-mandatory-wrap span.field-validator {top: 30px;}
.form-group-mandatory-wrap > h5 + span.field-validator { top: 42px; }
.form-group-mandatory-wrap > .form-inline span.field-validator { top: 30px;left: -10px; }

/*--- Idiom Page ---*/
.cssIdiomSplitterPanel { border: 0; }
.cssIdiomSplitterPanel .cssSplitterLeftPanel { background: #eee; }
.cssIdiomSplitterPanel .cssSplitterRightPanel { padding: 0 20px 20px; }

/*-- NavBar --*/
nav {margin-bottom : 50px;}
.nav {margin-top: 1px !important;}
nav .navbar-toggle,
nav .navbar-toggle:hover,
nav .btnSearch,
nav .btnSearch:hover { border: none; background-color : transparent !important;}
nav .navbar-toggle .icon-bar { background-color : #FFF !important; }
nav .navbar-collapse { background-color : #FFF; }
nav .navbar-collapse a { color : #000 !important;}
nav .open > a {background-color : #e7e7e7 !important;}
nav .dropdown-submenu > .dropdown-menu { padding-left: 22px !important;}
nav .btnSearch { background-image: url(/App_Themes/Panel/Images/TrackingVehicleButtonsIcons.png); background-position: -33px 0px; height: 33px; width: 33px; padding: 0px; border: 0px; margin-left: 10px; margin-top: 7px;}
nav .lblCurrentTab {padding: 0px; border: 0px; margin-left: 10px; margin-top: 13px; height:33px; color: #FFF !important; width: 60%; text-align: center;  font-size: 14px;}
nav .panel-user-menu-icon { width: 18px; height: 18px; margin-left: 5px; background-image: url('Images/Theme/spr_panel_user_menu.png'); background-repeat: no-repeat; }
nav .panel-user-menu-password > a > span.panel-user-menu-icon { background-position: -18px 0; }
nav .panel-user-menu-exit > a > span.panel-user-menu-icon { background-position: 0 0; }

.module-header .navbar-collapse { padding-left: 0px !important; padding-right: 0px !important;}

@media (max-width: 767px) {
    .collapsible-panel-header { display:none;} 
    .control-panel-content,
    .collapsible-panel-content,
    .module-content > .ui-layout-pane { padding: 0px;}     
    .collapsible-panel-content { padding-top: 20px;}     
    .page-toolbar-search, .page-toolbar-report, .page-toolbar-data { padding-left: 10px;  margin-bottom: 10px;}
    .page-toolbar-data { padding-top: 20px; }
    .control-label-inline.col-xs-2 { padding-left : 15px; padding-top: 5px;}
}

@media (max-height: 440px) {
    .module-header { display:none;}
    .module-footer { display:none;}
    .homepage-content { top: 0px !important; margin:0px !important; }
}

.badge-notifications-counter { background-color: #FF7841; color: white; margin-left: 5px; padding: 0px 8px; cursor: pointer;}
.ui-tabs-active .badge-notifications-counter { background-color: #B6B6B6;}
.disabled-element { opacity: 0.65; pointer-events: none; }


/* Estilos da pesquisa de endereco no painel de controle */
.panel-address-search-info-window { overflow: hidden; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; border: 0;}
.panel-address-search-info-window label { font-weight: 400; padding-top: 7px; margin-bottom: 0; text-align: right; color:#333; } 
.panel-address-search-info-window-title { margin-bottom: 10px; font-size: 18px; font-weight: 600; color:#333; }
.panel-address-search-info-window fieldset { margin: 0; padding: 8px 10px 20px 10px !important; background: none; border: 0; border-top: 1px solid #FF7640; }
.panel-address-search-info-window fieldset > legend { width: auto; margin-bottom: 0; padding: 0 10px; border: 0; font-size: 13px; font-weight: 400; color: #F2581C; }
.panel-address-search-info-window .stop-comparative-table { width: 100%; font-size: 12px; text-align: center; table-layout: fixed; } 
.panel-address-search-info-window .stop-comparative-table thead th { background-color: #FFAA3D; padding: .2em 0; border: 1px solid #FFF;   border-bottom: 1px solid #FFF; color: #FFF; font-weight: 600; text-align: center; }
.panel-address-search-info-window .stop-comparative-table tbody tr { background-color: #F4DCC4; }
.panel-address-search-info-window .stop-comparative-table tbody td { padding: .5em; color: #666; font-weight: 400; }
.panel-address-search-info-window .stop-comparative-table input[type=text] { width: 70px; display: block; margin: 0 auto; }
.panel-address-search-info-window table {  border-collapse: collapse;  border-spacing: 0; }
.panel-address-search-info-window td, .panel-address-search-info-window th { padding: 0; }
.panel-address-search-info-window .control-label-inline-lg {padding: 0px 10px 0px 20px;}
.panel-address-search-info-window .zip-code {padding: 0px 10px !important;}
.panel-address-search-info-window .input-col-1 { width : 212px; }
.panel-address-search-info-window .input-col-2 { width : 85px; }
.panel-address-search-info-window .ui-widget-content { border:0; }

.ui-configuration fieldset,
.ui-dialog fieldset,
.panel-address-search-info-window fieldset { margin: 0; padding: 15px 10px 20px 10px; background: none; border: 0; border-top: 1px solid #FF7640; }
.ui-configuration fieldset > legend,
.ui-dialog fieldset > legend,
.panel-address-search-info-window fieldset > legend { width: auto; margin-bottom: 0; padding: 0 10px; border: 0; font-size: 13px; font-weight: 400; color: #F2581C; }

.ui-marker-label { font-weight: bold; font-size: 8pt; font-family: Verdana, Helvetica, sans-serif; color: white; text-align: center; width: 15px;}
.ui-waypoint-label { font-weight: bold; font-size: 7pt; font-family: Verdana, Helvetica, sans-serif; text-align: center; width: 16px; color: white; border: 1px solid black; opacity: 0.8; border-radius: 15px; z-index: 6 !important; }

.visible-logo { display: none !important;}

@media (min-width: 1430px) { .visible-logo { display: block !important; } }

.text-truncate { white-space: nowrap; text-overflow:ellipsis; overflow: hidden; max-width:1px; }
.message-attachment fieldset { margin: 0; padding: 8px 10px 20px 10px !important; background: none; border: 0; border-top: 1px solid #FF7640; }
.message-attachment fieldset > legend { width: auto; margin-bottom: 0; padding: 0 10px; border: 0; font-size: 13px; font-weight: 400; color: #F2581C; }

@media (max-width: 768px) {
     
  .tab-container .ajax__tab_header { width: 100% !important; display: inline-flex; } 
  .tab-container .ajax__tab_header span{ width: 100%; white-space: nowrap; display: block; } 
  .control-panel-content-search-grid,.tab-container .ajax__tab_body { width: 100% !important; min-height: 1px; padding: 15px 0; background-color: #fafafa; border: none; -moz-box-shadow: 00 0 0px #fafafa; -webkit-box-shadow: 0 0 0px #fafafa; box-shadow: 0 0 0px #fafafa; }  
  .ui-dialog,.dialog-panel,.dialog-panel > div { width: 100% !important; }
  .cssGridViewHeaderStyle a { white-space: nowrap !important;overflow: hidden !important;text-overflow: ellipsis !important; }
  .ajax__tab_panel .panel-top, .ajax__tab_panel .panel-bottom, .ui-tabs .panel-top, .ui-tabs .panel-bottom { margin:0px !important; }
}

@media (max-width: 1430px) {

    .tab-container .ajax__tab_header .ajax__tab_outer { border-top: none; border-left: 1px solid #F6F6F6; }
    .tab-container .ajax__tab_header span { white-space: nowrap; display: block; }
    .tab-container .ajax__tab_header { width: 100% !important; display: inline-flex; padding-left: 5px; padding-right: 5px; background: #ffffff; 
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmVmZWZlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(top, #ffffff 97%, #ffffff 97%, #ffffff 97%, #fefefe 97%, #808080 100%);
        background: -webkit-linear-gradient(top, #ffffff 97%,#ffffff 97%,#ffffff 97%,#fefefe 97%,#808080 100%);
        background: linear-gradient(to bottom, #ffffff 98%,#ffffff 98%,#ffffff 98%,#fefefe 98%,#808080 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#808080',GradientType=0 );
    }
    .tab-container .ajax__tab_active .ajax__tab_outer { border-style: solid; border-color: #C2C2C2 #C2C2C2 #F6F6F6 #C2C2C2; border-width: 1px; }
    .control-panel-content-search-grid,.tab-container .ajax__tab_body { width: 100% !important;min-height: 1px;padding: 15px 0; background-color: #fafafa; border: none; -moz-box-shadow: 0 0 0px #fafafa;-webkit-box-shadow: 0 0 0px #fafafa;box-shadow: 0 0 0px #fafafa; }            
}

.taxi-request-address-title { font-weight: bold; text-transform: uppercase; padding-top:10px }
.btn-add-remove-cost-center {min-width:30px; margin-left:5px !important; }
#divOccurJustification { padding-right: 20px !important; padding-left: 20px !important;}
@media(max-width: 1152px) { .label-date-to { margin-left: 25px; } }
@media(min-width: 1152px) { .label-date-to { margin-left: 12px; } }


.west-erase {
    right: 2.5em;
    top: 50%;
    margin-top: -8px;
    color: #FE7740;
    position: absolute;
    display:none;
}

.west-filter {
    right: 1em;
    top: 50%;
    margin-top: -8px;
    color: #FE7740;
    position: absolute;
}

.west-vertical {
    right: 1em;
    top: 50%;
    margin-top: -8px;
    color: #FE7740;
    position: absolute;
    display: none;
}

.FilterModalIcon {
    top: 12px;
    margin-top: -8px;
    float: left;
    padding-right: 10px;
}

.FilterArrow {
    position: absolute;
    top: calc( 100vh - (100vh - 30px) );
    left: 0px;
    z-index: 10;
    transform: rotate(180deg);
}

.FilterArrow-out {
    display: block;
    width: 0px;
    height: 0px;
    position: absolute;
    left: 0px;
    content: "";
    border-width: 15px 0px 15px 15px;
    border-style: solid;
    border-image: initial;
    border-color: rgba(0, 0, 0, 0) #FF7640;
}

.btnFiterOrange {
    background-color: #FE7740 !important;
}

.btnClearFiterGrey {
    background-color: #999999 !important;
}

.FilterWest {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.margin-left-less-40 {
    margin-left: -40px !important;
}

.margin-right-15 {
    margin-right: 15px !important;
}

.padding-top-5 {
    padding-top: 5px;
}

.font-12{
    font-size: 12px !important;
}

.padding-left-4 {
    padding-left: 8px;
}


.collapsible {
    margin: 0;
    padding: 0;
    -moz-box-shadow: 0 0 4px #BBB;
    -webkit-box-shadow: 0 0 4px #BBB;
    box-shadow: 0 0 4px #BBB;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.collapsible .header {
    position: relative;
    width: 100%;
    background-image: url(../../App_Themes/Default/Images/Layout/bg_bar_right.png);
    overflow: hidden;
    cursor: pointer;
    padding: 0;
    border: none;
    color: #333333;
}

.collapsible .img {
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -4px;
    content: url(../../App_Themes/Default/Images/CollapsiblePanel/Expand_Arrow.png);
}

.collapsible .expanded .img {
    content: url(../../App_Themes/Default/Images/CollapsiblePanel/Collapse_Arrow.png);
}

.collapsible .title {
    float: left;
    display: block;
    height: 35px;
    line-height: 35px;
    padding: 1px 10px 0px 42px !important;
    background-image: url(../../App_Themes/Default/Images/Layout/bg_bar_left.png);
    font-size: 12px;
    text-transform: uppercase;
}

.collapsible .bar {
    float: left;
    display: block;
    width: 19px;
    height: 35px;
    margin-top: 0px;
    background-image: url(../../App_Themes/Default/Images/Theme/bg_filter_head.jpg);
    background-repeat: no-repeat;
}

.collapsible .content {
    float: left;
    width: 100%;
    height: auto !important;
    padding: 13px;
    background: #FFF;
    overflow: hidden;
    border: none;
    margin-bottom: 20px;
    -moz-box-shadow: 0 0 4px #BBB;
    -webkit-box-shadow: 0 0 4px #BBB;
    box-shadow: 0 0 4px #BBB;
}

.control-panel-content .ui-tabs .collapsible {
    margin: 0 15px;
}

.control-panel-content .ui-tabs .page-toolbar-search {
    margin-left: 15px;
    margin-right: 15px;
}

.control-panel-content .ui-tabs .control-panel-content-search-grid {
    margin: 15px;
}
.control-panel-content .ui-tabs.ui-widget {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px !important;
}

.control-panel-content .ui-tabs > .ui-tabs-nav, .control-panel-content .ui-tabs > .ui-tabs-panel {
    float: left;
    position: relative;
    min-height: 1px;
    padding: 0px;
}

.control-panel-content .ui-tabs > .ui-tabs-nav {
    white-space: normal !important;
    width: 16.66666667%;
    border-bottom: none;
}

.control-panel-content .ui-tabs > .ui-tabs-nav li {
    width:100%;
    margin: 0px;
    display: block;
    background-color: #F6F6F6;
    background-image: url(Images/Theme/bg_tab_container.png);
    background-repeat: repeat-y;
    background-position: right 0;
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-top: 1px solid #C2C2C2;
}

.control-panel-content .ui-tabs > .ui-tabs-nav li a {
    width:100%;
    padding: 10px 12px;
    text-align: left;
    cursor: pointer;
    overflow: hidden;
    color: #212121;
}

.control-panel-content .ui-tabs > .ui-tabs-nav li.ui-tabs-active {
    position: relative;
    background-color: #FFF;
    background-image: none;
    z-index: 2;
}

.control-panel-content .ui-tabs > .ui-tabs-panel {
    width: 83.33333333%;
    min-height: 300px;
    padding: 15px 0;
    background-color: #FFF;
    border-top: 1px solid #C2C2C2;
    border-bottom: 1px solid #C2C2C2;
    -moz-box-shadow: 0 0 4px #CCC;
    -webkit-box-shadow: 0 0 4px #CCC;
    box-shadow: 0 0 4px #CCC;
}

@media (max-width: 1430px) {

    .control-panel-content .ui-tabs > .ui-tabs-nav li {
        width: auto;
        border-top: none;
        border-left: 1px solid #F6F6F6;
        border-bottom: 1px solid rgb(205 205 205);
    }

    .control-panel-content .ui-tabs > .ui-tabs-nav li a {
        white-space: nowrap;
        display: block;
    }

    .control-panel-content .ui-tabs > .ui-tabs-nav {
        width: 100% !important;
        display: inline-flex;
        padding-left: 5px;
        padding-right: 5px;
        background: #ffffff;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmVmZWZlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(top, #ffffff 97%, #ffffff 97%, #ffffff 97%, #fefefe 97%, #808080 100%);
        background: -webkit-linear-gradient(top, #ffffff 97%,#ffffff 97%,#ffffff 97%,#fefefe 97%,#808080 100%);
        background: linear-gradient(to bottom, #ffffff 98%,#ffffff 98%,#ffffff 98%,#fefefe 98%,#808080 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#808080',GradientType=0 );
    }

    .control-panel-content .ui-tabs > .ui-tabs-nav li.ui-tabs-active {
        border-style: solid;
        border-color: #C2C2C2 #C2C2C2 #F6F6F6 #C2C2C2;
        border-width: 1px;        
    }

    .control-panel-content .ui-tabs > .ui-tabs-panel {
        width: 100% !important;
        min-height: 1px;
        padding: 15px 0;
        background-color: #fafafa;
        border: none;       
        -moz-box-shadow: 0 0 0px #fafafa;
        -webkit-box-shadow: 0 0 0px #fafafa;
        box-shadow: 0 0 0px #fafafa;
    }
}

.filter-table-select-icon {
    float: right;
    right: 0px;
    color: #FE7740;
}

.table-select {
    margin: 15px;
}

    .table-select .control-panel {
        padding: 16px;
        background: #FFF;
        -moz-box-shadow: 0 0 4px #BBB;
        -webkit-box-shadow: 0 0 4px #bbb;
        box-shadow: 0 0 4px #bbb;
        margin-bottom: 1px;
        min-height: 400px;
    }

.import {
    margin:15px;    
}

.import .import-step {    
    margin: 1em 1em 1em;
    overflow: hidden;
}

.import .import-step .title {
    font-weight: bold;
}

.import .import-step .title .highlight {        
    display: inline-block;
    width: 76px;
    margin-right: 8px;
    padding: 3px 0px;
    background: #FF7640;
    color: #FFF;
    text-align: center; 
}

.import .import-step .instructions{
    margin:15px;
}

.import a {
    margin: 0;
    padding-left: 15px;    
    border: 0px solid transparent;
    background-color: transparent;
    color: #F47D21;
    text-decoration: none;
    cursor: pointer;
}

.import .download { 
    padding: 10px 0px 30px 0px;
    margin: 0px 0px 0px 30px;
    background-color: #e7e7e7;
    border: 1px solid #ccc;
}

.seat-map {
    display: flex;
    flex-wrap: wrap;
}

.seat-map .item {
    width: 30px;
    height: 42px;
    cursor: pointer;
}

.seat-map .item div {    
    width:85%;
    height:96%;
    text-align: center;
}

.seat-map .item span {    
    text-align: center;
    font-weight: 900;
    color: #FFF;
    line-height: 28px;  
    width:100%;
}

.seat-map .break {
    flex-basis: 100%;
    height: 0px !important;
    margin: 0px;    
}

.seat-map .available{
    background-image: url(/App_Themes/Panel/Images/BusSeatAvailable.png);
    background-repeat: no-repeat;    
}

.seat-map .person-disability{
    background-image: url(/App_Themes/Panel/Images//BusSeatPersonDisability.png);
    background-repeat: no-repeat;    
}

.seat-map .not-available {
    background-image: url(/App_Themes/Panel/Images/BusSeatNotAvailable.png);
    background-repeat: no-repeat;
}

.seat-map .empty{
    background-image: none;
    background-repeat: no-repeat;    
}

.measurement-grid-footer-style {
    height: 34px;
    background-color: #0184BA;
    color: #FFF;
    text-align: center;
    font-size: 13px;
}

.measurement-grid-footer-style td {
    padding: 3px;
    text-align: center;
    border: 0;
    font-weight: 400;
}

    .measurement-grid-footer-style td:first-child {
        font-weight: 600;
    }

.wizard {
    width: 100%;
    padding-top: 15px;
}
    .wizard .step-title {
        padding: 5px 0px 0px 10px;
        line-height: 40px;
        margin-right: auto;
        margin-left: auto;        
        background-color: #797979;                
    }

    .wizard .step-title {
        padding: 5px 0px 0px 10px;
        line-height: 40px;
        margin-right: auto;
        margin-left: auto;        
        background-color: #797979;       
        font-weight: 600;
    }

    .wizard .step-title label {
        color: #fff;
        font-size: 2.1em;
        font-weight: 600;
    }

    .wizard .wizard-step {        
        height: calc(100vh - 150px);
        padding: 30px 15px 15px 15px;
        margin-right: auto;
        margin-left: auto;
        border: 1px solid #ddd;
        -webkit-transition: border .2s ease-in-out;
        -o-transition: border .2s ease-in-out;
        transition: border .2s ease-in-out;
        overflow: auto;
    }

    .wizard button {
        text-transform: uppercase;
        border-radius: 0;
        font-size: 1.3em;
        min-width: 150px;
        padding: 5px;
    }

    .wizard .btn-previous {
        background-color: #E55B51;
        outline: none !important;
    }

    .wizard .btn-next, .wizard .btn-finally, .wizard .btn-restart {
        background-color: #ef7538;
        border-color: #ef7538;
        float: right;
    }

    .wizard button label {
        color: #fff !important;
    }

    .wizard .wizard-bar-container {
        width: 100%;
        border-top: solid 1px #d2d1d1;
        bottom: 0;
        right: 0;
        left: 0;
        position: fixed;
        padding: 8px;
        background-color: #fff;
        margin-top: 1px !important;
        margin-bottom: 0;
        border-width: 1px 0 0;
        z-index: 1000;
    }

    .wizard .wizard-bar {
        margin-right: auto;
        margin-left: auto;                
    }


@media (min-width:1152px) {

    .wizard .step-title {
        max-width: 70% !important;
    }

    .wizard .wizard-step {
        max-width: 70% !important;
    }

    .wizard .wizard-bar {        
        max-width: 70% !important;
    }
}

@media (min-width:768px) {

    .wizard .step-title {
        max-width: 97%;
    }

    .wizard .wizard-step {
        max-width: 97%;
    }

    .wizard .wizard-bar {
        max-width: 97%;
    }
}