/*************************************************
 * @styles ------------- Custom Styles
 * @HTML & CSS --------- JEGAN SP
 * @DESIGN ------------- THAMEEM ANSARI
 * @created date ------- 2015-June-29
 * @Modified by---------Saigiridharan.E
 * @Modified for----------To achieve W3C css validation
 * @Modified date ------16-Apr-2019
 *************************************************/


/* Common Styles */


/* IE 11 Scroll issue Solution start */

@-ms-viewport {
    width: auto;
}


/* IE 11 Scroll issue Solution end */

body,
html {
    /* removed font-family:'open_sansregular' for Aegean Airlines header purpose */
    font-family:  var(--PRIMARYFONTREGULAR);
    /* font-size: 14px; */
    /*margin-bottom:80px !important;*/
    padding-right: 0px !important;
    counter-reset: my-sec-counter;
}

html {
    min-height: 100%;
    position: relative;
}

body::-webkit-scrollbar {
    width: 6px;
}

body::-webkit-scrollbar-track {
    background: #f1f1f1;
}

body::-webkit-scrollbar-thumb,
.list-ct::-webkit-scrollbar-thumb,
.search-flight-anim-box::-webkit-scrollbar-thumb {
    background: $PRIMARYCOLOR;
}

/*horizontal scroll*/
::-webkit-scrollbar {
    height: 4px;
    width: 4px;
    background: gray;
}

::-webkit-scrollbar-track {
    background: #F1F1F1;
}

/* ::-webkit-scrollbar-thumb:horizontal {
    background: #000;
    border-radius: 10px;
} */
::-webkit-scrollbar-thumb {
    background: $PRIMARYCOLOR;
}

/* removed font-family:'open_sansregular' for Aegean Airlines header purpose */

body,
div,
p,
span,
ul,
li,
ol,
input,
select,
option,
label {
    /* font-size: 12px; */
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}

/* 0059340: SWA - While map infant, the Infant details not displayed properly */
body {
    counter-reset: my-sec-counter;
}
/* 
@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans_fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans_fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans_fonts/opensans-regular-webfont.woff2') format('woff2'), url('fonts/opensans_fonts/opensans-regular-webfont.woff') format('woff'), url('fonts/opensans_fonts/opensans-regular-webfont.ttf') format('truetype'), url('fonts/opensans_fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('fonts/opensans_fonts/opensans-semibold-webfont.eot');
    src: url('fonts/opensans_fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans_fonts/opensans-semibold-webfont.woff2') format('woff2'), url('fonts/opensans_fonts/opensans-semibold-webfont.woff') format('woff'), url('fonts/opensans_fonts/opensans-semibold-webfont.ttf') format('truetype'), url('fonts/opensans_fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans_fonts/opensans-bold.eot');
    src: url('fonts/opensans_fonts/opensans-bold.eot?#iefix') format('embedded-opentype'), url('fonts/opensans_fonts/opensans-bold.woff') format('woff'), url('fonts/opensans_fonts/opensans-bold.ttf') format('truetype'), url('fonts/opensans_fonts/opensans-bold.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} */


/* Font Icons Common Styles */


/* Popup Scroll Starts */


/*.modal:not(#backGroundPopup):not(#confirm-pop-up_error):not(#confirm-pop-up){
	position:absolute;
	bottom:auto;
}
body.modal-open{
	overflow:inherit;
	padding-right: 0px !important;
}*/


/* window right alignmet issues*/


/*body:not(.modal-open){
	padding-right: 0px !important;
}*/


/* Popup Scroll Ends */

.ie-8 {
    display: none !important;
}
/* bootstrap changes overwrite - start - ISS654*/
.form-control,.ui-menu .ui-menu-item {
    font-size: 1.4em;
}
.modal-title {
	font-size: inherit;
}
.form-control {
    height: calc(1.9em + 2px + 0.75rem);
}
.close {
    font-size: 21px;
}
/* bootstrap changes overwrite - end*/

/* Default Font family fot select option */
select{
    font-family: var(--PRIMARYFONTREGULAR),sans-serif;
    option {
        font-family: var(--PRIMARYFONTREGULAR), sans-serif;
    }
}

/* Payment Tab Styles */
.payment-main-box {
    margin: 20px 0px;
}
.tab-click.pay-tab-click a {
    padding: 12px 12px 12px 55px;
    display: inline-block;
    position: relative;
}
input.adult,
input.child,
input.infant {
    border: none !important;
    width: 31.5%;
    height: 30px !important;
    padding-left: 35px !important;
    font-size: 1.4em;
    color: #555;
}
.card-type {
    width: 59%;
    height: 34px;
    float: right;
}
.cvv {
    color: #7e4196;
    position: relative;
}
.cvv:hover span.cvv-img {
    display: block;
}
.cvv-img {
    background: url('../../images/cvvexplain.png') no-repeat;
    width: 192px;
    height: 101px;
    position: absolute;
    top: -44px;
    right: -186px;
    display: none;
}
/* Payment Tab Styles End*/

/* Multicity animation start */
.flight-disp-main-cont {
    position: relative;
    display: inline-block;
    width: 100%;
    .select-flight-hdr{
        center{
            font-size: inherit;
        }
    }
}
.multianim-arrow-lft,
.multianim-arrow-rgt {
    position: absolute;
    display: block;
    width: 35px;
    height: 64px;
    z-index: 1;
    background: $PRIMARYCOLOR;
}

.multianim-arrow-lft {
    left: -34px;
    top: 60%;
    border-radius: 50px 0px 0px 50px;
    box-shadow: -3px 0px 5px #fff inset;

    em {
        color: #fff;
        transform: rotate(90deg);
        position: absolute;
        top: 20px;
        right: 5px;
        font-size: 16px;
    }
}

.multianim-arrow-rgt {
    right: -30px;
    top: 60%;
    border-radius: 0px 50px 50px 0px;
    box-shadow: 5px 1px 5px #fff inset;

    em {
        color: #fff;
        transform: rotate(273deg);
        position: absolute;
        top: 20px;
        right: 5px;
        font-size: 16px;
    }
}

.multicity-anim-cont {
    /*overflow:hidden;*/
    max-height: 740px;
    position: relative;
}

.multicity-anim-main {
    overflow: hidden;
}


/* Multicity animation */


/* Common Styles */

a:focus,
a:hover {
    text-decoration: none;
}

a,
a:focus,
a:hover {
    outline: 0px;
}

option {
    padding: 8px !important;
    border-bottom: 1px solid #ccc;
    font-size: inherit;
}

.multicity-add .btn {
    padding: 6px 8px;
}

.fs-date-txt {
    font-family:var(--PRIMARYFONTSEMIBOLD);
    font-size: 1.5em;
}

.fs-date-txt span {
    color: #343434;
}

.popUpHighest {
    z-index: 9999 !important;
}

.form-control:focus {
    box-shadow: none;
    border: 1px solid #919191;
}

select#usertype {
    width: 101%;
}

.light-gray-color {
    color: #8B8A8A !important;
}

#loginForgotPwd,
.page-min-hgt {
    /*min-height:370px;*/
}

.borer-right-gray {
    border-right: 1px solid #ccc;
}

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

strong,
.pay-header-tr {
    font-weight: bold !important;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    border-top: none;
}

textarea {
    resize: none;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background: #fff;
}

.loginpage-hdr-form {
    padding: 17px 10px;
    color: #fff;
}

ul.none-border li {
    border: none;
}

.login-form input[type="password"] {
    letter-spacing: 2px\9;
}

.loginpage-bg .form-group input,
.form-group textarea {
    border-radius: 3px;
}
.loginpage-bg .form-group label,
.loginpage-bg .form-group a {
    font-family:var(--PRIMARYFONTSEMIBOLD);
    font-size: 1.3em;
    color: #fff;
}
.loginpage-bg .form-group label{
    font-weight: normal;
}


/*
.loginpage-bg .form-group a
{
	margin-right:20px;
}*/

.loginpage-bg .form-group input {
    margin-right: 20px;
    font-size: 1.4em;
}

.loginpage-bg h5,
.loginpage-bg h1 {
    font-family:var(--PRIMARYFONTSEMIBOLD);
    font-size: 1.6em;
    margin-bottom: 10px;
}

form.none-input-radius .form-group input,
form.none-input-radius .form-group select,
form.none-input-radius .form-group textarea {
    border-radius: 0px;
}

.custom-model-header button.close {
    color: #fff;
    opacity: 1;
}

.registration-header a,
.registration-header a:hover {
    color: #fff;
    display: inline-block;
    float: right;
    font-size: 0.81em;
    *{
        font-size: inherit;
    }
}

.registration-body {
    padding: 25px;
}

button.close {
    opacity: 1;
}

button.close span {
    color: $POPUPHEADERTEXTCOLOR;
    opacity: 1;
    font-size: 25px !important;
    line-height: 3px;
}

.stop-dis-cont span.stop-arrow {
    position: absolute;
    right: 70px;
    top: -8px;
    width: 15px;
    height: 8px;
    background: url('../../AIRLINE_DIRECTORY/arrowtop.png') no-repeat;
}

.layover-time {
    position: relative;
}

.layover-time span {
    position: absolute;
    left: 42%;
    top: 0px;
    min-width: 200px;
    background: #f1f1f1;
    padding: 3px 10px;
    display: inline-block;
    text-align: center;
    color: #000;
    font-family:  var(--PRIMARYFONTREGULAR);
    font-size: 1.2em;
    margin: 0px;
}

.steps-container {
    background: url('../../images/steps-strip.png') no-repeat center 36px;
}

.steps-container p {
    line-height: 20px;
    font-size: 1.2em;
    *{
        font-size: inherit;
     }
}

.day-pref-panel {
    border: 1px solid #d1d1d1;
    width: 99%;
    position: absolute;
    top: 44px;
    background: #fff;
    z-index: 1;
    height: 127px;
    overflow: scroll;
    overflow-x: hidden;
}

.day-pref-panel label {
    display: block;
    padding: 10px 20px 10px 10px;
    border-bottom: 1px solid #d1d1d1;
    color: #000;
    cursor: pointer;
    margin: 0px !important;
}

.preference-panel input.day-preference {
    padding-left: 15px;
    font-size: 1.4em;
}

.trip-form .preference-panel .form-group .day-pref-panel label input {
    height: auto;
    margin-right: 5px;
    vertical-align: -2px;
}

.inline-overflow {
    display: inline-block;
    width: 100%;
}

.popover {
    max-width: 1150px !important;
}

.popover-auto {
    width: auto;
}

.popover-small {
    width: 200px;
}

.popover-medium {
    width: 350px;
}

.popover-medium .table-bordered tbody td {
    text-align: center !important;
}

.popover-large {
    width: 600px;
}

.popover-xlarge {
    width: 850px;
}

.tab-click label input[type="radio"] {
    display: none;
}

.tab-show-main,
.new-series-outer-box {
    background: #fff;
    box-shadow: none;
    border: 1px solid #b4b4b4;
}

.new-series-outer-box {
    border-radius: 4px;
    padding: 20px;
}

.new-series-outer-box .well-trip-theme span,
.new-series-outer-box .well-trip-theme a {
    padding: 10px 10px 10px 35px;
}

.form label {
    margin-bottom: 10px;
    font-family:  var(--PRIMARYFONTREGULAR);
    font-size: 1.4em;
}

.form input,
.form select {
    border: 1px solid #919191;
    border-radius: 3px;
    height: 44px;
    line-height: 38px;
}

.sales-reason-add-icon {
    position: absolute;
    right: -13px;
    top: 34px;
}

.sales-reason-remove-icon {
    position: absolute;
    right: -30px;
    top: 34px;
}


/* Accordion styles */

.flight-accordion {
    margin: 5px 0px 15px 0px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0px 0px 4px #ccc;
}

.accordion-click,
.accordion-normal-noicons {
    display: block;
    padding: 10px 20px;
    background: url('../../AIRLINE_DIRECTORY/downarrow.png') no-repeat 98% 16px;
    font-size: 1.4em;
    font-family:var(--PRIMARYFONTSEMIBOLD);
}

.accordion-normal-noicons {
    background: none !important;
}

.flight-deselected-tick a i,
.flight-deselected-tick a em {
    color: #ACA9A9;
    font-size: 25px;
    display: block;
    width: 26px;
    height: 26px;
    z-index: 1;
}

.accordion-click.active,
.req-p.active {
    background: url('../../images/uparrow.png') no-repeat 98% 16px;
}

table.selec-desel-none tr td label.flight-deselected-tick {
    display: none;
}


/* Accordion styles End */


/* View Request */

.sector-1,
.sector-2,
.sector-3 {
    font-family:var(--PRIMARYFONTSEMIBOLD);
    font-size: 1.6em;
}

.sector-3 {
    width: 58%;
    display: inline-block;
    margin: 0px 10px 0px 20px;
    vertical-align: middle;
}

.farebreakdown {
    display: inline-block;
    vertical-align: top;
    padding-right: 5px;
}

.req-id {
    font-family: var(--PRIMARYFONTSEMIBOLD);
    line-height: 12px;
    font-size: 1.4em
}

/*.sector-1.right {
    padding-right: 40px;
    background: url('../../images/dasboard-icons.png') no-repeat 6px -2295px;
}

.sector-2.left {
    padding-left: 40px;
    background: url('../../images/dasboard-icons.png') no-repeat -26px -2295px;
}
*/

/* View Request End */

.custom-pagination li a {
    border: 0px;
    color: #000;
    font-size: 1.7em;
    font-family:  var(--PRIMARYFONTREGULAR);
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    background: none;
    color: $SECONDARYCOLOR;
}

.custom-pagination li a.active {
    font-size: 2.5em;
    line-height: 25px;
    color: $SECONDARYCOLOR;
    font-weight: bold;
}

.advacne-search-panel h4 {
    font-size: 1.5em;
    font-family:  var(--PRIMARYFONTREGULAR);
}

.update-notify {
    top: 0px;
    left: 10px;
    position: absolute;
    display: inline-block;
    min-width: 150px;
    padding: 3px 15px;
    font-size: 1.2em !important;
    border-radius: 0px 0px 6px 6px;
}

.update-clone {
    background: none repeat scroll 0 0 #27AAE1;
    border-radius: 0 0 6px 6px;
    color: #fff;
    display: inline-block;
    font-size: 12px !important;
    left: 250px;
    min-width: 150px;
    padding: 3px 15px;
    position: absolute;
    top: 0;
}

.list-date {
    font-size: 1.2em !important;
    color: #eb1000;
}
.list-date-default {
    font-size: 1.2em !important;
}

.list-fare {
    font-family:var(--PRIMARYFONTSEMIBOLD) !important;
    padding: 3px 0px;
}

.clear-link {
    width: auto !important;
}

.paragraph {
    text-indent: 20px;
    text-align: justify;
    line-height: 20px;
    font-size: 1.2em;
}

.fa {
    padding-right: 5px;
}

.alert-icons {
    padding: 20px 10px;
    width: 10%;
}

.alert-msg {
    width: 80%;
    padding: 30px 10px;
    font-size: 2em;
    i{
        font-size: inherit;
    }
}

.non-stop-text,
.non-stop-text:hover {
    text-decoration: none;
    color: #000;
}


/*table.roundtrip-table .stop-text
{
	top:20px;
	right:60%;
}*/

.currency-select {
    border: none !important;
    box-shadow: none;
    padding: 6px 8px;
}

.currency-select.series {
    background: url('../../SVG_FOLDER/down-arrow-small-themecolor.svg') no-repeat 73% 60% #fff;
}

.currency-value {
    border-left: 0px solid #d1d1d1 !important;
    border-top: 0px solid #d1d1d1 !important;
    border-bottom: 0px solid #d1d1d1 !important;
    border-right: 0px solid #d1d1d1 !important;
    box-shadow: none;
    font-size: 1.4em;
    color: #555;
}

.remarks {
    min-height: 50px;
}

.search-flight-anim-box {
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
    min-height: 100px;
    padding-right: 5px !important;
    scrollbar-width: thin;
    scrollbar-color: $PRIMARYCOLOR #f1f1f1;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.min-4-box {
    max-height: 400px;
    min-height: 150px;
}

.min-1-box {
    max-height: 100px;
}

.min-2-box {
    max-height: 190px;
}

.min-3-box {
    max-height: 290px;
}

.min-4-box {
    max-height: 390px;
}

.min-5-box {
    max-height: 500px;
}

.min-6-box {
    max-height: 590px;
}

.min-7-box {
    max-height: 690px;
}

.min-8-box {
    max-height: 790px;
}

.min-8-box {
    max-height: 890px;
}

.min-10-box {
    max-height: 990px;
}

.layover-time {
    background: url('../../images/overlay-line.jpg') no-repeat center center;
}

.layover-panel {
    width: 250px;
    display: inline-block;
    background: #f6f6f6;
    height: 20px;
}

.layover-panel span {
    width: 100%;
    left: 0px;
}

.search-flight-anim-box .searching-flights-panel {
    cursor: pointer;
}

.searching-flights-panel {
    border: 1px solid #d1d1d1;
    margin-bottom: 15px;
}

.selector-header-panel {
    color: #fff;
    margin-bottom: 20px;
}

.selector-header {
    background: #ef414e;
    font-family:var(--PRIMARYFONTSEMIBOLD);
    font-size: 1.4em;
    font-weight: bold;
    padding: 10px 0px;
}

.arrow-icon,
.arrow-icon-flgt-srch {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url('../../images/dasboard-icons.png') no-repeat -29px -2292px;
}

.arrow-icon-flgt-srch {
    position: absolute;
    top: 10px;
    right: 25%;
}

.roundtrip-table span.arrow-icon-flgt-srch {
    position: absolute;
    top: 17%;
    right: 10%;
}

.multicity-table span.arrow-icon-flgt-srch {
    position: absolute;
    top: 17%;
    right: -20%;
}

.flight-detail-text {
    margin: 15px 0px 5px;
}

.flight-detail-text.multicity .onward-icon {
    margin: 0px 5px;
}

.flight-detail-text p {
    font-family:  var(--PRIMARYFONTREGULAR);
    font-size: 1.8em;
    color: #1a1a1a;
    display: inline-block;
}

.flight-detail-text span {
    font-size: 1.5em;
}

.onward-icon {
    display: inline-block;
    width: auto;
}

.preference-header i,
.preference-header em {
    font-size: 27px;
    position: absolute;
    top: -4px;
    left: 0px;
}

.animate-scroll {
    margin: 0px 82px 0px 65px;
    top: 0px;
}

.well-trip-theme span em.infi-icon_36_round-trip,
.well-trip-theme a em.infi-icon_36_round-trip {
    position: absolute;
    top: 3px;
    left: 5px;
    font-size: 27px;
}

.well-trip-theme span em.infi-icon_27_multicity,
.well-trip-theme a em.infi-icon_27_multicity {
    position: absolute;
    top: 3px;
    left: 5px;
    font-size: 27px;
}

.well-trip-theme input[type="radio"] {
    position: absolute;
    z-index: -1;
    left: 2px;
    top: 2px;
}


/* .well-trip-theme span - removed class for <i> to <span> modification */

.well-trip-theme a {
    display: inline-block;
    padding: 10px 10px 10px 40px;
    font-family:  var(--PRIMARYFONTREGULAR);
    /* font-size: 12px; */
    border-radius: 5px;
    font-weight: normal;
    cursor: pointer;
    margin: 4px;
    color: #fff;
}

.well-trip-theme span.oneway,
.well-trip-theme span.roundtrip,
.well-trip-theme span.multicity,
.well-trip-theme a.oneway,
.well-trip-theme a.roundtrip,
.well-trip-theme a.multicity {
    position: relative;
}

#loginForgotPwd {
    /*min-height:458px;*/
}

.dashboard-text,
.dashboard-text-fnt,
.passenger-sub-txt {
    margin: 65px 0px;
    /* font-size: 15px; */
    color: #000;
}

.dashboard-text-fnt {
    margin: 26px 0px;
}

.passenger-sub-txt {
    margin: 30px 0px;
}

.dashboard-text-fnt span,
.passenger-sub-txt span {
    display: block;
    font-size: 57px;
    line-height: 55px;
}


/*.booking-summary span
{
	margin:0px;
}*/

.booking-summary .dashboard-text {
    margin: 0px 0px 37px 0px;
    min-height: 43px;
}

.reports .dashboard-text {
    margin: 8px 0px 0px 0px;
}

.graph-img {
    margin: 12px -5px;
    height: 131px;
}


/* Dashboard End */

.dashboard-panel {
    margin: 20px 0px;
}

.new-request-icon,
.accpet-pending-icon,
.payment-request-icon,
.passenger-icon,
.addssr-icon,
.summary-icon,
.help-icon,
.adduser-icon,
.dashboard-panel .ssr-icon {
    height: 100px;
    width: 100px;
    display: inline-block;
    margin: 25px 0px 0px 0px;
}

a,
a:hover {
    color: #3B5998;
    text-decoration: none;
}

.test-border {
    border: 1px solid red;
}

.welcome-panel {
    padding: 10px 0px;
}

.welcome-panel p {
    display: inline;
    padding-right: 15px;
    border-right: 1px solid #1e1e1e;
}

.logout {
    color: #1e1e1e;
    margin-left: 5px;
    font-size: 1.2em;
}

.welcome span,
.logout span,
.time span {
    width: 30px;
    height: 20px;
    display: inline-block;
}

.welcome span {
    background: url("../../images/sprit-icons.png") no-repeat scroll -2px -9px;
}

.time span {
    background: url('../../images/sprit-icons.png') no-repeat -35px -8px;
}

.time span.disptime {
    width: auto !important;
    background: none;
    font-family:  var(--PRIMARYFONTSEMIBOLD);
    font-size: 1.3em;
    font-feature-settings: 'tnum';
}

.logout span {
    background: url('../../images/sprit-icons.png') no-repeat -75px -8px;
}

.new-request,
.accept-pending,
.payment-request,
.submission-pend,
.add-ssr,
.add-user,
.reports,
.booking-summary,
.ssr-request {
    min-height: 180px;
    max-height: 180px;
    margin: 0px 10px 10px 0px;
    cursor: pointer;
}

.social-icon {
    border-radius: 30px;
    display: inline-block;
    height: 45px;
    width: 45px;
    margin: 0px 20px 20px 0px;
    position: relative;
    overflow: hidden;
}

.social-icon span {
    position: relative;
}

.copy-right {
    /*padding-top:30px;*/
    padding: 20px 0px;
    font-size: 1.2em;
}
.copy-right div {
    font-size: inherit;
}
.fixed {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 100;
}


/* Icon Scale Change */

.well-trip-theme span em.infi-icon_29_flightonward,
.well-trip-theme a em.infi-icon_29_flightonward,
.well-trip-theme span em.infi-icon_55_onward,
.well-trip-theme a em.infi-icon_55_onward {
    position: absolute;
    top: 0px;
    left: 5px;
    font-size: 2.3em;
}

.well-trip-theme span em.infi-icon_55_onward,
.well-trip-theme a em.infi-icon_55_onward {
    top: 3px;
}

.trip-hdr,
.series-trip-hdr {
    font-family:var(--PRIMARYFONTSEMIBOLD);
    font-size: 1.8em;
    margin-bottom: 10px;
}

.mulicity-hide-hdr .col-sm-12 {
    display: none;
}

.roundtrip-blur {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    background: url('../../images/date-hide-bg.png') repeat;
    z-index: 1;
    left: 0px;
}

.blur-1 {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    background: url('../../images/date-hide-bg-1.png') repeat;
    z-index: 1;
    left: 0px;
}

.blur-2 {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    background: url('../../images/date-hide-bg-2.png') repeat;
    z-index: 1;
    left: 0px;
}

.trip-form label {
    margin-bottom: 10px;
    font-family:  var(--PRIMARYFONTREGULAR);
    font-size: 1.4em;
}

.trip-form input[type="text"],
.trip-form select {
    border: 1px solid #919191;
    border-radius: 3px;
    height: 44px;
}

.trip-form input[type="checkbox"],
input[type="checkbox"] {
    margin: 0px 5px;
    height: 20px;
    border: 0px;
    outline: 0;
    box-shadow: none;
    vertical-align: sub;
}

.table tr td>div.form-group {
    margin-bottom: 0px;
}

.orgin-change-icon,
.calendar-icon,
.preference-icon-down,
.minus-icon,
.plus-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;

}
.economy-icon,
.meals-icon,
.baggage-icon,
.currency-icon,
.others-icon {
    position: absolute;
    display: inline-block;
    width: 45px;
    height: 76%;
    pointer-events: none;
    right: 2px;
    top: 3px;
    border-radius: 0px 4px 4px 0px;
}

.baggage-icon:after,
.meals-icon:after,
.others-icon:after {
    color: $PRIMARYCOLOR;
    font-size: 23px;
    font-family: 'infiIcons';
    text-align: center;
    background: #fff;
    display: block;
    height: 100%;
}

.baggage-icon:after {
    content: '\e904';
}

.meals-icon:after {
    content: '\e919';
}

.others-icon:after {
    content: '\e949';
}

.meal-ic,
.baggage-ic {
    padding: 5px 20px 10px 20px;
    font-size: 1.4em;
}

.date {
    padding-left: 40px !important;
}

.calendar-date {
    font-family:var(--PRIMARYFONTSEMIBOLD);
    font-size: 2.5em;
}

.calendar-year {
    top: -2px;
    left: 80px;
    padding: 8px 0px;
    font-family:  var(--PRIMARYFONTREGULAR);
    font-size: 1.1em;
}

.baggage-select {
    padding: 0px 45px 0 15px;
    /*height:30px !important;*/
    border: none !important;
    box-shadow: none !important;
    cursor: pointer;
}

.baggage-slelect-type,
.input-type-box {
    border: 1px solid #919191;
    height: 44px;
    border-radius: 3px;
    overflow: hidden;
    padding: 0px;
}

.no-of-guest {
    padding: 6px 12px !important;
}

.baggage-slelect-type span {
    padding: 13px 0px;
    position: relative;
}

.baggage-slelect-type label {
    padding: 5px 10px;
}

.return-icon {
    background: url('../../images/dasboard-icons.png') no-repeat -26px -1679px;
}

.preference-header {
    margin: 0px;
    padding: 2px 0px 2px 55px;
    font-family:var(--PRIMARYFONTSEMIBOLD);
    font-size: 1.6em;
    margin-bottom: 15px;
    position: relative;
}

.show-stop-main {
    position: relative;
}

.negotiations-view {
    position: absolute;
    bottom: -70px;
    left: -116px;
    width: 80px;
    padding: 40px 0px 10px 0px;
    background: url('../../AIRLINE_DIRECTORY/plus.png') no-repeat 26px 7px #fff;
    display: inline-block;
    font-size: 1.3em;
    text-align: center;
}

.alternate-txt {
    font-size: 1.4em;
    font-family:var(--PRIMARYFONTSEMIBOLD);
    text-decoration: underline;
}

.alternate-txt span {
    font-size: 1em;
    font-family:var(--PRIMARYFONTSEMIBOLD);
}

.reset-select-txt,
.reset-select-txt:focus {
    font-size: 2em;
    font-family:var(--PRIMARYFONTSEMIBOLD);
    text-decoration: underline;
    padding: 0px;
    box-shadow: none;
}

.trans-flight-det,
.new-trans-flight-det {
    display: block;
    /*background:url('../../AIRLINE_DIRECTORY/big-Arrow.png') no-repeat;*/
    width: 32px;
    height: 32px;
}

.hdr-txt {
    color: #000;
    font-size: 1.6em;
    font-family:var(--PRIMARYFONTSEMIBOLD);
    margin: 10px 15px;
}

.tab-click {
    padding: 0px 20px;
}


/* Email Setting */

.email-setting-main {
    background: #f2f2f2;
    padding: 15px;
    margin-bottom: 20px;
}

.check-box-select {
    background: #fff;
    position: absolute;
    width: 33px;
    height: 95%;
    display: inline-block;
    left: 1px;
    top: 1px;
    border-right: 1px solid #919191;
    text-align: center;
}

.select-with-checkbox select {
    padding-left: 35px;
}

.check-box-select input {
    margin: 0px;
}

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

.notify-line {
    position: relative;
    margin: 10px 0px 20px 0px;
    border: 1px solid #d1d1d1;
}

.notify-line span.arrow {
    position: absolute;
    top: -7px;
    left: 60px;
}

.copy-all {
    font-size: 1.4em;
    color: #000;
    display: block;
    margin-top: 10px;
}


/* Email Setting End */

.passenger-form table tr td .form-group input,
.passenger-form table tr td .form-group select {
    padding: 6px 0px;
}

.drag-drop-container {
    margin: 10px 0px;
}

.drag-drop-border {
    border: 3px dashed #F15873;
}

.drag-drop-box {
    padding: 20px 0px;
    margin: 12px 0px;
    .cls-drag-file{
        span{
            font-size: 1.2em;
        }
    }
    .cls-support-file{
        font-size: 1.6em;
    }
    .cls-or-file{
        font-size: 1.2em;
    }
    .upload-link{
        font-size: 1.6em;
    }
}

.drag-drop-box p {
    margin: 5px 0px;
}

.file-upload {
    position: relative;
}

.file-upload input[type="file"] {
    position: absolute;
    top: 0px;
    z-index: -1;
}

.file-upload a {
    background: #fff;
    text-align: center;
    text-decoration: underline;
    z-index: 1;
}


/* Passenger details stop container End */


/* Pnr details */

.advance-paid,
.payment-complete {
    font-size: 1.7em;
    font-family:var(--PRIMARYFONTSEMIBOLD);
}

.advance-paid {
    color: #0a9142;
}

.payment-complete {
    color: #7d8166;
}


/* Pnr details */

.user-minus i,
.user-plus i,
.user-minus em,
.user-plus em {
    padding-right: 10px;
    vertical-align: -2px;
}

.custom-chat {
    border: 1px solid #afafaf;
    padding: 15px;
    border-radius: 10px;
    position: relative;
}

.airline-chat span.arrow,
.custom-chat span.arrow {
    position: absolute;
    width: 12px;
    height: 19px;
}

.airline-chat span.arrow {
    top: 55px;
    left: -11px;
}

.custom-chat span.arrow {
    top: 55px;
    right: -11px;
}

.attach-link {
    position: relative;
    display: block;
}

.attach-link img {
    margin: 0px auto;
}

.airline-chat-icon,
.custom-chat-icon {
    padding: 20px;
}

.airline-chat-icon span,
.custom-chat-icon span {
    width: 90px;
    height: 90px;
    border: 3px solid #d6d6d6;
    border-radius: 65px;
    display: block;
    margin: 0px auto;
}

.airline-chat-icon span {
    background: url('../../images/dasboard-icons.png') no-repeat 0px -2483px;
}

.custom-chat-icon span {
    background: url('../../images/dasboard-icons.png') no-repeat 0px -2545px;
}

span.attach-dis-arrow {
    position: absolute;
    right: 43%;
    bottom: -10px;
    width: 15px;
    height: 8px;
    background: url('../../AIRLINE_DIRECTORY/arrowtop.png') no-repeat;
    z-index: 1;
    display: none;
}

.attach-dis-cont a {
    width: 80px;
    display: inline-block;
    text-align: center;
    margin: 0px 5px;
}

.attach-dis-cont a img {
    margin: 0px auto;
}

.message-det-cont {
    margin-bottom: 20px;
}

.anim-div {
    float: left;
}


/*.multianim-fixed-main
{
	width:5000px !important;
}*/

.multianim-fixed-main>div.anim-div {
    width: 375px !important;
}

ul.list-bullet {
    margin-left: 20px;
}

ul.list-bullet li {
    padding: 5px 10px;
    list-style-type: circle;
}

.form-group {
    position: relative;
    margin-bottom: 1.5rem
}

.form-group span.mandatory {
    background: url('../../images/mandatory.png') no-repeat;
    width: 8px;
    height: 7px;
    top: 47px;
    right: 10px;
    position: absolute;
}

.form-group span.mandatory-select {
    background: url('../../images/mandatory.png') no-repeat;
    width: 8px;
    height: 7px;
    top: 47px;
    right: 20px;
    position: absolute;
}

.form-group span.mandatory-nolabel {
    background: url('../../images/mandatory.png') no-repeat;
    width: 8px;
    height: 7px;
    top: 12px;
    right: 0px;
    position: absolute;
}

.mandatory-all {
    background: url('../../images/mandatory.png') no-repeat left center;
    padding: 5px 15px;
    color: #ff0000;
}


/*
.feedback-form a.feedback-link, .feedback-form a.feedback-link-forward
{
	position:absolute;
	left:-31px;
	top:45%;
}*/

.feedback-form a.feedback-link-forward {
    position: fixed;
    top: 45%;
}

.feedback-anim {
    display: none;
}

.feedback-form a.feedback-link {
    position: fixed;
    top: 45%;
    right: -53px;
    /*width: 110px;*/
}

.faq li p {
    padding: 3px 0px;
}

.faq li ul {
    margin: 10px 0px;
}

.faq li ul li {
    border: none;
    box-shadow: none;
    list-style-type: disc;
    padding: 5px 0px;
    margin: 0px;
}

.faq-acc-show {
    display: none;
    padding: 5px 15px 20px 20px;
    line-height: 20px;
}

.vierespop-num-txt,
.num-txt {
    font-family:var(--PRIMARYFONTSEMIBOLD);
    font-size: 1.6em;
}

.vierespop-date-txt,
.date-txt {
    font-family:var(--PRIMARYFONTSEMIBOLD);  
    font-size: 1.4em;
}

.vierespop-date-txt span,
.date-txt span {
    color: #343434;
    font-size: 1.4em;
}

.agent-req-box,
.airline-res-box {
    padding-top: 15px;
    position: relative;
    min-height: 325px;
}

.agent-trip-type {
    position: absolute;
    top: -4px;
    left: -4px;
    display: inline-block;
    width: 70px;
    height: 70px;
    padding: 10px 9px 10px 8px;
    background: url('../../images/view-req-sprit.png') no-repeat -21px -13px;
}

.trip-req {
    overflow: hidden;
}

.trip-req .big-fnt {
    font-size: 3.2em;
    height: 25px;
    line-height: 23px;
    width: 14px;
}

.trip-type {
    color: #101010;
    font-size: 1.2em;
    line-height: 12px;
    text-align: center;
    height: 27px;
    padding: 0px 2px;
}

.trip-req .small-fnt {
    vertical-align: bottom;
    width: 45px;
    word-break: break-all;
    line-height: 12px;
}

.travel-disp-box {
    padding-left: 65px;
    margin-bottom: 15px;
}

.travel-disp-box p {
    display: inline-block;
    border-right: 1px solid #e7e7e7;
    padding-right: 10px;
    margin: 0px 14px 5px 0px;
}

.agent-tra-details {
    font-family:var(--PRIMARYFONTSEMIBOLD);
    /* font-size: 16px; */
}

.agent-tra-details span {
    font-size: 1.6em;
    font-family:  var(--PRIMARYFONTREGULAR);
}

.regent-req-table tr td,
.regent-req-table tr td p.ellipsis {
    font-size: 1.4em;
}

.ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    padding: 0px 40px 0px 0px;
}

.ellipsis span {
    display: inline-block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.table-lay-fixed {
    table-layout: fixed;
}

.agent-req-tab-show {
    border: 2px solid #e7e7e7;
    width: 220%;
    padding: 10px 20px 20px 20px;
    margin: 15px 0px -2px -17px;
    background: #fff;
    position: relative;
    z-index: 1;
}

.white-border {
    height: 3px;
    width: 48.4%;
    position: absolute;
    top: -3px;
    left: 0px;
    background: #fff;
}

.agent-req-tab a.view-req-det i,
.agent-req-tab a.view-nego-det i,
.agent-req-tab a.view-req-det em,
.agent-req-tab a.view-nego-det em {
    padding-right: 10px;
    vertical-align: -5px;
    font-size: 17px;
}

.agent-req-tab-show em.infi-icon_50_close {
    position: absolute;
    right: -10px;
    top: -13px;
    font-size: 20px;
    color: #C5C2C2;
    background: #fff;
    line-height: 15px;
    cursor: pointer;
}

.agent-req-tab a.view-nego-det i,
.agent-req-tab a.view-nego-det em {
    font-size: 20px;
}

a.view-req-det.active i,
a.view-req-det.active,
a.view-req-det.active em {
    background: #f2f2f2;
    border-radius: 5px;
}

a.view-nego-det.active {
    background: #f2f2f2;
    border-radius: 5px;
}

.agent-req-tab a span.arrow {
    display: none;
    position: absolute;
    left: 43%;
    bottom: -8px;
    background: url('../../images/down-arrow.png') no-repeat;
    width: 17px;
    height: 8px;
}

.agent-req-tab a.active span.arrow {
    display: block;
}

.total-fare {
    font-size: 1.4em;
    color: #353535;
    font-family:  var(--PRIMARYFONTREGULAR);
}

.fare-box {
    max-width: 400px;
    min-width: 180px;
    float: right;
    text-align: right;
    padding: 5px 10px;
    position: relative;
    a{
        font-size: 1.4em !important;
        *{
            font-size: inherit !important;
        }
    }
}

.fare-box.active {
    border-radius: 4px 4px 0px 0px;
    background: #f2f2f2;
}

.fare-box p.fare-break-up {
    display: inline;
}

.fare-bref-det {
    display: none;
    position: absolute;
    left: 0px;
    background: #f2f2f2;
    width: 150%;
    padding: 0px 5px;
    border-radius: 0px 0px 4px 4px;
}

.fare-bref-det table {
    margin: 10px 0px;
    border-top: 1px solid #d1d1d1;
    width: 100%;
}

.fare-bref-det table tr td {
    padding: 3px 5px
}

.fare-det-infant,
.fare-det-meal,
.fare-det-baggage {
    color: #008BAE;
    font-size: 1.5em;
    vertical-align: -3px;
}

.time-limit-cont p {
    margin: 0px 20px;
}

.time-limit {
    background: #f2f2f2;
}

.time-limit i,
.time-limit em {
    padding-right: 5px;
    vertical-align: -3px;
    font-size: 17px;
}

.time-limit-box {
    background: #f2f2f2;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 20px;
}

tr.view-req-bg {
    background: #f4f4f4;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #d4d4d4;
}

.alrt-msg {
    color: #e70c2b;
    font-family:var(--PRIMARYFONTSEMIBOLD);
    font-size: 1.6em;
    text-align: center;
    margin-top: 10px;
}

.right-arrow {
    right: -15px;
    top: 52px;
    background: url("../../images/dasboard-icons.png") no-repeat -37px -2771px;
}

.fare-tooltip {
    min-width: 225px;
    padding: 10px;
    background: #f2f2f2;
    position: absolute;
    right: -225px;
    border-radius: 5px;
}

.fare-tooltip table tr td {
    background: #f2f2f2;
    color: #000;
}

/* .fare-disp-box table tr td {
    padding: 3px 8px !important;
} */

.right-arrow {
    width: 15px;
    height: 30px;
    position: absolute;
}

.left-arrow {
    width: 15px;
    height: 20px;
    position: absolute;
}

.vstatus-AN,
.vstatus-RQ,
.vstatus-RJ,
.vstatus-NA,
.vstatus-RN,
.vstatus-NR,
.vstatus-RC,
.vstatus-RP,
.vstatus-PC,
.vstatus-TL,
.vstatus-AP,
.vstatus-RE,
.vstatus-PS,
.vstatus-SR,
.vstatus-RA,
.vstatus-RR,
.vstatus-AR,
.vstatus-RS,
.vstatus-PNRC,
.vstatus-PN,
.vstatus-RM {
    font-size: 1.4em;
    font-family:var(--PRIMARYFONTSEMIBOLD);
    line-height: 18px;
}

.email-setting-label {
    position: relative;
    display: block;
    padding: 5px 5px 5px 35px;
    white-space: nowrap;
}

.email-setting-label input[type="checkbox"] {
    position: absolute;
    left: 5px;
    top: 5px;
}

.x-btn-default-small-disabled .x-btn-inner {
    color: #fff !important;
}

.x-btn-disabled span {
    opacity: 1 !important;
}

.create-issue-iframe {
    width: 100%;
    min-height: 165px;
}

.passenger-det-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-x: auto;
    -ms-overflow-y: hidden;
    display: inline-block;
    width: 100%;
}

.passenger-det-box {
    width: auto;
}

.passenger-det-box table tr td,
.passenger-det-box table tr th {
    width: 150px;
}

.passenger-det-box tr td div.form-group select,
.passenger-det-box tr td div.form-group input {
    width: 140px;
}

.passenger-det-box table.flight-details-view td input {
    min-width: 140px;
    width: 100%;
}

.passenger-det-box table.flight-details-view td select {
    min-width: 100px;
    width: 100%;
}

.passenger-det-box table.flight-details-view {
    table-layout: fixed;
}

.form-group span.mandatory-signup,
.form-group span.mandatory-signup-select {
    background: url('../../images/mandatory.png') no-repeat;
    width: 8px;
    height: 7px;
    position: absolute;
}

.form-group span.mandatory-signup {
    top: 12px;
    right: 25px;
}

.form-group span.mandatory-signup-select {
    top: 12px;
    right: 40px;
}

.ellipsis-link {
    position: relative;
}

.view-ellipsis-box {
    word-break: break-all;
    width: 350px !important;
}

label.flight-deselected-tick input {
    z-index: -1;
    position: relative;
}

.refresh-img {
    position: absolute;
    right: -20px;
    top: 15px;
}

.pay-exp-date select {
    width: 29%;
    margin-right: 5%;
    background: #fff;
    padding: 6px 12px;
}

.pay-exp-date select:last-child {
    margin-right: 0px;
}

.footer {
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.checkbox label {
    cursor: pointer;
    position: relative;
    display: inline-block;
    padding-left: 30px;
}

.checkbox i,
.checkbox input[type="checkbox"],
.checkbox em {
    font-size: 2em;
    left: 0px;
    position: absolute;
    top: 0px;
    line-height: 0px;
}

.checkbox input[type="checkbox"] {
    left: -1px;
    top: 1px;
    display: none;
}

.xrays {
    position: absolute;
    top: -13%;
    opacity: 0.5;
    left: 0px;
    z-index: 1000;
    width: 100%;
    height: 52px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000102+0,000102+100&0.52+0,0.55+2,0.48+18,0.09+78,0+100 */
    background: -moz-linear-gradient(top, rgba(0, 1, 2, 0.52) 0%, rgba(0, 1, 2, 0.55) 2%, rgba(0, 1, 2, 0.48) 18%, rgba(0, 1, 2, 0.09) 78%, rgba(0, 1, 2, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 1, 2, 0.52) 0%, rgba(0, 1, 2, 0.55) 2%, rgba(0, 1, 2, 0.48) 18%, rgba(0, 1, 2, 0.09) 78%, rgba(0, 1, 2, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 1, 2, 0.52) 0%, rgba(0, 1, 2, 0.55) 2%, rgba(0, 1, 2, 0.48) 18%, rgba(0, 1, 2, 0.09) 78%, rgba(0, 1, 2, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#85000102', endColorstr='#00000102', GradientType=0);
    /* IE6-9 */
}


/* series request start */

.steps {
    height: 10px;
    border-radius: 5px;
    margin: 40px 0px 55px 0px;
}


/* Widget start */

.accord-show p.guideline,
.accord-show-popup p.guideline {
    margin: 0px 0px 10px 0px;
    font-style: italic;
    font-size: 13px;
}

.guideline i,
.guideline em {
    float: left;
    font-size: 15px;
    font-style: italic !important;
    line-height: 21px;
    margin-right: 10px;
}

.accord-modify,
.accord-preview,
.accord-add {
    float: right;
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
    display: none;
    font-family: var(--SUBBUTTONFONT);
}

.accord-modify i,
.accord-add i,
.accord-modify em,
.accord-add em {
    font-size: 16px;
    margin-right: 7px;
    margin-top: -3px;
    vertical-align: -2px;
}

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

.accord-click a.acc-inactive,
.accord-click a.acc-active,
.accord-click a.adv-accord {
    font-weight: bold;
    display: inline-block;
    min-width: 50px;
    cursor: default;
    text-decoration: none;
    font-size: 1.4em;
}

.accord-click>p {
    padding: 10px 0px;
    margin: 0px !important;
}

.accord-show {
    padding: 15px 0px;
}

.accord-show-popup {
    padding: 15px;
}

.accord-notify {
    margin-left: 30px;
    font-family:var(--PRIMARYFONTREGULAR)!important;
}

.accord-right {
    margin-right: 150px;
}

.steps .widget-class-1 {
    left: 15%;
}

.steps .widget-class-2 {
    left: 30%;
}

.steps .widget-class-3 {
    left: 45%;
}

.steps .widget-class-4 {
    left: 60%;
}

.steps .widget-class-5 {
    left: 75%
}

.steps em.infi-icon_63_circle {
    font-size: 35px;
}

span em.infi-icon_64_tickonly {
    font-size: 18px;
}
em.infi-icon_64_tickonly {
    position: absolute;
    right: 6px;
    top: 8px;
    font-size: 24px;
}

/* Step Tick Css */

.widget-class-1 em.infi-icon_64_tickonly,
.widget-class-2 em.infi-icon_64_tickonly,
.widget-class-3 em.infi-icon_64_tickonly,
.widget-class-4 em.infi-icon_64_tickonly,
.widget-class-5 em.infi-icon_64_tickonly {
    display: none;
}

.widget-class-1.complete em.infi-icon_64_tickonly,
.widget-class-1.complete em.infi-icon_63_circle,
.widget-class-2.complete em.infi-icon_64_tickonly,
.widget-class-2.complete em.infi-icon_63_circle,
.widget-class-3.complete em.infi-icon_64_tickonly,
.widget-class-3.complete em.infi-icon_63_circle,
.widget-class-4.complete em.infi-icon_64_tickonly,
.widget-class-4.complete em.infi-icon_63_circle,
.widget-class-5.complete em.infi-icon_64_tickonly,
.widget-class-5.complete em.infi-icon_63_circle {
    display: inline-block;
}



.widget-class-1.complete .step-number,
.widget-class-2.complete .step-number,
.widget-class-3.complete .step-number,
.widget-class-4.complete .step-number,
.widget-class-5.complete .step-number {
    display: none;
}


/* Step Tick Css */

.steps li {
    position: relative;
    top: -23px;
    display: inline-block;
}

.steps .step-number {
    top: 4px;
    bottom: 0px;
    left: -67px;
    right: 0px;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    padding: 8px 0px;
    position: absolute;
    text-align: center;
}

.steps.step1 li.widget-class-2,
.steps.step1 li.widget-class-3,
.steps.step1 li.widget-class-4,
.steps.step1 li.widget-class-5,
.steps.step2 li.widget-class-3,
.steps.step2 li.widget-class-4,
.steps.step2 li.widget-class-5,
.steps.step3 li.widget-class-4,
.steps.step3 li.widget-class-5,
.steps.step4 li.widget-class-5 {
    display: none;
}


/** step 1**/

.steps.step1 li.widget-class-1 {
    left: 48%;
}


/** step 2**/

.steps.step2 li.widget-class-1 {
    left: 30%;
}

.steps.step2 li.widget-class-2 {
    left: 60%;
}


/** step 3**/

.steps.step3 li.widget-class-1 {
    left: 20%;
}

.steps.step3 li.widget-class-2 {
    left: 45%;
}

.steps.step3 li.widget-class-3 {
    left: 70%;
}


/** step 4**/

.steps.step4 li.widget-class-1 {
    left: 15%;
}

.steps.step4 li.widget-class-2 {
    left: 33%;
}

.steps.step4 li.widget-class-3 {
    left: 52%;
}

.steps.step4 li.widget-class-4 {
    left: 70%;
}


/** step 5**/

.steps.step5 li.widget-class-1 {
    left: 11%;
}

.steps.step5 li.widget-class-2 {
    left: 27%;
}

.steps.step5 li.widget-class-3 {
    left: 43%;
}

.steps.step5 li.widget-class-4 {
    left: 59%;
}

.steps.step5 li.widget-class-5 {
    left: 74%;
}

.steps li span {
    font-size: 1.4em;
    font-weight: normal;
    left: -67px;
    position: absolute;
    text-align: center;
    top: 40px;
    width: 170px;
    word-wrap: break-word;
    text-decoration: none;
}

.accord-notify span {
    margin: 0px 5px;
    vertical-align: 1px;
}

.accord-notify .sector-separator {
    margin: 0px 9px;
}

.accord-notify em {
    margin: 0px 7px;
    vertical-align: -1px;
}


/*widget end */

.nav-tabs.widget-tab {
    border-bottom: none;
}

.nav.widget-tab>li>a {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    margin-right: 20px;
}

.nav.widget-tab>lem.active {
    margin-right: 20px;
    cursor: pointer;
}

.widget-tab>li>a {
    border: none;
    font-size: 1.5em;
    font-family:var(--PRIMARYFONTSEMIBOLD);
}

.widget-tab>lem.active a {
    border: none !important;
    margin: 0px !important;
}

.nav.nav-tabs.widget-tab lem.active a:hover,
.nav.nav-tabs.widget-tab lem.active {
    background: none;
    border: none !important;
    font-size: 1.5em;
    font-family:var(--PRIMARYFONTSEMIBOLD);
}

.form-control.lags {
    display: inline-block;
    height: 30px !important;
    margin-right: 20px;
    padding: 0 10px;
    width: 6%;
    margin-left: 10px;
    vertical-align: 3px;
}

.series-group {
    display: inline-block;
    padding: 10px 15px;
    margin: 5px 0px;
    border-radius: 5px 0px 0px 5px;
    font-family: var(--PRIMARYFONTSEMIBOLD);
    width: 125px;

    input {
        vertical-align: top !important;
    }
}

em.specific-date {
    font-size: 1.8em;
    top: -10px;
    right: -8px;
    position: absolute;
    cursor: pointer;
}

span.divider {
    vertical-align: 3px;
    margin-right: 5px;
}

.new-series-list th {
    text-align: center;
    font-weight: bold;
}

.top-anim-arrow a.blur,
.bottom-anim-arrow a.blur {
    color: #DCDCDC;
}

.new-date {
    padding-left: 32px !important;
}

.sector-hdr-date {
    font-family: var(--PRIMARYFONTSEMIBOLD);
}


/*series Request new date selector design by sheik 23-11-2018 */

.colmain {
    width: 13%;
}

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

.sec-tips ul li {
    margin-bottom: 5px;
    color: #616161;
    font-style: italic;
    list-style: disc;
}


/* series request end */


/* Again common styles added */

.maintance-error-heading {
    padding: 5px 10px;
    margin-bottom: 40px;
}

.maintance-error-content {
    margin: 0px auto;
    width: 700px;
    text-align: center;
    padding: 20px;
}

.maintance-error-content p {
    text-transform: uppercase;
    margin-top: 0px;
    line-height: 40px;
    margin-bottom: 10px;
    font-size: 3em;
    font-weight: bold;
}

.maintance-error-content span {
    font-size: 2.4em;
    line-height: 30px;
    font-weight: bold;
    color: #959595;
}
.select-flight-hdr,.ext-custom-btn,
.ext-custom-btn:hover,
.ext-custom-btn:focus, .registration-header{
      font-family:  var(--HEADERFONT);
}
.select-flight-hdr {
    font-family:  var(--HEADERFONT);
    font-size: 2.4em;
    padding: 16px 0px 10px;
    margin-bottom: 20px;
}

.ext-custom-btn,
.ext-custom-btn:hover,
.ext-custom-btn:focus {
    font-size: 1em;
    padding: 3px 22px;
    font-weight: normal;
}

.loginpage-bg {
    padding: 10px 20px;
}

.registration-form {
    border-radius: 0px;
    padding: 0px;
    margin-bottom: 20px;
}

.registration-header {
    padding: 15px 20px;
    font-size: 1.6em;
}

.custom-submenu li a {
    padding: 10px 20px;
}

.footer-row-border {
    padding-bottom: 40px;
    border-bottom: 1px solid #9146a0;
}

.quick-links a {
    display: block;
    padding: 12px;
}

.well-trip-theme label {
    position: relative;
    border-radius: 0;
    padding: 0px;
    margin: 0px;
    border-right: 1px solid #BABABA;
}

.orgin-change-icon {
    /*right:-20px;*/
    left: -26px;
    top: 35px;
    z-index: 1;
    em{
        font-size: 20px;
    }
}

.calendar-icon {
    cursor: pointer;
    left: 8px;
    top: 6px;
    font-size: 25px;
    em{
        font-size: inherit;
    }
}

.preference-icon-down {
    cursor: pointer;
}

.preference-icon-down.active {
    border-radius: 4px 4px 0px 0px;
    height: 52px;
    border-bottom: 0px !important;
    z-index: 1;
}

.economy-icon i,
.economy-icon em {
    top: 4px;
    left: 10px;
    font-size: 29px;
    position: absolute;
}

.currency-icon {
    width: 25px;
    box-shadow: none;
    height: 100%;
    right: -2px;
    top: 0px;
}

.baggage-slelect-type span i,
.baggage-slelect-type span em {
    position: absolute;
    font-size: 25px;
    left: 5px;
    top: 5px;
}

.progress {
    height: 11px;
    border-radius: 7px;
    margin: 28px 0px 5px;
}

.pref-onward-icon i,
.pref-onward-icon em {
    font-size: 30px;
    padding: 0px 5px;
}

.flight-search-onward-icon i,
.flight-search-onward-icon em {
    font-size: 30px;
    vertical-align: -6px;
}

.searching-flights td p a.selected-icon {
    display: inline-block;
    height: 36px;
    position: absolute;
    right: 15px;
    top: -7px;
    width: 35px;
    font-size: 3em;
}

.selected div.searching-flights-panel,
.searching-flights-panel.selected {
    box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
}

.top-anim-arrow a,
.bottom-anim-arrow a {
    width: 40px;
    height: 23px;
    text-align: center;
    display: inline-block;
    margin: 5px 0px;
    font-size: 3em;
}

.stop-text,
.stop-text:hover,
.non-stop-text,
.non-stop-text:hover {
    text-decoration: underline;
    position: absolute;
    right: 35%;
    top: 0px;
    font-size:inherit;
    width: 80px;
    text-align: center;
}

.warning-colors {
    font-size: 3.5em;
}

.advance-link,
.advance-link:hover,
.advance-link:focus,
.clear-link,
.clear-link:hover {
    display: inline-block;
    padding: 4px 10px;
    text-decoration: underline;
    font-size: 1.2em;
    margin-top: 4px;
    font-family: var(--SUBBUTTONFONT);
}

.advance-link.active {
    border-radius: 4px 4px 0px 0px;
    position: relative;
    top: 1px;
    z-index: 1;
}


/* Pagination */

.custom-pagination li a.prev,
.custom-pagination li a.next {
    font-size: 3.4em;
    padding: 1px 3px;
    line-height: 5px;
    margin: 0px 10px;
}


/* Pagination End */

.hr-line {
    margin: 4px 0px;
    padding: 0px;
}

.request-det-header span.fare-request-det {
    position: absolute;
    right: 0px;
    top: -7px;
    display: inline-block;
    padding: 10px;
    font-size: 1.4em;
    border-radius: 6px 6px 0px 0px;
}


/* Flight details */

.flight-details-view-cont {
    position: relative;
    margin-top: 10px;
}


/* Flight details End */


/* negotiations-view */

.approved-flight-hdr,
.alternate-flights-hdr {
    margin: 15px 0px;
    overflow: hidden;
}

.approved-txt,
.approved-txt:hover,
.approved-txt,
.approved-txt:hover {
    display: inline-block;
    padding: 8px 10px;
    font-size: 1.4em;
    border-radius: 6px 6px 0px 0px;
    text-decoration: none;
    min-width: 80px;
}


/* negotiations-view End */

.transaction-hdr {
    padding-bottom: 4px;
    font-size: 1.5em;
    margin: 5px 0px;
}

.tips-hdr {
    font-size: 1.8em;
    margin-bottom: 20px;
}

.theme-text-color {
    color: #269ebc !important;
}


/* Add travel agent */

.tab-click a,
.tab-click label {
    text-decoration: none;
    padding: 8px 20px;
    margin-right: 2px;
    display: inline-block;
    font-size: 1.5em;
    border-radius: 6px 6px 0px 0px;
    cursor: pointer;
    position: relative;
}


/* Add travel agent End */


/* Popover */
.popover-hdr, table.table-theme-hdr tr th{
    font-size: 1.4em;
    font-family:var(--PRIMARYFONTSEMIBOLD);
}
.popover-hdr {
    font-size: 14px;
    font-family: 'open_sanssemibold';
    padding-bottom: 5px;
}

table.table-theme-hdr tr th {
    font-family: var(--PRIMARYFONTSEMIBOLD);
    text-align: center;
}


/* Popover End */

.steps-number {
    width: 70px;
    border-radius: 50px;
    display: inline-block;
    font-size: 3.5em;
    font-family:var(--PRIMARYFONTSEMIBOLD);
    padding: 8px 0px;
    margin: 10px 0px;
}


/* Message dettail container */

.airline-chat {
    padding: 15px;
    border-radius: 10px;
    position: relative;
}

.attach-dis-cont {
    position: relative;
    text-align: left;
}

.feedback-form {
    position: fixed;
    right: -321px;
    top: 3%;
    padding: 10px;
    width: 320px;
    z-index: 5001;
    border-radius: 5px 0px 0px 5px;
}

.feedback-form input[type='text'] {
    height: 34px;
}

.camera-cont {
    padding: 8px 5px 5px 12px;
    border-radius: 6px;
    cursor: pointer;
}

.faq li {
    list-style: none;
    border-radius: 5px;
    padding: 0px 15px;
    margin-bottom: 10px;
}

.faq-acc-click,
.faq-acc-click:hover {
    padding: 10px 20px 10px 0px;
    font-size: 13px;
    display: inline-block;
    width: 100%;
    position: relative;
}

.faq-acc-click i,
.faq-acc-click:hover i,
.faq-acc-click em,
.faq-acc-click:hover em {
    position: absolute;
    right: 0px;
    top: 7px;
    font-size: 25px;
}

.fare-break-up,
.fare-break-up:hover,
.fare-break-up:focus {
    font-size: inherit;
    font-family:  var(--PRIMARYFONTREGULAR);
}


/* Message dettail container End */

.ellipsis a {
    position: absolute;
    right: 0px;
    text-decoration: underline;
}

.agent-req-tab a {
    font-size: 1.4em;
    text-decoration: underline;
    padding: 8px 10px;
    margin: 0px 20px 0px 0px;
    position: relative;
    display: inline-block;
    font-family: var(--SUBBUTTONFONT);
}

.fare {
     font-size: 1.8em;
    font-family:var(--PRIMARYFONTSEMIBOLD);
}

.time-limit-cont p a {
    padding: 8px 10px;
    font-family:  var(--PRIMARYFONTREGULAR);
    font-size: 1.4em;
    border-radius: 5px 5px 0px 0px;
    display: inline-block;
}

.airline-res-fare {
    font-size: 1.6em;
    position: relative;
    padding: 5px 10px;
    top: 0px;
    left: -10px;
}

.thankyou-alert-box {
    padding: 15px;
    margin: 20px 0 10px;

    span {
        font: normal 1.4em  var(--PRIMARYFONTREGULAR);
        width: 94%;
        display: inline-block;
    }

    .alert-icon {
        background: url('../../images/commonSVG/icon-alert.svg') no-repeat;
        display: inline-block;
        width: 5%;
        height: 33px;
    }
}


/* Again common styles added */


/* Common Styles End */

@font-face {
    font-family: 'infiIcons';
    src: url('fonts/infiicon_fonts/infiIcons.eot');
    src: url('fonts/infiicon_fonts/infiIcons.eot?#iefix') format('embedded-opentype'), url('fonts/infiicon_fonts/infiIcons.woff') format('woff'), url('fonts/infiicon_fonts/infiIcons.ttf') format('truetype'), url('fonts/infiicon_fonts/infiIcons.svg#infiIcons') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

[class*='infi-']:before {
    display: inline-block;
    font-family: 'infiIcons';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.child-list {
    background: #EEEEEE;
    margin: -2px 10px 10px 10px;
}

.subLink {
    position: absolute;
    right: 23px;
    bottom: -5px;
    display: inline-block;
    font-size: 1.2em;
    padding: 5px;
}

/* mantis id: 59277  view option button design issue fix start*/
.slide-parent.table .subLink.active {
    bottom: -10px;
    padding: 5px 10px;
}

.searching-flights-panel {
    padding-bottom: 10px !important;
}

/* mantis id: 59277  view option button design issue fix end*/

/* view child alignment */
.clone {
    position: absolute;
    right: 23px;
    bottom: -3px;
    display: inline-block;
    font-size: 1.2em;
    padding: 5px;
}

.subLink.active {
    background: #eee;
}

.slide-expand {
    display: none;
}

.bottom-bdr-white {
    border-bottom: 1px solid #fff !important;
}

.req-p {
    padding: 10px 0px;
    border-bottom: 1px solid #eee;
    background: url('../../AIRLINE_DIRECTORY/downarrow.png') no-repeat 98% 16px;
    cursor: pointer;
}

.req-p-cont {
    border-bottom: 1px solid #eee;
}


/*Conference styles 03-12-2016*/

.conference-add a {
    position: relative;
    top: -8px;
    font-size: 1.6em;
    text-decoration: underline;
}

.conference-add a:hover {
    text-decoration: none;
}

.conference-add span {
    margin-right: 5px;
    font-size: 1.4em;
}

.accord-click .remove-trip {
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
    margin-left: 15px;
    font-size: 1.2em;
    font-family: var(--SUBBUTTONFONT);
}

.accord-click .remove-trip i,
.accord-click .remove-trip em {
    margin-right: 5px;
    font-size: 14px;
    vertical-align: -2px;
}

.accord-click.accord-conf a.acc-inactive,
.accord-click.accord-conf a.acc-active,
.accord-click.accord-conf a.adv-accord {
    min-width: 100px;
}


/* Modern select start*/

.modern-select {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    background: #fff url('../../SVG_FOLDER/icon_14_down-arrow.svg') no-repeat scroll right 8px center !important;
    padding: 0px 27px 0 10px;
    padding: 0px 4px 0 10px \9;
    -webkit-padding-end: 27px !important;
    -webkit-padding-start: 10px !important;
    background-size: 15% !important;
}

.modern-select::-ms-value {
    padding: 0px 27px 0 10px;
}

.modern-select::-ms-expand {
    display: none;
}

.modern-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

.checkbox.active {
    /* background:#fff;*/
}

.checkbox.active label {
    color: #236597;
}


/* Modern select  End */

.valign-top {
    vertical-align: top !important;
}

.groupRMDatePicker .ui-state-hover {
    color: $SECONDARYCOLOR;
}

.iataCode {
    color: #999999;
    font-size: 1em;
}

th {
    text-align: center !important;
}

.outofhorizon {
    color: $MANDATORYCOLOR !important;
    font-size:1.6em !important;
}

.multicity-anim-cont .outofhorizon {
    height: 24px;
}

.multicity-anim-cont .prev_nextday {
    margin-top: 0px;
}

.radio-theme em.fa-circle-thin,
.radio-theme em.fa-check-circle {
    color: #ccc;
    font-size: 20px;
    left: 3px;
    position: absolute;
    top: 0;
}

.radio-theme {
    position: relative;
    padding-left: 25px;
    display: inline-block;
    margin-right: 5px;
    cursor: pointer;
    margin: 0px 20px;
}

.radio-theme input {
    display: none;
}

.agency-add {
    position: absolute;
    right: 5px;
    bottom: 9px;
    font-size: 2em;
}

.remove-add .agency-add {
    display: none;
}

.remove-add .agency-add.hide {
    display: block !important;
}

.ui-datepicker-header.ui-widget-header a {
    top: 6px;
}

.ui-datepicker .ui-datepicker-title {
    line-height: 2.5em;
}

.tab-bottom-hide {
    position: absolute;
    width: 103%;
    height: 1px;
    background: #d2eff5;
    display: none;
    bottom: -1px;
    left: -1px;
}

.active .tab-bottom-hide {
    display: block;
}

.fare-type .vierespop-num-txt {
    background: #e9e9e9;
    border-radius: 3px;
    padding: 5px 8px 5px 28px;
    font-size: 1.4em;
}

.fare-type a {
    text-decoration: none;
    font-size: 1.2em;
}

.fare-active.fare-type .vierespop-num-txt {
    background: #af1e65;
}

.fare-active.fare-type .vierespop-num-txt,
.fare-active.fare-type a,
.fare-active.fare-type.radio-theme em.fa-check-circle {
    color: #fff !important;
}

.fare-active.fare-type .vierespop-num-txt .popover {
    color: #000;
}

.fare-type.radio-theme {
    display: table-cell;
    text-align: left !important;
}

.fare-type.radio-theme em.fa-circle-thin,
.fare-type.radio-theme em.fa-check-circle {
    left: 14px;
    top: 24px;
}

.fare-type.radio-theme.fare-active em.fa-circle-thin::before,
.alert-icons em.fa-circle-thin::before {
    content: "\f058";
    font-family: 'FontAwesome';
}


/** SSR 28-07-2017**/

.ssr-container {
    padding: 25px 20px;
}

.info-review {
    font-size: 1.7em;
    margin-right: 5px;
    display: inline-block;
}

.ssr-container label {
    font-size: 1.3em;
    font-family:  var(--PRIMARYFONTREGULAR);
}
.ssr-container label.cls-timelimitlabel{
    font-size: unset;
    p{
        span{
            font-size: inherit;
        }
    }
}
.ssr-container label.radio-theme {
    font-size: unset;
}
.checkbox label.black-text {
    font-size: unset;
}
.pay-status,
.pay-status-small {
    font-size: 1.8em;
    a{
        font-size: inherit;
    }
}
.pay-status-small, .amount-display,
.view-history, .ssr-history .title {
    font-size: 1.6em;
}

.ssr-history {
    padding: 20px 20px 5px 20px;
    border-radius: 3px;
    margin-top: 15px;
}

.ssr-history .title {
    padding-bottom: 10px;
    font-size: 1.6em;
    margin-bottom: 10px;
}

.amount-display,
.view-history, .pay-status,
.pay-status-small {
    font-size: 1.6em;
    font-family:var(--PRIMARYFONTSEMIBOLD);
}

.view-history {
    text-decoration: underline;
    margin-top: 5px;
    display: inline-block;
}


/** Radio and Checkbox theme for SSR **/

.radio-text {
    font-size: 1.3em;
    left: 25px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.radio-text i,
.radio-text em {
    font-size: 16px;
    line-height: 0;
    margin-right: 5px;
    vertical-align: -2px;
}


/** Radio and Checkbox theme for SSR **/


/** Flight description Strip**/

.flight-desc {
    padding: 10px 15px 10px;
    position: relative;
    margin-top: 15px;
}

.flight-desc>i,
.flight-desc>em {
    font-size: 2.5em;
    position: absolute;
    top: 10px;
}

.flight-info .slide-expand,
.pax-ancillary .slide-expand {
    display: block;
}

.sector-info {
    font-size: 1.4em;
    font-family:var(--PRIMARYFONTSEMIBOLD);
    display: inline-block;
    padding-left: 39px;
}

.sector-info>i,
.sector-info>em {
    margin: 0px 7px;
    display: inline-block;
    vertical-align: -2px;
    line-height: 0;
}

.slash-separator {
    margin: 0px 5px;
}

.flight-other {
    font-size: 1.3em;
    font-family:  var(--PRIMARYFONTREGULAR);
}


/** Flight description Strip**/


/** Passenger info and Edit Ancillary**/

.pax-info {
    border-top: 1px solid #ccc;
}

.pax-info .checkbox {
    margin-top: 10px;
    margin-bottom: 10px;
}

.pax-info .checkbox label {
    padding-left: 20px;
}

.pax-info .checkbox i,
.pax-info .checkbox em {
    font-size: 12px;
    top: 4px;
}

.selected-ancillary {
    vertical-align: 4px;
    text-align: right;
    display: inline-block;
    width: 64px;
    cursor: default;
}

.secondary-btn,
.secondary-btn:hover,
.secondary-btn:focus {
    font-size: 1.8em;
    text-transform: uppercase;
    font-family:var(--PRIMARYFONTSEMIBOLD);
    margin: 20px 0px 30px 0px;
}

.table-tooltip {
    background: #fff none repeat scroll 0 0;
    left: 15px;
    padding: 20px 20px 0px 20px;
    position: absolute;
    right: 0;
    z-index: 2100;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.6);
    border-top: 1px solid #faf0f0 !important;
}

.table-tooltip .table-content {
    background: red none repeat scroll 0 0;
    padding: 20px;
    width: 996px;
}

.all-pax {
    position: relative;
    margin-left: -12px;
}

.pipe-separator {
    margin: 0px 5px;
    display: inline-block;
    position: relative;
    top: 2px;
}

.table-tooltip .form-group {
    margin: 0px;
}

.dp-label em.icon {
    left: 7px;
    position: absolute;
    bottom: 6px;
}

.hr-separator {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.table-tooltip .sector-info {
    padding: 0px;
    line-height: 30px;
}

.table-tooltip [class*='col-sm-'] {
    padding-right: 0px;
}

.table-tooltip .hr-separator:last-child {
    border: none;
    margin: 0px;
    padding: 0px;
}

.full-meal .text-flow {
    font-family:var(--PRIMARYFONTREGULAR);
    font-size: 1.1em;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: 50%;
}


/** Passenger info and Edit Ancillary**/


/** Drop Down Wth ellipsis **/
/*KM select issue - Azeez 13-10-2020*/

.custom-dp>select.form-control {
    height: 0;
    position: absolute;
    top: 0;
}

.custom-dp>select option:hover {
    background: #891b55;
    color: #fff;
}

.custom-dp>select.on {
    margin-top: 30px;
    z-index: 2000;
    height: 150px !important;
    width: 350px;
    background: #fff;
}

.dp-label {
    display: block;
    border: 1px solid #9B9B9B;
    padding: 5px 25px 5px 10px;
    height: 30px;
    line-height: 16px;
    border-radius: 3px;
    position: relative;
    background: #fff;
    width: 100%;
    z-index: 1000;
}

.dp-label .dn-arow, .dn-arow  {
    bottom: 3px;
    font-size: 2.4em;
    position: absolute;
    right: 0px;
}

.dp-label .dp-val,
.dp-label .dp-amnt {
    display: inline-block;
    font-size: 1.4em;
    vertical-align: top;
}

.dp-label .dp-val.dp-elips {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 120px;
    padding-left: 4px;
}


/** Drop Down Wth ellipsis **/

.table.text-center.new-series-list.slide-expand.mar-top-20.ancillary-list td {
     font-family:var(--PRIMARYFONTSEMIBOLD);
     font-size: 1.4em;
}

.table.text-center.new-series-list.slide-expand.mar-top-20.ancillary-list th {
    font-family:  var(--PRIMARYFONTREGULAR);
    font-weight: normal;
    text-decoration: underline;
    font-size: 1.4em;
}

.radio-theme .fa-circle.on {
    display: none;
}

.radio-theme.active .fa-circle.on {
    position: absolute;
    left: 14px;
    top: 13px;
    font-size: 9px;
    color: red;
    display: inline-block;
}

.ancillary-type .radio-theme .fa-check-circle::before {
    content: "\f1db";
    font-family: 'FontAwesome';
    color: #ccc;
}

.slide-expand .default-hide {
    display: none;
}

.other-icon {
    font-size:2.1em !important;
    vertical-align: -5px !important;
}

.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hide-shadow {
    background: #fff;
    bottom: -12px;
    display: none;
    height: 15px;
    left: -1px;
    position: absolute;
    right: -1px;
    z-index: 1001;

    img {
        position: relative;
        left: -7px;
        top: -2px;
    }
}

.to-edit .hide-shadow {
    display: block;
}

.ssr-container .infi-icon_14_down-arrow {
    font-size: 12px !important;
}

.meal-variety .checkbox label i,
.meal-variety .checkbox label em {
    font-size: 14px;
    top: 10px;
}

.meal-variety {
    .checkbox {
        padding: 6px 10px;

        &.active {
            padding: 5px 9px;
        }
    }
}

.ssr-review-dwnarw {
    position: absolute;
    top: 7px;
    right: 5px;
}


/** SSR 28-07-2017**/


/**Modified Infiicon**/

.icon-meals,
.icon-others,
.icon-baggage {
    font-family: 'infiIcons';
    font-size: 12px;
}

.icon-meals::before {
    content: '\e919';
}

.icon-others::before {
    content: '\e949';
}

.icon-baggage::before {
    content: '\e904';
}


/**Modified Infiicon**/

.inline-wrap {
    display: inline-block;
    white-space: nowrap;
}

.accord-show .trip-form .nav>li>a:focus,
.accord-show .trip-form .nav>li>a:hover,
.accord-show .trip-form .nav .open>a,
.accord-show .trip-form .nav .open>a:focus,
.accord-show .trip-form .nav .open>a:hover {
    background: none;
}


/* guest count in request form*/

.guest-count-1 input {
    width: 100%;
    text-indent: 10px;
}

.guest-count-2 input {
    width: 48%;
    text-indent: 10px;
}

.guest-count-3 input {
    width: 32%;
}

.guest-modify {
    position: relative;
    top: -6px;

    >a {
        vertical-align: -2px;
    }
}


/** ssr select dropdown as list **/

.custom-select {
    position: relative;
    background: none;
    border: none;
    padding: 0;
    vertical-align: unset;

    a {

        i,
        .ssr-icon {
            position: absolute;
            right: 5px;
            top: 13px;
            font-size: 25px;
            color: #93449D;
            line-height: 0px;
        }
    }

    ul {
        display: none;
        position: absolute;
        margin: 0px;
        padding: 0px;
        border: 1px solid #d3d3d3;
        left: 0px;
        right: 0px;
        background: #fff;
        z-index: 10001;
        max-height: 205px;
        overflow: hidden;
        overflow-y: auto;
        border-radius: 4px;

        li {
            list-style-type: none;
            padding: 6px 12px;

            &:hover {
                background: #d3d3d3;
                cursor: pointer;
            }

            &:last-child {
                border-bottom: 0px;
            }
        }
    }
}


/*select.form-control[multiple], select.form-control[size]{
	height:0;
}*/

.custom-select span,
.select-multiple li {
    font-size: 1.4em;
    font-family:  var(--PRIMARYFONTREGULAR);
}

.custom-select a,
.custom-select a:hover {
    padding: 6px 12px 6px 15px;
    display: block;
    border: 1px solid #d3d3d3;
    color: #000;
    text-decoration: none;
    position: relative;
    border-radius: 4px;
}

.custom-select a em.fa-angle-up,
.custom-select.active em.fa-angle-down {
    display: none;
}

.custom-select.active em.fa-angle-up {
    display: block;
}

.select-multiple input[type="checkbox"] {
    display: none;
}

.select-multiple li::before,
.select-multiple lem.active::before {
    content: '\e93b';
    font-family: 'infiIcons';
    margin-right: 7px;
    vertical-align: -2px;
    line-height: 0px;
}

.select-multiple li.active::before {
    content: '\e93c';
    color: #93449D;
}

.select-multiple lem.disabled {
    color: #ccc;
    z-index: -1;
}

.select-multiple lem.disabled:hover {
    background: none;
    cursor: default;
}

.set-item {
    max-width: 52% !important;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1;
}

.set-amt {
    display: inline-block;
    white-space: nowrap;
    max-width: 22%;
    overflow: hidden;
    line-height: 1;
}

.set-separator {
    display: inline-block;
    position: relative;
    top: -3px;
    margin: 0px 5px;
}

.select-multiple lem.active {
    color: #93449D;
}

.item-name {
    display: inline-block;
    width: 62%;
    vertical-align: top;
    font-size: 1em !important;
}

.item-amnt {
    width: 22%;
    display: inline-block;
    white-space: nowrap;
    font-size: 1em !important;
}

.item-amnt::before {
    content: "-";
    margin-right: 5px;
}

.select-multiple::-webkit-scrollbar {
    width: 0px;
    background: transparent;
    /* make scrollbar transparent */
}

.select-multiple {
    -ms-overflow-style: none; // IE 10+
    overflow: -moz-scrollbars-none;
}

.all-multiple-selected {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/** ssr select dropdown as list **/

.custom-select em.icon {
    position: absolute;
    left: 6px;
    font-size: 1.6em;
    top: 4px;
    line-height: 0;
}

.add-active .slide-open {
    cursor: pointer;
}

.add-active .slide-open>span.text-ellipsis {
    vertical-align: -7px;
}

.full-meal {
    margin-bottom: 8px;
}

.review-ssr-amnt {
    position: absolute;
    right: 4.5%;
}

.ssr-accordhead {
    position: relative;
    top: 6px;
}


/* Tempory Fixed for ET */


/*.theme
{
	display:inline-block;
	height: 20px;
	width: 20px;
	text-align: center;
	border-radius:50%;
}*/


/* Kulula Modification */

span.cn-adult,
span.cn-child,
span.cn-infant {
    width: 32%;
    display: inline;
    font-size: 1.1em;
    color: #9f9797;
    float: left;
    padding-left: 16px;
}

.cn-airline select.form-control {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    background: #fff url('../../images/Down-Icons.png') no-repeat scroll right 8px center;
    padding: 0px 27px 0 10px;
    padding: 0px 4px 0 10px \9;
    -webkit-padding-end: 27px !important;
    -webkit-padding-start: 10px !important;
}

.cn-airline select.form-contro::-ms-value,
.mn-airline select.form-control::-ms-value,
.mn-airline select.form-control::-ms-value {
    padding: 0px 27px 0 10px;
}


/* Login Page Scoot Notification Starts */

.login-notification {
    padding: 10px 15px;
    margin: 15px 0px;
}

.login-notification,
.please-note,
.scoot-accept-page {
    display: none;
}

.login-notification-display .login-notification {
    display: block;
}


/* Login Page Scoot Notification Ends */


/* Language Select Starts */

.choose-language {
    padding-bottom: 20px;
    padding-left: 35px;
    display: inline !important;
    margin-left: 10px;
}

/* Malathika - 31-01-2022 - common flag image issue */
/* before login language image fix start */
/* English */
.landing-dropdown .lang-en {
    background-image: url("../../images/Language-sprit.png") !important;
    background-repeat: no-repeat !important;
    background-position: 0px 5px !important;
}

/* us */
.airline-g3 .landing-dropdown .lang-en {
    background-image: url("../../images/Language-sprit.png") !important;
    background-repeat: no-repeat !important;
    background-position: 0px -275px !important;
}

/* Simplified chinese , Traditional chinese */
.landing-dropdown .lang-sc,
.landing-dropdown .lang-tc {
    background-image: url("../../images/Language-sprit.png") !important;
    background-repeat: no-repeat !important;
    background-position: 0px -157px !important;
}

/* Japanese */
.landing-dropdown .lang-ja {
    background-image: url("../../images/Language-sprit.png") !important;
    background-repeat: no-repeat !important;
    background-position: 0px -195px !important;
}

/* Korean */
.landing-dropdown .lang-ko {
    background-image: url("../../images/Language-sprit.png") !important;
    background-repeat: no-repeat !important;
    background-position: 0px -235px !important;
}

/* Portuguese  */
.landing-dropdown .lang-pt {
    background-image: url("../../images/Language-sprit.png") !important;
    background-repeat: no-repeat !important;
    background-position: 0px -315px !important;
}

/* Spanish  */
.landing-dropdown .lang-ar {
    background-image: url("../../images/Language-sprit.png") !important;
    background-repeat: no-repeat !important;
    background-position: 0px -355px !important;
}

/* German  */
.landing-dropdown .lang-ge {
    background-image: url("../../images/Language-sprit.png") !important;
    background-repeat: no-repeat !important;
    background-position: 0px -36px !important;
}

/* French  */
.landing-dropdown .lang-fr {
    background-image: url("../../images/Language-sprit.png") !important;
    background-repeat: no-repeat !important;
    background-position: 0px -76px !important;
}

/* Italian  */
.landing-dropdown .lang-it {
    background-image: url("../../images/Language-sprit.png") !important;
    background-repeat: no-repeat !important;
    background-position: 0px -117px !important;
}

/* Spanish (mexicon) */
.landing-dropdown .lang-ms {
    background-image: url("../../images/Language-sprit.png") !important;
    background-repeat: no-repeat !important;
    background-position: 0px -396px !important;
}

/* before login language image fix end */

/* Slected Flag Control Strarts */
/* after login language image fix start*/
/* English */
.s-en {
    background: url("../../images/Language-sprit.png") no-repeat -5px 0px;
}

/* us */
.airline-g3 .s-en {
    background: url("../../images/Language-sprit.png") no-repeat -5px -280px;
}

/* Simplified chinese , Traditional chinese */
.s-sc,
.s-tc {
    background: url("../../images/Language-sprit.png") no-repeat -5px -160px;
}

/* Japanese */
.s-ja {
    background: url("../../images/Language-sprit.png") no-repeat -5px -200px;
}

/* Korean */
.s-ko {
    background: url("../../images/Language-sprit.png") no-repeat -5px -240px;
}

/* German  */
.s-ge {
    background: url('../../images/Language-sprit.png') no-repeat -5px -40px;
}

/* Portuguese  */
.s-pt {
    background: url('../../images/Language-sprit.png') no-repeat -5px -320px;
}

/* Spanish  */
.s-ar {
    background: url('../../images/Language-sprit.png') no-repeat -5px -360px;
}

/* Spanish (mexicon) */
.s-ms {
    background: url('../../images/Language-sprit.png') no-repeat -5px -401px;
}

/* French  */
.s-fr {
    background: url('../../images/Language-sprit.png') no-repeat -5px -81px;
}

/* Italian  */
.s-it {
    background: url('../../images/Language-sprit.png') no-repeat -5px -120px;
}

/* after login language image fix end*/
.choose-language:hover .language,
.choose-language:focus .language {
    display: block !important;
}

.language {
    position: absolute;
    right: 0px;
    z-index: 2;
    background: #fff;
    top: 28px;
    border: 1px solid #DBDBDE;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
}

.language ul li {
    padding: 10px 30px 10px 70px;
    text-align: left;
}


/* Flag Background Control Starts*/

.en {
    background: url('../../AIRLINE_DIRECTORY/language.png') no-repeat 15px -57px;
}

.sg {
    background: url('../../AIRLINE_DIRECTORY/language.png') no-repeat 15px -165px;
}

.cn {
    background: url('../../AIRLINE_DIRECTORY/language.png') no-repeat 15px -130px;
}

.fr {
    background: url('../../AIRLINE_DIRECTORY/language.png') no-repeat 15px -190px;
}

.ge {
    background: url('../../AIRLINE_DIRECTORY/language.png') no-repeat 15px -130px;
}

.gr {
    background: url('../../AIRLINE_DIRECTORY/language.png') no-repeat 15px -165px;
}


/* Flag Background Control Ends*/

.language ul li:hover {
    background-color: #F0F0F0;
}

.language ul li a {
    font-size: 1.4em;
    color: #666666;
    white-space: nowrap;
}

.language ul li a:hover {
    color: #000;
}


/* Language Select Ends */


/* Scoot Email Setting Language Starts */

.tr-language {
    background: #F2F2F2;
    position: relative;
    padding: 10px 15px 10px 50px;
}

.tr-language select,
.tr-common-language select {
    height: 30px;
    font-size: 1.2em;
}

.tr-language label {
    margin-bottom: 5px;
}

.tr-language-checkbox {
    background: #EBEBEB;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0px;
    bottom: 0px;
    width: 40px;
}

.tr-language-checkbox label {
    display: block;
    margin: 0px;
    top: 40%;
    text-align: center;
    padding: 0px;
}

.tr-language-checkbox label i,
.tr-language-checkbox label em {
    text-align: center;
    padding: 0px;
    margin: 0px;
    position: relative;
    color: $ICONS;
    font-size: 18px;
    z-index: 99;
    background: #EBEBEB;
}

.tr-language-checkbox label input {
    display: block !important;
    left: 7px !important;
}

.language-copyall {
    padding: 6px 0px;
}

.language-copyall a,
.language-copyall a:hover,
.language-copyall a:focus {
    text-decoration: underline;
    color: #000;
    padding: 5px;
    background-color: #fff;
    border: 1px solid #ccc;
}

.triangle-arrow {
    position: relative;
}

.triangle-arrow::after,
.triangle-arrow::before {
    position: absolute;
    content: '';
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid #ccc;
    left: -7px;
    top: 50%;
    margin-top: -7px;
}

.triangle-arrow::after {
    border-right: 7px solid #fff;
    left: -5px;
}


/* Scoot Email Setting Language Ends */


/* Checkbox Change Starts */

.ancillary-type .checkbox.active em.infi-icon_61_checkbox:before {
    content: '\e93c';
}


/* Checkbox Change Ends */

.pay-txt-hdr {
    padding: 10px 0px;
    line-height: 18px;
    text-align: justify;
}

.pay-list li {
    list-style-type: decimal;
    margin: 0px 0px 10px 20px;
}


/* Multicity Sector Alignment Starts */

.multicity-anim-cont .flight-detail-text p,
.multicity-anim-cont .flight-detail-text p span {
    display: block;
    line-height: 24px;
}


/* Multicity Sector Alignment Ends */

.mandatoryStar {
    color: #ff0000;
}

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

.accpt-page .flight-details-view tr {
    border: none;
}

.odd {
    background: #FFF;
}

.even {
    background: #F3F3F3;
}


/* Accept Page Ends */

.feedback-link,
.feedback-link-forward {
    /*background:url('../../AIRLINE_DIRECTORY/feedback.png');*/
    height: 127px;
    /*width: 110px;*/
    display: inline-block;
}

.list-group-item a {
    white-space: nowrap;
}

.baggage-slelect-type span.sr-only {
    position: absolute;
}


/* Breadcrumb Starts */

.breadcrumb-prod a {
    font:1.3em var(--SUBBUTTONFONT);
    color: $LINKS;
    padding-right: 5px;
}

.breadcrumb-prod p a:last-child {
    color: #666;
    text-decoration: none;
    cursor: unset;
}

.breadcrumb-prod a+a:before {
    content: "/\00a0";
    color: #666;
    display: inline-block;
    position: relative;
    left: -5px;
}

.breadcrumb-prod a:hover {
    text-decoration: underline;
}

.breadcrumb-prod a+a {
    padding: 0px 5px;
}


/* Breadcrumb Ends */


/* Seat Selection Starts */

.seat-sector-details {
    padding: 5px 0px;
    margin-right: 20px;
    line-height: 20px;
    text-align: center;
    position: relative;
    cursor: pointer;
    width: 15%;
    float: left;
}

.seat-sector-details p {
    font:1.4em var(--PRIMARYFONTSEMIBOLD);
}

.seat-sector-details span {
    position: absolute;
    font-size: 2.2em;
    left: 43%;
    bottom: -16px;
    display: none;
}

.seat-sector-details.active span {
    display: block;
}


/* Connecting Flight Starts*/

.connecting-flight .sector-1.right {
    /* background: url('../../SVG_FOLDER/icon_79_flight.svg') no-repeat 47px 0px;
    padding-right: 40px; */
    height: 20px;
}

.connecting-flight .sector-2,
.connecting-flight .sector-1 {
    font:1.5em var(--PRIMARYFONTSEMIBOLD);
}

.nav-underline {
    overflow: hidden;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.nav-underline li {
    float: left;
    margin-left: 15px;
    cursor: pointer;
}

.nav-underline>li>a:focus,
.nav-underline>li>a:hover {
    background: none;
}

.nav-underline li:first-child {
    margin-left: 0;
}

.nav-underline li a {
    padding: 0px 0 3px 0;
    text-decoration: none;
    position: relative;
}

.nav-underline lem.active a:after {
    content: '';
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    left: 50%;
    bottom: -8px;
    margin-left: -6px;
}


/* Connecting Flight Ends */


/*common font icons start*/

.infi-icon_01_pending:before {
    content: "\e900";
}

.infi-icon_02_add-user:before {
    content: "\e901";
}

.infi-icon_03_user:before {
    content: "\e902";
}

.infi-icon_04_adult:before {
    content: "\e903";
}

.infi-icon_05_baggage:before {
    content: "\e904";
}

.infi-icon_06_booking-summary:before {
    content: "\e905";
}

.infi-icon_07_calender:before {
    content: "\e906";
}

.infi-icon_08_child:before {
    content: "\e907";
}

.infi-icon_09_clock:before {
    content: "\e908";
}

.infi-icon_10_creditcard:before {
    content: "\e909";
}

.infi-icon_11_roundtick:before {
    content: "\e90a";
}

.infi-icon_12_document:before {
    content: "\e90b";
}

.infi-icon_13_dollar:before {
    content: "\e90c";
}

.infi-icon_14_down-arrow:before {
    content: "\e90d";
}

.infi-icon_15_down-arrow-small:before {
    content: "\e90e";
}

.infi-icon_16_down-themclrr:before {
    content: "\e90f";
}

.infi-icon_17_downbig-arrow:before {
    content: "\e910";
}

.infi-icon_18_roundedit:before {
    content: "\e911";
}

.infi-icon_19_useredit:before {
    content: "\e912";
}

.infi-icon_20_flight:before {
    content: "\e913";
}

.infi-icon_21_gift-card:before {
    content: "\e914";
}

.infi-icon_22_usergroup:before {
    content: "\e915";
}

.infi-icon_23_usersettinghelp:before {
    content: "\e916";
}

.infi-icon_24_infant:before {
    content: "\e917";
}

.infi-icon_25_eye:before {
    content: "\e918";
}

.infi-icon_26_meal:before {
    content: "\e919";
}

.infi-icon_27_multicity:before {
    content: "\e91a";
}

.infi-icon_28_airnewreq:before {
    content: "\e91b";
}

.infi-icon_29_flightonward:before {
    content: "\e91c";
}

.infi-icon_30_paymentcard:before {
    content: "\e91d";
}

.infi-icon_31_paymentqueue:before {
    content: "\e91e";
}

.infi-icon_32_paymentuser:before {
    content: "\e91f";
}

.infi-icon_33_refresh:before {
    content: "\e920";
}

.infi-icon_34_remove-user:before {
    content: "\e921";
}

.infi-icon_35_flightreturn:before {
    content: "\e922";
}

.infi-icon_36_round-trip:before {
    content: "\e923";
}

.infi-icon_37_seat:before {
    content: "\e924";
}

.infi-icon_38_select-tick:before {
    content: "\e925";
}

.infi-icon_39_settings:before {
    content: "\e926";
}

.infi-icon_40_signout:before {
    content: "\e927";
}

.infi-icon_41_star:before {
    content: "\e928";
}

.infi-icon_42_tick:before {
    content: "\e929";
}

.infi-icon_43_time-limit:before {
    content: "\e92a";
}

.infi-icon_44_topbig-arrow:before {
    content: "\e92b";
}

.infi-icon_45_up-arrow:before {
    content: "\e92c";
}

.infi-icon_46_normaluser:before {
    content: "\e92d";
}

.infi-icon_47_user-picture:before {
    content: "\e92e";
}

.infi-icon_48_flightscan:before {
    content: "\e92f";
}

.infi-icon_49_zoom:before {
    content: "\e930";
}

.infi-icon_50_close:before {
    content: "\e931";
}

.infi-icon_51_delete:before {
    content: "\e932";
}

.infi-icon_52_single_arrowleft:before {
    content: "\e933";
}

.infi-icon_53_single_arrowrgt:before {
    content: "\e934";
}

.infi-icon_54_minus:before {
    content: "\e935";
}

.infi-icon_55_onward:before {
    content: "\e936";
}

.infi-icon_56_pin:before {
    content: "\e937";
}

.infi-icon_57_plus:before {
    content: "\e938";
}

.infi-icon_58_negotiate:before {
    content: "\e939";
}

.infi-icon_59_range-slider-pointer:before {
    content: "\e93a";
}

.infi-icon_60_return:before {
    content: "\e93b";
}

.infi-icon_61_checkbox:before {
    content: "\e93c";
}

.infi-icon_62_checkbox-tick:before {
    content: "\e93d";
}

.infi-icon_63_circle:before {
    content: "\e93e";
}

.infi-icon_64_tickonly:before {
    content: "\e93f";
}

.infi-icon_65_info:before {
    content: "\e940";
}

.infi-icon_66_changeflight:before {
    content: "\e941";
}

.infi-icon_67_requestadd:before {
    content: "\e942";
}

.infi-icon_68_requestdivide:before {
    content: "\e943";
}

.infi-icon_69_requestdown:before {
    content: "\e944";
}

.infi-icon_70_requestedit:before {
    content: "\e945";
}

.infi-icon_71_closepnr:before {
    content: "\e946";
}

.infi-icon_72_veg:before {
    content: "\e947";
}

.infi-icon_73_editalone:before {
    content: "\e948";
}

.infi-icon_74_ancillaryother:before {
    content: "\e949";
}

.infi-icon_75_otherbtn:before {
    content: "\e94a";
}

.infi-icon_76_cup:before {
    content: "\e94b";
}

.infi-icon_77_cancel:before {
    content: "\e94c";
}

.infi-icon_78_graph:before {
    content: "\e94d";
}

.infi-icon_79_flight:before {
    content: "\e94e";
}

.infi-icon_80_faq:before {
    content: "\e94f";
}

.infi-icon_81_priority_check_in:before {
    content: "\e950";
}

.infi-icon_82_extra_leg_room:before {
    content: "\e951";
}

.infi-icon_83_successfull:before {
    content: "\e952";
}

.infi-icon_84_expand:before {
    content: "\e953";
}

.infi-icon_85_collapse:before {
    content: "\e954";
}

.infi-icon_86_close_without_bg:before {
    content: "\e955";
}

.infi-icon_87_downArrow:before {
    content: "\e956";
}

.infi-icon_88_download:before {
    content: "\e957";
}

.infi-icon_89_info:before {
    content: "\e958";
}

.infi-icon_90_upload:before {
    content: "\e959";
}

.infi-icon_91_filter:before {
    content: "\e95a";
}

.infi-icon_92_close:before {
    content: "\e95b";
}

.infi-icon_93_sun:before {
    content: "\e95c";
}

.infi-icon_94_noon:before {
    content: "\e95d";
}

.infi-icon_95_sunset:before {
    content: "\e95e";
}

.infi-icon_96_moon:before {
    content: "\e95f";
}

.infi-icon_97_loader_man_icon:before {
    content: "\e960";
}

.infi-icon_98_loader_wallet_icon:before {
    content: "\e961";
}

.infi-icon_99_Adult:before {
    content: "\e962";
}

.infi-icon_100_child:before {
    content: "\e963";
}

.infi-icon_101_infant:before {
    content: "\e964";
}

.infi-icon_102_newCalendar:before {
    content: "\e965";
}

.infi-icon_103_eyehide:before {
    content: "\e966";
}

.infi-icon_104_flightOrigin:before {
    content: "\e967";
}

.infi-icon_105_flightDestination:before {
    content: "\e968";
}

.infi-icon_106_email:before {
    content: "\e969";
}

.infi-icon_107_calender:before {
    content: "\e96a";
}

.infi-icon_108_flight:before {
    content: "\e96b";
}

.infi-icon_109_notify:before {
    content: "\e96c";
}

.infi-icon_110_notification:before {
    content: "\e96d";
}

.infi-icon_111_DashFlight:before {
    content: "\e96e";
}

.infi-icon_112_noFlight:before {
    content: "\e96f";
}

.infi-icon_113_noflightstoast:before {
    content: "\e970";
}
.infi-icon_114_ThinArrow:before {
        content: "\e971";
}
.infi-icon_115_noFlight:before {
    content: "\e972";
}
.infi-icon_116_succesTicket:before {
    content: "\e973";
}
.infi-icon_117_adult:before {   /* Flynas icons started - ISS675 */
    content: "\e974";
}
.infi-icon_118_baggage:before {
    content: "\e975";
}
.infi-icon_119_child:before {
    content: "\e976";
}
.infi-icon_120_calender:before {
    content: "\e977";
}
.infi-icon_121_right_arrow:before {
    content: "\e978";
}
.infi-icon_122_infant:before {
    content: "\e979";
}
.infi-icon_123_download:before {
    content: "\e97a";
}
.infi-icon_124_meal:before {
    content: "\e97b";
}
.infi-icon_125_multicity:before {
    content: "\e97c";
}
.infi-icon_126_onward:before {
    content: "\e97d";
}
.infi-icon_127_return:before {
    content: "\e97e";
}
.infi-icon_128_swap:before {
    content: "\e97f";
}
.infi-icon_129_round-trip:before {
    content: "\e980";
}
.infi-icon_130_drag-drop:before {
    content: "\e981";
}
.infi-icon_131_-arrival:before {
    content: "\e982";
}
.infi-icon_132_departure:before {
    content: "\e983";
}
.infi-icon_133_Exchange:before {
    content: "\e984";
}
.infi-icon_134_leisure:before {
    content: "\e985";
}
.infi-icon_135_trolled:before {
    content: "\e986";
}
.infi-icon_136_copy-text:before {   /* Request form rewamp icons started */
    content: "\e987";
}
.infi-icon_137_V1_Adult:before {
    content: "\e988";
}
.infi-icon_138_V1_Children:before {
    content: "\e989";
}
.infi-icon_139_V1_Infant:before {
    content: "\e98a";
}
.infi-icon_140_V1_Clock:before {   
    content: "\e98b";
}
.infi-icon_141_availability:before {   /* 6E login page added icons */
    content: "\e98c";
}
.infi-icon_142_multiple_payment:before {
     content: "\e98d";
}
.infi-icon_143_block:before {   /* Request form rewamp icons started */
    content: "\e98e";
}
.infi-icon_144_question:before {
    content: "\e98f";
}
.infi-icon_145_stop-button:before {
     content: "\e990";
}
.infi-icon_146_warning:before {
     content: "\e991";
}
.infi-icon_147_file:before {
     content: "\e992";
}
.infi-icon_148_new_refresh:before {
    content: "\e993";
}
.infi-icon_149_edit_profile:before {
    content: "\e994";
}
.infi-icon_150_Group_request:before {
    content: "\e995";
}
.infi-icon_151_Help_desk:before {
    content: "\e996";
}
.infi-icon_152_Make_payment:before {
    content: "\e997";
}
.infi-icon_153_Name_list:before {
    content: "\e998";
}
.infi-icon_154_SSR:before {
    content: "\e999";
}
.infi-icon_155_View_bookings:before {
    content: "\e99a";
}
.infi-icon_156_View_request:before {
    content: "\e99b";
}

/*common font icons end*/
.seat-selectall-passenger i,
.seat-selectall-passenger em {
    top: 6px;
    cursor: pointer;
    left: 9px;
    font-size: 14px;
}

.seat-passenger-details {
    min-height: 400px;
    max-height: 810px;
    overflow-y: scroll;
    margin-top: 5px;
}

.passender-details {
    padding: 3px;
    width: 45.5%;
    margin-left: 15px;
    float: left;
    margin-bottom: 10px;
    cursor: pointer;
}

.seat-no {
    text-align: center;
    width: 30%;
    float: left;
    border-radius: 2px;
    min-height: 42px;
    min-width: 40px;
}

.seat-no p {
	font-size: 1.2em;
	padding-top:10px;
}

.alloted .seat-no p {
    padding-top: 0px;
}

.passenger-name {
    margin-left: 5px;
    float: left;
    width: 67%;
    padding-left: 30px;
    position: relative;
}
.adult p::before, .child p::before {
	position:absolute;
	top:23%;
	left:0;
	font-size: 2em;
}

.passenger-name.adult p::before {
    content: "\e903";
    font-family: "infiIcons";
}

.passenger-name.child p::before {
    content: "\e907";
    font-family: "infiIcons";
}

.passenger-name p {
	font-size: 1.3em;
	line-height:16px;
	padding-top:4px;
}

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

.well-trip-theme span em.infi-icon_55_onward,
.well-trip-theme a em.infi-icon_55_onward {
    top: 3px;
}

.well-trip-theme span em.infi-icon_29_flightonward,
.well-trip-theme a em.infi-icon_29_flightonward,
.well-trip-theme span em.infi-icon_55_onward,
.well-trip-theme a em.infi-icon_55_onward {
    position: absolute;
    top: -7px;
    left: -33px;
    font-size: 27px;
}

.baggage-slelect-type span .icon-class {
    position: absolute;
    font-size: 25px;
    left: 5px;
    top: 5px;
}

.well-trip-theme a em.infi-icon_55_onward {
    /* top: -2px !important; */
    font-size: 16px;
}

.well-trip-theme span em.infi-icon_36_round-trip,
.well-trip-theme a em.infi-icon_36_round-trip,
.well-trip-theme span em.infi-icon_27_multicity,
.well-trip-theme a em.infi-icon_27_multicity {
    position: absolute;
    top: -7px;
    left: -33px;
    font-size: 27px;
}

.advacne-search-panel .custom-btn {
    margin-left: 42%;
}

.close-search {
    display: inline-block;
    vertical-align: -15px;
    margin-left: 15px;
}

.lang-selec option {
    border: 1px solid red;
    padding: 0px 0px 0px 30px;
}

.lang-selec option span {
    border: 1px solid green;
}

.lang-container {
    display: inline-block;
    width: 130px;
}

.lang-container span {
    display: inline-block;
    width: 32px;
    height: 28px;
}

.lang-container select,
.lang-container select:focus {
    width: 65%;
    display: inline-block;
    margin: -10px 0px 0px 3px;
    border: 0px;
    box-shadow: none;
    padding: 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


/********************************
Description: Accessible issues
Author: Saigiridharan
********************************/

.invisible-text {
    color: transparent;
}

.faq-container .ui-accordion-header.ui-state-active {
    background: transparent;
    color: #007fb0;
    border-bottom: 0px;
    cursor: default;
}

.faq-container .ui-accordion-header,
.faq-container .ui-accordion-header.ui-state-hover {
    border: 1px solid #007fb0;
    color: #007fb0;
    text-align: left;
    font-size: 1.4em;
    font-weight: normal;
}

.faq-container .ui-accordion-header.ui-state-hover,
.faq-container .ui-accordion-header.ui-state-focus {
    box-shadow: 0px 0px 6px #007fb0;
}

.faq-container .ui-accordion-header {
    margin-top: 15px;
}

.faq-container .ui-accordion-header.ui-state-active.ui-state-hover {
    border-bottom: 0;
}

.faq-container .ui-accordion-content {
    border: 1px solid #007fb0;
    border-top: 0px;
    height: auto !important;
}

.faq-container .ui-accordion-content ul li {
    list-style-type: disc;
}

.new-acc-icon {
    font-size: 20px;
}

.faq-container p {
    font-size: 1.3em;
}

.faq-container .ui-state-active .fa-angle:before {
    content: "\f106";
}

.faq-container .ui-accordion-header.ui-state-active .fa-angle:before {
    content: "\f106";
}

.faq-container .ui-accordion-header .fa-angle:before {
    content: "\f107";
}

.agent-req-tab a.focus-close {
    position: absolute;
    right: -20px;
    top: 0px;
    z-index: 1;
}


/* Add group link */

.conf-add-group {
    padding: 10px 16px;
    font-size: 1.6em;
    border-radius: 3px;
}

.conf-add-group span {
    margin-right: 6px;
}


/* Request details table header styles ends */


/*Alert Box z-index starts*/

.z-index-alert {
    z-index: 1000002 !important;
}


/*Alert Box z-index ends*/


/* File download icon styles */

.downloadsvg {
    background: url('../../images/download.svg');
    height: 40px;
    width: 40px;
    display: inline-block;
}

.radio-theme i.fa-circle-thin,
.radio-theme i.fa-check-circle {
    color: #ccc;
    font-size: 20px;
    left: 3px;
    position: absolute;
    top: 0;
}

.seat-layout {
    width: 470px;
}

.accord-notify {
    font-family:var(--PRIMARYFONTREGULAR) !important;
}


/*feedback form submit button hide issue*/

.feedback-form .feedback-anim h2 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.feedback-form .feedback-anim .form-group {
    margin-bottom: 10px;
}

.feedback-form input,
.feedback-form textarea {
    font-size: 1.3em;
}


/*feedback form submit button end*/

.loader {
    border-radius: 6px !important;
}

.loader .navbar-form {
    padding: 10px 15px;
}


/*to remove the underline in abbr tag*/

abbr[title] {
    border-bottom: none !important;
    cursor: inherit !important;
    text-decoration: none !important;
    font-size: inherit;
}


/* WCAG Issue Fixing - Sheik 15-03-2019 */

.fare-type.radio-theme a.link.fare-break-up {
    font:1.4em  var(--PRIMARYFONTREGULAR);
    text-decoration: underline;
    position: absolute;
    top: 38px;
    left: 36px;
}

.fare-type a p.vierespop-num-txt {
    padding-bottom: 30px;
}

.dashboard-panel .col-sm-3 {
    max-width: 23%;
}


/*series modification request start*/

.series-modify-request .checkbox em {
    left: 19px;
    top: -7px;
    font-size: 1.5em;
    background: #fff;
}

.series-modify-request.tr-language,
.series-modify-request .tr-language-checkbox {
    background: none;
}

.series-modify-request .tr-language-checkbox label input {
    left: 27px !important;
    top: -9px;
    margin-bottom: 5px;
}


/*series modification request end*/

.dashboard-panel .col-sm-4 {
    /* max-width: 31.5%; */
    max-width: 32.4%;
}

.travelDateFlex {
    display: flex;
    flex-direction: row;
}

.pagination {
    justify-content: center;
}

.pagination>li>a,
.pagination>li>span {
    padding: 6px 12px;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);

}

/* Description:Amal Requestform trip type design issue fix */
/*Author: Mohanraj  */
/* date:11/4/22 */
.trip-panel .well.well-trip-theme {
    width: max-content;
}

/*chart not displaying issue*/

[hidden='false'],
[hidden='0'] {
    display: block !important;
}


/* Product Issue Fixed Benita (29-Mar-2019)*/

.agent-req-box th,
.airline-res-box th {
    text-align: left;
}


/*clearfix temporary fix*/

.clearfix {
    width: 100% !important;
}


/* FAQ Email ID issue Sheik (01-Apr-2019)*/

.faq-container .ui-widget-content a {
    display: inline-block;
}


/*ssr could not select online style*/

.meal-variety .select-online label em {
    color: #124680;
}

.ancillary-type .select-online span {
    color: #8C8C8C;
}

.add-grouplink {
    color: $PRIMARYCOLOR;
    text-decoration: underline;
    font-weight: bold;
    border: 1px solid $PRIMARYCOLOR;
    padding: 10px;
    font-size: 1.4em;
    border-radius: 5px;
}

.add-grouplink em {
    margin-right: 5px;
    font-size: 1.3em;
}


/*view request table checkbox*/

.table-checkbox .checkbox label {
    z-index: 1000;
}

.table-checkbox .checkbox input[type="checkbox"],
.table-checkbox .checkbox em {
    top: -14px;
}

.cb-disable {
    position: absolute;
    left: 7px;
    right: -3px;
    top: -2px;
    bottom: -4px;
    background: #ccc;
    z-index: 2;
    opacity: 0.2;
}


/*signup page chekcbox start*/

.signup-term {
    position: relative;

    input[type="checkbox"] {
        position: absolute;
    }

    label {
        padding-left: 30px;
        font-size: 1.4em;
        a{
            font-size: inherit;
        }
    }
}


/*signup page chekcbox end*/

.series-group-arrow:before {
    content: "\f0da";
    font-family: 'FontAwesome';
    font-size: 70px;
    color: #e8e8e8
}


/* create custom report table css style*/

.content-querybox {
    width: 100%;
}

.content-query {
    height: 30px;
    width: 10%;
}


/*no data found styles start*/

.noData {
    padding: 25px;

    .nodata-img {
        background: url('../../images/commonSVG/No_data_found.svg') no-repeat center center;
        height: 210px;
        width: 100%;
    }

    .nodata-txt {
        font:1.8em  var(--PRIMARYFONTSEMIBOLD);
        padding-bottom: 15px;
        color: #000 !important;
    }
}


/*no data found styles end*/


/*login page show password starts*/

.view-password {
    position: relative;
}

.password-cancel {
    background: url(../../images/password-cancel.svg) no-repeat;
    cursor: pointer;
    width: 27px;
    position: absolute;
    height: 20px;
    bottom: 5px;
    right: 10px;
    display: block;
    background-size: 81%;
}

.password-view {
    background: url(../../images/password-view.svg) no-repeat;
    bottom: 2px;
    background-size: 80%;
}


/*login page show password ends*/


/* hide acessibility made common as per developer suggestion*/

.hide-accessiblity {
    display: none !important;
}

.flight-details-view .link.user-minus {
    display: inline-block;
}


/*IE Browser issue*/

input::-ms-clear,
input::-ms-reveal {
    display: none !important;
}

::-ms-reveal {
    display: none !important;
}

::-ms-clear {
    display: none !important;
}


/*sptc styles*/

.checkboxSptc {
    padding-top: 20px;

    label {
        em {
            background: #fff;
            padding-right: 10px;
            font-size: 1.6em;
            color: #0062A8;
        }

        input {
            position: absolute;
            left: -4px;
            opacity: 0;
        }
    }
}


/*sptc styles end*/


/*spiceget multicity hide styles*/

.sg-muliticity-hide {
    max-width: 23.1% !important;

    .well-trip-theme li:nth-child(3) {
        display: none;
    }
}


/*Sheik (18-11-2019) Firefox Issue Fixed*/

@-moz-document url-prefix() {
    .sg-muliticity-hide {
        max-width: 260px !important;

        .well-trip-theme {
            a {
                padding: 10px 9px 10px 39px;
            }
        }
    }
}


/*spiceget multicity hide styles ends*/

.conf-add-group {
    padding: 10px 16px;
    font-size: 1.6em;
    border-radius: 3px;
    border-radius: 100px;
    font-family: var(--BUTTONFONT);
}

.conf-add-group span {
    margin-right: 6px;
    font-size: 12px;
}

.flight-details-view .link.user-minus {
    display: inline-block;
}


/*	Author: Azeez
	Desc: Send Feedback Text
*/

.cls-feedback {
    transform: rotate(270deg);
    display: block;
    padding: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    letter-spacing: 2px;
    font-family:var(--PRIMARYFONTSEMIBOLD);
}

.cls-icon-size {
    font-size: 22px;
}


/**************************************************
	Author : vijayaumar	
	Title : Module map list
**************************************************/

.cls-template-name {
    display: inline-block;
    width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.custom-font {
    font-size: 2em;
}

.custom-align {
    padding-top: 10px;
    float: right;
}

.custom-create {
    padding-right: 5px;
}

.cls-radio {
    padding-left: 10px;
}

.cls-user-action-module {
    border: 1px solid #ccc;
    margin: 10px 0;
    text-align: center;
    vertical-align: middle;
    padding-top: 32px;
    padding-bottom: 20px;
}

.cls-action-check {
    padding: 5px;
    border-radius: 100%;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    display: inline-block;
    text-align: center;
    cursor: pointer;
    margin-right: 5px;
    font-size: 1.2em;
}

.cls-active {
    background: #0c8cff;
    color: #fff;
}

.cls-inactive {
    color: #000;
}

.searching-flights-header {
    margin: 0px;
    text-align: center;
   
}

.cls-user-action-module:hover {
    box-shadow: 0px 0px 16px #b4b4b4 inset;
}

.cls-active-color:before {
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 100%;
    display: inline-block;
    color: #fff;
    background: #0c8cff;
    vertical-align: -5px;
}

.cls-de-active-color:before {
    content: '';
    background: #fff;
    color: #292929;
    border: 1px solid #ccc;
    height: 20px;
    width: 20px;
    display: inline-block;
    border-radius: 100%;
    vertical-align: -5px;
    margin-left: 10px;
}

.cls-color-desc {
    margin: 10px;
    text-align: right;
}


/* Module mapping popup window css */

.multiselect {
    position: relative;
}

.cls-checkboxes {
    display: none;
    border: 1px #dadada solid;
    position: absolute;
    z-index: 1;
    background: #fff;
    width: -webkit-fill-available;
    max-height: 180px;
    overflow: hidden;
    overflow-y: auto;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    padding: 0px 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.cls-checkboxes.active {
    display: block;
}

.cls-checkboxes label {
    display: block;
}

.cls-checkboxes label:hover {
    background-color: #1e90ff;
}

.cls-multi-select {
    margin: 10px 0px;
}

.cls-multi-select input[type="checkbox"] {
    vertical-align: -5px;
}

.multiselect em.fa.fa-caret-down {
    position: absolute;
    top: 15px;
    right: 5px;
    background: #fff;
}

.well-trip-theme span {
    font-size: 1.2em;
}


/*
* Author: Abdul Azeez
* Desc: optimizing and seperating dashboard charts
*/


/*Chart Design Starts here*/

.cls-custom-dashboard {
    .c3 svg {
        font:1.2em  var(--PRIMARYFONTREGULAR);
    }

    .bg-color {
        background: #F2F7FD;
        padding: 15px;
        padding-bottom: 0px;
    }

    h4 {
        font:1.7em  var(--PRIMARYFONTSEMIBOLD);
        color: #255180;
    }

    [class^="col-"] {
        margin-bottom: 20px;
    }

    .graphs {
        height: 250px;
        margin: 0px 0px 35px 0px;
    }

    .graph-icon {
        position: relative;

        a {
            width: 35px;
            height: 32px;
            margin: 0px 2px 0px 0px;
            display: inline-block;
            outline: 0;
            border: 1px solid transparent;

            &.active {
                border: 1px solid #c8c8c8;
            }

            &.backTo {
                display: none;
                position: absolute;
                font-size: 1.6em;
                line-height: 35px;
                left: -45px;
            }
        }
    }

    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 {
        height: 25px;
        padding: 2px 5px;
        font-size: 1.3em;
        border-radius: 2px;
        box-shadow: none;
    }

    select option {
        text-transform: capitalize;
    }

    .enable-event g.c3-chart g.c3-event-rects rect.c3-event-rect {
        pointer-events: none;
    }

    .c3-axis-y {

        .domain,
        line {
            stroke: transparent;
        }
    }

    .c3-xgrid {
        stroke-dasharray: 2 3;
    }
}


/* Icons */


/* Icons End */

.c3-ygrid {
    stroke-dasharray: 2 3;
}

.cls-custom-dashboard {
    #request_trend .c3-area {
        opacity: 1 !important;
    }

    .bg-color-table {
        padding: 15px;
    }

    .radio-form {
        input[type=radio] {
            margin: 4px 0 0;
            margin-top: 1px\9;
            line-height: normal;
            width: 15%;
            height: 15px;
        }

        float: left;
        display: inline-block;
        width: 33%;

        label {
            font-size: 1.4em;
        }
    }

    table {
        font-family: arial, sans-serif;
        border-collapse: collapse;
        width: 100%;
    }

    td,
    th {
        text-align: center;
        padding: 10px;
        font-size: 1.4em;
    }

    td:first-child {
        text-align: left !important;
    }

    .dashboard-list tr:last-child td {
        border: none;
    }

    .dashboard-confirm p,
    .dashboard-payment p,
    .dashboard-ticket p,
    .dashboard-reject p {
        padding: 5px;
    }

    #group_request_action_details_table table div {
        /*max-width: 40%;*/
        padding: 0px;
        font-size: 1.4em;
        border-radius: 5px;
        text-align: center;
    }

    .custom-padding {
        padding: 15px;
    }

    .custom-font {
        font-size: 1.7em;
        color: #255180;
    }

    .custom-selct {
        font-size: small;
        line-height: initial;
    }

    .custom-form-control {
        height: 25px;
        padding: 2px 5px;
        font-size: 1.3em;
        border-radius: 2px;
    }

    .custom-font-content {
        font-size: 1.1em;
        font-weight: bolder;
    }

    .custom-line {
        width: 100%;
        display: inline-block;
        height: 1px;
    }

    .top-station-bg {
        padding: 20px;
    }

    .custom-flex {
        display: flex;
    }

    .custom-font-content-hd {
        display: block;
        font-weight: 600;
    }

    .custom-td1 {
        width: 40px;
    }

    .custom-td2 {
        width: 100px;
    }

    .td {
        border-bottom: 0px;
    }

    .cls-dashboard-chart select.form-control {
        height: 25px;
        padding: 2px 5px;
        border-radius: 2px;
        box-shadow: none;
        width: 150px;
    }
}

.top-selectors-font,
.cls-dashboard-chart select.form-control,
.custom-font-content-hd {
    font-size: 1.3em;
}

.top-selectors-td {
    width: 142px;
}

.top-selectors-td1 {
    width: 40px;
}

#overall_pipeline_summary_selectbox_0,
.top-selectors-hd-font {
    font-size: 1.2em;
}

.top-selectors-hd-font,
.travel-agenct-hd {
    font-weight: 700;
}

.table-tr,
.table-td {
    border: 0px;
}

.table-td {
    padding: 3px;
    display: none;
}

.pipeline-revenue-bg {
    padding: 15px;
}

.margin {
    margin: 10px 10px 0px;
}

.custom-padding-size,
#overall_pipeline_summary_selectbox_0 {
    margin-right: 10px;
}

.travel-agenct-content1,
.travel-agenct-content2,
.travel-agenct-hd {
    display: block;
}

.travel-agenct-hd {
    font-size: 1.4em;
    line-height: 26px;
}

.table-hd2,
.table-hd3,
.table-hd4 {
    padding: 11px;
    display: inline-block;
}

.travel-agenct-content1,
.travel-agenct-content2 {
    margin-left: 84px;
}


/*Chart Design Starts here*/


/*Dashboard Area css start here*/


/*Pipe line chart design changes*/

#revenue_analysis_div .bg-color {
    padding-bottom: 0px;
}

#pipeline_revenue_div .bg-color {
    min-height: 373px;
}

#revenue_compare_div .bg-color {
    min-height: 399px;
    padding-bottom: 0px;
}

#pipeline_revenue_div .bg-color .col-sm-12,
#revenue_analysis_div .bg-color .row [class^="col-"],
#revenue_compare_div .bg-color [class^="col-"] {
    margin-bottom: 0px !important;
}

#pipeline_revenue_div .bg-color,
#overall_pipeline_summary_div .bg-color,
#top_stations_div .bg-color {
    padding-bottom: 0px;
}

#overall_pipeline_summary_div .bg-color .form-group.col-sm-6,
#pipeline_revenue_regionwise_div .radio-button,
#top_sectors_div .radio-button {
    position: absolute;
}

#overall_pipeline_summary_div .bg-color .form-group.col-sm-6,
#pipeline_revenue_regionwise_div .radio-button {
    right: 0px;
}

#overall_pipeline_summary_div .bg-color .form-group.col-sm-6 {
    top: 15px;
}

#pipeline_revenue_regionwise_div .radio-button,
#top_sectors_div .radio-button {
    top: 25px;
}

.custom-content-padding {
    padding: 10px 0px 2px !important;
    margin: 0px 5px;
}

#overall_pipeline_summary_table .custom-content-padding:nth-last-child(2) {
    border-bottom: 0px !important;
}

.graphs.cls-pipeline-chart,
#top_sectors_table .top-selectors-td,
#top_stations_table .custom-td3.td .col-sm-12 .graphs.c3,
#top_sectors_table .custom-td3.td .col-sm-12 .graphs.c3 {
    height: 0px !important;
}

.graphs.cls-pipeline-chart svg {
    height: 50px !important;
}

#overall_pipeline_summary_selectbox_0 {
    width: 75%;
    font-size: 1.2em;
}

#pipeline_revenue_regionwise_div .chart-dashboardtitle {
    margin: 5px 0px 30px;
}

#travel_agent_div .radio-button .cls-custom-radio-button,
#top_sectors_div .radio-button .cls-custom-radio-button,
#pipeline_revenue_regionwise_div .radio-button .cls-custom-radio-button,
#overall_pipeline_summary_selectbox_0 {
    float: right;
}

#pipeline_revenue_compare_div .radio-button {
    padding-left: 0px;
    margin: 15px 0px;
}

#pipeline_revenue_compare_div .bg-color {
    min-height: 402px;
}

#travel_agent_div .travel-agency-table th,
#group_request_action_details_table .dashboard-list .dashboard-listhead th {
    border: 0px !important;
    font:1.4em  var(--PRIMARYFONTSEMIBOLD);
}

#group_request_action_details_table .dashboard-list .dashboard-listhead th:first-child {
    width: 30%;
}

#overall_pipeline_summary_div,
#overall_summary_div,
#revenue_compare_div,
#request_compare_div,
#top_sectors_div {
    padding-left: 0px !important;
}

#top_sectors_div .chart-dashboardtitle {
    margin: 5px 0px 20px;
}

#travel_agent_div .bg-color,
#pipeline_revenue_regionwise_div .bg-color,
#top_sectors_div .bg-color {
    padding-bottom: 0px;
}

#top_stations_div .radio-button {
    margin-bottom: 10px;
}

#top_sectors_table .top-selectors-td {
    padding: 10px !important;
    width: 0px !important;
}

#top_stations_table .top-station-table td {
    padding: 8px 10px;
    border-top: 0px !important;
}

#top_stations_div .bg-color,
#top_sectors_div .bg-color {
    min-height: 378px;
}

#top_stations_table,
#overall_pipeline_summary_table,
#top_stations_table .custom-td3.td .col-sm-12 .graphs.c3,
#top_stations_table .custom-td3.td .col-sm-12,
#top_sectors_table .custom-td3.td .col-sm-12 .graphs.c3,
#top_sectors_table .custom-td3.td .col-sm-12,
.graphs.cls-pipeline-chart,
.graphs.cls-pipeline-chart svg {
    margin: 0px !important
}

#group_request_action_details_table .dashboard-list tr.dashboard-paymentlist:first-child td {
    border-top: 0px !important;
}

.no-data {
    padding-top: 140px;
}

#travel_agent_div {
    .travel-agency-table {
        th {
            padding: 0px !important;
        }

        td {
            padding-top: 15px !important;
            text-align: center;

            &:first-child {
                text-align: left;
            }
        }
    }

    td,
    tbody tr:last-child {
        border-bottom: 0px !important;
    }
}


/*Dashboard Area css end here  864*/


/* Author: Abdul Azeez
 * Desc: Instant purchase design
 * Date: 19-02-2020
*/

.time-limit-box.cls-new-structure,
.time-limit-cont.new .time-limit-box,
.flight-details-view.cls-new-structure,
.flight-accordion.new .flight-details-view,
.tems-condition-text.cls-new-structure,
.terms-and-cond-box.new .tems-condition-text,
.time-limit-box.cls-bf-fare .cls-ipf-fare-table,
.time-limit-box.cls-ipf-fare .cls-bf-fare-table,
.tems-condition-text.cls-bf-fare .cls-ipf-terms,
.tems-condition-text.cls-ipf-fare .cls-bf-terms,
.request-det-cont.new .cls-top-fare,
.flight-accordion.cls-new-structure,
.request-det-cont.new .flight-accordion {
    display: none;
}

.time-limit-cont.new .time-limit-box.cls-new-structure,
.flight-accordion.new .flight-details-view.cls-new-structure {
    display: table;
}

.terms-and-cond-box.new .tems-condition-text.cls-new-structure,
.request-det-cont.new .flight-accordion.cls-new-structure {
    display: block;
}

.time-limit-cont.new {
    .time-limit-box.cls-new-structure {
        .cls-label-container {
            margin-left: 10px;
            margin-right: 10px;
        }
    }
}

/*trip fare by Azeez 27-03-2020*/
.request-det-cont.new .flight-details-view tr {
    border-bottom: none;
}

.cls-label-container {
    margin-bottom: 10px;

    .cls-tab {
        font:1.4em  var(--PRIMARYFONTSEMIBOLD);
        cursor: pointer;

        &+.cls-tab {
            margin-left: 20px;
        }

        &.active {
            position: relative;

            &:before {
                content: "\f0d7";
                font-family: 'FontAwesome';
                top: 85%;
                left: 50%;
                position: absolute;
            }
        }
    }
}

.flight-details-view.cls-new-structure,
.flight-accordion.cls-new-structure {

    .cls-check,
    .cls-fare {
        display: inline-block;
    }

    .cls-check {
        vertical-align: 4px; // modified by azeez 25-03-2020
        margin-right: 10px;
        font-size: 2.5em;
        border-radius: 100%;
        width: 26px;
        height: 26px;

        &:before {
            display: none;
        }
    }

    .cls-flight-select.active .cls-check,
    .cls-trip-radio:checked~.cls-check {
        border: transparent;

        &:before {
            display: inline-block;
        }
    }

    a {
        cursor: pointer;
    }
}


/*
.time-limit-cont.new > .time-limit-box.old, .time-limit-cont > .time-limit-box.new{
	display: none;
}
.time-limit-cont.new > .time-limit-box.new{
	display: block;
}
*/


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

.cls-group-terms {
    .cls-grp-label {
        padding: 10px;
        font: 1.4em  var(--PRIMARYFONTBOLD);
        position: relative;
    }

    .cls-tab-data {
        display: none;
        padding: 5px;
    }

    .cls-grpr1:checked~.cls-grp1,
    .cls-grpr2:checked~.cls-grp2,
    .cls-grpr3:checked~.cls-grp3,
    .cls-grpr4:checked~.cls-grp4,
    .cls-grpr5:checked~.cls-grp5,
    .cls-grpr6:checked~.cls-grp6,
    .cls-grpr7:checked~.cls-grp7,
    .cls-grpr8:checked~.cls-grp8,
    .cls-grpr9:checked~.cls-grp9,
    .cls-grpr10:checked~.cls-grp10,
    .cls-grpr11:checked~.cls-grp11,
    .cls-grpr12:checked~.cls-grp12,
    .cls-grpr13:checked~.cls-grp13,
    .cls-grpr14:checked~.cls-grp14,
    .cls-grpr15:checked~.cls-grp15,
    .cls-grpr16:checked~.cls-grp16,
    .cls-grpr17:checked~.cls-grp17,
    .cls-grpr18:checked~.cls-grp18,
    .cls-grpr19:checked~.cls-grp19,
    .cls-grpr20:checked~.cls-grp20,
    .cls-grpr21:checked~.cls-grp21,
    .cls-grpr22:checked~.cls-grp22,
    .cls-grpr23:checked~.cls-grp23,
    .cls-grpr24:checked~.cls-grp24,
    .cls-grpr25:checked~.cls-grp25,
    .cls-grpr26:checked~.cls-grp26,
    .cls-grpr27:checked~.cls-grp27,
    .cls-grpr28:checked~.cls-grp28,
    .cls-grpr29:checked~.cls-grp29,
    .cls-grpr30:checked~.cls-grp30,
    .cls-grpr31:checked~.cls-grp31,
    .cls-grpr32:checked~.cls-grp32 {
        display: block;
    }

    .cls-grp-rdo:checked+.cls-grp-label {
        transition: background 0.5s ease;

        &:after {
            content: '\f0d7';
            font-family: 'FontAwesome';
            position: absolute;
            top: 91%;
            left: 50%;
        }
    }
}

.cls-group-flights,
.cls-group-terms,
.terms-and-cond-box.group .cls-default-terms,
.request-det-cont.group .acc-parent {
    display: none;
}

.terms-and-cond-box.group .cls-group-terms,
.request-det-cont.group .cls-group-flights {
    display: block;
}

.cls-group-flights {
    .faq-acc-click {
        display: flex;
        font:1.4em  var(--PRIMARYFONTSEMIBOLD);

        .cls-note {
            font:1.1em  var(--PRIMARYFONTREGULAR);
        }
    }
}


/* Navigation Link Sheik(08-Apr-2020)*/

.navigation-link {
    position: relative;
}

.navigation-link .navigation-voice {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}


/*TA payment - azeez 09-04-2020*/

.infi-icon_84_expand.active:before {
    content: '\e954' !important;
}


/* Request Form Remarks File Attachement Sheik (21-Apr-2020) */

.req-page-fileupload .drag-drop-box {
    padding: 10px 0px;
}

.req-page-fileupload .drag-drop-box p {
    margin: 0px;
}

.req-page-fileupload .file-upload {
    text-align: left;
    padding-left: 40px;
}

.req-page-fileupload .upload-link {
    position: relative;
    top: -2px;
    right: 5px;
    width: 80px;
    display: inline-block;
}


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

.filter-icon {
    display: block;
}

.cls-savefilter,
.cls-savefilter:focus,
.cls-savefilter:hover,
{
line-height: 1;
/* display: inline-block; */
float: right;
padding: 5px 10px;
border-radius: 5px;
font-size: 1.2em;
text-transform: none;
}

.saveSearchIcon {
    float: right;
    padding: 2px 7px;
    height: 20%;
}

.cls-addnew {
    text-align: right;
    padding: 0px 0 10px 0;
}

.cls-system-filter .cls-custom-btn,
.cls-filter-details-container {
    display: none;
}

.cls-list-title {
    display: inline-block;
}

.cls-add-new-btn {
    float: right;
    display: inline-block;
}

.cls-saved-filter-list {
    min-height: 200px;
    max-height: 225px;
    overflow: hidden;
    overflow-y: scroll;
    padding: 0px 10px;
    border-top: 0px;
}

.cls-save-filter-item {
    border-bottom: 1px solid #ccc;
    padding: 10px 0px
}

.cls-radio-uncheck {
    font-size: 1.8em;
    vertical-align: -1px;
    position: relative;
    cursor: pointer;
}

.cls-radio-uncheck.active::after {
    content: "\f111";
    font-size:8px !important;
    position: absolute;
    top: 4px;
    left: 4px;
    font: normal normal normal 14px/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
}

.cls-filter-name {
    font-size: 1.6em;
}

.cls-filter-label {
    display: inline-block;
    vertical-align: 5px;
    font-size: 1.2em;
    font-weight: 600;
}

.cls-filter-value {
    width: 150px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    font-size: 1.2em;
    text-overflow: ellipsis;
    text-transform: lowercase;
}

.form-control-plaintext,
.cls-filter-data-title {
    white-space: nowrap;
    width: 120px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
}

.dropbtn {
    padding: 7px;
    font-size: 1.4em;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    min-width: 160px;
    z-index: 1;
}

.dropdown-content a {
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-scroll {
    /*height:100px;*/
    overflow-y: scroll;
}

.btn-secondary dropdown-toggle {
    float: right;
}

.boxed {
    height: 29px;
    width: auto;
    padding-left: 3px;
    padding-top: 2px;
}

.filter-item input[type="checkbox"] {
    display: none !important;
}

.filter-check~em:before {
    content: '\e93c' !important
}

.filter-check:checked~em:before {
    content: '\e93d' !important
}

.filter-item {
    margin: 10px 0
}

.tr-language-checkbox .cls-all-check {
    display: none !important;
}

.cls-filter .tr-language-checkbox.checkbox {
    left: 38%;
    background: none;
}

/* 08-05-2020 - Abdul Azeez - Terms and condition (MH)*/
.cls-tms-rdo:checked~em:before {
    content: '\e93d' !important;
}

.cls-ub {
    text-decoration: underline;
    font-weight: 600;
}

.cls-disabled {
    pointer-events: none;
}

/* Sheik Single Currency in Excepted Fare field (01-July-2020) */
.single-currency .currency-hide {
    display: inline-block;
    width: 25px;
    height: 45px;
    background: #fff;
    position: absolute;
    border-left: 1px solid #ccc;
    right: 0px;
}

.single-currency .currency-select {
    pointer-events: none;
}

/* Sheik FAQ Main and Sub Heading 03-July-2020 */
.sub-point-heading {
    color: #007fb0;
    margin-bottom: 10px;
}

.sub-point-descripition {
    padding-left: 20px;
    margin-bottom: 10px;
}

.sub-point-descripition li {
    color: #000;
    font-family:  var(--PRIMARYFONTREGULAR);
}

/*Azeez 08-07-2020 Multiple status select*/
.cls-multiple-status {
    .custom-select {
        height: 44px;
    }

    .custom-select a i,
    .custom-select a .ssr-icon {
        right: 0px;
        top: 22px;
    }

    .custom-select a,
    .custom-select a:hover {
        padding: 11px 6px;
        border: 1px solid #919191;
    }
}

.select-multiple li::before {
    content: '\e93c';
}

.select-multiple li.active::before {
    content: "\e93d";
}

/*km header changes*/
/*.cls-km-header{
    display: none;
}*/
/* Sheik (16-July-20) */
.cursor-pointer {
    cursor: pointer;
}

.pointer-eve-none {
    pointer-events: none;
}

/* Common Flight search issue fixing Sheik (22-July-2020) */
table.searching-flights tr td {
    text-align: left;
}

/* Dashboard Iframe Sheik (22-July-2020) */
/* Updated by ShriMurugan (19-Apr-21) */
.dashboard-chart .customized-report {
    width: 100%;
    /* min-height: 500px; */
    border: 0px;
    height: 100vh;
}

/* azeez - series conf bagfare */
.cls-tick {
    font-size: 2.5em;
}

.cls-tick~.inr-farebreak {
    display: block;
}

.cls-bfseries-rdo:not(:checked)~.cls-tick::before,
.cls-bagfseries-rdo:not(:checked)~.cls-tick::before,
.cls-bfconf-rdo:not(:checked)~.cls-tick::before,
.cls-bagfconf-rdo:not(:checked)~.cls-tick::before {
    content: '';
}

.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-radius: 50%;
    width: 25px;
    display: inline-block;
    height: 25px;
}

/* Penalty Design Sheik (18-Aug-2020) */
/*task continued and file modified by azeez*/
.add-penalty-view .request-details td {
    text-align: left;
    width: 16%;
    vertical-align: middle;
}

.penalty-summary-link {
    font-size: 1.4em;
    color: #00205b;
    text-align: right;
    display: block;
    padding-right: 50px;
    text-decoration: underline;
}

.add-penalty-view .penalty-table-view,
.add-penalty-view .penalty-rise-cont {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: 20px;
}

.add-penalty-view .flight-details-view tr th,
.add-penalty-view .flight-details-view tr td {
    text-align: left !important;
}

.add-penalty-view .link-action a+a {
    padding-left: 10px;
}

.penalty-rise-cont {

    input,
    select {
        border: 1px solid #ccc;
        padding: 2px 3px;
        height: 25px;
    }
}

.cls-pcurr-ip {
    width: 40px;
    margin-right: -5px;
}

.cls-pnum {
    width: 40px;
}

.cls-penalty-label {
    font-family: var(--PRIMARYFONTSEMIBOLD);
}

.cls-preason-ip {
    width: 50%
}

.cls-psubmit {
    margin: 0 auto;
    display: block;
    margin-top: 20px;
    padding: 5px 14px !important;
    font-size: 1.2em !important;
}

/* Single POS select Sheik (15-Sep-2020) */
.single-pos-span {
    display: none;
    width: 20px;
    height: 42px;
    position: absolute;
    right: 1px;
    top: 32px;
    background: #fff;
}

.single-pos .single-pos-span {
    display: inline-block;
}

.single-pos select {
    pointer-events: none;
}

/* IE show password icon fix - Azeez - 04-12-2020 */
input::-ms-clear,
input::-ms-reveal {
    display: none;
}

/*y4 common issue in date after sectors*/
.sector-2::after {
    content: '';
    display: block;
}



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

.user-details-content .flex-container,
.agency-details-content .flex-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 20px;
}

.user-details-content span,
.agency-details-content span,
.history-section ul span {

    font-size: 1.4em;
    display: block;
    font-family:var(--PRIMARYFONTSEMIBOLD);
}

.history-section ul span {
    font-size: 1.5em;
    display: block;
}

.user-details-content,
.agency-details-content,
.history-section {
    padding: 10px;
    border-radius: 10px;
    margin: 15px 0px;
}

.history-section {
    padding: 10px 29px;
}

.detailssec .head,
.historydetails .head {
    font-size: 1.6em;
    font-family:  var(--PRIMARYFONTREGULAR);
}

.spacer {
    margin: 11px 0px;
}

.history-section ul li {
    width: 1em;
    height: 1em;
    line-height: 2em;
    border-radius: 1em;
    margin: 20px 0px 41px 0px;
    display: block;
    position: relative;
}

.history-section ul li::before {
    content: '';
    position: absolute;
    left: 0.45em;
    top: 0px;
    width: 2px;
    height: 53px;
    z-index: 1;
}

/* li:last-child::before {
    display: none;
} */

.contenta {
    position: absolute;
    left: 40px;
    top: -11px;
    width: 150px;
    line-height: 10px;
    float: left;
    text-align: left;
}

.history-section ul span {
    font-family:var(--PRIMARYFONTSEMIBOLD);
}

.history-section ul li .timing {
    display: inline-block;
    font-size: 0.8em;
    font-family:  var(--PRIMARYFONTREGULAR);
}

.detailssec .head-right-agency,
.detailssec .head-right-user {
    float: right;
    font-size: 1.6em;
    font-family:var(--PRIMARYFONTSEMIBOLD);
}

.agency-detailspart {

    padding: 0px 0px 10px 0px;
    margin-bottom: 10px;
}

.agency-details-content label,
.user-details-content label{
    font-size: 1.2em;
    font-family:  var(--PRIMARYFONTREGULAR);
}

.mail {
    word-break: break-all;
}

.view-detail {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.view-detail a {
    padding: 0px 8px;
    font-family:  var(--PRIMARYFONTREGULAR);
}

.view-detail:after {
    content: "\f178";
    font-family: 'FontAwesome';
    font-size: 16px;
}

.cls-scroll-popup {
    max-height: 200px;
    overflow-y: auto;
}

/* author: shrimurugan - 25-02-2021 */
/* Desc - user details page management tab customization */
.pos-sec .table-section,
.citypairmanagement .table-section {
    padding: 0px 20px;
}

.citypair-drop {
    text-align: center;
    background: white;
    padding: 10px;
    border-radius: 10px;
    width: auto;
    margin: 10px auto;
}

.citypair-drop .add-button {
    text-align: center;
}

.citypairmanagement .table-section .flight-details-view tr:nth-child(even) td {
    padding: 0px !important;
}

.pos-sec hr,
.citypairmanagement hr {
    margin-left: 0px;
}

.citypairmanagement .toggle-button-item {
    padding: 10px 19px !important;
}

.citypairmanagement .add-button {
    text-align: center;
}

/* 01-03-2021 update name list <br> removed and issue fixed - azeez */
.cls-or {
    padding-top: 100px;
}

/*non iata error and view agent email overflow issue - azeez - 09-03-2021*/
.allerror-display li:last-child::before {
    display: inline-block;
}

.agency-details-content .spacer span {
    overflow-wrap: break-word;
    word-break: break-all;
}

/* Chat bot hide class / id */
#rasaWebchatPro {
    display: none;
}

/*Azeez- redmine: 101440, extJS css sent by anboli -28-06-2021*/
#groupLevelTimeLineExtension .x-form-item {
    position: unset;
}

/*Malathika- redmine: 101440 -26-11-2021*/
#createMenuMappingFormId .x-form-item {
    position: unset;
}

/*Malathika- redmine: 101440 -27-11-2021*/
#createMenuMappingFormId .x-form-item-body {
    position: unset;
}

/* Shrimurugan - Input hidden not with 'type' attribute security reasons it was display none - 18/4/22 */
input:not([type]),#loadCSRFKey,.cust-hidden,.cust-display-hidden {
    display: none;
}

/*26-07-2021 - PNR select traveler details - Azeez*/
/* .pax-group{
    .cls-clabel{
        position: relative;
        width: 18px;
        height: 18px;
        &:after{
            content: '\0037';
            font-family: 'infiIcons';
            font-size: 18px;
        }
    }
    &.active{
        .cls-clabel:after {
                content: '\0038';
            }
    }
    .cls-check,.cls-dcheck,.cls-checkall{
        position: absolute;
        opacity: 0;
    }
    .cls-dcheck + .cls-clabel:after{
        content: '\0038';
    }
} */

/* 
Authot:Mohanraj
date:20/05/22
Multicity animation scroll issue fix
*/

.multianim-fixed-main {
    width: max-content !important;
}

/* Infant mapping topbar css - shriMurugan - 15/10/22 */
.cls-topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0px;
}

/* Common css for new infant mapping design  -Shrimurugan - 19/8/22 starts*/
.cls-topbar h4
{
    font-size: 1.9em;
    span{
        font-size: inherit;
    }
}

.cls-topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.cls-summary label {
    padding: 0px 10px;
    border-right: 1px dashed #ccc;
    font-size: 1.5em;
}

.cls-summary label span {
    font-weight: 600;
    font-size:1.4em !important;
}

.cls-summary label:last-child {
    border-right: unset;
}

.cls-summary {
    display: flex;
    border: 1px solid #ccc;
    padding: 8px;
}
.cls-adultrow span{
    font-size: 1.3em;
    font-weight: 600;
}

.cls-adultrow {
    margin-bottom: 13px;
}

.flight-details-view.trip-form .custom-dp .dp-label {
    height: 46px;
    width: 180px;
}

.flight-details-view.trip-form .custom-dp .dp-label .dn-arow {
    bottom: 9px;
}

.flight-details-view.trip-form .custom-dp select {
    width: 98%;
    overflow-y: auto;
    top: 20px;
    border: 1px solid #ccc;
    box-shadow: 2px 1px 1px 1px #ccc;
}

.flight-details-view.trip-form .custom-dp select option {
    border-bottom: unset !important;
}

.flight-details-view.trip-form .custom-dp select option:checked {
    background: unset;
    color: black;
}

.flight-details-view.trip-form .custom-dp select option span {
    background-color: gray;
    width: 20px;
    line-height: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
}

.cls-mappedparent,
.cls-notmapped {
    padding: 5px 18px;
    height: unset !important;
    border: unset;
    display: block;
    color: #0B866E;
    width: max-content;
    position: relative;
}

.cls-mappedparent::before,
.cls-notmapped::before {
    position: absolute;
    content: "";
    background: #1ec6a6;
    height: 100%;
    padding: 5px 18px;
    opacity: 0.03;
    border-radius: 15px;
    width: 100%;
    left: 0px;
    top: 0px;
}

.cls-notmapped {
    color: #E50000;
}

.cls-notmapped::before {
    background: #E50000;
    opacity: 0.03;
}

.passenger-det-box table tr td .cls-mappedinfanttd select {
    width: 190px;
}

.passenger-det-box .cls-mappedinfanttd select option {
    color: #000;
    padding-left: 28px !important;
}

.passenger-det-box .cls-mappedinfanttd select option:first-child:hover {
    background: none !important;
    color: #000 !important;
}

.passenger-det-box .cls-mappedinfanttd select option:hover {
    color: #fff;
}

.passenger-det-box .cls-mappedinfanttd select option::before {
    content: "";
    position: absolute;
    background: #D9D9D9;
    color: #000;
    line-height: 18px;
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter);
    left: 21px;
}

.passenger-det-box .cls-mappedinfanttd select option:first-child {
    padding-left: 0px !important;
}

.passenger-det-box .cls-mappedinfanttd.custom-dp .optionid.hideid {
    display: none !important;
}

.passenger-det-box .cls-mappedinfanttd.custom-dp .optionid {
    /* display: none !important; */
    position: absolute;
    top: 13px;
    border-radius: 50% !important;
    height: 20px;
    width: 20px !important;
    padding-right: unset !important;
    left: 10px;
    background: #D9D9D9;
    line-height: 20px;
    text-align: center;
    padding-left: unset !important;
    color: #000 !important;
}

.cls-mappedinfanttd,
.cls-mappedinfantth {
    width: 180px;
}

.passenger-det-box .cls-mappedinfanttd select option:first-child:before {
    content: unset !important;
}

.flight-details-view .infantDropdowns label {
    border: unset;
}

.passenger-det-box .cls-mappedinfanttd .dp-elips {
    text-align: left;
    vertical-align: -12px;
    padding-left: 29px !important;
    width: 100%;
}

/* Mantis issue fixing - 50360 -Shrimurugan -19/8/22 */
table.searching-flights.padd-none tr td {
    padding: 0px 5px 0px 0px;
}

.passenger-det-box table tr td .cls-mappedinfanttd .tgr_drop {
    z-index: 0;
}

.passenger-det-box table tr td .cls-mappedinfanttd .sel_ele {
    z-index: -1;
    background: #fff;
}

.passenger-det-box table tr td .cls-mappedinfanttd .sel_ele.on {
    /* z-index: 9; */
    z-index: 1005;
}

.passenger-det-box .cls-mappedinfanttd select option {
    color: #000;
    padding-left: 28px !important;
}

.passenger-det-box .cls-mappedinfanttd select option:first-child:hover {
    background: none !important;
    color: #000 !important;
}

.passenger-det-box .cls-mappedinfanttd select option:hover {
    color: #fff;
}

/* Common css for new infant mapping design  -Shrimurugan - 19/8/22 ends*/



/* SSR page design issue fixing  -ShriMurugan - 07-11-22
.meal-amnt{
    border-left: 1px solid #ccc;
} */

/*  Common css for new SSR requirement for single strip for one way and roundtrip in layover flights - starts */
.flight-desc.baggage-others, .flight-desc.meal-flight{
    display: flex;
    align-items: center;
    flex-wrap:wrap;
    flex-direction: row;
    justify-content: space-between;
}
.flight-desc.baggage-others .slide-open, .flight-desc.meal-flight .slide-open{
    flex: 1 0 0;
    text-align: right;
}

.flight-desc.baggage-others .infi-icon_55_onward {
    position: unset;
    font-size: 26px;
    vertical-align: -10px;
    height: 30px;
    display: inline-block;
}
.flight-desc.baggage-others{
    padding: 4px 15px 4px;
    padding-top: 10px;
}
.flight-desc.baggage-others .sector-info {
    padding-left: 9px;
}
.flight-desc.meal-flight .sector-info{
    padding-left: 12px;
}
.flight-desc.baggage-others .infi-icon_14_down-arrow{
    vertical-align: 2px;
}
.flight-desc.meal-flight .infi-icon_55_onward{
    vertical-align: -3px;
}
/*  Common css for new SSR requirement for single strip for one way and roundtrip in layover flights - ends */

/* Common Landing page design enable */
/* Date:25/11/2022 */
.login-notification,
.please-note {
    display: block;
}

/* Terms and condition mantis (0055015) issue fixing  */
/* Date:30/01/22 */

.terms-and-cond-box p img {
    max-width: 100%;
}

.cls-dashboardtop select {
    margin-right: 25px;
    width: max-content;
    float: right;
}

/* New label in contract manager page - PNR validaity*/
.cls-farvalidity {
    margin: 0;

    .cls-pnrcreatelabel {
        display: flex;
        align-items: center;

        span {
            padding-top: 43px;
            color: #6C6B6B;
            font-size: 1.4em;
        }
    }
}

/* SSR transaction history in Seat selection and add / cancel itinerary page designs */
.select-multiple .disableCancel {
    pointer-events: none;
}

.ancillary-review {
    .cls-emdno {
        padding-left: 28px;

        &.cancel-emd {
            text-decoration: line-through;
            color: red;
        }
    }
}

/* SSR Page design */
#addSSRPopup {
    .slide-expand.ancillary-list {
        border-collapse: separate;
        border-spacing: 0 15px;

        tr {
            th {
                background: #c0c0c0 !important;
            }

            td {
                background: #eee;
            }
        }
    }
}

/* SSR page table SSR validity design update */
.cls-timelimitlabel {
    margin-left: auto;
    p{
        font-size: 1.4em;
        font-family:var(--PRIMARYFONTSEMIBOLD);
    }
}

.ancillary-type {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
 /* height added by shrimurugan removed */
    
    /* .radio-text {
        height: 40px;
    } */
}

.cls-transacthistory {
    flex: 0 0 100%;
}

/* Mantis 57945 Baggage selection boxes each have different sizes */
.meal-variety .checkbox .radio-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.meal-variety .radio-theme,
.meal-variety .checkbox {
    width: 32%;
}


/*New dashboard design start*/
.breadcrumb-prod {
    margin-top: 16px;
}
.cls-dashboardhead .dashboard-head{
    font-size: 2.4em;
    margin-bottom: 0px;
}

.cls-dashboardhead .relative {
    padding: 0px;
}

.dashboard-panel .row {
    display: flex;
    justify-content: center;
    align-items: center;
}

.dashboard-panel .col-sm-3 {
    border-radius: 8px;
    margin: 0px 21px 32px 0px;
}

.cls-dashboardhead .col-lg-2 {
    position: relative;
    padding: 0px;
}

.cls-dashboardhead .col-lg-2::after {
    display: inline-block;
    margin-left: 0.255em;
    position: absolute;
    top: 23px;
    color: #C5C9D0;
    right: 20px;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.45em solid;
    border-right: 0.45em solid transparent;
    border-bottom: 0;
    border-left: 0.45em solid transparent;
}

.dashboard-panel .new-request:nth-child(1),
.dashboard-panel .payment-request,
.dashboard-panel .add-user,
.dashboard-panel .ssr-request {
    background-color: $DASHBOARDBOXCOLOR;
}

.dashboard-panel .accept-pending,
.dashboard-panel .submission-pend,
.dashboard-panel .booking-summary,
.dashboard-panel .new-request {
    background-color: $DASHBOARDBOXSECONDCOLOR;
}

.dashboard-panel .new-request,
.dashboard-panel .accept-pending,
.dashboard-panel .payment-request,
.dashboard-panel .submission-pend,
.dashboard-panel .ssr-request {
    position: relative;
}

.dash-ssr-icon+p {
    padding-left: 40px;
}

.new-request:nth-child(1)::before,
.accept-pending::before,
.payment-request::before,
.submission-pend::before,
.ssr-request::before {
    position: absolute;
    content: '';
    display: inline-block;
    width: 2px;
    height: 138px;
    border: 1px solid #D9DBE0;
    right: 122px;
    top: 25px;
}

.payment-request .dashboard-text-fnt::before {
    top: -16px;
}

.cls-dashboardhead {
    justify-content: space-evenly;
    max-width: 100%;
    margin: 0px 28px 24px 0px;
}

.cls-dashboardhead select {
    appearance: none;
    height: 48px;
    width: 180px;
    color: $SELECTDROPDOWNCOLOR;
}

.cls-dashboardhead .relative {
    display: flex;
    align-items: end;
}

.cls-dashboardhead select,
.dashboard-text-fnt::before {
    border: 1px solid #D9DBE0;
}

.booking-summary .row,
.add-user .row,
.dashboard-panel .new-request:nth-child(7) .row {
    display: flex;
    flex-direction: column;
}

.dashboard-text,
.dashboard-text-fnt,
.passenger-sub-txt {
    margin: 0px;
}

.dashboard-text-fnt span {
    font-size: 4em;
    color: $DASHBOARDNUMBER;
}

.dashboard-text-fnt a {
    font-size: 1.2em;
    color: $DASHBOARDTEXTCOLOR !important;
}

.ssr-request .dashboard-text-fnt {
    max-width: 100%;
    /* padding-left: 24px; */
}

.add-user .adduser-icon,
.new-request:nth-child(7) .help-icon {
    height: 86px;
}

/*New dashboard design end*/
/* a3 aegean airline ck editor height issue fixed */
.ck.ck-editor__main>.ck-editor__editable.ck-focused,
.ck.ck-editor__main>.ck-editor__editable:not(.ck-focused) {
    height: 200px;
}

/* /Abimanyu - matrix start/ */
.cls-managematrix-main .cls-manage-matrix {
    font-size: 1.8em;
    color: #0E2071;
    font-family: open sans-serif;
}

.cls-managematrix-main ul .cls-downsize-list,
.cls-managematrix-main ul li {
    list-style-type: none !important;
    font-size: 1.4em;
}

.cls-managematrix-main ul .cls-downsize-list a {
    padding: 0px 10px 0px 28px;
}

.cls-managematrix-main ul .cls-downsize-list {
    padding-left: 20px;
    background-color: unset !important;
    color: unset !important;
}

.cls-managematrix-main ul .cls-downsize-list a::before {
    content: '';
    position: absolute;
    width: 16px;
    left: 2px;
    top: 2px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #E50000;
}

.cls-managematrix-main ul .cls-downsize-list a {
    color: #000;
}

.cls-managematrix-main ul .cls-downsize-list a.active {
    background-color: unset;
    color: unset;
}

.cls-managematrix-main ul .cls-downsize-list a.active:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 5px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    border: 1px solid #E50000;
    background-color: #E50000;
}

.cls-managematrix-main .cls-days-departure-title {
    font-size: 1.4em;
}

.cls-managematrix-main .cls-days-departure-box {
    align-items: flex-start;
    padding: 12px 15px 16px;
    gap: 16px;
    width: 36%;
    background: #F9F9F9;
    border-radius: 6px;
}

.cls-managematrix-main .cls-days-departure-box .dropdown.show .dropdown-menu {
    background: #ffffff;
    margin-top: 10px !important;
}

.cls-managematrix-main .cls-days-departure-box .cls-set-penalty {
    text-decoration: underline;
    color: #0D8CFF;
    font-size: 1.1em;
    font-family:var(--PRIMARYFONTSEMIBOLD);
    font-weight: 500;
    padding-left: 0px;
}

.cls-managematrix-main .cls-days-departure-box .cls-set-penalty::after {
    display: none;
}

.cls-matrix-tabcontent .cls-generate-matrix-box .cls-matrix-inp {
    width: 58px;
    height: 46px;
    padding: 2px 12px;
}

.cls-matrix-tabcontent .cls-generate-matrix-box .cls-automatic-inp {
    width: 60px;
}

.cls-matrix-tabcontent .cls-generate-matrix-box .minpenvalsetinp {
    width: 100% !important;
    position: relative;
}

.cls-matrix-tabcontent .cls-generate-matrix-box .cls-penclose {
    position: absolute;
    right: 5px;
    top: 13px;
    transform: rotate(45deg);
    font-size: 2.5em;
    color: #E70C2B;
    cursor: pointer;
}

.cls-manage-matrix-sub .cls-per-symbol,
.cls-manage-matrix-sub .penaltyvalues-symbol {
    position: absolute;
    color: #9F9B9B;
    top: 15px;
}

.cls-manage-matrix-sub .cls-per-symbol {
    left: 40px;
}

.cls-manage-matrix-sub .penaltyvalues-symbol {
    right: 25px;
}

.cls-matrix-tabcontent .cls-generate-matrix-box .cls-disableinp,
.cls-tablemain .cls-table-sub .cls-disableinp {
    background: #F2F2F2;
}

.cls-departure-inputs {
    display: flex;
    flex-direction: row;
    gap: 20px;
    position: relative;
}

.cls-matrix-tabcontent .cls-generate-matrix-box {
    display: flex;
    flex-direction: row;
    gap: 14px;
}

.cls-matrix-tabcontent .cls-generate-matrix-box .cls-incremental {
    width: 115px;
    height: 46px;
    padding: 2px 16px;
}

.cls-matrix-tabcontent .cls-generatebtn-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 17%;
    flex-direction: column;
    padding: 38px;
    position: relative;
}

.cls-matrix-tabcontent .cls-generatebtn-box .cls-generate-matrix-btn {
    color: #0D8CFF;
    padding: 15px 16px 15px 16px;
    border: 1.5px solid #0D8CFF;
    border-radius: 5px;
    background: #F9F9F9;
    font-size: 1.4em;
    line-height: 15px;
    font-family:var(--PRIMARYFONTSEMIBOLD);
}

table,
th,
td {
    /* border: 0.925926px solid #A8B2D5; */
}

/* th, td{
    padding: 8px 8px;
} */
.cls-manual-inner-input {
    width: 70px;
    height: 20.37px !important;
}

.cls-manual-addrow-remove {
    color: #E50000;
}

/* /Abimanyu - matrix end/ */
/* merge overide code starts */
.cls-penaltymatrix {
    /* display: flex; */
    /* gap: 50px; */
    margin-top: 20px;
}

.cls-penaltymatrix.active {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 50px;
}
.cls-penaltymatrix h1{
    font-size: 1.7em;
    font-weight: bold;
}

.cls-penaltymatrix table {
    width: 28%;
}

.cls-penaltybox .cls-penaltydrpmain {
    padding-top: 5px;
}

/* merge overide code starts */
.cls-tablemain {
    /* border: 0.925926px solid #A8B2D5; */
    width: 33%;
    border-width: 1px 1px 0;
}

.cls-table-sub {
    border: 0.925926px solid #A8B2D5;
    border-width: 1px 1px 0;
}

.cls-table-sub .cls-table-content:first-child {
    background: #F4F4F4;
    ;
}

.cls-table-sub .cls-table-content {
    display: flex;
    justify-content: space-between;
    padding: 5px 10px;
    border-bottom: 0.925926px solid #A8B2D5 !important;
}

.cls-table-sub .cls-table-content.cls-content span:last-child {
    border-width: 0;
}

.cls-table-sub .cls-table-content.cls-content .cls-manual-per-txt {
    position: relative;
    border-right: 0.925926px solid #A8B2D5;
    ;
    padding: 9px 8px;
    width: 100%;
    height: 40px;
    text-align: center;
}

.cls-table-sub .cls-table-content.cls-content .cls-manual-per-txt:last-child {
    border-right: none;
    width: 40%;
}

.cls-table-sub .cls-table-content.cls-manaul-deprow .cls-manual-per-txt:last-child {
    padding-top: 11px;
}

.cls-table-sub .cls-table-content.cls-content {
    padding: 0;
}

/* Manage matrix */
.cls-manual-inner-inp-box {
    position: relative;
}

.cls-manual-inner-inp-box .cls-manual-inner-input {
    position: absolute;
    top: 9px;
    left: 13px;
    width: 70%;
    height: 23px !important;
    border: 1px solid #C7C7C7;
    border-radius: 2.7px;
    padding: 2px 4px;
}

.cls-manualtab.active~.cls-generatebtn-box {
    padding: 0;
    background: unset;
}

.cls-manual-con-remove,
.cls-manual-con-remove:hover {
    color: #E50000;
}

.cls-manual-header-content {
    display: flex;
    justify-content: space-between;
}

.cls-manual-gen-btn {
    justify-content: flex-end !important;
    align-items: baseline !important;
    padding: 0px !important;
    background: unset !important;
}

.cls-manual-gen-btn .cls-generate-matrix-btn {
    background: #fff !important;
}


/* Down size info start */
.cls-info-manage-matrix {
    margin: 20px 0px;
    padding: 10px 25px;
    /* font-size: 14px; */
    background-color: #F8F8F8;
    border-radius: 5px;
}

.cls-info-manage-matrix .cls-info-days-departure,
.cls-info-manage-matrix .cls-info-downsize {
    display: inline-block;
}

.cls-info-manage-matrix .cls-info-days-departure {
    border-right: 1px dashed #9D9D9D;
    padding-right: 20px;
    margin-right: 20px;
}

.cls-info-manage-matrix .cls-edit-matrix {
    float: right;
    color: #0D8CFF;
    font-size: 1.4em;
    font-family:  var(--PRIMARYFONTREGULAR);
}

.cls-info-manage-matrix .cls-info-days-num,
.cls-info-manage-matrix .cls-info-downsize-per {
    font-weight: 700;
}

/* Down size info end */

/* Downsize table start */
.cls-resp-table-main {
    overflow-x: scroll;
    max-width: 100%;
    width: 100%;
}

.resp-table {
    /* width: 100%; */
    display: table;
    margin-top: 20px;
}

/* .resp-table-body{
    display: table-row-group;
} */
.resp-table-row {
    display: table-row;
}

.table-body-cell {
    display: table-cell;
    border: 1px solid #dddddd;
    padding: 6px 8px;
    line-height: 16px;
    vertical-align: middle;
}

.cls-manage-matrix-dayspertable .cls-dayspertable-departure,
.cls-manage-matrix-dayspertable .cls-downsize-per-title,
.cls-downsize-per-title span {
    font-size: inherit;
    font-weight: 600;
    background: #F4F6FF;
    line-height: 19px;
    text-align: center;
    text-transform: capitalize;
}

.cls-manage-matrix-dayspertable .cls-toprow,
.cls-empty-cell {
    display: flex;
    flex-direction: column;
}

.cls-manage-matrix-dayspertable .cls-downsize-pertext-main,
.cls-manage-matrix-dayspertable .cls-downsize-perinp-main {
    display: flex;
    flex-direction: row;
    padding: 0px;
}

.cls-manage-matrix-dayspertable .cls-downsize-pertext,
.cls-manage-matrix-dayspertable .cls-downsize-perinp {
    width: 139px;
    border: 1px solid #C2C6CA;
    border-width: 0px 1px 0px 0px;
    padding: 15px;
}

.cls-manage-matrix-dayspertable .cls-downsize-toprow .cls-downsize-maincell,
.cls-manage-matrix-dayspertable .cls-downsize-emptycell {
    padding: 0px;
}

.cls-manage-matrix-dayspertable .cls-downsize-perinp .cls-downsize-innerinp,
.resp-table-row .table-body-cell .cls-sidemenu-inp {
    height: 40px;
    /* width: 88px; */
    width: 100%;
    font-size: 1.5em;
    border: unset;
    border-bottom: 1px solid #E0E0E0;
    border-radius: unset;
}

.cls-downsize-perinp-main .cls-bottom-remove {
    text-align: center;
    padding: 0px;
}

.cls-manage-matrix-dayspertable .cls-right-remove {
    vertical-align: middle;
}

.cls-manage-matrix-dayspertable .cls-iconremove {
    color: #E50000;
    /* padding: 8px; */
    padding: 0px;
    font-size: 5em;
    height: max-content;
    display: inline-block;
}

.cls-departure-increase {
    border: 1px solid #e0e0e0;
    padding: 10px 0px;
    display: flex;
    justify-content: center;
    
    .cls-increment{
        font-size: 1.6em;
        color: #0D8CFF;
        font-weight: 400;
    }
}

.resp-table-row .table-body-cell .cls-sidemenu-inp {
    width: 28px;
    height: 30px;
    font-weight: 600;
    text-overflow: ellipsis;
}
.resp-table-row .table-body-cell .cls-sidemenu-num, .resp-table-row .table-body-cell .cls-sidemenu-above{
    font-size: 1.5em;
}

.resp-table-row .table-body-cell .cls-sidemenu-line {
    padding: 0px;
    font-size: 1.7em;
}

.resp-table-row .table-body-cell .cls-sidemenu-above {
    padding-left: 10px;
}

.resp-table .cls-downsize-addmain {
    display: table-cell;
    border: 1px solid #c2c6ca;
    vertical-align: middle;
    width: 52px;
    position: relative;
}

.resp-table .cls-downsize-addmain .cls-downsize-add {
    /* position: absolute; */
    inset: 40% 0px 0px 0px;
    text-align: center;
    rotate: -90deg;
}

.resp-table .cls-downsize-addmain .cls-downsize-add .cls-percentage {
    width: 193px;
    display: inline-block;
    /* rotate: -90deg; */
    position: relative;
    left: -75px;
    top: 6px;
    font-size: 1.6em;
    color: #0d8cff;
    height: 35px;
}

.cls-manage-matrix-dayspertable .cls-downsize-perinp .cls-typeclass {
    width: 100%;
    border-bottom: 1px solid #E0E0E0;
    border-left: unset;
    border-right: unset;
    border-top: unset;
    font-family:var(--PRIMARYFONTSEMIBOLD);
    background: #FFFFFF;
    border-radius: unset;
    height: 30px;
}

/* Downsize table end */

/* Manage matrix bottom info start */
.cls-bottom-info {
    margin-top: 15px;
}

.cls-bottom-info .cls-submission-content .cls-penalty-unorder .cls-penalty-list {
    list-style-type: disc;
}

.cls-bottom-info .cls-penalty-applymain {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 40px;
}

.cls-penalty-applymain input[type='button'] {
    padding: 6px 24px;
    font-size: 1.4em;
    background: #ffffff;
    font-weight: 500;
    color: #0D8CFF;
    border: 1px solid #0D8CFF;
    border-radius: 3px;
}

.cls-penalty-applymain input.cls-penalty-reset {
    color: #ADADAD;
    font-size: 1.4em;
    border: unset;
    background: #ffffff;
    padding: 6px 0px;
    /* text-decoration: underline; */
}

/* Manage matrix bottom info end */

/* Penalty dropdown start */
.cls-penaltyvalue-dropdown {
    display: table;
}

.cls-penaltyvalue-dropdown .cls-penalty-dropdown {
    display: table-row;
}

.cls-penaltyvalue-dropdownmain {
    background: #FFFFFF;
    border: 1px solid #E5E7E7;
    border-radius: 6px;
    padding: 20px;
}

.cls-applypenalty {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;

    .radio-text {
        height: 40px;
    }
}

.cls-applypenalty input {
    text-align: right;
    padding: 6px 20px;
    background: #ffffff;
    border: 1px solid #0D8CFF;
    border-radius: 3px;
    color: #0D8CFF;
    font-size: 14px;
    margin-top: 20px;
}

.cls-penalty-dropdown .cls-penalty-value {
    display: table-cell;
    border: 1px solid #A8B2D5;
    padding: 3px 15px;
}

.cls-penalty-dropdown .cls-dayspenvalue {
    min-width: 120px;
}

.cls-penalty-dropdown .cls-pendaystxt {
    padding-left: 5px;
}

.cls-penalty-dropdown .cls-penalty-value .cls-penaltyvalue-inner {
    display: block;
    width: max-content;
    line-height: 23px;
    font-size: 13px;
}

.cls-penaltyvalue-dropdown .cls-penalty-dropdown .cls-penalty-value .cls-penalty-select {
    width: 129px;
    height: 27px;
    border: 1px solid #D7D7D7;
    border-radius: 4px;
}

.cls-generate-content {
    display: none;
}

.cls-penaltyvalue-dropdown .cls-penalty-dropdown .cls-penalty-value .cls-penalty-dropinp {
    height: 28px;
    width: 56px;
    font-size: 14px;
    border: unset;
    border-bottom: 1px solid #e0e0e0;
    border-radius: unset;
}

.cls-penaltyvalue-dropdown .cls-penalty-dropdown .cls-penalty-value .cls-penalty-dropinp:valid {
    background-color: unset;
}

.cls-penaltyvalue-dropdown .cls-penalty-dropdown .cls-penalty-unitmain {
    border: 1px solid #D7D7D7;
    border-radius: 4px;
    /* padding: 5px 10px; */
}

.cls-penaltyvalue-dropdown .cls-penalty-dropdown .cls-droppenalty-value {
    font-weight: 600;
      /* font-size: 14px; */
    padding-right: 20px;
    /* position: relative; */
    display: inline-block;
    width: 36%;
}

.cls-droppenaltyinp {
    border: unset;
    border-bottom: 1px solid;
    width: 80px;
    padding-left: 10px;
}

.cls-penaltyunit {
    /* position: absolute;
    right: 80px; */
    padding: 1px 0;
    font-size: 1.2em;
    color: #232739;
    font-weight: 400;
    font-family:  var(--PRIMARYFONTREGULAR);
    display: inline-block;
    width: 22%;
}

/* Penalty dropdown end */

/* downsize to timelimit*/
.faq-acc-show.downsize .row {
    flex-wrap: nowrap;
}

.faq-acc-show.downsize .row .hide-element {
    flex-basis: unset;
    flex-grow: unset;
    width: 90%;
}

.faq-acc-show.downsize .row .hide-element .form-group {
    width: 100%;
}

.text-select {
    width: 100%;
    justify-content: space-evenly;
}

.text-select span.right-border {
    width: 60%;
}

.text-select span.text-select-select {
    width: 45%;
}

.text-select .text-select-select select {
    width: 100%;
    /* color: #9F9B9B; */
}

.text-select input::placeholder {
    color: red;
}

/* downsize to timelimit */
.cls-manage-matrix-sub {
    position: relative;
}

.cls-manage-matrix-sub .cls-per-symbol {
    position: absolute;
    left: 40px;
    color: #9f9b9b;
    top: 15px;
}

.cls-days-line {
    position: absolute;
    left: 60px;
    top: 12px;
    font-weight: 600;
}

.cls-days-departure-box:nth-child(3) .cls-departure-inputs .cls-manage-matrix-sub:last-child input {
    width: 91px;
    padding-right: 37px;
    padding-left: 7px;
    text-overflow: ellipsis;
}

.cls-manage-matrix-sub .cls-gap {
    position: absolute;
    top: 14px;
    left: 55px;
    font-size: 1.1em;
    color: #9F9B9B;
}

#tableDtddata .cls-manual-inner-inp-box:last-child {
    padding: 10px 8px;
}

.cls-manual-per-txt.cls-manual-inner-inp-box select {
    width: 76px;
    height: 100%;
}

.cls-manual-per-txt.cls-hidepenalty {
    display: none;
}

.cls-matrix-tabcontent .cls-apply-penalty {
    margin-top: 10px;
    display: none;
}

.cls-matrix-tabcontent .cls-apply-penalty .cls-penaltycheckbox {
    border: 1px solid #0d8cff;
}

.cls-matrix-tabcontent .cls-apply-penalty input {
    margin: 0;
    height: unset;
    vertical-align: text-top;
}

.cls-matrix-tabcontent .cls-apply-penalty label {
    margin-bottom: unset;
    font-size: 1.2em;
}

#newAmount {
    display: none;
    position: absolute;
    top: 6px;
    left: 7px;
    width: 83%;
    border: 0.92593px solid #c7c7c7;
    border-radius: 2.7px;
    padding: 2px 10px;
}

.cls-departure-selecttype,
.cls-downsize-selecttype,
.cls-absselect,
.cls-penvaluesbox {
    display: none;
}

.removeicon-disable {
    pointer-events: none;
}

.downsize-table-width {
    overflow-x: scroll;
}

.cls-typematrix-sub label,
.cls-managematrix-main .cls-days-departure-title {
    font-style: normal;
    font-size: 1.4em;
    font-family:var(--PRIMARYFONTSEMIBOLD);
}

.faq-acc-show.downsize .row {
    flex-wrap: nowrap;
    max-width: 70.333333%;
}

.faq-acc-show .cls-typematrix-main {
    max-width: 73.333333%;
}

#downsizeCountDiv input,
#downsizeTimeLimitDiv input,
.cls-typematrix-main .cls-typematrix-sub select {
    height: 42px;
    font-size: 1.4em;
    font-family:  var(--PRIMARYFONTREGULAR);
    font-weight: 400;
    color: #000000;
}

#downsizeCountDiv input {
    height: 47px;
}

.cls-typematrix-main .cls-typematrix-sub select {
    color: #232739;
    background: #FFFFFF;
    border-radius: 4px;
    height: unset;
    position: absolute;
    top: 70px;
    width: 21.75%;
}

.faq-acc-show .cls-typematrix-main .cls-typematrix-sub span {
    margin-top: 48px;
}

.cls-typematrix-main .cls-typematrix-sub select option {
    font-size: 14px;
    zoom: 1.2;
}

.cls-managematrix-main .cls-managematrix-nav li,
.cls-info-downsize-per,
.cls-manage-matrix-sub span.info-text,
.cls-typematrix-sub span.info-text,
#downsizeCountDiv .info-text,
#downsizeTimeLimitDiv .info-text,
.cls-managematrix-main .cls-manage-matrix,
.cls-info-days-departure .cls-info-days-num,
.cls-percentage,
.cls-percentage span {
    font-family: var(--PRIMARYFONTREGULAR);
}

.cls-managematrix-main .cls-managematrix-nav li a {
    font-size: inherit;
    font-family:  var(--PRIMARYFONTREGULAR);
}

.cls-managematrix-main .cls-managematrix-nav li a {
    font-size: inherit;
    font-family:  var(--PRIMARYFONTREGULAR);
}

.cls-managematrix-main .cls-managematrix-nav li {
    font-size: 1.4em;
    font-family:var(--PRIMARYFONTSEMIBOLD);
}

.cls-manage-matrix-sub span.info-text,
.cls-typematrix-sub span.info-text,
#downsizeCountDiv .info-text,
#downsizeTimeLimitDiv .info-text {
    font-size: 1.1em;
    margin-top: 6px;
}

.cls-manage-matrix-sub span.info-text,
.cls-typematrix-sub span.info-text,
#downsizeCountDiv .info-text,
#downsizeTimeLimitDiv .info-text,
.cls-matrix-tabcontent .cls-generate-matrix-box .cls-incremental,
.cls-manual-inner-input {
    font-weight: 400;
}

.cls-managematrix-main .cls-manage-matrix {
    font-size: 1.8em;
    color: #0d8cff;
}
.cls-matrix-tabcontent .cls-generate-matrix-box .cls-matrix-inp, .cls-info-days-departure .cls-count {
    font-size:1.4em !important;
    font-family:var(--PRIMARYFONTSEMIBOLD);
}
.cls-info-days-departure .cls-info-days-num,.cls-info-downsize .cls-info-downsize-per {
    font-size: 1.4em;
    font-weight: 700;
}
.cls-matrix-tabcontent .cls-generate-matrix-box .cls-incremental, .cls-manage-matrix-dayspertable .cls-dayspertable-departure, .cls-manage-matrix-dayspertable .cls-downsize-per-title ,.resp-table-row .table-body-cell .cls-sidemenu-inp,.resp-table-row .table-body-cell .cls-sidemenu-num,.cls-penalty-value .cls-penaltyvalue-inner {
    font-size: 1.6em;
    font-family:var(--PRIMARYFONTSEMIBOLD);
}

.cls-penalty-dropdown .dropdown-menu {
    border: 1px solid #E5E7E7;
    border-radius: 8px;
}

.resp-table-row .table-body-cell .cls-sidemenu-num {
    color: #888888;
    padding-left: 4px;
}
.cls-manage-matrix-dayspertable .cls-downsize-perinp .cls-downsize-innerinp,.cls-manual-inner-input,.cls-table-content .cls-content .cls-manual-per-txt{
    font-size: 1.4em;
    font-family:var(--PRIMARYFONTSEMIBOLD);
    height: 30px;
}
.resp-table-row .cls-departure-increase , .resp-table .cls-downsize-addmain .cls-downsize-add{
    /* font-size: 16px; */
    color: #0d8cff;
    font-weight: 400;
    width: 50px;
}

.cls-bottom-info .cls-submission-content .cls-penalty-unorder .cls-penalty-list {
    font-size: 1.2em;
    font-weight: 400;
    line-height: 16px;
}

.cls-manual-table-title .cls-manual-per-txt,
.cls-manual-per-txt .cls-manual-addrow-text,
.cls-manual-table-title .cls-manual-per-txt,
.cls-table-content .cls-manual-per-txt {
    font-weight: 600;
    font-size: 1.2em;
    font-family:  var(--PRIMARYFONTREGULAR);
}

.cls-apply-penalty label,
.cls-downsize-addmain span {
    color: #0D8CFF;
}

em.cls-close {
    color: #7C7C7C;
    font-size: 30px;
    position: absolute;
    right: 17px;
    top: 20px;
    transform: rotate(45deg);
    cursor: pointer;
    font-family: 'FontAwesome';
}

.cls-table-content.cls-content .cls-manual-per-txt:first-child,
.cls-manaul-deprow .cls-manual-per-txt.cls-manual-val {
    width: 35%;
}

.cls-departure-inputs .cls-days-line {
    left: 66px;
}

.cls-apply-penalty label,
.cls-manage-matrix-sub input {
    border: 1px solid #919191;
    border-radius: 4px;
}

.cls-apply-penalty label {
    border: unset;
}

.cls-manual-header-content .cls-manual-addrow-txt {
    color: #2A37AC;
}

.cls-table-sub .cls-table-content.cls-content .cls-manual-per-txt:nth-child(2),
.cls-table-sub .cls-table-content.cls-content .cls-selecttype,
.cls-table-sub .cls-table-content.cls-content .cls-penaltyvalue {
    text-align: left;
    padding-left: 12px;
}

.cls-manage-matrix-dayspertable .cls-downsize-toprow .table-body-cell {
    border-width: 1px 0px 0px 1px;
}

.cls-toprow .table-body-cell.cls-downsize-pertext-main,
.table-body-cell.cls-downsize-perinp-main.cls-last-row {
    border-width: 1px 0px 0px 1px;
}

.table-body-cell.cls-emptycell,
.resp-table .cls-downsize-addmain {
    border-width: 1px 1px 0px 1px;
}

.table-body-cell.cs-right-empty {
    border-width: 1px 0px 0px 1px;
}

#downsizeCountDiv label,
#downsizeTimeLimitDiv label,
.cls-percentageinc .cls-penalty-dropinp {
    font-size: 1.4em;
    font-family:var(--PRIMARYFONTSEMIBOLD);
}

.cls-manage-matrix-dayspertable .cls-downsize-pertext:last-child,
.cls-manage-matrix-dayspertable .cls-downsize-perinp:last-child {
    border-width: 0px;
}

.cls-manage-matrix-dayspertable .cls-downsize-toprow .table-body-cell.cls-downsize-per-title {
    border-width: 0px;
    padding: 18px;
}

.cls-departurefirst .table-body-cell {
    border-width: 1px 0px 0px 1px;
}

.cls-manage-matrix-dayspertable.right-btm-bdr {
    border: 1px solid #ddd;
    border-width: 0px 1px 1px 0px;
}

.cls-departurefirst .table-body-cell.cls-right-remove {
    padding: 0px;
}

.cls-downsize-toprow .cls-dayspertable-departure {
    border-radius: 6px 0 0 0;
    min-width: 170px;
    border-width: 1px 1px 0px 1px;
}

.cls-setpenrow .cls-penalty-value.cls-setpen-sno,
.cls-setpenrow .cls-penalty-value.cls-dayspenvalue,
.cls-setpenrow .cls-penalty-value.cls-percentageinc {
    border-width: 0px 1px 1px 0px;
    line-height: 40px;
}

.cls-penalty-value.cls-unitmain {
    border-width: 0px 1px 1px 0px;
}

.cls-penalty-value.cls-penalty-head {
    border-width: 1px 1px 1px 0px;
    line-height: 38px;
}

.cls-managematrix-main .cls-days-departure-box .dropdown.show .dropdown-menu {
    border: unset;
}

.cls-droppenalty-value .cls-droppenaltyinp {
    border: 1px solid #D7D7D7 !important;
    height: 30px !important;
    padding-right: 32px;
    font-size: 1.4em;
}

.cls-penaltyvalue-dropdown .cls-penalty-dropdown .cls-penalty-unitmain {
    border: unset;
}

.cls-penalty-value .cls-penaltyvalue-inner.cls-incremental-val {
    font-size: 1em;
}

.cls-setpenrow .cls-penalty-value.cls-setpen-sno {
    text-align: center;
    color: #aeb5b5;
    font-size: 1.4em;
}

.cls-penaltyvalue-left,
.cls-penaltyvalue-line,
.cls-penaltyvalue-right,
.cls-pendaystxt,
.cls-departure-selecttype select {
    font-size: 1.2em;
    font-weight: 400;
    font-family:  var(--PRIMARYFONTREGULAR);
}

.cls-departure-selecttype select {
    padding-left: 10px;
    width: 100%;
    height: 46px;
}

.cls-penalty-value .cls-absselectvalue {
    border: 1px solid #D7D7D7;
    padding-left: 10px;
    font-size: 1.2em;
    font-weight: 600;
    font-family:  var(--PRIMARYFONTREGULAR);
    height: 28px;
    background: #FFFFFF;
}

.cls-penalty-value.cls-penalty-sno {
    border-width: 1px 1px 1px 1px;
    line-height: 38px;
}

.cls-resp-table-main {
    overflow-x: auto;
    /* width: auto; */
    display: inline-block;
    max-width: 100%;
    position: relative;
}

.resp-table {
    position: relative;
    margin-bottom: 40px;
}

.cls-departure-increase {
    max-width: 100%;
    position: absolute;
    left: 0;
    bottom: -40px;
    right: 0;
}

.table-body-cell.cls-emptycell {
    border-width: 1px 0px 0px 1px;
}

.cls-percentage,
.cls-percentage span {
    font-size: inherit;
    font-weight: 400;
    text-transform: capitalize;
}

.cls-penalty-value.cls-percentageinc {
    border-width: 1px 1px 1px 0px;
}

.cls-setpenrow .cls-penalty-value.cls-setpen-sno {
    border-width: 0px 1px 1px 1px;
}


/*Downsize table design start*/
.cls-othersinp {
    position: relative;
}

.cls-peninpvalclose {
    position: absolute;
    right: 0px;
    top: 8px;
    transform: rotate(45deg);
    font-size: 1.8em;
    color: #e70c2b;
    cursor: pointer;
}

/*Downsize table design end*/

/* Shri design */
.cls-absselect .cls-openInput,
.cls-selecttype .cls-openInput,
.cls-maintable .cls-openInput {
    display: none;
    position: absolute;
    right: 10px;
    top: 4px;
}

.cls-absselect,
.cls-selecttype,
.cls-maintable {
    position: relative;
}

.cls-absselect .cls-downsize-innerinp,
.cls-selecttype .cls-downsize-innerinp,
.cls-maintable .cls-downsize-perinp {
    display: none;
    width: 100%;
    height: 29px !important;
    padding-left: 3px;
}

.cls-selecttype .cls-downsize-innerinp {
    height: 24px !important;
}

.cls-selecttype .cls-openInput {
    right: 14px;
    top: 9px;
}

.cls-maintable .cls-downsize-innerinp {
    height: 44px;
}

.cls-maintable .cls-openInput {
    right: 15px;
    top: 27px;
}

.cls-dtdcont .cls-manual-inner-inp-box input {
    height: 23px !important;
}

.cls-dtdcont .cls-manual-inner-inp-box .cls-downsize-innerinp {
    width: 100%;
    padding: 2px 5px;
    font-family:var(--PRIMARYFONTSEMIBOLD);
}

.cls-absselect .cls-downsize-innerinp {
    padding-left: 12px;
    font-family:var(--PRIMARYFONTSEMIBOLD);
}

.cls-dtdcont .cls-manual-per-txt.cls-manual-inner-inp-box select {
    height: 23px;
    width: 100%;
    background: #FFFFFF;
    padding-left: 3px;
    font-family:var(--PRIMARYFONTSEMIBOLD);
}
.cls-absselect .cls-openInput::before, .cls-selecttype .cls-openInput::before, .cls-maintable .cls-openInput::before, .cls-manual-con-remove::before{
    font-size: 3.2em;
    content: '+';
    font-family:  var(--PRIMARYFONTREGULAR);
    color: $FAILURECOLOR;
    transform: rotate(45deg);
    position: relative;
    top: -8px;
}

.cls-absselect .cls-openInput::before {
    font-size: 3em;
    top: -5px;
}   
.cls-selecttype .cls-openInput::before {
    font-size: 2.5em;
    top: -2px;
    right: 3px;
}

.cls-maintable .cls-openInput::before {
    top: -14px;
}

.cls-matrix-tabcontent {
    display: flex;
    align-items: initial;
    flex-wrap: wrap;
    gap: 14px;
}

.cls-automatictab .cls-generate-matrix-box .cls-penaltybox {
    width: 212px;
}

.cls-managematrix-main .cls-automatictab {
    margin-right: 0px;
}

.cls-manualtab {
    width: 68%;
}

.cls-manualtab .cls-dtdcont {
    width: 53%;
}

.cls-manualtab .cls-groupsize {
    width: 39%;
}

.cls-generatebtn-box .cls-set-penalty {
    display: none;
}

.cls-typematrix {
    display: none;
}

.departurefirst .table-body-cell.cls-valtab-first {
    width: 175px;
    text-align: center;
}

.cls-toprow {
    .cls-downsize-pertext-main {
        border-left: 0px;

        .cls-downsize-pertext {
            padding: 12px 15px;

            &:last-child {
                width: 160px;
            }
        }
    }
}

body {
    counter-reset: section1 section2;
}

.cls-dtdcont .cls-manaul-deprow .cls-manual-per-txt:first-child::before {
    counter-increment: section1;
    content: "" counter(section1);
}

.cls-groupsize .cls-grouprow .cls-manual-per-txt:first-child::before {
    counter-increment: section2;
    content: "" counter(section2);
}

.showElem {
    display: block;
}

.hideElem {
    display: none;
}

/* .addClass("showElem")
.removeClass("showElem") */

/*Author : Abimanyu -- Contract manager start*/
.cls-parentselect {
    width: fit-content;
    /* margin: 0px 0px 20px 0px; */
    display: inline-block;
}

.cls-selinpbox {
    border: 1px solid #919191;
    border-radius: 2px !important;
    padding: 0px 5px 0px 33px;
    /* margin: 0px 5px; */
    width: 150px;
}
.cls-selinpbox, .cls-tcmainselect{
	height: 33px !important;
	font-size: 1.5em;
	color: #495057;
}

.cls-tcmainselect {
    padding: 0px 10px;
    width: fit-content;
    border: 1px solid #919191;
    border-radius: 2px !important;
    margin-right: 10px;
}

.selectbox {
    display: none;
}

.cls-percentage_boxmain {
    display: block;
}
.cls-tccontent{
    font-size: 1.3em;
    font-family:  var(--PRIMARYFONTREGULAR);
    padding: 0px 10px;
}

.cls-contentmain {
    display: inline-block;
}
.cls-tourtitle{
font-size: 1.6em;
    color: #000000;
    font-family:  var(--PRIMARYFONTREGULAR);
    margin-bottom: 15px;
}

.cls-maintourconductor {
    padding-left: 5px;
}

.cls-selmain {
    position: relative;
    display: inline-flex;
}

.cls-selmain img {
    position: absolute;
    width: 14px;
    height: 22px;
    left: 15px;
    top: 3px;
}

/* Contract manager end*/

/* TC field in Edit contract during manual quotation is disconfigured GOL airline mantis 0059366*/
.cls-tcInput {
    max-width: max-content;

    .text-select-text {
        max-width: 70px;
        width: 50px;
    }
}

/* userdetails tabs changed to ul structure */
.tabClick ul {
    display: inline;
}

.tabClick ul>li {
    display: inline-block;
}

/* td changed to th */
table>tr>th {
    background: unset;
}

/* Language and group select dropdown for contract download in view request - request details page */
.cls-group-value, .cls-contract_content .cls-contractLangSelect, .cls-contract_content .cls-conselect {
    font-size: 1.2em;
    background: #ffffff;
    margin-right: 10px;
    padding: 11px;
    border-radius: 4px;
    border: 1px solid #E0E0E0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.cls-contract_content .cls-clickhere img,
.cls-selectBox .dropdown {
    vertical-align: middle;
}

.cls-contract_content .cls-downloadContract {
    font-family:var(--PRIMARYFONTSEMIBOLD);
    padding-right: 10px;
}

.cls-contract_content .cls-contractLangSelect {
    padding-right: 25px;
    width: 95px;
}

.cls-contract_content .cls-language-select {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.cls-contract_content .cls-language-select::after {
    content: "\e90e";
    font-family: 'infiIcons';
    position: absolute;
    top: 32%;
    right: 17px;
    font-size: 10px;
    pointer-events: none;
}

.cls-contract_content .cls-selectBox {
    display: inline-block;
}

.cls-contract_content .cls-conselect span {
    display: inline-block;
    max-width: 82px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cls-selectBox .cls-group-dropdown {
    border: 1px solid #E0E0E0;
    background: #FFFFFF;
    position: absolute;
    width: max-content;
    z-index: 10;
    min-width: 120px;
}

.cls-contract_content .cls-conselect {
    /* width: 120px; */
}

.cls-selectBox .cls-conselect::after {
    display: none;
}

.cls-selectBox .cls-option label {
    vertical-align: super;
}

.cls-selectBox .cls-option {
    padding: 3px 0px 2px 7px;
    font-family:  var(--PRIMARYFONTREGULAR);
}

.cls-contract_content .cls-conselect em {
    padding: 2px 0px;
    font-size: 1em;
    float: right;
}

.cls-contract_content {
    margin-bottom: 15px;
}

/* Accessibility and WCAG div structure -ISS528 */
div[role="row"] {
    display: flex;
}

[role="rowgroup"] {
    display: block;
    width: 100%;
}

.cls-listpage {
    div[role="row"] {
        flex-direction: row;
        position: relative;
        width: 100%;
        /* flex-wrap: wrap; */
    }

    .hr-line {
        width: 100%;
    }

    .searching-flights-header {
        padding: 8px 0px;
        display: flex;
        flex-wrap: nowrap;
    }
    span,p,a {
        font-family:  var(--PRIMARYFONTREGULAR);
    }

    .clone {
        font-size: 1.2em;
    }

    span,a {
        font-size: 1.5em;
    }

    p {
        font-size: 1.4em;
    }

    .noData {
        margin: 0px auto;
    }

    div[role="cell"] {
        vertical-align: middle;
        display: flex;
        /* align-items: center; */
        justify-content: center;
        flex-grow: 1;
        flex-direction: column;
    }

    .cls-innercell {
        /* padding: 22px 2px; */
        padding: 30px 2px 40px 2px;
    }
    .sector-1, .sector-2, .sector-3{
       font-family:var(--PRIMARYFONTSEMIBOLD) !important;
    }

    .searching-flights-panel {
        flex-wrap: wrap;

        .slide-expand {
            width: 100%;
        }

        .view-request-table {
            display: flex;
            flex-wrap: nowrap;
        }
    }
}

/* Accessibility and WCAG div structure -ISS528 */
/*Accessibility CSS changed to div structure - ISS675 */

div[role="row"] {
    display: flex;

    span {
        padding-top: 8px;
        padding-bottom: 8px;
        font-size: 14px;
        text-align: left;
        font-family:  var(--PRIMARYFONTREGULAR);
        font-size: 1.5em;
    }
}

[role="table"].searching-flights-header {
    padding: 8px 0px;

}

[role="rowgroup"] {
    display: block;
    width: 100%;
}

.searching-flights-panel.selected span[role="cell"] {
    p a.selected-icon {
        color: $PRIMARYCOLOR;
    }
}

span[role="cell"] {
    display: flex;
    justify-content: center;
    flex-direction: column;

    p a.selected-icon {
        color: #333;
        display: inline-block;
        height: 36px;
        position: absolute;
        right: 15px;
        top: -7px;
        width: 35px;
        font-size: 3em;
    }
}

span[role="cell"] {
    padding-top: 32px !important;
    padding-bottom: 20px !important;

    p {
        font-size: 14px;

        .fs-date-txt {
            font-family:var(--PRIMARYFONTSEMIBOLD);
            font-size: 1.5em;
        }
    }
}

span[role="columnheader"] {
    width: 24%;
}

div[role="columnheader"] {
    text-align: left;
}

.col-sm-6 {
    div.searching-flights {
        a.stop-text {
            top: 20px;
            right: 56%;
        }
    }
}

/*Accessibility CSS changed to div structure - ISS675 */

/* Accessibility and WCAG div structure -ISS528 */

/*Accessibility CSS changed to div structure - ISS675 */
.multicity-anim-main {
    .searching-flights-header {
        [role="rowgroup"].searching-flights {
            div[role="row"] {
                display: flex;

                span {
                    padding-top: 8px;
                    padding-bottom: 8px;
                    font-size: 14px;
                    text-align: left;
                    font-family:  var(--PRIMARYFONTREGULAR);
                    font-size: 1.5em;
                }
            }
        }

    }
}

.searching-flights-panel.selected span[role="cell"] {
    p a.selected-icon {
        color: $PRIMARYCOLOR;
    }
}

span[role="cell"] {
    display: flex;
    justify-content: center;
    flex-direction: column;

    p a.selected-icon {
        color: #333;
        display: inline-block;
        height: 36px;
        position: absolute;
        right: 15px;
        top: -7px;
        width: 35px;
        font-size: 3em;
    }
}

.col-sm-4 {
    span[role="cell"] {
        p a.selected-icon {
            right: 4px;
        }
    }
}


span[role="cell"] {
    padding-top: 32px !important;
    padding-bottom: 20px !important;

    p {
        font-size: 1.4em;
        .fs-date-txt {
            font-family:var(--PRIMARYFONTSEMIBOLD);
            font-size: 1.5em;
        }
    }
}

span[role="columnheader"] {
    width: 24%;
}

div[role="columnheader"] {
    text-align: left;
}

.col-sm-6 {
    div.searching-flights {
        a.stop-text {
            top: 20px;
            right: 56%;
        }
    }
}

/* Multicity flight design - ISS675*/
.col-sm-4 {
    div.searching-flights {
        a.stop-text {
            top: 23px;
        }
    }

    .selected-icon {
        right: 5px;
    }
}

/* Multicity flight design - ISS675*/
/*Accessibility CSS changed to div structure - ISS675 */
.searching-flights-header {
    [role="rowgroup"].searching-flights {
        div[role="row"] {
            display: flex;

            span {
                padding-top: 8px;
                padding-bottom: 8px;
                font-size: 14px;
                text-align: left;
                font-family:  var(--PRIMARYFONTREGULAR);
                font-size: 1.5em;
            }
        }
    }

}

[role="table"].searching-flights-header {
    padding: 8px 0px;

}

[role="rowgroup"] {
    display: block;
    width: 100%;
}

.searching-flights-panel.selected span[role="cell"] {
    p a.selected-icon {
        color: $PRIMARYCOLOR;
    }
}

span[role="cell"] {
    display: flex;
    justify-content: center;
    flex-direction: column;

    p a.selected-icon {
        color: #333;
        display: inline-block;
        height: 36px;
        position: absolute;
        right: 15px;
        top: -7px;
        width: 35px;
        font-size: 3em;
    }
}

span[role="cell"] {
    padding-top: 32px !important;
    padding-bottom: 20px !important;

    p {
        font-size: 1.4em;

        .fs-date-txt {
            font-family:var(--PRIMARYFONTSEMIBOLD);
            font-size: 1.5em;
        }
    }
}

span[role="columnheader"] {
    width: 24%;
}

div[role="columnheader"] {
    text-align: left;
}

.col-sm-6 {
    div.searching-flights {
        a.stop-text {
            top: 20px;
            right: 56%;
        }
    }
}

/*Accessibility CSS changed to div structure - ISS675 */


/*Accessibility CSS changed to div structure - ISS675 */

/* Boostrap Version #5.0.2 Update starts  - ISS675 */
/* .trip-form .form-control{
    width: 96%;
}
.welcome-panel p, .welcome-panel a, .contrast-col a, .contrast-col span {
    font-size: 14px;
}
tr{
    border-style: hidden;
}
.agent-req-box{
    padding-right: 15px;
    padding-left: 15px;
}
.table > :not(caption) > * > *{
    padding: 0.75rem;
}
.close {
    float: right;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    background: none;
  }
  .cls-dashboardtop select.form-control{
    padding: 8px 22px;
  }
  .row.cls-listpage >*{
    padding-right: 0;
	padding-left: 0;
  }
  .prefernce-btn .btnbgthemecolor{
    text-align: left;
  }
  .form-group{
    margin-bottom: 1rem;
  }
  .multicity-anim-cont > div:nth-child(-n+3) {
    padding-right: 15px;
  } */

/* Boostrap Version #5.0.2 Update ends  - ISS675 */
/* navbar last-subdropdown postion to left issue fix--60843 */
.nav-item .dropdown-menu.custom-style .dropdown-submenu a::after {
    position: absolute;
    transform: rotate(90deg);
    right: unset;
    left: -3px;
    top: 1em;
    font-size: 18px;
}

.nav-item .dropdown-menu.custom-style .dropdown-submenu a::before {
    transform: rotate(90deg);
    position: absolute;
    left: -6px;
    top: 1em;
    font-size: 18px;
}

.dropdown-menu.custom-style .dropdown-submenu .dropdown-menu.custom-style {
    left: -228px;
}

.dropdown-menu.custom-style {
    min-width: 228px;
}


.instant-quote-list .detial-information .cls-detailcont .cls-close-icon {
    display: none;
}

/* Css for matrix table in edit mode */
.cls-generate-content.cls-edit-generates .cls-departure-increase {
    border: 0px;
    border-top: 1px solid #CCC;
    bottom: -20px;
    right: 51px;
}

.cls-generate-content.cls-edit-generates .cls-downsize-addmain {
    border: 0px;
    border-left: 1px solid #CCC;
}

.cls-generate-content.cls-edit-generates .cls-downsize-addmain p,
.cls-penalty-applymain .cls-penalty-edit,
.cls-generate-content.cls-edit-generates .cls-departure-increase a {
    display: none;
}

.cls-generate-content.cls-edit-generates {
    .cls-resp-table-main {
        &::after {
            /* Table elements will be overlay if enabled display block */
            display: none;
            content: '';
            position: absolute;
            top: 0px;
            left: 0px;
            right: 0px;
            bottom: 0px;
            background: transparent;
        }
    }
}

.cls-generatebtn-box .cls-cancelEdit {
    display: none;
    position: absolute;
    bottom: 15px;
}

/* Penalty matrix starts by kavin */
.faq-acc-show col.hide-element {
    flex-basis: unset;
    flex-grow: 1;
    max-width: 100%;
    width: 33%;
}

.faq-acc-show .form-group .info-text {
    font-size: 1.1em;
}

.faq-acc-show .trip-form label {
    font-size: 1.4em;
    font-weight: bold;
}

.faq-acc-show .cls-penalty-option {
    margin-top: 40px;
    display: inline-block;
    font-style: normal;
    font-weight: 600;
    font-size: 1.4em;
    font-family:  var(--PRIMARYFONTREGULAR);
}

.faq-acc-show .cls-penalty-option input {
    vertical-align: middle;
    margin-left: 10px;
}

.faq-acc-show .cls-penalty-option input[type='radio'] {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border: 1px solid #999999;
    border-radius: 50%;
    outline: none;
}

.faq-acc-show .cls-penalty-option input[type='radio']:before {
    content: '';
    display: block;
    width: 70%;
    height: 70%;
    margin: 13% auto;
    border-radius: 50%;
}

.faq-acc-show .cls-penalty-option input[type='radio']:checked:before {
    background: #E50000;
}

.faq-acc-show .cls-typematrix {
    box-shadow: 2px 3px 16px rgba(0, 0, 0, 0.15);
    padding: 40px 29px 15px;
    margin: 20px 0 40px;
    position: relative;
    border-radius: 6px;
}

.faq-acc-show .cls-typematrix .cls-managematrix-main {
    margin: 30px 0;
}

.faq-acc-show .cls-typematrix-main {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.faq-acc-show .cls-typematrix-main .cls-typematrix-sub {
    display: flex;
    flex-direction: column;
    width: 31.5%;
}

.cls-typematrix-main .cls-typematrix-sub select {
    font-size: 1.4em;
    font-weight: 400;
    padding: 10px;
    color: #232739;
}

.faq-acc-show .cls-typematrix-main .cls-typematrix-sub span {
    font-size: 1.1em;
}

.cls-manage-matrix-sub .info-text {
    display: block !important;
}

/* Penalty matrix ends by kavin */
/* iss689 starts*/
.container.cls-viewreqlist-cont .cls-listpage .searching-flights-header div[role="row"] span {
    text-align: center;
}

/*.container.cls-viewreqlist-cont .cls-listpage .sector-1.right {
    background: url(../../images/dasboard-icons.png) no-repeat 13px -2288px;
}*/

.cls-listpage .searching-flights-panel .view-request-table h6 {
    display: none;
}

/* iss689 ends*/
/* multicity flight list arrow issue fix - ISS588 */
.multicity-anim-cont {
    .col-xs-4 {
        .arrow-icon-flgt-srch {
            right: 10%;
        }
    }
}

/* multicity flight list arrow issue fix - ISS588 */

.show-stop-main {
    flex: 0 0 100%;
    display: block;
    background: #f6f6f6;
    padding: 20px 0px;
    margin: 5px 0px;
}

.show-stop-panel {
    position: relative;

    .layover-time {
        position: absolute;
        left: 28%;
        top: 35%;

        .layover-panel {
            span {
                text-align: center;
                z-index: 1;
                font-size: 1.5em;
            }
        }
    }
}

.layover-time::before {
    display: block;
    content: '';
    border-top: 1px solid #cfc7c7;
    left: 98%;
    width: 175%;
    top: 20px;
    position: absolute;
}

.layover-time::after {
    display: block;
    content: '';
    border-top: 1px solid #cfc7c7;
    right: 98%;
    width: 175%;
    top: 20px;
    position: absolute;
}

.show-stop-main .show-stop-panel div[role="cell"]:nth-of-type(1),
.show-stop-main .show-stop-panel div[role="cell"]:nth-of-type(2),
.show-stop-main .show-stop-panel div[role="cell"]:nth-of-type(3),
.show-stop-main .show-stop-panel div[role="cell"]:nth-of-type(4) {
    margin-bottom: 60px;
}

.show-stop-main div[role="cell"] {
    justify-content: center;
}

div[role="row"] {
    flex-wrap: wrap;
}

.search-flight-anim-main div[role="cell"] {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
}

.multicity-anim-cont .add-tab-index {
    background: unset;
    border: 0px;
}

#finalGroupDisplay .sector-list li span {
    font-size: inherit;
}

/* Styles for the switch button container - ISS675*/

.flexi-date label,
.flexi-date label {
    padding-left: 0px !important;
}

.flexi-date label .switch-button {
    position: relative;
    width: 51px;
    margin-right: 5px;
    height: 27px; 
    border-radius: 50px;
    background-color: $PRIMARYCOLOR;
}

.tick-mark {
    position: absolute;
    left: 8px;
    top: 5px;
    color: white;
    font-size: 16px;
}

.wrong-mark {
    position: absolute;
    top: 4px;
    color: #fff;
    right: 1px !important;
    font-size: 16px;
}

.round-icon {
    position: absolute;
    width: 17px !important;
    height: 17px !important;
    background-color: white;
    border-radius: 50%;
    transition: transform 0.3s ease-in-out;
}

.switch-button.active .round-icon {
    transform: translateX(-1px);
}

.switch-button.active .tick-mark {
    display: block;
}

.flexi-date label {
    display: flex;
}

.navbar-nav>li>a:hover,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    border-bottom: 2px solid $MENUBORDERBOTTOM;
    padding-bottom: 0px !important;
}

.navbar .navbar-nav .nav-link.active {
    background: none !important;
}

.flexi-date label .switch-button.inactive span.round-icon {
    right: 27px;
}

.trip-form input[type="text"],
.trip-form select {
    /* height: 42px; */
    line-height: unset;
}

.cls-sliderdiv {
    position: relative;
}

.ballon {
    width: 3rem;
    height: 3rem;
    display: none;
    justify-content: center;
    align-items: center;
    background-color: #5626e8;
    border-bottom-left-radius: 50%;
    position: absolute;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    transform: rotate(45deg);
}

.ballon .ballon__text {
    color: white;
    transform: rotate(316deg);
}

.ballon::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 0.25em solid transparent;
    border-right: 0.25em solid transparent;
    transform: rotate(-45deg);
    border-bottom: 0.25em solid #5626e8;
    top: 98%;
    left: 94%;
}

/* group resize resolution fix  */
.grmWindowCls {
    top: 10px !important;
}

.cls-viewreqlist-cont .cls-listpage div[role="row"] {
    justify-content: space-evenly;
    flex-wrap: nowrap;
}

.cls-mappedinfanttd select.sel_ele {
    height: auto !important;
}


/* elipsis for overflow text in mapped infant dropdown */
.cls-mappedinfanttd .ellipsis-text option {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
}


/* RM regression testing design issues - ISS528 */
.payment-selection {
    .calendar-icon {
        top: 0px;
    }
}

.pay-tab-click a span em.infi-icon_10_creditcard {
    font-size: 1.5em;
    top: 1px;
}

.pay-tab-click a span em.infi-icon_13_dollar {
    font-size: 1.7em;
    top: -1px;
}

.pay-tab-click a span em.infi-icon_21_gift-card {
    font-size: 1.7em;
    top: 0px;
}

/* Tour Guide Css Ends */

/* 64380 FZ mantis issue fixing -- ISS528 */
.flight-details-view .cls-editsec {
    display: flex;
    align-items: center;
}

.day-preference-content {
    .day-preference {
        padding-left: 40px !important;
    }
}

/* 61439 AK Mantis Issue Fixing -- ISS 683 */
.popover tr td {
    padding: 3px 2px;
}

.instant-quote .cls-retail-user input.form-control{
        border: 1px solid var(--RETAILBDRCLR);
}

#editUser input,#addUser input{
    	line-height: unset;
    }
    .user-det-cont hr {
        margin-left: 0px;
    }
    .trip-form.modify-request .custom-btn-color {
    	line-height: 1.8;
    }
    #addUser .user-det-cont .col-sm-6 #userType{
    	padding: 0 10px;
    }
    #addUser .user-det-cont #userTitle{
    	line-height: unset;
    }
    .cls-viewreqlist-cont .searching-flights-panel .view-request-table .cls-innercell:last-child .hr-line{
        width: 90%;
    }
        .cls-viewreqlist-cont .searching-flights-panel .view-request-table .cls-innercell:last-child{
        align-items: center;
    }

/* southwest pnr details fix ISS654 */
.flight-details-view .sector-2::after {
        display: none;
    }

    /* /ISS608 pnr details in SW / */
.stop-dis-cont .cls-pnr-details{
            font-size: 1.8em;
     }

     .col-sm-7.welcome-panel .welcome{
            display: inline-block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 180px;
            vertical-align: -5px;
         }
.text-right.welcome-panel{
a {
    display: inline-block;
    font-size: 1.3em;
    span{
        font-size: inherit;
    }
}
p{
    display: inline-block;
}
span{
    font-size: 1.3em;
}
}
/* Arrow css - ISS675 */
.notify-line .arrow{
        position: relative;
        &:after{
            content: "\e971";
            font-family: 'infiIcons';
            font-size: 18px;
            color: #d1d1d1;
            transform: rotate(270deg);
            display: inline-block;
            position: absolute;
            left: 1px;
            z-index: 1;
            top: -3px;
        }
    }
    .user-det-cont{
        .notify-line .arrow:before{
            content: "";
            width: 15px;
            height: 10px;
            background: #f5f5f5;
            transform: rotate(353deg);
            display: block;
            left: -2px;
            position: absolute;
        }
    }
    .cls-adhoc-req-page, .series-request-form{
        .notify-line .arrow:before{
            content: "";
            width: 15px;
            height: 10px;
            background: #fff;
            transform: rotate(353deg);
            display: block;
            left: -2px;
            position: absolute;
        }
    }
    .agent-req-box::after, .airline-res-box::before {
        content: "\e971";
        font-family: 'infiIcons';
        font-size: 25px;
        position: absolute;
        right: -14px;
        top: 47px;
        transform: rotate(180deg);
        color: #e7e7e7;
    }
    .agent-req-box::before, .airline-res-box::after {
        content: "";
        width: 20px;
        height: 10px;
        background: #fff;
        transform: rotate(270deg);
        display: block;
        right: -7px;
        position: absolute;
        top: 63px;
    }
    .airline-res-box::before{
        left: -15px;
        top: 47px;
        transform: rotate(357deg);
        position: absolute;
    }
    .airline-res-box::after{
        top: 74px;
        left: -7px;
    }
    .container .agent-req-box .right-arrow,.container .airline-res-box .left-arrow{
        display: none;
    }
    .add-tab-index{
        cursor: default !important;
        }
    /* user Detail line last child disable - ISS518*/
    .user-det-cont {
        .history-section ul li:last-child {
            margin-bottom: 20px;
            &:before {
                display: none;
            }
        }
    }

/* tahoma to open sans changes starts here */
.x-panel,.x-boundlist,.x-datepicker ,.x-tip , .x-message-box{
    *{
       font-size: 12px;
       font-family: var(--PRIMARYFONTREGULAR);
     }
   }

.footer,.x-body , .x-form-item , .x-toolbar .x-toolbar-text , .grmGridLayoutCls .x-column-header-inner .x-column-header-text , .x-grid-row .x-grid-cell ,.x-border-box .x-form-text , .grmPanelCls .x-panel-header-text , .grmGridLayoutCls .x-panel-header-text ,.grmWindowCls .x-window-header-text-default,.x-fieldset-header .x-fieldset-header-text,.x-btn-default-toolbar-small .x-btn-inner ,.x-form-display-field a u, .x-form-field , .x-message-box .x-window-header span{
    font-family: var(--PRIMARYFONTREGULAR) !important;
    /* font-size: 1.2em !important; */
}
.grmWindowCls .x-window-header-text-default *{
    font-size: inherit;
}
.shape-heading , .info-elements {
     font-family: var(--PRIMARYFONTSEMIBOLD);
}
.innercircle .day ,.x-btn-default-small .x-btn-inner{
    font-family: var(--PRIMARYFONTBOLD);
}
/* tahoma to open sans changes ends  here */
form#conferenceRequest .progress {
    margin: 25px 0px;
}
/* Navbar STICKY design - ISS675 */
.custom-navbar{
	position: sticky;
	top: 0px;
	width: 100%;
	z-index: 3;
	transform: perspective(1000px) rotateX(360deg);
	transform-origin: top;
}
.custom-navbar.cls-default{
	top: -110px;
	transform: perspective(1000px) rotateX(90deg);
	transform-origin: top;
}

/* alignment issue in return flights fix - ISS675 */
.cls-main-Flexi{
    display: inline-block;
    width: 100%;
    .col-sm-3{
        padding-left: 0px;
    }
    .col-sm-12{
        padding-left: 0px;
        label{
            font-size: 1.4em;
        }
    }
}

.accord-show p.text-center {
    display: inline-block;
    width: 100%;
}

#dynamicAreaDateSelection .radio-inline input[type=radio]{
    vertical-align: -1.8px;
}
.cls-editSeries{
    width: 100%;
}

/* user detail alert mismatch word color - ISS675 */
.alert-msg .cls-alertcontrol span b{
    color: #e50000;
}
/* password underline -ISS608 */
.user-det-cont .changelink{
    font-size: 1.2em;
}
/* Background arrow changed to CSS  - ISS675 */
.sector-1.right::after {
        content: "\e934";
        font-family: 'infiIcons';
        font-size: 15px;
        padding: 0px 8px;
        vertical-align: middle;
}
/* multiple icon display flight request to CSS  - ISS675 */
.baggage-slelect-type span .infi-icon_101_infant,
.baggage-slelect-type span .infi-icon_100_child,
.baggage-slelect-type span .infi-icon_99_Adult {
    display: none;
}

/* No flight animation ISS528  */
.cls-loaderCont {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    .cls-loaderCldImgs {
        position: relative;
        background: url("../../images/cloudBg.png") no-repeat;
        width: 300px;
        height: 100px;
        overflow: hidden;
        .cls-flightIcon {
            font-size: 60px;
            transform: rotate(0deg);
            display: block;
            position: absolute;
            left: 33%;
            z-index: 23;
            color: var(--PRIMARYCOLORV1);
        }
        .cloud {
            /* / background: #fff;/  */
            border-radius: 200px;
            -moz-border-radius: 200px;
            -webkit-border-radius: 200px;
            position: absolute;
            top: 0px;
        }
    }
}
/* Flight shake up and down when no flight filter */
.cls-flightIcon {
    font-size: 60px;
    transform: rotate(0deg);
    display: block;
    position: absolute;
    left: 33%;
    z-index: 23;
    color: var(--PRIMARYCOLOR);
    animation: moveUpDown 2s infinite alternate;
}
@keyframes moveUpDown {

    0%,
    100% {
        top: 0;
    }

    50% {
        top: -10px;
    }
}
.cloud {
    position: absolute;
    background: url("../../images/cloud1.png") no-repeat;
    background-size: contain;
    width: 71px;
    height: 30px;
    animation: moveCloud 10s linear infinite;

    &.x1 {
        top: 15px;
        left: 100%;
        animation-delay: 0s;
    }

    &.x2 {
        top: 50px;
        left: 100%;
        animation-delay: 5s;
    }
}

@keyframes landShake {
    0% {
        transform: translateX(10%);
    }

    100% {
        transform: translateX(-10%);
    }
}

@keyframes moveCloud {
    0% {
        transform: translateX(200%);
    }

    80% {
        transform: translateX(-500%);
        opacity: 0.5;
    }

    100% {
        transform: translateX(-900%);
        opacity: 0.4;
    }
}

.land {
    width: 45px;
    height: 4px;
    background: #f5f5f5;
    border-radius: 30px;
    position: absolute;
    bottom: 20px;
    animation: landShake 5s linear infinite alternate;

    &.x3 {
        left: 10%;
        animation-delay: 0s;
    }

    &.x4 {
        left: 70%;
        animation-delay: 0s;
    }
}

.cls-loaderContMsg,
.cls-loaderContMsg span {
    text-align: center;
    font-size: 1.5em;
}

.break-sentence {
    display: block;
}

.break-sentence a {
    font-family: var(--PRIMARYFONTBOLD);
    font-size: inherit;
    text-decoration: underline;
    padding: 0px 5px;
}
/* Menu dropdown animation - ISS675 */
.dropdown-menu, .dropdown-menu.show{
    transition: 1s;
	transform: perspective(1000px) rotateX(-90deg);
	transform-origin: top;
    display: block;
}
.dropdown-menu.show{
	transform: perspective(1000px) rotateX(0deg);
}
/* Overall onward Flight icon big */
.flight-desc > em.infi-icon_55_onward{
    font-size: 1.4em;
}

/* SSR page meals, baggage and others design - ISS675 */
.flight-desc .infi-icon_55_onward, .flight-desc.baggage-others .infi-icon_55_onward{
    font-size: 1.4em;
}
.flight-desc.baggage-others .infi-icon_55_onward{
    vertical-align: -4px;
}

/* new font added - ISS654 - start*/
.cls-userdetails{
    .cls-userdetails-info{
        font-size: 1.2em;
        margin-bottom: 3px;
    }
}
.benefits-grm {
    font-size: 1.2em;
    margin-bottom: 5px;
}

.list-group-item {
    font-size: 1.2em;
    padding-bottom: 13px;
}

.list-group-item .fnt-13 {
    font-size: 1.1em !important;
}
.list-group-item a {
    font-size: inherit;
}

.list-group-item a * {
    font-size: inherit;
}
.prefernce-btn input[type=button] {
    font-size: 1.4em;
}
.loader-text {
    font-size: 1.2em;
}
.flight-detail-text span {
    font-size: 0.84em;
}
.searching-flights[role="row"] span {
    font-size: unset;
}
span[role="cell"] p .fs-date-txt {
    font-family: var(--PRIMARYFONTSEMIBOLD);
    font-size: 1.1em;
}
span[role="cell"] p a.selected-icon em {
    font-size: unset;
}
span[role="cell"] p a.selected-icon{
    font-size: 30px;
}
.searching-flights-header .searching-flights[role="row"] span {
    font-size: 1.5em;
}
.accord-notify{
    font-size: 1.2em;
}
.sec-tips ul li {
    font-size: 1.2em;
}
.sec-tips span{
    font-size: 1.2em;
}
.accord-modify,.accord-preview,.accord-add {
    font-size: 1.2em;
}
.new-series-list th , .new-series-list td{
    font-size: 1.2em;
    span{
        font-size:inherit;
    }
}
.cls-change-flight {
    em{
       font-size:16px;
    }
    u{
        font-size: inherit;
    }
}
.cls-reset{
    font-size: 1.2em;
}
.cls-listpage span,
.cls-listpage a {
    font-size: inherit;
}


.cls-listpage .cls-innercell a,
{
    font-size: 1.4em !important;
}
.searching-flights-panel .view-request-table a span, .searching-flights-panel .view-request-table p span {
    font-size: inherit;
}
.cls-listpage .cls-innercell p
{
    font-size: 1.4em !important;
    &.update-notify{
        font-size: 1.2em !important;
    }
}

.cls-listpage .cls-innercell a em,
.cls-listpage .cls-innercell p em {
    font-size: 14px !important;
}
h4.create-contract {
    font-size: 2.1em;
    a{
        font-size: inherit;
        margin-top: 16px;
    }
}
.breadcrumb-prod a + span{
    font-size: 1.3em;
    font-family: $SUBBUTTONFONT;
} 
.cls-maintourconductor input[type="text"] {
    font-size: 1.2em !important;
}
.cls-info-departure{
    font-size: 1.2em;
}
.dashboard-text-fnt .dashbord-count-txt {
    font-size: unset;
}
.dashboard-text-fnt a {
    font-size: 1.2em;
}

.dashboard-text A {
    font-size: 1.5em;
}
.flight-details-view tr td, .flight-details-view tr td span, .flight-details-view tr td p, .flight-details-view .link.pnr-detail-show {
     font-size: inherit;
}
.cls-ReqDetails-submit-Table.flight-details-view tr td {
     p{ 
        font-size: 0.9em !important;
     }
     .vierespop-num-txt, .num-txt{
        font-size: unset !important;
     }
     .fare-break-up, .fare-break-up:hover, .fare-break-up:focus {
        font-size: 1em !important;
     }
}
.cls-pnr-detail-pop{
    .cls-show-pnr-body span, .cls-show-pnr-body p{
        font-size: unset;
    }  
}
.dashboard-panel p.fnt-14 {
    font-size: 1.4em !important;
}
.fa-sort{
    font-size: 15px;
}
.cls-BookingDetail{
    // .vierespop-date-txt, .date-txt{
    //     font-size: 1.17em !important;
    // }
   tr td,{
    font-size: 1.4em !important;
    span , p , div , a
    {
        font-size: inherit;
    }
    .sector-1, .sector-2, .sector-3{
        font-size: inherit !important;
    }
    .cls-pnr-detail-pop {
        .approved-txt:hover, .approved-txt:hover {
            font-size: unset;
        }
    }
   }
   .stop-dis-cont .cls-pnr-details {
    font-size: 1.3em;
    }
    .alternate-txt span{
        font-size: 1em !important;
    }
    // view booking > view details >  payment Information table 
    .cls-paymentInformation-table{
        td{
            font-size: 1.4em !important;
            span{
                font-size:inherit  !important;
            }
            .date-txt{
                font-size: unset !important;
            }
        }
        
    }
}
.agent-req-box th,
.airline-res-box th {
    text-align: left;
    font-size: 1.2em;
}
.agent-req-box td,
.airline-res-box td {
    text-align: left;
    font-size: 1.2em;
    span{
        font-size: inherit;
        *{
            font-size: inherit;
        }
    }
    a{
        font-size:1.17em !important;
        *{
            font-size: inherit;
        }
    }
    p{
        font-size: inherit;
    }
}
.agent-trip-type td{
    text-align: center;
}
.cls-contract_content 
{
    .cls-downloadContract , a {
        font-size: 1.2em;
    }
}
.fare-disp-box .text-left span{
    font-size: 1.2em;
}
.cls-suggested-flight-main {
    .list-date-default {
        font-size: 0.9em !important;
    }
    .vierespop-num-txt{
        font-size: 1.4em !important;
    
    &.fnt-14{
        font-size: 1.16em !important;
    }
   }
    .vierespop-date-txt, .date-txt{
        font-size: 1.16em;
        span {
            font-size: 0.87em;
        }
    }
}
.text-info{
    font-size: 1.2em;
}
.close-search{
    font-size: 1.2em;
}
.cls-grp-info{
    font-size: 0.75em;
}
 
.total-fare {
    span{
        font-size: inherit;
        span{
            font-size: inherit;
        }
    }
}
.accordion-normal-noicons{
    div{
        font-size:0.85em;
    }
}
.more-info-close button{
    font-size: 2.1em;
}
.update-clone , .update-notify{
	font-size: 1.2em !important;
}

.popover {
    font-family: var(--PRIMARYFONTREGULAR);
    .popover-body {
        p {
            font-size: 1.2em;

            span {
                font-size: inherit;
            }
        }
        table td,
        table th {
            font-size: 1.2em;

            * {
                font-size: inherit;

                * {
                    font-size: inherit;
                }
            }
        }
        table th{
            font-family: var(--PRIMARYFONTBOLD);
        }
    }
    .popover-header {
        font-size: 1.5em;
    }
}
.control-label{
    font-size: 1.4em;
}
#ui-datepicker-div , .ui-datepicker-group{
    font-size: 12px;
    .ui-datepicker-header{
        font-size: 1.2em;
        *{
            font-size: inherit;
        }
    }
    .ui-datepicker-calendar th , .ui-datepicker-calendar td {
        font-size: 1.2em;
        *{
            font-size: inherit;
        }
    }
}
.ui-datepicker-group{
    font-size: 9px;
}
.cls-main-left{
    padding-right: 0px;
}

.baggage-slelect-type {
    span {
        font-size: 1.2em;
        input{
            font-size:1.15em !important; 
        }
    }
}
/* .cls-instantquote  .baggage-slelect-type {
    span {
        input{
            font-size:1.4em !important; 
        }
    }
} */
.ck-content{
    body, div, p, span, ul, li, ol, input, select, option, label{
        font-size: 12px;
    }
    .h2, h2 {
    font-size: 2.8em;
    }
    .h3, h3 {
    font-size: 2.4em;
    }
    .h4 , h4{
    font-size: 2.1em;
    }
}

.no-melas{
    font-size: 1.2em;
}
.grmAutoComplete .ui-menu-item{
    font-size: unset;
    &.ui-state-disabled{
        font-size: 1.4em;
    }
    a{
        font-size: 1.4em;
        span.airportCode{
            font-size: 0.85em;
        }
    }
    span{
        font-size: 1em;
    }
}
.grmSectorAutoComplete .ui-menu-item{
    a{
        span.airportCode{
            font-size: 0.85em;
        }
    }
}
.grmNoteUserAutoComplete  .ui-menu-item{
    a{
        font-size: inherit;
    }
}
.ext-note-request{
    font-size: 1.2em;
}
#manageContract {
    .trip-form input[type="text"], .trip-form select{
        font-size: 1.3em;
    }
}
.navbar .navbar-nav .nav-link::after {
    font-size: 15px;
}
.well-trip-theme span em.infi-icon_29_flightonward,
.well-trip-theme a em.infi-icon_29_flightonward,
.well-trip-theme span em.infi-icon_55_onward,
.well-trip-theme a em.infi-icon_55_onward,
.well-trip-theme span em.infi-icon_36_round-trip,
.well-trip-theme a em.infi-icon_36_round-trip,
.well-trip-theme span em.infi-icon_27_multicity,
.well-trip-theme a em.infi-icon_27_multicity {
	/* top: -11px; */
	top: 61%;
    transform: translateY(-50%);
}
.cls-retail-div p.fnt-14 a {
    font-size: 1em;
}
.passenger-popup-stop {
    font-size: inherit;
}
.cls-info-days-departure > span:first-child , .cls-info-downsize > span:first-child{
    font-size:1.2em; 
}
.form input[type="button"]{
    line-height: unset;
}
.search-flight-anim-main .searching-flights-panel span label{
    font-size: 1.4em;
}
/* feedback changes  starts - ISS608*/
.trip-form input[type="text"], .trip-form select, .baggage-slelect-type, .input-type-box, .form input[type="text"], .form select, .loginpage-bg .form-group input[type="text"], .form-group textarea, form.none-input-radius, .form-group select, form.none-input-radius .form-group input[type="text"], form.none-input-radius .form-group select, form.none-input-radius .form-group textarea ,.form-group .baggage-slelect-type .currency-select{
    font-size: 1.3em;
    padding-left: 10px;
}
.baggage-slelect-type span input{
    font-size: 0.83em !important;
}
.form-group .baggage-slelect-type select{
    font-size: 1em;
}
.well-trip-theme span {
    font-size: 1.25em;
}
.trip-form input[type="text"], .baggage-slelect-type, .input-type-box, .form input[type="text"],  .loginpage-bg .form-group input[type="text"], .form-group textarea, form.none-input-radius,  form.none-input-radius .form-group input[type="text"],  form.none-input-radius .form-group textarea
.baggage-slelect-type span input[type="text"] {
   color: #000;
}
.flight-details-view .link.user-minus ,.flight-details-view .link.user-plus{
    font-size: 1em;
}
.cls-Upsize-cityPairs tr td.sans-bold + td a{
    font-size: 0.86em !important;
}
.othersPreview p {
    font-size: 1.2em;
}
/* feedback changes  ends*/
p#termsAndConditionContainer {
    display: flex;
}

.x-form-display-field, .x-form-field{
    font-family: var(--PRIMARYFONTREGULAR);
}
.popover .popover-body tbody td{
    font-family: var(--PRIMARYFONTREGULAR);
}
.popover .popover-header, .popover .popover-body span{
    font-family: var(--PRIMARYFONTSEMIBOLD);
}
#nagotiateFareAdvised .form-control-static{
    font-size: 1em;
    span{
        font-size: 1.4em !important;
    }
}
.cls-contract-container.group .cls-group .faq-acc-show div p {
    font-family: var(--PRIMARYFONTSEMIBOLD);
    line-height: 29px;
}
/* feedback changes  ends*/
.loginpage-bg .form-group input.btn  {
    font-family: var(--SMALLBUTTONFONT);
    padding: 5px 10px;
}
.ext-note-request{
    font-family: var(--SUBBUTTONFONT);
}
.modal-footer button{
    font-family:  var(--BUTTONFONT);
}
.custom-btn-ext button span.x-btn-inner{
    font-family:  var(--SMALLBUTTONFONT);
}
.cls-listpage .cls-innercell a{
    font-family: var(--SUBBUTTONFONT);
}
.cls-help-comment{
    font-size: 1.2em;
}
/* mantis issue - uploadfile iframe issue fix  starts -ISS608*/
.FileUpload {
    font-family: var(--PRIMARYFONTREGULAR);
    font-size: 2em;
    color: #213368;
    padding: 0px;
    margin: 0px 0px 10px 0px;
}
.passDetails .custom-btn {
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 3px solid #27aae1 !important;
    color: #fff;
    border-radius: 3px;
    padding: 4px 18px;
    font-family: var(--PRIMARYFONTSEMIBOLD); 
    font-size: 1.6em;
}
#frmupload #attachFile input[type="file"],#divContent input[type="file"]{
    font-size: 1.4em;
}
/* mantis issue - uploadfile iframe issue fix  ends*/
/* Font em implementation stop flight list issue fix ISS518 */
.show-stop-main{
    .cls-flightnumber{
        font-size: 1.2em;
    }
    .sans-bold{
        font-size: 1.5em !important;
    }
    .cls-citycode{
        font-size: 1.2em !important; 
    }
}
.cls-customer-terms{
    .cls-ub{
        font-size: 1.6em;
        font-family:var(--HEADERFONT);
    }
    p{
        font-size: 1.2em;
    }
    .custom-btn{
        font-size: 1.7em;
    }
}
.modify_link{
    font-size: 1.4em;
    em{
        font-size: 14px;
    }
}
/*6E back to list link & Advance clear link issue - ISS599*/
.btn-link.advance-link{
    padding-left: 0px;
}
.cls-bulkupload-page .cls-backtolist{
    font-size: initial;
    a{
        font-size: 0.9em;
    }
}
/*Passanger info design start - ISS599*/
.cls-passinfomain{
    .cls-passinfo{
        font-size: 1.2em;
        color: $LINKS;
        &::before{
            content: "\e940";
            font-family: 'infiIcons';
            font-size: 14px;
            pointer-events: none;
            color: #00a7ff;
            vertical-align: middle;
            margin-right: 2px;
        }
    }
    /* disclaimer and notes design 6E  starts*/
    .cls-disclaimer{
        padding-left: 30px;
    }
    .cls-notes{
        font-size: 13px;
        color:red;
    }
    /* disclaimer and notes design 6E  ends*/
}
/* disclaimer and notes design  6E  starts*/
.flight-info,.cls-passinfomain{
    .cls-flightinfo,.cls-disclaimer{
        li{
            list-style-type: disc;
            font-size: 12px;
            font-weight: bold;
            color: $PRIMARYCOLOR;
        }
    }
}
/* disclaimer and notes design  6E  ends*/
.cls-conferencerequest .cls-passinfomain  .cls-passinfo{
    margin: 5px 0px 10px;
}
.cls-seriesrequest .cls-passinfomain  .cls-passinfo{
    margin: 5px 0px 5px;
}
.cls-adhocrequestpage .cls-passinfomain  .cls-passinfo{
    margin: 5px 0px 0px;
}
/*Passanger info design end - ISS599*/
/* Popover body content overlap issue end - ISS599 */
/* 6E lag day - ISS654 */
.cls-lag-day{
    color:$PRIMARYCOLOR;
    font-size: 13px;
    font-style: italic;
    margin: 0px 0px 10px 0px;
}