/************************************************************************************
Description: Maintain theme based css, css validated 
Author: Saigiridharan.E
MOdified date:16-Apr-2019
*************************************************************************************/


/* Common Styles End */

.maintance-error-heading {
    background: $MENUBKG;
    border-bottom: 10px solid $MENUBKG;
}

.maintance-error-content p {
    font-size: 30px;
}

/* Scheduled maintenance page */


.maintenance-page {
    margin: 0;
    font-family: "Montserrat-Regular", Arial, sans-serif;
}

.maintenance-header {
    height: 76px;
    background: #fff700;

    .maintenance-header-inner {
        margin: 0 auto;
        max-width: 1100px;
    }

    .maintenance-logo {
        margin-top: 15px;
        display: inline-block;
        img {
            width: 70px;
        }
    }
}

.maintenance-content {
    padding: clamp(120px, 16vh, 165px) 0 48px;
    text-align: center;

    .maintenance-flight-image {
        width: 100%;
        max-width: 378px;
        margin: 0 auto 27px;
    }

    h1,
    h2,
    p {
        overflow-wrap: break-word;
    }

    h1 {
        margin: 0 0 4px;
    }

    h2 {
        margin: 0;
    }
    p {
        max-width: 1100px;
        margin: 30px auto 0;
        line-height: 22px;
    }
}

@media (max-width: 1024px) {
    .maintenance-content {
        h1 {
            font-size: 30px;
        }

        h2 {
            font-size: 27px;
        }

        p {
            font-size: 16px;
            line-height: 1.3;
        }
    }
}

@media (max-width: 767px) {
    .maintenance-header {
        height: 64px;

        .maintenance-header-inner {
            width: calc(100% - 32px);
        }

        .maintenance-logo {
            flex-basis: 62px;
            width: 62px;
            height: 62px;
            margin-top: 10px;
            border-width: 7px;

            img {
                width: 100px;
                transform: translate(-12px, -6px);
            }
        }
    }

    .maintenance-content {
        width: calc(100% - 32px);
        padding-top: clamp(72px, 11vh, 96px);

        .maintenance-flight-image {
            width: 92%;
            max-width: 340px;
            margin-bottom: 24px;
        }

        h1 {
            margin-bottom: 8px;
            font-size: 25px;
            line-height: 1.2;
        }

        h2 {
            font-size: 21px;
            line-height: 1.3;
        }

        p {
            margin-top: 24px;
            font-size: 14px;
            line-height: 1.35;
        }
    }
}

@media (max-width: 420px) {
    .maintenance-content {
        width: calc(100% - 28px);
        padding-top: 72px;

        h1 {
            font-size: 23px;
        }

        h2 {
            font-size: 19px;
        }

        p {
            font-size: 13px;
        }
    }
}


/* Helper Class */

th {
    background: #f4f4f4 !important;
}

.success-bg {
    background: $SUCCESSCOLOR !important;
    color: #fff;
}

.select-flight-hdr {
    background: url("../../images/border-btm-two-line.jpg") repeat-x bottom left;
    color: $TITLETXT;
}

.preference-header i,
.preference-header em.infi-icon_35_flightreturn,
.preference-header,
.preference-header em {
    color: $SECONDARYCOLOR;
}


/* Helper Class End */


/* Login Page */

.loginpage-bg {
    padding: 10px 20px;
    color: $LOGINCOLOR;
    background: $LOGINBG;
}

.loginpage-bg .form-group label,
.loginpage-bg .form-group a {
    color: $LOGINCOLOR;
}

a {
    color: $LINKS;
}

a:hover {
    color: $LINKHOVER;
}

.mandatory-white {
    color: $MANDATORYCOLOR !important;
}

.login-form .forgot-password-form,
.btn-default {
    background: $LOGINBTNBG;
    color: $LOGINBTNCOLOR;
    border-color: $LOGINBTNBG;
}

.alert-close {
    color: $SECONDARYCOLOR !important;
}


/* Login Page End */


/* Registration Form */

.registration-form {
    border: 1px solid $FORMBORDER;
    background: #fff;
}

.registration-header {
    background: $PRIMARYCOLOR;
    color: $POPUPHEADERTEXTCOLOR;
}


/* Registration Form End */


.agent-req-box {
    border: 2px solid #e7e7e7;
}

.airline-res-box {
    border: 2px solid #e7e7e7;
}


/* Menu */


/* Dashboard */

.flight-deselected-tick a.active i,
.flight-deselected-tick a.active em {
    color: #e50000;
}

.agent-trip-type.airline {
    background: url("../../AIRLINE_DIRECTORY/view-req-sprit.png") no-repeat -19px -103px;
}

.left-arrow {
    left: -13px;
    top: 70px;
    background: url("../../images/dasboard-icons.png") no-repeat -37px -2822px #fff;
}
/*
* Author: Abdul Azeez
* Desc: Dashboard colors optimized and ssr-request color added
* Date: 15-06-2021
*/
.new-request,
.new-request:hover,
.accept-pending,
.accept-pending:hover,
.payment-request,
.payment-request:hover,
.submission-pend,
.submission-pend:hover,
.add-ssr,
.add-ssr:hover,
.add-user,
.add-user:hover,
.reports,
.reports:hover,
.booking-summary,
.booking-summary:hover,
.ssr-request,
.ssr-request:hover {
  transition: 1s;
}

.new-request,
.payment-request,
.add-ssr,
.reports {
  background: $DASHBOARDODDCOLOR;
}

.accept-pending,
.submission-pend,
.add-user,
.booking-summary,
.ssr-request {
  background: $DASHBOARDEVENCOLOR;
}
.new-request:hover,
.payment-request:hover,
.add-ssr:hover,
.reports:hover {
  background: $DASHBOARDODDHOVER;
}

.accept-pending:hover,
.submission-pend:hover,
.add-user:hover,
.booking-summary:hover,
.ssr-request:hover {
  background: $DASHBOARDEVENHOVER;
}


/* Footer */

.custom-footer {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#40464f+0,525962+66,5f6670+100 */
    background: $FOOTERBG;
    /* Old browsers */
    color: $FOOTERTXT;
    /*padding:40px 0px;*/
    margin-top: 20px;
}

.quick-links a {
    color: #fff;
    border-bottom: 1px solid #9146a0;
}

.quick-links a:hover {
    color: #fb7b87;
}


/* Footer */


/* One way trip styles */

.well-trip-theme {
    background: $TABBG;
    /* Old browsers */
    border: 1px solid $FIELDBORDER;
    padding: 0px;
    color: $TABTXT;
}

.well-trip-theme span,
.well-trip-theme a {
    color: $TABTXT !important;
}

.well-trip-theme label {
    position: relative;
    border-radius: 0px;
    padding: 0px;
    margin: 0px;
}

.well-trip-theme span em.infi-icon_29_flightonward,
.well-trip-theme span em.infi-icon_36_round-trip,
.well-trip-theme span em.infi-icon_27_multicity,
.well-trip-theme a em.infi-icon_29_flightonward,
.well-trip-theme a em.infi-icon_36_round-trip,
.well-trip-theme a em.infi-icon_27_multicity {
    color: $TABTXT;
}

.well-trip-theme label:hover span,
.well-trip-theme label span.active,
.well-trip-theme label:hover a,
.well-trip-theme label a.active {
    background: $TABACTIVECOLOR;
    color: $TABACTIVETXT !important;
}

.well-trip-theme label:hover span i,
.well-trip-theme label span.active i,
.well-trip-theme label:hover a i,
.well-trip-theme label a.active i,
.well-trip-theme label:hover span em,
.well-trip-theme label span.active em,
.well-trip-theme label:hover a em,
.well-trip-theme label a.active em {
    color: $TABACTIVETXT !important;
}


/* Trip Query Styles */

.orgin-change-icon,
.orgin-change-icon:hover {
    color: $ICONS;
}

.calendar-icon,
.calendar-icon:hover {
    color: $INPUTICONBOX;
}

.preference-icon-down {
    cursor: pointer;
    right: 11px;
    top: 8px;
    background: url("../../SVG_FOLDER/icon_15_down-arrow-small.svg") no-repeat 5px 9px;
    color: #fff;
}

.preference-icon-down.active {
    border: 1px solid $FORMBORDER;
    background: url("../../SVG_FOLDER/icon_45_up-arrow.svg") no-repeat 3px 6px #fff;
}

.meal-ic {
    background: url("../../images/dasboard-icons.png") no-repeat -24px -1810px #fff;
}

.baggage-ic {
    background: url("../../images/dasboard-icons.png") no-repeat -24px -1718px #fff;
}

.economy-icon {
    background: #fff;
}

.economy-icon i,
.economy-icon em {
    color: $ICONS;
}


/*.meals-icon
{
background:url('../../AIRLINE_DIRECTORY/dasboard-icons.png') no-repeat -20px -1801px #fff;
}*/


/*.baggage-icon
{
background:url('../../AIRLINE_DIRECTORY/dasboard-icons.png') no-repeat -20px -1709px #fff;
}*/

.other-icon {
    background: url("../../images/dasboard-icons.png") no-repeat 77px -2372px #fff;
}

.currency-icon {
    background: url("../../images/dasboard-icons.png") no-repeat -30px -2109px #fff;
}


/* removable code */

.baggage-slelect-type span i,
.baggage-slelect-type span em {
    color: $INPUTICONBOX;
}


/* removable code */


/* Preference Panel */

.preference-panel,
.advacne-search-panel {
    border: 1px solid $FORMBORDER;
    background: #fff;
    -webkit-box-shadow: 0px 0px 4px -1px $BOXSHADOW;
    -moz-box-shadow: 0px 0px 4px -1px $BOXSHADOW;
    box-shadow: 0px 0px 4px -1px $BOXSHADOW;
}


/* Preference Panel End */


/* Trip Query Styles */


/* One way trip styles End */


/* Progress bar */

.progress {
    background: $SECONDARYCOLOR;
}

.progress-bar-striped,
.progress-striped .progress-bar {
    background: url("../../images/porogress-bg.png") repeat;
}


/* Progress bar End */


/* Flight Details Style */

.pref-onward-icon i,
.pref-onward-icon em {
    color: $SECONDARYCOLOR;
}

.flight-search-onward-icon i,
.flight-search-onward-icon em {
    color: $SECONDARYCOLOR;
}

.searching-flights td p a.selected-icon em {
    color: $DATEDISABLE;
}

.selected .searching-flights td p a.selected-icon em {
    color: $SECONDARYCOLOR;
}

.selected div.searching-flights-panel,
.searching-flights-panel.selected {
    border: 3px solid $SECONDARYCOLOR !important;
}

.top-anim-arrow a,
.bottom-anim-arrow a {
    color: $SECONDARYCOLOR;
}

.stop-text,
.stop-text:hover,
.non-stop-text,
.non-stop-text:hover {
    color: $SECONDARYCOLOR;
}

.warning-colors {
    color: $WARNINGCOLOR;
}


/* Flight Details Style End */

.link {
    color: $LINKS !important;
}

.advance-link,
.clear-link,
.cancel-tender-link,
.view-participant,
.view-participant:hover,
.view-participant:focus {
    color: $LINKS;
}

.advance-link:hover,
.advance-link:focus,
.clear-link:hover,
.cancel-tender-link:hover,
.cancel-tender-link:focus {
    color: $LINKHOVER;
}

.advance-link.active {
    border: 1px solid $FORMBORDER;
    border-bottom: 0px solid #fff;
    -webkit-box-shadow: 0px -1px 1px 0px $FORMBORDER;
    -moz-box-shadow: 0px -1px 1px 0px $FORMBORDER;
    box-shadow: 0px -1px 1px 0px $FORMBORDER;
    background: #fff;
}


/* View Request End */


/* Pagination */

.custom-pagination li a.prev,
.custom-pagination li a.next {
    color: $SECONDARYCOLOR;
}


/* Pagination End */

.hr-line {
    border-bottom: 1px solid #b4b4b4;
}


/* Request detail container */

.request-det-header span.fare-request-det {
    color: #fff;
    background: $SECONDARYCOLOR;
}


/* Flight details */

.flight-details-view-cont {
    border-top: 1px solid $FORMBORDER;
}


/* Flight details End */


/* negotiations-view */

.approved-flight-hdr,
.alternate-flights-hdr {
    border-bottom: 2px solid $FORMBORDER;
}

.approved-txt,
.approved-txt:hover,
.approved-txt,
.approved-txt:hover {
    color: #fff;
    background: $SECONDARYCOLOR;
}


/* negotiations-view End */

.transaction-hdr {
    border-bottom: 2px solid $FORMBORDER;
}

.tips-hdr {
    color: $FORMBORDER;
}

.theme-text-color {
    color: $PRIMARYCOLOR !important;
}


/* Request detail container End */


/* Terms and condition box */

.terms-and-cond-box {
    background: #fff;
    border: 2px solid $FORMBORDER;
}


/* Terms and condition box */


/* Add travel agent */

.tab-click a,
.tab-click label {
    background: $TABBG;
    color: $TABTXT;
    border: 1px solid $TABACTIVECOLOR;
    border-bottom: 0px solid $TABBG;
}

.tab-click a.active,
.tab-click label.active {
    background: $TABACTIVECOLOR;
    color: $TABACTIVETXT;
}

.tab-click a:hover,
.tab-click label:hover {
    background: $TABACTIVECOLOR;
    color: $TABACTIVETXT;
}


/* Add travel agent End */


/* Popover */

.popover-hdr {
    border-bottom: 2px solid $SECONDARYCOLOR;
}

table.table-theme-hdr tr th {
    background: $SECONDARYCOLOR !important;
    color: #fff;
}


/* Popover End */


/* Passenger details stop container */

.stop-dis-cont {
    border-top: 1px solid $SECONDARYCOLOR;
    border-bottom: 1px solid $SECONDARYCOLOR;
    position: relative;
}

.full-theme-border {
    border: 1px solid $SECONDARYCOLOR;
}

.steps-number {
    border: 1px solid $SECONDARYCOLOR;
    -webkit-box-shadow: 0px 0px 4px -1px $SECONDARYCOLOR;
    -moz-box-shadow: 0px 0px 4px -1px $SECONDARYCOLOR;
    box-shadow: 0px 0px 4px -1px $SECONDARYCOLOR;
    background: #fff;
}


/* Message dettail container */

.airline-chat {
    border: 1px solid $SECONDARYCOLOR;
}

.attach-dis-cont {
    border-top: 1px solid $SECONDARYCOLOR;
    border-bottom: 0px solid $SECONDARYCOLOR;
    border-right: 0px solid $SECONDARYCOLOR;
    border-left: 0px solid $SECONDARYCOLOR;
}

.border-right-dashed {
    border-right: 1px dashed $SECONDARYCOLOR;
}

.feedback-form {
    border: 1px solid $SECONDARYCOLOR;
    background: #fff;
}


/*.camera-cont
{
border:1px solid $FORMBORDER;
}*/

.faq li {
    border: 1px solid $SECONDARYCOLOR;
    box-shadow: 0px 0px 6px $SECONDARYCOLOR;
}

.faq-acc-click,
.faq-acc-click:hover {
    color: $SECONDARYCOLOR;
}

.faq-acc-click i,
.faq-acc-click:hover i,
.faq-acc-click em,
.faq-acc-click:hover em {
    color: $SECONDARYCOLOR;
}

.fare-break-up {
    color: $SECONDARYCOLOR;
}


/* Message dettail container End */

.trip-req .big-fnt,
.trip-req .small-fnt {
    font-family: "Montserrat-Regular";
    color: $SECONDARYCOLOR;
}

.ellipsis a {
    color: $SECONDARYCOLOR;
}

.agent-req-tab a {
    color: $SECONDARYCOLOR;
}

a.view-req-det:hover,
a.view-nego-det:hover {
    color: $SECONDARYCOLOR;
}


/* Out side of the view response tabs show */


/*.agent-req-tab-show
{
border:2px solid #e7e7e7;
padding:10px 20px 20px 20px;
margin:15px 0px -2px 0px;
background:#fff;
position:relative;
}
.white-border
{
height:19px;
width:48.8%;
position:absolute;
top:-19px;
left:-2px;
background:#fff;
border-left:2px solid #e7e7e7;
border-right:2px solid #e7e7e7;
}*/


/* Out side of the view response tabs show end */

.fare {
    color: $SECONDARYCOLOR;
}

.time-limit-cont p a {
    color: $SECONDARYCOLOR;
}

.airline-res-fare {
    color: $SECONDARYCOLOR;
}

.airline-res-fare:hover {
    color: $SECONDARYCOLOR;
    background: #f2f2f2;
}


/* Airline response current status dynamic color */

.thankyou-alert-box {
    border: 1px solid $ALERTBORDER;
    background: $ALERTBACKGROUND;
    color: $ALERTEXT;
}


/* Payment Box Page */

.pay-tab-click a span em.infi-icon_10_creditcard,
.pay-tab-click a span em.infi-icon_21_gift-card,
.pay-tab-click a span em.infi-icon_12_document,
.pay-tab-click a span em.infi-icon_13_dollar {
    color: $TABTXT;
    position: absolute;
}

.pay-tab-click a:hover span i,
.pay-tab-click a:hover span em {
    color: $TABACTIVETXT;
}

.pay-tab-click a.active span i,
.pay-tab-click a.active span em {
    color: $TABACTIVETXT;
}


/* Payment Box Page End */

.x-message-box .x-btn {
    background: $BUTTONBG !important;
    border-bottom: 3px solid $BUTTONBOTTOMBORDER !important;
}

.searching-flights-panel.shadow,
.searching-flights-panel:hover {
    box-shadow: 0px 0px 16px $BOXSHADOW inset;
}

.popover {
    word-wrap: break-word;
}

.form-group.gender select {
    min-width: 49px !important;
    padding: 10px 6px;
}


/* 10-06-2015 Series Request Start */

.steps {
    background-color: #e8e8e8;
}


/* Widget start */

.guideline i,
.guideline em {
    color: $TITLETXT;
}

.accord-modify,
.accord-preview {
    color: $TITLETXT;
}

.accord-click {
    margin-bottom: 10px;
}

.accord-click a.acc-inactive,
.accord-click a.acc-active,
.accord-click a.adv-accord {
    color: $TITLETXT;
}

.accord-show p.guideline,
.accord-show-popup p.guideline {
    color: #616161;
}

.accord-click>p.accord-open {
    border-bottom: 1px solid #009ec5;
}

.accord-notify {
    color: #000;
    font-family: Montserrat-Medium;
}

.accord-notify .sector-separator {
    color: #ccc;
}

.steps em.infi-icon_63_circle,
.steps em.infi-icon_63_circle {
    color: #e8e8e8;
}

span em.infi-icon_64_tickonly,
span em.infi-icon_64_tickonly {
    color: $TITLETXT;
}


/* Step Tick Css */

.steps .step-number {
    color: #000;
}

.steps span a {
    color: #000000;
}


/*widget end */

.widget-tab>li>a {
    color: #000;
    border-bottom: 1px solid #ccc !important;
}

.nav.nav-tabs.widget-tab li a:hover,
.nav.nav-tabs.widget-tab li.active {
    border-bottom: 1px solid #009ec5 !important;
    color: $TITLETXT;
}

.nav.nav-tabs.widget-tab li.active a {
    color: $TITLETXT;
}

.series-group {
    background: #e8e8e8;
}

.series-group-arrow {
    /*background:url("../../images/right_arrow.png") no-repeat scroll 0 0;
height: 37px;*/
    display: inline-block;
    position: absolute;
    top: -27px;
    width: 23px;
}

em.specific-date {
    color: #323232;
}

span.divider {
    color: #000;
}

.new-series-list tr {
    border-bottom: 1px solid #e8e8e8;
}

.in-progress em.infi-icon_63_circle,
.in-progress em.infi-icon_63_circle {
    color: $TITLETXT;
}

.in-progress .step-number,
.view-request-table a {
    color: #fff;
}

.request-progress {
    background: #e50000;
    width: 15%;
    height: 10px;
    position: absolute;
    border-radius: 5px;
}

.update-notify {
    color: #fff;
    background: $TABLEHEADER;
}


/*For aegean logo*/

.aegean-brand-logo {
    padding-top: 15px;
}


/*For aegean logo*/

.border-left-solid {
    border-left: 1px solid #919191;
}


/* Process list page tool tip summary design*/

.x-tip table tr th {
    background: none !important;
    font-weight: bold;
    width: 85px;
    margin: 2px 0;
}

.radio-theme em.fa-check-circle {
    color: $SECONDARYCOLOR;
}

.link-white {
    color: $FOOTERTXT !important;
}

.custom-btn-ext button span.x-btn-inner {
    color: $BUTTONTXTCOLOR;
    font-weight: bold;
}


/* Tender Process Request Start*/

.link-disable,
.pipe-separator,
.link-disable:hover {
    color: $DATEDISABLE;
}

.cancel-tender-link,
.cancel-tender-link:hover,
.cancel-tender-link:focus {
    color: $MANDATORYCOLOR;
}


/* Tender Process Request End*/


/* Login Page Notification Starts */

.login-notification {
    background: $PRIMARYLIGHTCOLOR;
    border: 1px solid $PRIMARYLIGHTCOLOR;
}

.login-notification i,
.login-notification em {
    color: $SECONDARYCOLOR;
}


/* Login Page Notification Ends */


/* Popup Header Text Starts*/

.notification,
.notification:hover {
    border-right: 1px solid $POPUPHEADERTEXTCOLOR;
    color: $POPUPHEADERTEXTCOLOR;
}


/* Popup Header Text Ends*/


/* Accept Page Starts */

.accpt-page .flight-details-view {
    border: 1px solid #ccc;
    box-shadow: 0 0 4px #ccc;
}

.even {
    background: #f3f3f3;
}


/* Accept Page Ends */


/* Scoot Accept Page starts*/

.bdr-lft {
    border-left: 2px solid #ccc;
}

.policy-div {
    border: 2px dashed #000;
}

.policy-div i,
.policy-div em {
    color: #000;
}

.policy-div.nc {
    border: 2px dashed #f38808;
}

.policy-div.nc i,
.nc .policy-descrpition .policy-name,
.policy-div.nc em {
    color: #f38808;
}

.policy-div.nr {
    border: 2px dashed #f8000c;
}

.policy-div.nr i,
.nr .policy-descrpition .policy-name,
.policy-div.nr em {
    color: #f8000c;
}

.policy-icon-table.nr i,
.policy-icon-table.nr em {
    color: #f8000c;
}

.policy-icon-table.nc i,
.policy-icon-table.nc em {
    color: #f38808;
}

.policy-type-table,
.toggle-settings label.active,
.policy-div .policy-type,
.policy-div .policy-type {
    color: #fff;
}

.toggle-settings {
    background: #fff;
    border: 1px solid #ccc;
}

.toggle-settings label {
    color: #000;
}

.toggle-settings .switch {
    background: #000;
}

.neg-details {
    background: #e5e5e5;
}

.neg-details i,
.neg-details em {
    color: #e5e5e5;
}

.select-flight-arrow .select-flight-right,
.select-flight-arrow .select-flight-left {
    color: #8a8a8a;
}

.current-show-flight {
    border: 1px solid #fecb00;
    background: #fecb00;
}


/* Scoot Accept Page Ends*/


/* <i> tag to <span> changes */

.well-trip-theme span span.infi-icon_29_flightonward,
.well-trip-theme span span.infi-icon_36_round-trip,
.well-trip-theme span span.infi-icon_27_multicity,
.well-trip-theme a span.infi-icon_29_flightonward,
.well-trip-theme a span.infi-icon_36_round-trip,
.well-trip-theme a span.infi-icon_27_multicity {
    color: $TABTXT;
}

.baggage-slelect-type span .icon-class {
    color: $INPUTICONBOX;
}

.hide-shadow {
    border-left: 1px solid $PRIMARYCOLOR;
    border-right: 1px solid $PRIMARYCOLOR;
}


/* add group link */

.conf-add-group {
    border: 1px solid $SECONDARYCOLOR;
    color: $SECONDARYCOLOR;
}


/* Request details table header styles */

.agent-req-box th,
.WCAG-th-bgcolor th {
    background: #fff !important;
}


/* Request details table header styles ends */


/*instant quote starts*/

.bdr-right {
    border-right: 1px solid #afafaf;
}

.bdr-left {
    border-left: 1px solid #afafaf;
}


/*instant quote ends*/


/*Chart Design Starts here*/

.cls-custom-dashboard {
    .bg-color {
        background: #f2f7fd;
    }
    h4 {
        color: #255180;
    }
    .graph-icon a {
        border: 1px solid transparent;
        &.active {
            border: 1px solid #c8c8c8;
        }
    }
    a {
        &.donut {
            background: url("../images/icons.png") no-repeat -1px -1px;
        }
        &.spline {
            background: url("../images/icons.png") no-repeat -1px -130px;
        }
        &.line {
            background: url("../images/icons.png") no-repeat -1px -174px;
        }
        &.bar {
            background: url("../images/icons.png") no-repeat -1px -89px;
        }
        &.pie {
            background: url("../images/icons.png") no-repeat -1px -43px;
        }
    }
    .form-control {
        box-shadow: none;
    }
    .c3-axis-y {
        .domain,
        line {
            stroke: transparent;
        }
        .tick tspan {
            fill: #8e9194;
        }
    }
    .c3-axis-x .domain {
        stroke: #bbb;
    }
}


/* Icons */


/* Icons End */

.c3-axis-x line {
    stroke: #bbb;
}

.cls-custom-dashboard {
    .c3-texts-No-of-requests .c3-text {
        fill: #000000 !important;
    }
    .bg-color-table {
        background: #f2f7fd;
    }
    td {
        border-bottom: 1px solid #e0e0e0;
    }
    .dashboard-confirm,
    .dashboard-payment,
    .dashboard-reject,
    .table-hd2,
    .table-hd3,
    .table-hd4 {
        color: #fff;
    }
    .dashboard-confirmlist {
        color: #3f51b5;
    }
    .dashboard-confirm {
        background: #3f51b5;
    }
    .dashboard-paymentlist {
        color: #f00;
    }
    .dashboard-ticketlist {
        color: #ffe500;
    }
    .dashboard-rejectlist {
        color: #4caf50;
    }
    .dashboard-payment {
        background: #f00;
    }
    .dashboard-ticket {
        color: #0e0d0d;
        background: #ffe500;
    }
    .dashboard-reject {
        background: #4caf50;
    }
    .custom-font {
        font-size: 17px;
        color: #255180;
    }
    .custom-selct,
    .custom-form-control,
    .pipeline-revenue-table-bg,
    .table-background {
        background: #fff;
    }
    .custom-form-control {
        box-shadow: none;
    }
    .custom-line {
        background: #ccc;
    }
    .top-station-bg,
    .custom-padding {
        background: #f5f5f5;
    }
    .custom-font-contents {
        color: #aeaeae;
    }
    .cls-dashboard-chart select.form-control {
        box-shadow: none;
    }
    .pipeline-revenue-bg {
        background: #f5f5f5;
    }
    .color-blue {
        color: #1b5cac;
    }
    .color-red {
        color: #f94546;
    }
    .color-yellow {
        color: #dd9602;
    }
    .table-hd2 {
        background: #1b5cac;
    }
    .table-hd3 {
        background: #dd9602;
    }
    .table-hd4 {
        background: #f94546;
    }
    .custom-content-padding {
        border-bottom: 1px solid #ccc;
    }
    #travel_agent_div .travel-agency-table th,
    #group_request_action_details_table .dashboard-list .dashboard-listhead th {
        background: #fff !important;
    }
    #travel_agent_div tbody tr {
        border-bottom: 1px solid #e0e0e0;
    }
}


/*Dashboard Area css end here  864*/


/*
* Author: Abdul Azeez
* Desc: Instant purchase
*/

.cls-label-container {
    border-bottom: 1px solid $GREY;
    .cls-tab {
        &.active {
            color: $TABACTIVECOLOR;
            border-bottom: 3px solid $TABACTIVECOLOR;
            &:before {
                color: $TABACTIVECOLOR;
            }
        }
    }
}

.flight-details-view.cls-new-structure {
    .cls-flight-select.active {
        background: $PRIMARYCOLOR;
        .cls-check {
            color: #fff; // modified by azeez 25-03-2020
        }
    }
}

/*modified by azeez for trip fare support 27-03-2020*/
.cls-check {
    border: 1px solid $GREY;
}

.flight-accordion.cls-new-structure {
    .cls-check {
        color: $PRIMARYCOLOR;
    }
}


/* Feedback Button Color Sheik(11-Mar-2020)*/

.cls-feedback {
    background: $PRIMARYCOLOR;
    color: #fff;
}


/* Author: Abdul Azeez
*  Desc: Group terms and conditions, suggested flights
*  Date: 31-Mar-2020
*/

.cls-grp-label {
    border: 1px solid #ccc;
    &:after {
        color: #ccc;
    }
}

.cls-grp-rdo:checked+.cls-grp-label {
    background: #ccc;
}

.cls-group-flights {
    .faq-acc-click {
        color: #000;
        border-bottom: 1px solid #ccc;
    }
}


/*
* Name : Abdul Azeez
* Desc: Filter
* Date: 04-05-2020
*/

.filter-icon {
    background: url('../../images/add.gif') no-repeat;
}

.cls-title-area {
    border-bottom: 1px solid #ccc;
}

.dropbtn {
    background-color: #1d27a2;
    color: white;
}

.dropdown-content {
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

.dropdown-content a {
    color: #000000;
}

.boxed {
    border: 1px solid #919191;
    background-color: #919191;
}

.cls-custom-btn {
    background: #ed7427;
    color: #fff;
}
.cls-multiple-status{
    .select-multiple li.active::before, .custom-select a i,.custom-select a .ssr-icon{
        color: $ICONS;
    }
}
/* azeez - series and conf bagfare */
.cls-tick{
    color: $PRIMARYCOLOR;
}
.cls-bfseries-rdo:not(:checked) ~ .cls-tick, .cls-bagfseries-rdo:not(:checked) ~ .cls-tick,
.cls-bfconf-rdo:not(:checked) ~ .cls-tick, .cls-bagfconf-rdo:not(:checked) ~ .cls-tick{
    border: 1px solid #ccc;
}
.flight-details-view td.selected{
    background: $PRIMARYCOLOR;
    .cls-tick,.fare-break-up,.inr-farebreak{
        color: #fff !important;
    }
}

/* author: shrimurugan - 12-02-2021 */
/* Desc - user details customization */

.user-details-content span, .agency-details-content span, .history-section ul span
{
    color: #000;
}
.user-details-content, .agency-details-content, .history-section {
    background: #FFF;
}
.history-section {
    border: 2px dashed #c8c6c6;
}
.detailssec .head, .historydetails .head {
    color: #000000;
}
.history-section ul li {
    background: $PRIMARYCOLOR;
    color: #FFF;
}
.history-section ul li::before{
    background: $PRIMARYCOLOR;
}
.contenta {
    color: #fff;
}
.history-section ul li .timing {
    color: #333333;
}

.agency-detailspart {
    border-bottom: 2px dashed #c8c6c6;
   
}
.user-details-content .verifycolor {
    color: #15c975;
}
.agency-details-content label, .user-details-content label, .history-section ul li label {
    color: #999999;
  
}
.detailssec  {
    .active {
        color: #15c975;
    }
    .inactive {
        color: #f96d6d;
    }   
    .pending {
        color: #d1c73f; 
    }
    
}
.view-detail:after {
    color: #000;
}
.view-detail a{
    color: #000;
}
/* author: shrimurugan - 25-02-2021 */
/* Desc - user details page management tab customization */
.citypair-drop {
    background: #fff;
}
.pos-sec .table-section tr , .citypairmanagement .table-section tr {
    background-color: #fff;
}
/*26-07-2021 - PNR select traveler details - Azeez*/
.pax-group{
    .cls-clabel{
        color: $ICONS;
    }
    .cls-dcheck + .cls-clabel{
        color: #ccc;
    }
}