/*
    vendor portal dashboard chart
===============================================================================
*/

.dashboard.mobile .flex-ele{width: 90%;}
.dashboard.mobile .mid-sec {width: 100%; margin-top:20px;}
.dashboard.mobile .flex-ele img.right-arr{margin-bottom: -3px;}

#dashboard-chart { width: 100%;}
#dashboard-chart p.zs-header { display:none;}
#statistics-options-wrapper {padding: 0 20px; float:none;}
#statistics-options { width: 100%;}

#stat-charts li.tab {list-style:none}

#stat-charts {width: 100%; float:left; border: 1px solid #e1e1e1; box-sizing: border-box; margin-top:10px;}
#stat-charts .tabs {}
#stat-charts .tabs .tab {
    position: relative;
    background-color:#fafafa; cursor: pointer;
    width: 100%; height:100px; float:left;
    box-sizing: border-box;
    border-bottom: 1px solid #e1e1e1;
}
#stat-charts .tabs .tab.current {background-color:#fff; border-bottom:none;}

#stat-charts .tabs .thumb {margin: 12px 20px;}
#stat-charts .tabs .tab-title {float: left; width: 100%;}
#stat-charts .tabs .tab-title .text {float:left; color:#333; font-size: 11px; line-height: 28px; letter-spacing: 0.12em; text-transform: uppercase;}
#stat-charts .tabs .tab-title .info {
    background: url("/images/icon_info_green_new.png") no-repeat scroll 0 0 / 28px auto;
    float: left; height: 28px; margin-left: 4px; width: 28px;
}
#stat-charts .tabs .main-val {float:left; color:#000; font-size: 26px; line-height: 1; margin: 15px 0 12px 0;}

#stat-charts .tabs .sub,
#stat-charts .tabs .sub .val {color:#777; font-size: 13px;}
#stat-charts .tabs .sub {position: absolute; right: 20px; top: 40px; width: 150px;}
#stat-charts .tabs .sub.second {top: 60px}


#stat-charts .tabs .sub .val {float:right; padding-right:4px;}

#stat-charts .tabs .tooltip {
    display: none; padding: 10px; position: absolute; width: 190px; height:73px; z-index: 100;
    top: 2px; right:20px;
    background: #f2f2f2; border: 1px solid #e1e1e1;
}
#stat-charts .tabs .tooltip .close-tip {position:absolute; bottom:2px; right:2px; width: 24px; height:24px;}

#stat-charts .panes {display:none}


/* FLIGHT DELAY */

.flight_delay_orders_overlay {z-index:10000;}
.ui-autocomplete{z-index:10001;}
.flight_delay_orders_overlay .flight-delay-header {margin: 0 20px 20px;}
.flight_delay_orders_overlay  .ifonly_pop {width:500px; height:500px; padding-bottom:0;}
.flight_delay_orders_overlay .warning_icon {width:60px; }
.flight_delay_orders_overlay .body_row > * {margin-top:20px;}
.flight_delay_orders_overlay .btn_row {margin-top: 50px;}
.flight_delay_orders_overlay .btn_row .button {margin: 0 10px;}
.flight_delay_orders_pop_content {margin-bottom: 50px;}
.flight-delay-content { padding: 20px 0; overflow: auto; height: 480px; }
.flight_delay_orders_overlay .flight-delay-button {width: 100%; height: 100%; justify-content: center;}
.flight_delay_orders_overlay .flight-info-section-row {width: 100%; /*height: 50px;*/ padding: 0 20px;}
.flight_delay_orders_overlay .flight-info-section-template {display: none;}
.js-flight-delay-text {height: 30px;}
.flight_delay_orders_overlay .flight-info-section input[type='text'] {height: 30px !important; border-radius: 5px; display: none; width: 90% !important;}
.flight_delay_orders_overlay .flight-info-section.edit .js-flight-delay-text {display: none;}
.flight_delay_orders_overlay .flight-info-section.edit .js-flight-delay-input {display: block;}

.flight_delay_orders_overlay .flight-info-section .js-additional-passengers {cursor: pointer; text-decoration: underline; display: none;}
.flight_delay_orders_overlay .flight-info-section.edit .js-additional-passengers {display: block;}
.flight_delay_orders_overlay .flight-delay-button {height: 50px; width: 100%; position: absolute; bottom: 0;}
.flight_delay_orders_overlay .flight-delay-button.disabled {cursor: auto; background-color: #e1e1e1; color: #000;}
.flight_delay_orders_overlay .circle-container {margin: 3px 5px;}
.flight_delay_orders_overlay .circle-container .circle {cursor: pointer; background-color: #808080; width: 25px; height: 25px; border-radius: 50%;}
.flight_delay_orders_overlay .additional-passengers-container {position: relative; padding-right: 31px;}
.flight_delay_orders_overlay .flight-info-section:last-of-type hr {display: none;}