/*** Geral ***/

/*** Chat ***/
ul.ChatMessageFileList { padding: 0; margin: 0; border-top: 1px solid #DDD; list-style: none; margin-top: 15px; padding-top: 10px; padding-bottom: 10px; overflow: hidden; }
ul.ChatMessageFileList li { float: left; }
ul.ChatMessageFileList li:first-child { margin-right: 10px; padding-top: 4px; }
ul.ChatMessageFileList li.FileItem { border: 1px solid #B2D7FD; background-color: #DFEEFD; padding: 5px; margin-right: 6px; }
ul.ChatMessageFileList li.FileItem:hover { border: 1px solid #77B9FC; background-color: #C6E3FF; }
ul.ChatMessageFileList a { text-decoration: none; }

/*** TransportationRequest ***/

.cssTabSuggestions { padding: 0 20px; }
ul.cssTabSuggestionsList { margin: 0; padding: 5px 0; list-style: none; }
ul.cssTabSuggestionsList > li { height: 112px; margin-bottom: 10px; background: #FFF; border: 1px solid #E4E4E4; overflow: hidden; }
ul.cssTabSuggestionsList > li.cssItemSelected { border-color: #80B7D8; border-left-width: 3px; margin-left: -2px; }
ul.cssTabSuggestionsList > li.cssItemSelected div.cssTabSuggestedItemTotalValue { background-color: #518CCB !important; }
div.cssTabSuggestionRadio { float: left; width: 70px; height: 100%; text-align: center; }
div.cssTabSuggestionRadio input[type=radio] { margin-top: 38px; }
div.cssTabSuggestedItemsListContainer { float: left; padding-right: 20px; overflow: hidden; }
ul.cssTabSuggestedItemsList { padding: 10px 0; list-style: none; overflow: hidden; }
ul.cssTabSuggestedItemsList > li { display: inline-block; height: 100%; vertical-align: middle; margin-right: 10px; }
ul.cssTabSuggestedItemsList > li.cssItemRemoved { display: none !important; }
div.cssTabSuggestedItemPlus { float: left; height: 100%; padding: 17px 35px 0; color: #2871B9; font-size: 18px; font-weight: bold;  }
.cssTabSuggestedItemImage {width: 69px; height: 73px; float: left; background-image: url('/App_Themes/LightTransport/Images/Layout/TransportationRequestTypeIcons.png'); background-position: -73px 0px;}
div.cssTabSuggestedItemInfo { float: left; height: 100%; margin-left: 15px; }
div.cssTabSuggestedItemInfo > span { display: block; line-height: 1.6em; text-transform: uppercase; }
span.cssTabSuggestedItemInfoType { color: #2871B9; font-weight: bold; font-size: 13px; }
span.cssTabSuggestedItemInfoValue { color: #626262; font-weight: bold; font-size: 14px; }
span.cssTabSuggestedItemInfoLegs { color: #464646; font-weight: 300; }
span.cssTabSuggestedItemInfoLegs a { color: #777777; font-weight: 600; }
div.cssTabSuggestedItemTotalValue { float: right; position: relative; width: 174px; padding-left: 10px; height: 100%; background: #A7A7A7; text-align: center; color: #FFF; }
div.cssTabSuggestedItemTotalValue > span { display: block; text-transform: uppercase; }
span.cssTabSuggestedItemTotalValueTitle { margin-top: 25px; margin-bottom: 5px; font-size: 12px; }
span.cssTabSuggestedItemTotalValueValue { font-size: 14px; font-weight: bold; }
div.cssTabSuggestedItemTotalValueArrow { width: 0; height: 0; position: absolute; top: 0; left: 0; border-top: 56px solid transparent; border-bottom: 55px solid transparent; border-left: 18px solid white; }
div.cssTabSuggestionsValueSelected { margin-top: 20px; padding: 0 20px; background: #475A7F; color: #fff; text-align: right; line-height: 34px; }
div.cssTabSuggestionsValueSelected > span { text-transform: uppercase; }
span.cssTabSuggestionsValueSelectedTitle { font-size: 12px; font-weight: 600;  }
span.cssTabSuggestionsValueSelectedValue { margin-left: 6px; font-size: 16px; font-weight: bold; }
div.cssTabSuggestionsButtons { margin: 10px 0; text-align: right; }
div.cssTabSuggestionsButtons > .btn { margin-left: 10px; }
ul.cssSuggestedItemLegInfo { list-style: none; padding:0; color: #777; }
ul.cssSuggestedItemLegInfo li { line-height: 1.5em; }
ul.cssSuggestedItemLegInfo .treeview-icon { margin-right: 5px; }
li.cssSuggestedItemLegInfoDetails { margin-top: 10px; }
li.cssSuggestedItemLegInfoDetails > ul { margin: 5px 10px; list-style-type: square; }

ul.cssTabSuggestionsList .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-bottom: 12px; }
ul.cssTabSuggestionsList .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar  { background-color: #C2C2C2; background-color: rgba(194, 194, 194, 0.75); }

.cssTabSuggestions .popover { max-width: 100%; }
.cssTabSuggestions .popover h3 { margin: 0; font-size: 14px; }

.cssSpriteSuggest > ins { background-image: url('Images/Theme/spr_icons.png') !important; background-repeat: no-repeat;}
.cssmnuSuggestRemove > ins { background-position: -144px 0 !important; }

/*** TravelRequest ***/
.cssItemRejected { color: #CF3E3E; }

.cssLegGridStopTable { border: 0 !important; }
.cssLegGridStopTable td { border: 0 !important; text-align: left !important; height: 20px !important; line-height: 20px !important; }
.cssLegMap { }
#divLegMap { width: 100%; height: 300px; }

.cssTabInfoFields fieldset.cssPassangerImportPanel { clear: both; margin-top: 40px; }

.wizard-content { height: 575px; margin: 20px 3px 0; background: #FFF; border: 1px solid #ECECEC; -webkit-box-shadow: 0px 0px 5px #CCC; -moz-box-shadow: 0px 0px 5px #CCC; box-shadow: 0px 0px 5px #CCC; }
.wizard-content > div { height: 100%; }
.step-content { float: left; height: 100%; position: relative; }
.step-content h3 { width: 100%; height: 51px; padding-left: 30px; border-bottom: 1px solid #ACACAC; line-height: 51px; font-size: 16px; font-weight: 600; color: #464646; text-transform: uppercase; }
.step-content.step-content-left { width: 350px; background: #F5F5F5; border-left: 1px solid #F9F9F9; }
.step-content.step-content-right { width: 666px; }


.passenger-step .step-field span { width: 80px; }
.passenger-step .left-section.section-import-passenger { margin-top: 15px; }
.passenger-step .left-button input[type=submit].button-import-passenger-example { background: #94B3B1; width: auto; padding-left: 20px; padding-right: 20px; margin-right: 2px;  }

.step-grid-luggage { width: 100%; height: 460px; overflow-y: scroll; font-size: 14px; }


.step-grid-item-status { display: inline-block; width: 21px; height: 20px; border: 1px solid #FFF; background: transparent url('/App_Themes/LightTransport/Images/Layout/SpriteIcones.png') no-repeat; vertical-align: middle;}

.step-grid-stretch { position: relative; padding: 10px 5px; overflow: hidden; }
.step-grid-stretch-padding { padding: 10px 5px 10px 35px; }
.step-grid-stretch-icon { position: absolute; left: 5px; top: 14px; width: 20px; height: 15px; background: transparent url('Images/Layout/SpriteIcones.png') no-repeat; }
.step-grid-stretch-icon-boarding { background-position: -836px -525px; }
.step-grid-stretch-icon-landing { background-position: -816px -525px; }
.step-grid-luggage-list { float: left; margin-right: 5px;}
.step-grid-stretch .step-grid-luggage-list > strong { display: inline-block; color: #707070; }

/*** NEW TravelRequest ***/

.step-grid-buttons { position: initial; float: right;}
.step-grid-buttons > div { width: 21px; height: 21px; margin: 0 2px; padding: 0; background: transparent url('/App_Themes/LightTransport/Images/Layout/SpriteIcones.png')   no-repeat; border: 0; }
.step-grid-buttons > div.step-grid-delete-button { background-position: -370px -525px; }
.step-grid-buttons > div.step-grid-delete-button:hover { background-position: -370px -547px; }
.step-grid-buttons > div.step-grid-edit-button { background-position: -349px -525px; }
.step-grid-buttons > div.step-grid-edit-button:hover { background-position: -349px -547px; }
.step-grid-buttons > div.step-grid-reprove-button { background-position: -349px -525px; }
.step-grid-buttons > div.step-grid-reprove-button:hover { background-position: -349px -547px; }

.step-grid-map { float: left; width: 100%; height: 497px; }

.step-content-legend { height: 100%; overflow: hidden; padding: 10px 0px; border-top: 1px solid #F2F2F2; font-size: 13px; color: #707070; text-align: right; }
.step-content-legend ul { float: right; padding-left: 0; }
.step-content-legend li { display: inline-block; margin-right: 10px; }
.step-content-legend span { display: inline-block; width: 18px; height: 18px; margin-right: 1px; background: transparent url('/App_Themes/LightTransport/Images/Layout/SpriteIcones.png') no-repeat; vertical-align: middle; }
.step-content-legend span.step-circle { width: 9px; height: 9px; vertical-align: middle; border:1px solid #FFF; }
.step-grid-item-status.step-grid-item-status-registered, .step-content-legend span.status-item-registered { background-position: -177px -528px; }
.step-grid-item-status.step-grid-item-status-scheduled, .step-content-legend span.status-item-scheduled {  background-position: -195px -528px; }
.step-grid-item-status.step-grid-item-status-disapproved, .step-content-legend span.status-item-disapproved { background-position: -214px -528px; }

.leg-status-registered { display: inline-block; width: 18px; height: 18px; margin-right: 1px; background: transparent url(/App_Themes/LightTransport/Images/Layout/SpriteIcones.png) no-repeat; vertical-align: middle; background-position: -177px -528px; }
.leg-status-scheduled { display: inline-block; width: 18px; height: 18px; margin-right: 1px; background: transparent url(/App_Themes/LightTransport/Images/Layout/SpriteIcones.png) no-repeat; vertical-align: middle; background-position: -195px -528px; }
.leg-status-disapproved { display: inline-block; width: 18px; height: 18px; margin-right: 1px; background: transparent url(/App_Themes/LightTransport/Images/Layout/SpriteIcones.png) no-repeat; vertical-align: middle; background-position: -214px -528px; }

.step-grid-map-toggle { height: 30px; padding: 0 5px; float: left; background: #FFFFFF; border: 1px solid #CCC; vertical-align: middle; position: absolute; top: 9px; right: 25px; font-size: 14px; width: 30px; -webkit-box-shadow: 0px 0px 5px #AAA; -moz-box-shadow: 0px 0px 5px #AAA; box-shadow: 0px 0px 5px #AAA; font-weight: 800; text-align: center; line-height: 28px; color: #555; cursor: pointer; }
.step-grid-map-toggle-disabled { background: #EEE; color: #AAA; }

.panel-left-title { display: normal; border-bottom: 1px solid #ACACAC; }
.panel-left-title h3 { color: #464646 !important; text-transform: uppercase !important; font-weight: 600 !important; }

.panel-right-title { border-bottom: 1px solid #ACACAC; }
.panel-right-title h3{color: #464646 !important; text-transform: uppercase !important; font-weight: 600 !important; }

.step-grid { width: 100%; height: 460px; overflow-y: scroll; font-size: 14px; }
.step-grid > tr { position: relative; padding: 0 75px 0 105px; border-top: 1px solid #D0D0D0; border-left: 5px solid #FFF; overflow: hidden; }
.step-grid > tr:first-child { border-top: 0; }
.step-grid-passenger { width: 100%; height: 80px; overflow-y: scroll; font-size: 14px; }

.step-circle { display: block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; behavior: url(PIE.htc); }
.step-grid-item-number { float: left; position: initial; width: 40px; height: 39px; left: 35px; top: 50%; background: #FFF; border: 2px solid #DDDEE0; font-size: 17px; font-weight: 700; color: #C9CACC; line-height: 36px; text-align: center; cursor: default; }
.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.step-grid-stretch-content { overflow: hidden; }
.step-grid-stretch-content > span { display: inline-block; }
.step-grid-stretch-content > span.step-grid-item-leg

.step-grid-content { float: left; width: 100%; line-height: 21px; color: #898989; margin-top: 10px; margin-bottom: 10px;}
.step-grid > td { float: left; width: 100%; line-height: 21px; color: #898989; margin-top: 10px; margin-bottom: 10px;}


@media (max-width: 1430px) {

    .panel-left-title { display: none;}
    
}

/*** RejectItem ***/

.cssRejectItemPanel { margin-top: 10px; font-family: Arial, Sans-Serif; font-size: 13px; }
.cssRejectItemPanel .cssRadioButtonList { display: block; margin-bottom: 10px; }
.cssRejectItemPanel .cssRadioButtonList input { margin: 3px; }
.cssRejectItemPanel .cssRadioButtonList label { position: relative; top: -2px; margin-left: 2px; font-family: Arial, Sans-Serif; }
.cssRejectItemPanel .cssCheckBoxList { display: table; }
.cssRejectItemPanel .cssCheckBoxList label { position: relative; top: -2px; margin-left: 2px; background-color: transparent; font-family: Arial, Sans-Serif; }

/**** TravelRequestSchedule ***/
div.cssBalanceAdvanceExpense { margin-top: 20px; padding: 0 20px; background: #475A7F; color: #fff; text-align: right; line-height: 34px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-family: 'Open Sans', sans-serif; }
div.cssBalanceAdvanceExpense > span { text-transform: uppercase; }
span.cssBalanceAdvanceExpenseTitle { font-size: 12px; font-weight: 600;  }
span.cssBalanceAdvanceExpenseValue { margin-left: 6px; font-size: 16px; font-weight: bold; }

.ui-tooltip { background: #FFF; color: #333; font-size: 13px; padding: 0; opacity: 1; width: 300px; border: 1px solid #BBB; word-wrap: break-word; word-break:break-all; display:inline-block; }
.ui-tooltip-content { position: relative; padding: 1em; text-align: left; }
.ui-tooltip-content::after { content: ''; position: absolute; border-style: solid; display: block; width: 0; }
.ui-tooltip-right .ui-tooltip-content::after { top: 9px; left: -10px; border-color: transparent #BBB; border-width: 10px 10px 10px 0; }
.ui-tooltip-left .ui-tooltip-content::after { top: 9px; right: -10px; border-color: transparent #BBB; border-width: 10px 0 10px 10px; }
.ui-tooltip-top .ui-tooltip-content::after { bottom: -10px; left: 72px; border-color: #BBB transparent; border-width: 10px 10px 0; }
.ui-tooltip-bottom .ui-tooltip-content::after { top: -10px;  left: 12px; border-color: #BBB transparent; border-width: 0 10px 10px; }

.ui-autocomplete-category { font-weight: bold; padding: .2em .4em; margin: .8em 0 .2em; line-height: 1.5; }

.suggest-driver-ignition { height: 16px; width: 16px; background-image: url(/App_Themes/Panel/Images/IgnitionIcons.png); margin-top: 5%; margin-left: 5px; }
.suggest-driver-ignition[Icon="Off"] { background-position: 0px 0px; }
.suggest-driver-ignition[Icon="On"] { background-position: -16px 0px; }
    .suggest-driver-ignition[Icon=""] {
        background-position: -32px 0px;
    }

.content-filter-dialog { border: solid 1px orange; }
.content-filter-dialog .control-label { text-align: left; }

.step-grid .request-status-passenger { display: inline-block; width: 20px; height: 21px; margin: 0px 2px -5px 5px; padding: 0; background: transparent url('/App_Themes/LightTransport/Images/Layout/SpriteIcones.png'); }
.request-status-passenger[Icon="Registered"] { background-position: -174px -525px; }
.request-status-passenger[Icon="Scheduled"] { background-position: -194px -525px; }
.request-status-passenger[Icon="Disapproved"] { background-position: -213px -525px; }
.request-status-passenger[Icon="Registering"] {display: none;width: 0px;height: 1px;}

div.step-grid-edit-button[Icon="Disapproved"] { display: none; width: 0px; height: 1px; }

div.step-grid-delete-button[Icon="Scheduled"] {display: none;width: 0px;height: 1px;}
div.step-grid-delete-button[Icon="Disapproved"] {display: none;width: 0px;height: 1px;}

.cssCostCenterRowRowStyle { margin-bottom: 15px; }
    
div#divCostCenters .btnDelete { left: 5px; margin-bottom: 20px; }