.app .container {
    max-width: 100%;
}
body {
    color: #000;
}
.bg-warning {
    background-color: #ffe14475 !important;
}
.bg-info {
    background-color: #d9edf7 !important;
}
.bg-success {
    background-color: #18ff4d6b !important;
}
.rounded {
    border-radius: 5px !important;
}
/* styles for validation helpers */
.field-validation-error { color: #b94a48;}
.field-validation-valid { display: none;}
input.input-validation-error {border: 1px solid #b94a48;}
input[type="checkbox"].input-validation-error {border: 0 none;}
.validation-summary-errors { color: #b94a48;}
.validation-summary-valid { display: none;}
.validation-error {border: 1px solid #b94a48;}
.validation-warning {border: 1px solid #ffd800;}
textarea.input-validation-error {border: 1px solid #b94a48;}

.autocomplete-suggestions { border: 1px solid #d1d1d1; background: #fff; overflow: auto; max-height:350px;box-shadow:0 6px 12px rgba(0, 0, 0, 0.176) }
.autocomplete-suggestion { padding: 8px 12px;text-transform:capitalize; /*white-space: nowrap;*/ overflow: hidden; border-bottom: 1px solid #d1d1d1}
.autocomplete-selected { background: #206ab0; color:#fff; }
.autocomplete-suggestions strong { font-weight: normal; color: #206ab0; }
.autocomplete-selected strong { color:#fff;}
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #d1d1d1; }

.table-wrapper {overflow-x:auto; margin-bottom:20px;}
.dataTables_paginate  {margin-top:-11px;}
.filter-box { border-bottom:1px solid #ccc; margin-bottom: 10px;}
.filter-box .item{ margin-bottom: 10px;}
.filter-box .form-group, .filter-box .input-group { margin-bottom: 0px;}
.treegrid-indent {width: 0!important;}

.drop-box { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);display: none; margin-top: 1px; position: absolute;  z-index: 1000;}
.outlet-options {display: none; top: 30px; color: #000; padding:10px;max-height: 400px;overflow-y: auto;}
.outlet-options ul{ margin:0; padding:0;}
.outlet-options ul li{ list-style: none; border-bottom: 1px solid #ccc; padding:3px; cursor:pointer;}
.outlet-options ul li:last-child{ border-bottom: 0px solid #ccc;}
.outlet-options ul li:hover{ color:#044f1d}
.business-info{ margin-top:8px;}
.business-name{font-size:1.5em; color:#0f9dea; font-weight:bold;}
.business-address{ display:block; color:#7f8fa4; }
.business-info a:hover, .business-info a:focus{text-decoration:none; color: #0f9dea;}
.action-th-1{ width:25px;}
.action-th-2{ width:45px;}
.action-th-3{ width:65px;}
.action-td{ text-align:center; white-space: nowrap;}
.action-td a{ font-size: 15px; margin: 0 3px;}
.form-buttons{ margin-top:15px;}
.block form{  padding-bottom:20px;}
.light-back {background-color: #f9f9f9;}
.green-row { background-color:#b3f7b8 !important}
.red-row{ background-color:#fb9191 !important}
.no-indent .treegrid-indent {width: 0;}

.search-results {-moz-border-bottom-colors: none;  -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none;   background-color: #fff;   border-color: -moz-use-text-color #ccc #ccc;  border-image: none;  border-radius: 0 0 5px 5px;   border-style: none solid solid;  border-width: 0 1px 1px;  max-height: 355px;  max-width: 100%;   min-height: 33px;   position: absolute; width: 100%;  z-index: 500; overflow-y:auto;}
.search-items {  margin: 0;padding: 0;list-style: outside none none;}
.search-items li { border-top: 1px solid #ccc; cursor: pointer; min-height: 35px; padding: 5px;}
.search-items li:hover{ background-color:#f0f3f4;}
.search-image-box {float: left; width: 72px;}
.search-name-box {  }
.search-name { font-size: 0.9em;font-weight: bold;margin-top: -2px;}
.search-description {font-size: 0.8em;}
.search-box { font-size: 0.9em;}
.search-box .remove-link, .search-done-box .remove-link, .search-items .balance-item  { display:none;}
.search-select-box .remove-link { display:none; display:inline; font-weight:normal; font-size:.85em;}

.btn-inline{min-width: 25px; padding: 0 5px; height:23px; line-height:22px; display:none; margin-left:-25px; border-radius:0px 4px 4px 0px; float: right;}
.input-inline, .input-inline-2{ padding: 0 25px 0 5px; height:24px; text-align:left;line-height:22px;}
.change-value{ border:1px solid #fad718;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #fad718}
.disabled-item{ background-color:#e9e3e3;}
.inside-lebel{padding: 3px 5px; font-size: 0.7em; float: right; margin-right: 3px; margin-top: 2px;}
.pagination-container ul { float:  none; }

.number-spinner-td .btn{ line-height: 22px;padding: 0 10px;}
.number-spinner-td .input-group{ margin:0;}
.form-title{border-bottom: 1px solid #ccc; font-size: 14px; font-weight: 600; margin-bottom: 10px; padding-bottom: 5px;}

.item-row input{ max-width: 90px !important; text-align:right;}
.total-td input{ max-width: 150px !important; text-align:right;}
.summary-box  input{ max-width: 150px !important; text-align:right;}
.control-label span{ font-size: .85em; color:#c30b1e; padding-left:10px;}

/*overrideed classes*/
.app .breadcrumb {padding: 0;}
.app-navigation .app-navigation-logo-n {  float: left;  font-size: 30px;height: 60px; padding: 15px; position: relative;  transition: background-color 0.1s linear 0s;width: 100%; color:#fff;font-weight:bold; text-transform:uppercase;}
.app-navigation.app-navigation-style-blue nav > ul > li a.active span, .app-navigation.app-navigation-style-blue nav > ul > li a.active span.nav-icon-hexa {color: #ffffff;}
.content-box .app-spinner, .modal-body .app-spinner{ margin-left:-18px;}
.outlet-options .app-radio {margin: 5px 0;}
.modal .modal-dialog .modal-content .modal-header { border-radius: 0;}
.pagination > li { margin-right: 5px;}
.app .pagination li > a, .app .pagination li > span {border-radius:5px;}
.bs-datepicker .input-group-addon{ cursor: pointer;}
.app .block{padding: 20px;}
.app .app-container { overflow-y: hidden;}

.custom-tab .nav-tabs {border-bottom: 1px solid #ddd;}
.custom-tab .nav { list-style: outside none none;  margin-bottom: 0;  padding-left: 0;}
.custom-tab .nav-tabs > li {float: left; margin-bottom: -1px; display: block;position: relative; list-style: outside none none;}
.custom-tab .nav-tabs > li.active > a::after, 
.custom-tab .nav-tabs > li.active > a:focus::after, 
.custom-tab .nav-tabs > li.active > a:hover::after {background: #ff2e44 none repeat scroll 0 0;  bottom: -1px; content: "";  height: 2px; left: 0; position: absolute; right: 0; width: 100%; z-index: 999;}
.custom-tab .nav-tabs > li.active > a,
.custom-tab .nav-tabs > li.active > a:focus, 
.custom-tab .nav-tabs > li.active > a:hover { border-color: transparent;color: #ff2e44 !important; position: relative;  background:none;}
.custom-tab .nav > li > a:hover { background: none;  border-color: none;}
.custom-tab .nav.nav-tabs > li > a {color: #858383; font-weight: 600;}

.modal-title{ text-transform:uppercase;}
.table-wrapper .select2-selection--single {height: 24px;}
.table-wrapper .select2-selection__rendered {line-height: 21px !important; padding-left: 10px !important;}
.table-wrapper .select2-selection__arrow { height: 23px !important;}
.app .app-header .app-header-search::after {content: "";}

.app-navigation-logo-button-alert {  background: rgb(240, 78, 81) none repeat scroll 0 0; border-radius: 6px;  color: rgb(255, 255, 255);  font-size: 10px !important;  height: 16px; line-height: 16px !important;   position: absolute;    right: 3px;   text-align: center !important;    top: -5px; width: 16px !important;}
nav.nav-pills > li > a, .nav.nav-tabs > li > a {text-transform:uppercase;}

.room-info-tbl{font-size:.9em;}
.room-info-tbl .table td{ padding:5px;}
.room-info-tbl2 .table td{ padding:5px;}
.booking_form_bg .main_content_form { text-align: left;}
.confirm-td-items .left-item{ width:20%; float:left;font-weight: bold;}
.confirm-td-items .middel-item{ width:5%; float:left;}
.confirm-td-items .right-item{ width:75%; float:left;}
.details-row{ font-size:14px;}
.details-row strong{ font-size:16px;}
.details-row span{ font-weight:bold;}
.details-row i{ width:13px;}
.details-row table{ width:100%;}
.doller-td{color: #206ab0; font-size: 18px;}
.details-row i{ margin-right:10px;}

.flt-info-box {padding-bottom: 20px; padding-top: 20px;}
.flt-airline{ font-size:.85em;display: block;}
.flt-logo{height:35px; max-width:75px;}
.flt-row{ display:table; width: 100%;}
.flt-col{ display:table-cell;}
.flt-p-info{ text-align:right;text-transform: uppercase; font-size:.85em;}
.flt-t-info{ text-align:right;text-transform: uppercase; font-size:.85em;}
.flt-col-right {width:180px; border-left:1px solid #ccc;  float: none; vertical-align:bottom; padding-left:20px;}
.flt-route-header{border-bottom: 1px solid #206ab0;color:#206ab0}
.flt-route-title{letter-spacing:3px; font-weight:bold; display:inline-block; margin-right:20px; text-transform:uppercase;}
.flt-route-info{float:right;display: inline-block; font-size: 0.85em; font-weight: bold;}
.flt-time{clear: both; font-size: 0.85em; color:#2c3e50}
.flt-number{clear: both; font-size: 0.85em; color:#2c3e50; padding-top:10px;}
.flt-middle .middle_flight_section{margin-top:10px; width:100%; display:block !important;}
.flt-middle .flight_section .middle_flight_section { width: 100%;margin-top: 10px;}
.airport-item{font-size: 18px; margin-bottom:0; margin-top:0;font-weight: bold;}
.bottom_title span.doller {font-size: 20px;color:#206ab0;}
/*.airport-item img{height:20px;  margin-right:5px; margin-top:-5px;}*/
.airport-item span{font-size: 16px;font-weight: normal;margin-left: 5px;}
.airline-item{display: block; font-size: 0.9em;}

.flight_section .middle_flight_section .border_line::before { right: 0;}
.flight_section .middle_flight_section .border_line::after, .flight_section .middle_flight_section .border_line::before { color: #589442; content: ""; display: block; font: 16px FontAwesome; position: absolute;text-rendering: auto;top: -9px;}
.flight_section .middle_flight_section .border_line::after { left: 0;}
.flight_section .middle_flight_section .border_line::after, .flight_section .middle_flight_section .border_line::before { color: #589442;content: "";  display: block; font: 16px FontAwesome; position: absolute; text-rendering: auto; top: -9px;}
.middle_flight_section .border_line {background: #d3d3d3 none repeat scroll 0 0; float: left;height: 1px;position: relative;width: 100%;}
.flight_section div { display: inline-block;}

.middle_flight_section .border_line i { color: #589442;  font-size: 18px;  position: absolute;  top: -8px;  transform: rotate(46deg);}

.full-width{ width:100%;}
.display-block{ display:inline-block;}
.filters-block .title{ float:none !important;}

.date-icon{ cursor: pointer; text-align:right !important;padding-right:10px; padding-top: 2px;}
.date-items-bg{cursor:  default !important;  opacity: 1 !important;}
.form-control {  border-radius: 0;}
.input-group .input-group-addon {border-radius: 0;}
/*.btn {border-radius: 0;}*/
.select2-container--default .select2-selection--single {border-radius: 0 !important;}
span.form-control{ padding:10px; height:auto; min-height:40px;}

.waiting-icons{ position:absolute; top:14px; right:20px;}
.cancel-icons{ position:absolute; top:14px; right:20px; cursor:pointer; color:#e61d1d;}
.info-pill { cursor:pointer; color: #fff; display: inline-block;font-size: 10px; font-weight: bold; line-height: 10px; min-width: 20px;  padding: 2px 5px;  text-align: center;  text-transform: uppercase;}
.brand{ background-color: #76ab3c; border: 1px solid #76ab3c;}
.t-class{ background-color: #f69f00; border: 1px solid #f69f00;}
.f-type{ background-color: #f04e51; border: 1px solid #f04e51;}
.padding-5 th, .padding-5 td{ padding:5px !important }

.app .table tr td{padding: 5px;}
.app .table tr th {padding: 8px 5px;}

.report-tbl .table tr td, 
.report-tbl .table tr th { line-height: 11px !important; font-size: 10px !important;}
.status-td{ width: 77px;}
.status-td span{ width: 100%;float: right;}
.payment-td i{ float:right; margin-top:3px;}
.small, small {font-size: 75%;}
.old-price{color:red !important; text-decoration: line-through;display:block;}
.det-header { color:#206ab0; margin-bottom: 10px; border-bottom: 1px solid #ccc; color: rgb(44, 62, 80);  font-size: 16px;  font-weight: 300; letter-spacing: 3px; margin-top: 15px; padding-bottom: 2px;  text-transform: uppercase;}

.app-header .client-name {
    font-size: 1.8rem;
    padding-top: 10px;
    font-weight: 600;
    color: #191717
}

.nav-tabs > li > a.active, .nav-tabs > li > a.active:focus, .nav-tabs > li > a.active:hover {
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
}

@media (max-width: 748px) {
    .app-header .client-name {
        font-size: 1.5rem;
        font-weight: bold;
        width: 180px;
    }
}