/*---*/
html {
    background: #fff;
}

body {
    background: #fff;
}

.nag #app-container.sub-hidden main, .nag #app-container.menu-sub-hidden main, .nag #app-container.menu-hidden main, .nag main {
    margin: 0 !important;
}

/*---*/
@font-face {
    font-family: 'synopsis-icons';
    src: url('/agent/font/synopsis-icons/synopsis-icons.eot?ybwfm2');
    src: url('/agent/font/synopsis-icons/synopsis-icons.eot?ybwfm2#iefix') format('embedded-opentype'), url('/agent/font/synopsis-icons/synopsis-icons.ttf?ybwfm2') format('truetype'), url('/agent/font/synopsis-icons/synopsis-icons.woff?ybwfm2') format('woff'), url('/agent/font/synopsis-icons/synopsis-icons.svg?ybwfm2#synopsis-icons') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}


/**/

body .nag * {
    box-sizing: border-box;
    line-height: 1.429;
}

body .nag i {
    line-height: 1;
}

body .nag div {
    line-height: 1;
}

html {
    --themecolor: #412ddb;
    --red: #eb5757;
    --green: #27ae60;
    --green-active: #00dfaa;
    --grey-border: #ecebef;
    --main-txt: #1e1926;
    --alt-txt: #342c5d;
    --light-txt: #8b86a8;
    --grey-bg: #f9f9f9;
    --theme-bg: #eceafb;
    --grey-s-bg: #ededed;
    --grey-light: #c2bfd1;
    --yellow-s-bg: #fdf0c5;
    --blue-s-bg: #e9f2fd;
    --green-s-bg: #d6fae0;
    --red-s-bg: #fdeae9;
    --grey-badge: #ebecee;
    --cyan: #2db1db;
    --black: #1E1926;
    color:var(--black);
}

body .nag {
    font-family: 'Poppins',sans-serif;
    font-size: 14px;
    line-height: 1.429;
    color: var(--main-txt);
    margin: 0;
    overflow-anchor: none;
}

.nag p {
    font-family: 'Poppins',sans-serif;
}

html, html * {
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.3) #fff;
    scroll-behavior: smooth;
}

::-webkit-scrollbar {
    width: 6px;
    height:6px;
    background: #fff;
    position: absolute;
    left: 100%;
}

/* Track */
::-webkit-scrollbar-track {
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 4px solid transparent;
}


/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.5);
}

/*sccrollbar hover*/
.scrollbar-hover {
    scrollbar-color: rgba(0, 0, 0, 0) #fff;
}

.scrollbar-hover:hover {
    scrollbar-color: rgba(0, 0, 0, 0.3) #fff;
}

.scrollbar-hover::-webkit-scrollbar {
    background: transparent;
}

.scrollbar-hover:hover::-webkit-scrollbar {
    background: #fff;
}

.scrollbar-hover::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0);
}

.scrollbar-hover:hover::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
}

/*======*/
.ellipsis {
    display: -webkit-box !important;
    -webkit-line-clamp: var(--numberoflines) !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/**/
i {
    line-height: 1;
}

button {
    -webkit-appearance: none !important;
    user-select: none !important;
    border: none;
    background: none;
    transition: 0.3s ease-in-out;
    cursor: pointer;
    color: inherit;
}

*:focus {
    outline: none !important;
}

button:focus, input:focus, select:focus {
    outline: none !important;
}

a, a:hover, a:active, a:focus, a:active, a:visited {
    text-decoration: none;
    outline: unset;
    transition: all .3s ease-in-out;
    outline: none !important;
    color: inherit;
}

textarea {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

a {
    cursor: pointer;
}

input[type=button] {
    cursor: pointer;
}

button[disabled], html input[disabled] {
    opacity: 0.6;
    cursor: not-allowed !important;
}

button:focus, input:focus, select:focus {
    outline: none !important;
}

*, :before, :after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font: inherit;
}

/*___icons___*/
.nagicon-before-relative::before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'synopsis-icons' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering  */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: relative;
}

.nagicon-before::before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'synopsis-icons' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.nagicon-before-inline {
    display: inline-block;
    font-family: 'synopsis-icons' !important;
    line-height: 1;
    font-style: normal;
}

.nagicon-paths {
    display: inline-flex;
}

.nagicon-paths span:before {
    transition: 0.3s ease-in-out;
}

.nagicon-paths span[class^="path"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'synopsis-icons' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: table-cell;
}

/*canceled*/
/*<span class="icon-canceled-db"><span class="path1"></span><span class="path2"></span></span>*/
.icon-canceled-db .path1:before,
.card-item:hover .card-icon .icon-canceled-db .path1:before {
    content: "\e900";
    color: #bddbff;
}

.icon-canceled-db .path2:before,
.card-item:hover .card-icon .icon-canceled-db .path2:before {
    content: "\e901";
    margin-left: -1em;
    color: #3d9ae2;
}
/*grey*/
.card-icon .icon-canceled-db .path1:before {
    content: "\e900";
    color: rgb(236, 235, 239);
}

.card-icon .icon-canceled-db .path2:before {
    content: "\e901";
    margin-left: -1em;
    color: rgb(194, 191, 209);
}
/*_luggage_*/
/*shield*/
/*<span class="icon-shield-db"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></span>*/
.icon-shield-db .path1:before,
.card-item:hover .card-icon .icon-shield-db .path1:before {
    content: "\e902";
    color: #fca742;
}

.icon-shield-db .path2:before,
.card-item:hover .card-icon .icon-shield-db .path2:before {
    content: "\e903";
    margin-left: -0.8525390625em;
    color: #ffdc6c;
}

.icon-shield-db .path3:before,
.card-item:hover .card-icon .icon-shield-db .path3:before {
    content: "\e904";
    margin-left: -0.8525390625em;
    color: #ffedd2;
}

.icon-shield-db .path4:before,
.card-item:hover .card-icon .icon-shield-db .path4:before {
    content: "\e905";
    margin-left: -0.8525390625em;
    color: #ffedd2;
}

.icon-shield-db .path5:before,
.card-item:hover .card-icon .icon-shield-db .path5:before {
    content: "\e906";
    margin-left: -0.8525390625em;
    color: #ffedd2;
}
/*grey*/
.card-icon .icon-shield-db .path1:before {
    content: "\e902";
    color: rgb(194, 191, 209);
}

.card-icon .icon-shield-db .path2:before {
    content: "\e903";
    margin-left: -0.8525390625em;
    color: rgb(236, 235, 239);
}

.card-icon .icon-shield-db .path3:before {
    content: "\e904";
    margin-left: -0.8525390625em;
    color: rgb(255, 255, 255);
}

.card-icon .icon-shield-db .path4:before {
    content: "\e905";
    margin-left: -0.8525390625em;
    color: rgb(255, 255, 255);
}

.card-icon .icon-shield-db .path5:before {
    content: "\e906";
    margin-left: -0.8525390625em;
    color: rgb(255, 255, 255);
}
/*luggage*/
/*<span class="icon-luggageshield-db"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span><span class="path6"></span><span class="path7"></span><span class="path8"></span></span>*/
.icon-luggageshield-db .path1:before,
.card-item:hover .card-icon .icon-luggageshield-db .path1:before {
    content: "\e907";
    color: #4f4c5b;
}

.icon-luggageshield-db .path2:before,
.card-item:hover .card-icon .icon-luggageshield-db .path2:before {
    content: "\e908";
    margin-left: -0.4794921875em;
    color: #4f4c5b;
}

.icon-luggageshield-db .path3:before,
.card-item:hover .card-icon .icon-luggageshield-db .path3:before {
    content: "\e909";
    margin-left: -0.4794921875em;
    color: #d9d9d9;
}

.icon-luggageshield-db .path4:before,
.card-item:hover .card-icon .icon-luggageshield-db .path4:before {
    content: "\e90a";
    margin-left: -0.4794921875em;
    color: #4f4c5b;
}

.icon-luggageshield-db .path5:before,
.card-item:hover .card-icon .icon-luggageshield-db .path5:before {
    content: "\e90b";
    margin-left: -0.4794921875em;
    color: #6998d1;
}

.icon-luggageshield-db .path6:before,
.card-item:hover .card-icon .icon-luggageshield-db .path6:before {
    content: "\e90c";
    margin-left: -0.4794921875em;
    color: #3d5ea8;
}

.icon-luggageshield-db .path7:before,
.card-item:hover .card-icon .icon-luggageshield-db .path7:before {
    content: "\e90d";
    margin-left: -0.4794921875em;
    color: #3d5ea8;
}

.icon-luggageshield-db .path8:before,
.card-item:hover .card-icon .icon-luggageshield-db .path8:before {
    content: "\e90e";
    margin-left: -0.4794921875em;
    color: #3d5ea8;
}
/*grey*/
.card-icon .icon-luggageshield-db .path1:before,
.card-item:hover .card-icon {
    content: "\e907";
    color: rgb(194, 191, 209);
}

.card-icon .icon-luggageshield-db .path2:before {
    content: "\e908";
    margin-left: -0.4794921875em;
    color: rgb(194, 191, 209);
}

.card-icon .icon-luggageshield-db .path3:before {
    content: "\e909";
    margin-left: -0.4794921875em;
    color: rgb(236, 235, 239);
}

.card-icon .icon-luggageshield-db .path4:before {
    content: "\e90a";
    margin-left: -0.4794921875em;
    color: rgb(194, 191, 209);
}

.card-icon .icon-luggageshield-db .path5:before {
    content: "\e90b";
    margin-left: -0.4794921875em;
    color: rgb(236, 235, 239);
}

.card-icon .icon-luggageshield-db .path6:before {
    content: "\e90c";
    margin-left: -0.4794921875em;
    color: rgb(194, 191, 209);
}

.card-icon .icon-luggageshield-db .path7:before {
    content: "\e90d";
    margin-left: -0.4794921875em;
    color: rgb(194, 191, 209);
}

.card-icon .icon-luggageshield-db .path8:before {
    content: "\e90e";
    margin-left: -0.4794921875em;
    color: rgb(194, 191, 209);
}
/**/
/*hourglass*/
/*<span class="icon-hourglass-db"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span><span class="path6"></span></span>*/
.icon-hourglass-db .path1:before,
.card-item:hover .card-icon .icon-hourglass-db .path1:before {
    content: "\e90f";
    color: #efedef;
}

.icon-hourglass-db .path2:before,
.card-item:hover .card-icon .icon-hourglass-db .path2:before {
    content: "\e910";
    margin-left: -1em;
    color: #b98080;
}

.icon-hourglass-db .path3:before,
.card-item:hover .card-icon .icon-hourglass-db .path3:before {
    content: "\e911";
    margin-left: -1em;
    color: #b98080;
}

.icon-hourglass-db .path4:before,
.card-item:hover .card-icon .icon-hourglass-db .path4:before {
    content: "\e912";
    margin-left: -1em;
    color: #ae6c6c;
}

.icon-hourglass-db .path5:before,
.card-item:hover .card-icon .icon-hourglass-db .path5:before {
    content: "\e913";
    margin-left: -1em;
    color: #ae6c6c;
}

.icon-hourglass-db .path6:before,
.card-item:hover .card-icon .icon-hourglass-db .path6:before {
    content: "\e914";
    margin-left: -1em;
    color: #fed402;
}
/*grey*/
.card-icon .icon-hourglass-db .path1:before {
    content: "\e90f";
    color: rgb(236, 235, 239);
}

.card-icon .icon-hourglass-db .path2:before {
    content: "\e910";
    margin-left: -1em;
    color: rgb(194, 191, 209);
}

.card-icon .icon-hourglass-db .path3:before {
    content: "\e911";
    margin-left: -1em;
    color: rgb(194, 191, 209);
}

.card-icon .icon-hourglass-db .path4:before {
    content: "\e912";
    margin-left: -1em;
    color: rgb(194, 191, 209);
}

.card-icon .icon-hourglass-db .path5:before {
    content: "\e913";
    margin-left: -1em;
    color: rgb(194, 191, 209);
}

.card-icon .icon-hourglass-db .path6:before {
    content: "\e914";
    margin-left: -1em;
    color: rgb(194, 191, 209);
}

/*request*/
/*<span class="icon-new-request-db"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span><span class="path6"></span><span class="path7"></span><span class="path8"></span><span class="path9"></span></span>*/
.icon-new-request-db .path1:before,
.card-item:hover .card-icon .icon-new-request-db .path1:before {
    content: "\e915";
    color: rgb(139, 202, 255);
}

.icon-new-request-db .path2:before,
.card-item:hover .card-icon .icon-new-request-db .path2:before {
    content: "\e916";
    margin-left: -1em;
    color: rgb(70, 143, 241);
}

.icon-new-request-db .path3:before,
.card-item:hover .card-icon .icon-new-request-db .path3:before {
    content: "\e917";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.icon-new-request-db .path4:before,
.card-item:hover .card-icon .icon-new-request-db .path4:before {
    content: "\e918";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.icon-new-request-db .path5:before,
.card-item:hover .card-icon .icon-new-request-db .path5:before {
    content: "\e919";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.icon-new-request-db .path6:before,
.card-item:hover .card-icon .icon-new-request-db .path6:before {
    content: "\e91a";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.icon-new-request-db .path7:before,
.card-item:hover .card-icon .icon-new-request-db .path7:before {
    content: "\e91b";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.icon-new-request-db .path8:before,
.card-item:hover .card-icon .icon-new-request-db .path8:before {
    content: "\e91c";
    margin-left: -1em;
    color: rgb(255, 202, 58);
}

.icon-new-request-db .path9:before,
.card-item:hover .card-icon .icon-new-request-db .path9:before {
    content: "\e91d";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

/*grey*/
.card-icon .icon-new-request-db .path1:before {
    content: "\e915";
    color: #ecebef;
}

.card-icon .icon-new-request-db .path2:before {
    content: "\e916";
    margin-left: -1em;
    color: var(--grey-light);
}

.card-icon .icon-new-request-db .path3:before {
    content: "\e917";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.card-icon .icon-new-request-db .path4:before {
    content: "\e918";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.card-icon .icon-new-request-db .path5:before {
    content: "\e919";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.card-icon .icon-new-request-db .path6:before {
    content: "\e91a";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.card-icon .icon-new-request-db .path7:before {
    content: "\e91b";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.card-icon .icon-new-request-db .path8:before {
    content: "\e91c";
    margin-left: -1em;
    color: var(--grey-light);
}

.card-icon .icon-new-request-db .path9:before {
    content: "\e91d";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

/**/
.icon-warning:before {
    content: "\e91e";
    color: #f2c94c;
}

.icon-luggage:before {
    content: "\e91f";
}

.icon-plane:before {
    content: "\e920";
}

.icon-agenda:before {
    content: "\e921";
}

.icon-alarm:before {
    content: "\e922";
}

.icon-cart:before {
    content: "\e923";
}

.icon-headphones:before {
    content: "\e924";
}

.icon-chat-menu:before {
    content: "\e925";
}

.icon-archive:before {
    content: "\e926";
}

.icon-note-menu:before {
    content: "\e927";
}

.icon-lightning-menu:before {
    content: "\e928";
}

.icon-windows-menu:before {
    content: "\e929";
}

.icon-left-arrow-thick-noline:before {
    content: "\e92a";
}

.icon-right-arrow-line:before {
    content: "\e92b";
}

.icon-plus:before {
    content: "\e92c";
}

.icon-minus:before {
    content: "\e939";
}

.icon-check:before {
    content: "\e92d";
}

.icon-close:before {
    content: "\e92e";
}

.icon-copy:before {
    content: "\e92f";
}

.icon-user:before {
    content: "\e930";
}

.icon-settings-menu:before {
    content: "\e931";
}

.icon-eye:before {
    content: "\e932";
}

.icon-pencil:before {
    content: "\e933";
}

.icon-trash:before {
    content: "\e934";
}

.icon-search:before {
    content: "\e935";
}

.icon-down-arrow-noline:before {
    content: "\e936";
    /*color: var(--grey-light);*/
}

.icon-up-arrow-noline:before {
    content: "\e937";
    /*color: var(--grey-light);*/
}

.icon-logo-sinopsys:before {
    content: "\e938";
    color: var(--themecolor);
    font-size: 24px;
}

/*======*/

/*====general====*/

/*___buttons___*/
.nag .btn {
    padding: 10px 16px;
    border-radius: 8px;
}
    /**/
    /*primary*/
    .nag .btn.btn-primary {
        background: var(--themecolor);
        border: 1px solid var(--themecolor);
        color: #fff;
    }

.nag .btn-primary.disabled, .nag .btn-primary:disabled {
    background: var(--light-txt);
    border: 1px solid var(--light-txt);
}

/*secondary*/
.nag .btn.btn-secondary {
    background: #fff;
    border: 1px solid var(--themecolor);
    color: var(--themecolor);
}

/*light*/
.nag .btn.btn-light {
    background: #fff;
    border: 1px solid var(--grey-border);
}

.btn.btn-light.btn-expand {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.btn-light.btn-expand::after {
    content: "\e936";
    font-family: synopsis-icons;
    font-size: 11px;
    transform: rotate(-180deg);
}

.btn-light.btn-expand.collapsed .show-txt {
    display: inline-block;
}

.btn-light.btn-expand .show-txt,
.btn-light.btn-expand.collapsed .hide-txt {
    display: none;
}

.btn-light.btn-expand.collapsed::after {
    transform: rotate(0);
}

/*success*/
.nag .btn.btn-success {
    background: var(--green-active);
    border: 1px solid var(--green-active);
    color: #fff;
}

/*danger*/
.nag .btn.btn-danger {
    background: var(--red);
    border: 1px solid var(--red);
    color: #fff;
}

/*grey*/
.nag .btn.btn-grey { /*++*/
    background: var(--grey-bg);
    border: 1px solid var(--grey-border);
    color: var(--alt-txt);
}

/*single icon*/
.nag .btn.btn-single-icon {
    padding: 0;
    line-height: 1;
}

.nag .btn-single-icon.disabled, .nag .btn-single-icon:disabled {
    color: var(--light-txt);
}

.btn-single-icon,
.nag .btn-single-icon {
    color: var(--themecolor);
    font-size: 24px;
    line-height: 1;
    text-align: center;
}

    .nag .btn-single-icon.light,
    .nag .btn.btn-single-icon.light {
        color: var(--light-txt);
    }

.btn.btn-single-icon-warning,
.btn-single-icon-warning {
    padding: 0;
    font-size: 22px;
}

/*text icon*/
.nag .btn.btn-text-icon {
    /*padding: 0;*/
    padding: 6px 16px;
    line-height: 1;
    color: var(--themecolor);
    line-height: 1;
    text-align: center;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

    .nag .btn.btn-text-icon .nagicon-before-relative,
    .nag .btn.btn-text-icon i {
        font-size: 24px;
    }

/*add*/
.btn.btn-add {
    color: var(--themecolor);
    position: relative;
    display: inline-flex;
    align-items: center;
}

    .btn.btn-add::before {
        content: "\e92c";
        font-family: 'synopsis-icons';
        font-size: 22px;
        left: 0;
        /*transform: translateY(12%);*/
        display: inline-block;
        margin-right: 8px;
        line-height: 0;
    }

    .btn.btn-add.dark {
        background: var(--themecolor);
        color: #fff;
    }

/*delete*/
.btn.btn-delete {
    color: var(--red);
    position: relative;
    display: inline-flex;
    align-items: center;
}

    .btn.btn-delete::before {
        content: "\e934";
        font-family: 'synopsis-icons';
        font-size: 22px;
        left: 0;
        /*transform: translateY(12%);*/
        display: inline-block;
        margin-right: 8px;
        line-height: 0;
    }


/*icon border*/
.btn.btn-icon-border {
    border: 1px solid var(--grey-border);
    font-size: 24px;
    line-height: 1;
    padding: 0;
    height: 40px;
    padding: 6px 16px;
    color: var(--themecolor);
}

    .btn.btn-icon-border.btn-icon-border-delete .icon-trash,
    .btn.btn-icon-border.btn-icon-border-delete .icon-minus {
        color: var(--red);
    }

    .btn.btn-icon-border:disabled .nagicon-before-relative {
        color: var(--grey-border) !important;
    }

.nag .btn-icon-border.light {
    color: var(--light-txt);
}
/**/
.btn.grey-btn,
.nag .btn.grey-btn {
    color: var(--light-txt);
}

.nag .btn.btn-text {
    font-weight: 500;
    font-size: 14px;
    color: var(--themecolor);
}

/*group buttons*/
.group-btns {
    display: flex;
}

    .group-btns .btn.group-btn-left {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .group-btns .btn.group-btn-right {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        /*border-left: none;*/
        margin-left: -1px;
    }

/*input btns*/
.input-btn-outer {
    position: relative;
}

.btn.input-btn {
    padding: 0;
    color: inherit;
    background: none;
    width: 100%;
    height: 100%;
    text-align: left;
    font-size: inherit;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    left: 0;
    top: 0;
}

/*___titles___*/
.nag .primary-title {
    font-size: 20px;
    font-weight: 600;
}

.nag .secondary-title {
    font-size: 16px;
    font-weight: 600;
}

.s-up-title {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

    .s-up-title.light {
        color: var(--light-txt);
    }

/*grey line title*/
.grey-line-title {
    display: flex;
    flex-direction: row;
    position: relative;
    font-weight: 500;
    width: 100%;
    font-size: 14px;
}

    .grey-line-title.light {
        color: var(--light-txt);
    }

    .grey-line-title::after {
        content: "";
        flex: 1 1;
        border-bottom: 1px solid var(--grey-border);
        margin: auto;
        margin-left: 16px;
    }

/*___containers___*/
/*shadow box*/
.main-box {
    background: #fff;
    border-radius: 8px;
    border: 1px solid var(--grey-border);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
    padding: 16px;
}

/*grey box*/
.grey-box,
.modal-content.grey-box {
    background: var(--grey-bg);
    border-radius: 8px;
    padding: 16px;
}

/*white box with border*/
.border-white-box {
    background: #fff;
    border-radius: 8px;
    border: 1px solid var(--grey-border);
    padding: 16px;
}

/*white box with border*/
.white-box,
.nag-filtermenu.filtermenu.white-box {
    background: #fff;
    border-radius: 8px;
    padding: 16px;
}

/*page main container*/
.main-content-container.grey-box {
    margin-top: calc(66px + 12px);
    margin-left: 60px;
    margin-right: 12px;
    margin-bottom: 12px;
    padding: 16px 24px;
    min-height: calc(100vh - 66px - 24px);
}

/*space between*/
.space-between-con {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/*___status___*/
.status-item {
    border-radius: 16px;
    padding: 10px 18px;
    background: var(--yellow-s-bg);
    text-align: center;
    /*font-size: 12px;
    font-weight: 500;*/
    display: inline-block;
}

.grid-table .status-item {
    width: 100%;
    max-width: 160px;
}

.status-item.tr-inner.status-confirmed span {
    font-size: 11px;
    display: inline-block;
    margin-top: -14px;
}

.grid-table-row-item.table-item-status {
    padding-left: 0;
    padding-right: 0;
}

.grid-table.requests-grid-table .status-item,
.status-item.status-item-s {
    border-radius: 24px;
    font-size: 12px;
    font-weight: 500;
}

.status-item.status-reserved {
    background: var(--grey-s-bg);
}

.status-item.status-pending {
    background: var(--yellow-s-bg);
}

.status-item.status-ticketed {
    background: var(--green-s-bg);
}

.status-item.status-expired,
.status-item.status-cancelled {
    background: var(--red-s-bg);
}

.status-item.status-confirmed {
    background: var(--blue-s-bg);
}


/*.status-item.badge-info,*/
.status-item.badge-secondary {
    background: var(--yellow-s-bg) !important;
    color: var(--main-txt) !important;
}


/*___tabs___*/
/*primary tabs*/
.primary-tabs {
    list-style: none;
    display: flex;
    gap: 2px;
    padding-left: 0;
    /*column-gap: 8px;*/
}

.primary-tabs li a {
    padding: 8px 12px;
    /*display: inline-block;*/
    color: var(--light-txt);
    border-radius: 16px;
    display: inline-flex;
    column-gap: 8px;
}

.primary-tabs li.active a {
    color: var(--themecolor);
    background: var(--theme-bg)
}

.primary-tabs li a:hover {
    color: var(--themecolor);
}

.secondary-tabs {
    list-style: none;
    display: flex;
    gap: 2px;
    padding-left: 0;
    column-gap: 8px;
    border-bottom: 1px solid var(--grey-border);
}
.secondary-tabs + #myTabContent {
    border-top: none;
}

.secondary-tabs li a {
    padding: 10px 8px;
    /*display: inline-block;*/
    color: var(--light-txt);
    display: inline-flex;
}

.secondary-tabs li.active a,
.secondary-tabs .nav-link.active {
    color: var(--themecolor);
    position: relative;
    box-shadow: 0px -2px 0px 0px var(--themecolor) inset;
}

.secondary-tabs li a:hover {
    color: var(--themecolor);
}

/**/
.secondary-tabs.nav-tabs {
    border: none;
}

.secondary-tabs.nav-tabs .nav-item {
    margin-bottom: 0px;
}

.secondary-tabs.nav-tabs .nav-link::before {
    display: none;
}

/*table*/
.nag-table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}

.nag .nag-table tr {
    font-size: inherit;
    padding: 8px 0;
    border-radius: 8px;
}

.nag .nag-table thead tr {
    border-bottom: 1px solid var(--grey-border);
}

.nag .nag-table tbody tr:hover {
    background: var(--grey-bg);
}

.nag .nag-table th {
    font-weight: 500;
    color: var(--light-txt);
}

.nag .nag-table th, .nag .nag-table td {
    padding: 10px 8px;
    border: none;
    position: relative;
}

.nag .nag-table td .tr-inner {
    padding: 10px 0px;
}

.table-assigned {
    position: relative;
    text-align: center;
    transition: 0.3s ease-in-out;
    padding: 8px 0;
}

.table-assigned:hover {
    background: var(--grey-border);
}

.table-assigned .full {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(100% + 6px);
    transition: 0.3s ease-in-out;
    /*display:none;*/
    opacity: 0;
    pointer-events: none;
}

.table-assigned:hover .full {
    /*display: block;*/
    opacity: 1;
}

.table-assigned .full span {
    background: #1E1926;
    color: #fff;
    padding: 8px 16px;
    border-radius: 4px;
    text-align: center;
    width: max-content;
    position: relative;
    display: block;
}

.table-assigned .full span::after {
    content: "";
    position: absolute;
    top: 100%;
    border: 6px solid transparent;
    border-top-color: #1E1926;
    left: 50%;
    transform: translateX(-50%);
}

.trip-type {
    text-transform: uppercase;
    color: var(--light-txt);
}


.table-view-more {
    color: var(--themecolor);
    font-size: 24px;
    /*margin-left: -4px;*/
}

.table-view-more {
    color: var(--themecolor);
    font-size: 24px;
    /*margin-left: -4px;*/
}

.icon-eye::before {
    content: "\e932";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}


/*grid-table*/
.grid-table-header, .grid-table-row {
    display: grid;
    grid-gap: 16px;
    align-items: center;
    justify-content: space-between;
    grid-template-columns: repeat(auto-fit, minmax(0,1fr));
    font-size: inherit;
    padding: 8px 0;
    width: 100%;
    max-width: 100%;
    background-color: transparent;
}

.requests-grid-table .grid-table-header, .requests-grid-table .grid-table-row {
    /*grid-template-columns: 96px 56px 120px 52px minmax(0,1fr) 120px minmax(0,1fr) 104px 160px 32px;
    grid-template-columns: 96px 56px 120px 52px minmax(0,205px) 120px minmax(0,205px) 104px 160px 32px;    
    grid-template-columns: 96px 56px 120px 52px minmax(0,160px) 120px minmax(0,160px) 104px 160px 32px;*/
    grid-template-columns: repeat(8,1fr) 160px 32px;
    /*grid-template-columns: repeat(9,1fr) 32px;*/
}

.grid-table-header {
    border-bottom: 1px solid var(--grey-border);
}

.grid-table-body .grid-table-row:hover {
    background: var(--grey-bg);
}

.grid-table-header {
    font-weight: 500;
    color: var(--light-txt);
}

.grid-table-header-item, .grid-table-row-item {
    padding: 10px 8px;
    border: none;
    position: relative;
    text-align: center;
}

.requests-grid-table .grid-table-row-item:last-child {
    padding-left: 4px;
    padding-right: 4px;
}

.grid-table-header-item,
.grid-table-body .grid-table-row { /*cur status*/
    text-align: center;
}

.requests-grid-table .grid-table-header .grid-table-header-item:first-child,
.requests-grid-table .grid-table-header .grid-table-header-item:nth-child(5),
.requests-grid-table .grid-table-header .grid-table-header-item:nth-child(7),
.requests-grid-table .grid-table-header .grid-table-header-item:nth-child(9),
.requests-grid-table .grid-table-body .grid-table-row-item:first-child,
.requests-grid-table .grid-table-body .grid-table-row-item:nth-child(5),
.requests-grid-table .grid-table-body .grid-table-row-item:nth-child(7),
.requests-grid-table .grid-table-body .grid-table-row-item:nth-child(9) { /*cur status*/
    text-align: left;
}

.grid-table-header-item .nagicon-before-relative.icon-eye,
.grid-table-header-item .nagicon-before-relative.icon-pencil,
.grid-table-header-item .nagicon-before-relative.icon-trash {
    font-size: 24px;
    line-height: 14px;
}


/*___form___*/
::-webkit-input-placeholder { /* Edge */
    opacity: 1;
    color: var(--light-txt) !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    opacity: 1;
    color: var(--light-txt) !important;
}

::placeholder { /* Firefox */
    opacity: 1;
    color: var(--light-txt) !important;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    opacity: 1;
    color: var(--light-txt) !important;
}
/**/
.nag-form-control::-webkit-input-placeholder,
textarea.nag-form-control::-webkit-input-placeholder,
input.nag-form-control::-webkit-input-placeholder,
input.nag-form-control::-webkit-input-placeholder { /* Edge */
    opacity: 1;
    color: var(--light-txt) !important;
}

.nag-form-control:-ms-input-placeholder,
textarea.nag-form-control:-ms-input-placeholder,
input.nag-form-control:-ms-input-placeholder,
input.nag-form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    opacity: 1;
    color: var(--light-txt) !important;
}

.nag-form-control::placeholder,
textarea.nag-form-control::placeholder,
input.nag-form-control::placeholder,
input.nag-form-control::placeholder { /* Firefox */
    opacity: 1;
    color: var(--light-txt) !important;
}

.nag-form-control:-moz-placeholder,
textarea.nag-form-control:-moz-placeholder,
input.nag-form-control:-moz-placeholder,
input.nag-form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    opacity: 1;
    color: var(--light-txt)!important;
}

.custom-select-value .placeholder {
    color: var(--light-txt);
    pointer-events: none;
    user-select: none;
}
/**/
.form-item {
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    display: inline-block;
    /*z-index:0;*/
}

    /*.form-item.haslabel {
        margin-top: 9px;
    }*/

    .form-item.full {
        width: 100%;
    }

    .form-item.xxl-item {
        max-width: 400px;
        width: 100%;
    }

    .form-item.xl-item,
    .double-form-item-row.xl-item {
        max-width: 280px;
        width: 100%;
    }

.form-item-btn.xl-item {
    grid-template-columns: 280px auto;
}

    .form-item.large-item,
    .double-form-item-row.large-item {
        max-width: 240px;
        min-width: 180px;
        width: 100%;
    }

    .form-item.large-s-item {
        max-width: 224px;
        width: 100%;
    }

    .form-item.ml-item,
    .double-form-item-row.ml-item {
        max-width: 200px;
        width: 100%;
    }

    .form-item.medium-item {
        max-width: 160px;
        width: 100%;
    }

    .form-item.sm-item {
        max-width: 144px;
        width: 100%;
    }

    .form-item.small-item {
        max-width: 120px;
        width: 100%;
    }

    .form-item .label-txt {
        background: #fff;
        padding: 0 4px;
        border-radius: 6px 6px 0 0;
        font-size: 12px;
        line-height: 18px;
        position: absolute;
        bottom: calc(100% - 1px);
        transform: translateY(50%);
        left: 14px;
        z-index: 1;
        margin-bottom: 0;
        color: var(--light-txt);
        margin-left:0;
    }


    .form-item.select-item .custom-select {
        padding: 0;
        border: none;
        background: none;
    }

.double-form-item-row .form-item.select-item.custom-select {
    height: 100%;
}

.form-item .nag-form-control,
.form-item select,
.form-item input,
.form-item textarea,
.form-item.select-item .custom-select .custom-select-value,
.nag-form-control.div-item,
.nag-form-control.search-item,
.nag-form-control.span-item,
textarea.nag-form-control {
    background: #fff;
    padding: 10px 16px;
    border-radius: 8px;
    border: 1px solid var(--grey-border);
}

.form-item.select-item .custom-select .custom-select-value {
    padding-right: 35px;
}

    .form-item select:focus,
    .form-item input:focus,
    .form-item textarea:focus,
    .form-item.select-item .custom-select .custom-select-value.active {
        border-color: var(--themecolor);
        /*z-index: 1;*/
    }

.double-form-item,
.double-form-item-row {
    z-index: 0;
}

.double-form-item .form-item select:focus,
.double-form-item .form-item input:focus,
.double-form-item .form-item textarea:focus,
.double-form-item .form-item.select-item .custom-select .custom-select-value.active,
.double-form-item-row .form-item select:focus,
.double-form-item-row .form-item input:focus,
.double-form-item-row .form-item textarea:focus,
.double-form-item-row .form-item.select-item .custom-select .custom-select-value.active {
    position: relative;
    z-index: 1;
}

.double-form-item .form-item .label-txt,
.double-form-item-row .form-item .label-txt {
    z-index: 2;
}

.form-item.select-item.form-icon-item.luggage-item .custom-select .custom-select-value::before {
    content: "\e91f";
    font-family: synopsis-icons;
    color: var(--light-txt);
    margin-right: 8px;
    line-height: 0;
    font-size: 16px;
}

.nag-form-control {
    display: block;
    width: 100%;
    color: var(--alt-txt);
}

.nag-form-control input[type="checkbox"] {
    margin-right: 5px;
}

.nag-form-control.div-item input,
.nag-form-control.search-item input {
    background: none;
    border: none;
    padding: 0;
}

.boxes-content-item .nag-form-control.div-item {
    /*max-height: 41px;*/
    overflow-y: auto;
    max-height: 82px;
    min-height: 41px;
}

.nag-checkbox input:checked:disabled ~ .checkmark.icon-check::before {
    color: var(--light-txt);
}


.nag-form-control.search-item{
    padding-left:40px;
    display:inline-block;
    position:relative;
}

.nag-form-control.search-item i {
    font-size: 22px;
    line-height: 0;
    color: var(--themecolor);
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

/*div item*/
.nag-form-control.div-item .badge.badge-info.class-badge-apiinfo {
    margin-bottom: 0;
    padding: 6px !important;
}

.nag-form-control.div-item .excluded-items {
    display: flex;
    flex-wrap: wrap;
    row-gap: 6px;
    column-gap: 6px;
    margin-top: -6px;
    margin-bottom: -6px;
    min-height: 12px;
}

.nag-form-control.div-item .form-control {
    /*width: 0;*/
    display:none;

}

.nag-form-control.div-item  .excluded-items{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
}

.nag-form-control.div-item .badge.badge-info.class-badge-apiinfo a {
    display: none;
}

/*age item*/
.form-item.age-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.form-item.age-item .nag-form-control {
    /* width: 100%; */
    max-width: 88px;
}

.age-item-label small {
    display: block;
    font-size: 12px;
    color: var(--light-txt);
    margin-top: 4px;
}

.form-item.age-item {
    margin-bottom: 12px;
}

/*number item with label*/
.form-item.text-num-item .nag-form-control.div-item {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    padding: 14px 16px;
}

.num-form-item {
    display: grid;
    grid-template-columns: 24px 40px 24px;
    align-items: center;
}

.num-form-item .num-btn {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: var(--grey-bg);
    border-radius: 2px;
    color: var(--themecolor);
    position:relative;
}

.num-form-item .num-btn.disabled {
    color: var(--light-txt);
}

.num-form-item .num-btn::before {
    font-family: synopsis-icons;
    line-height: 0;
    font-size: 18px;
    display: grid;
    place-items: center;
    pointer-events: none;
}

.num-form-item .num-btn.minus::before {
    content: "\e939";
}

.num-form-item .num-btn.plus::before {
    content: "\e92c";
}

.num-form-item .num-content {
    text-align: center;
}

/*switch*/
.switch-item {
    display: flex;
    align-items: baseline;
    gap: 8px;
    min-height: 44px;
    align-items: center;
}

.switch {
    position: relative;
    display: inline-block;
    width: var(--width);
    height: var(--height);
    --width: 32px;
    --height: 21px;
    --gap: 3px;
    margin-bottom: 0;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.checkbox-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: var(--gap) solid;
    background-color: #ccc;
    border-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50px;
}

    .checkbox-slider:before {
        position: absolute;
        content: "";
        height: calc(var(--height) - var(--gap) * 2);
        width: calc(var(--height) - var(--gap) * 2);
        left: 0px;
        top: 50%;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
        border-radius: 50%;
        transform: translateY(-50%);
    }

.grey-box .checkbox-slider:before {
    background-color: var(--grey-bg);
}

.switch input:checked + .checkbox-slider {
    background-color: var(--themecolor);
    border-color: var(--themecolor);
}

.switch input:focus + .checkbox-slider {
    box-shadow: 0 0 1px var(--theme-bg);
}

.switch input:checked + .checkbox-slider:before {
    -webkit-transform: translate(calc(var(--width) - var(--height)),-50%);
    -ms-transform: translate(calc(var(--width) - var(--height)),-50%);
    transform: translate(calc(var(--width) - var(--height)),-50%);
}
/**/

.double-form-item-row {
    /*display: flex;*/
    display: grid;
    grid-template-columns: 1fr 88px;
}

    .nag-form-control.left-item,
    .form-item.select-item .custom-select.left-item .custom-select-value,
    .double-form-item-row .form-item .nag-form-control.left-item {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .nag-form-control.right-item,
    .form-item.select-item .custom-select.right-item .custom-select-value,
    .double-form-item-row .form-item .nag-form-control.right-item {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        /*border-left:none;*/

        margin-left: -1px;
    }


.double-form-item {
    display: grid;
}

    .double-form-item .nag-form-control.top-item {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .double-form-item .nag-form-control.bottom-item {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        /*border-top:none;*/
        margin-top: -1px;
    }

.double-form-item-row .select-item .label-txt {
    z-index: 2;
}

.form-item-btn {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap:16px;
}

    .form-item-btn .actions {
        align-self: center;
        /*text-align: right;*/
        justify-self: end;
    }


/*custom-select*/
.form-item.select-item .custom-select-box {
    display: none;
    position: absolute;
    background: #fff;
    list-style: none;
    width: 100%;
    padding: 10px;
    left: 0;
    /*top: calc(100% + 1px);*/
    top: calc(44px + 1px);
    padding: 8px 0;
    box-shadow: 0px 12px 36px 0px #000B6C26;
    border-radius: 8px;
    max-height: 300px;
    overflow-y: auto;
}

.num-code-item.form-item.select-item .custom-select-box {
    min-width: 200px;
}

.form-item.select-item .custom-select-value {
    /* z-index: 2; */
    overflow: hidden;
    white-space: nowrap;
}

.form-item.select-item .custom-select-box.expanded {
    z-index: 2;
    display: block;
}

.form-item.select-item .custom-select .custom-select-option button {
    padding: 10px 16px;
}

.form-item.select-item .custom-select .custom-select-option button {
    display: block;
    width: 100%;
    text-align: left;
}

.form-item.select-item .custom-select .custom-select-option:not(.inactive) button:hover {
    background: var(--grey-bg);
    color: var(--themecolor);
}

.form-item.select-item .custom-select .custom-select-option.inactive {
    color: var(--light-txt);
}

.form-item.select-item .custom-select .custom-select-value {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    max-height: 44px;
}

.double-form-item-row .form-item .custom-select,
.form-item .custom-select {
    height: 100%;
}


.form-item.select-item .custom-select .custom-select-value::after {
    content: "\e936";
    font-family: synopsis-icons !important;
    /*vertical-align: middle;
        margin-left: 10px;*/
    position: absolute;
    right: 16px;
    cursor: pointer;
    color: var(--grey-border);
}

/*__alerts__*/
.nag .error-message {
    color: var(--red);
    font-size: 12px;
}

.nag-alert-warning {
    display: flex;
    gap: 16px;
}

    .nag-alert-warning:before {
        content: "\e91e";
        color: #f2c94c;
        font-family: synopsis-icons;
    }

.nag .alert.nag-alert-warning {
    line-height: 20px;
    background: #f2c94c30;
    padding: 8px 16px;
}

.nag .alert .close {
    border: none;
}

/*____*/
/*top filters*/

.top-filters {
    display: flex;
    flex-wrap: wrap;
    column-gap: 16px;
    margin-bottom: 16px;
}

/*bottom actions*/
.bottom-actions {
    display: flex;
    justify-content: end;
    gap: 16px;
    padding-top: 16px;
}

.nag-checkbox label,
.nag-checkbox span:not(.checkmark) {
    margin-left: 6px;
    display: inline-block;
    margin-bottom: 0;
}

    .nag-checkbox label span:not(.checkmark) {
        margin-left: 0;
    }

.nag-checkbox input:disabled + .checkmark::before,
.nag-checkbox input:disabled + span + .checkmark::before {
    color: var(--light-txt);
}

/*center checkbox*/
.nag-checkbox.check-center .checkmark {
    pointer-events: none;
    left: 50%;
    transform: translate(-50%,-50%);
}

/*close*/
.nag .close {
    border: 1px solid var(--grey-border);
    width: 24px;
    height: 24px;
    display: inline-grid;
    place-items: center;
    border-radius: 4px;
    line-height: 1;
}

.nag .modal-header .close {
    padding: 0;
}

.nag .close > span {
    line-height: 0;
}

.nag .close .nagicon-before-relative.icon-close {
    font-size: 22px;
}
/**/
.top-flex-items {
    margin-bottom: 16px;
    display: flex;
    gap: 16px;
}

/*flex row*/
.nag-flex-row{
    display:flex;
    gap:16px;
}

/*date*/
div.tail-datetime-calendar {
    font-family: inherit;
    font-family: Poppins;
}

div.tail-datetime-calendar {
    border-radius: 8px;
    border: none;
    box-shadow: 0px 12px 36px 0px #000B6C26;
    background: #fff;
    overflow: hidden;
    padding: 16px;
    width: 320px !important;
}

div.tail-datetime-calendar .calendar-actions span.label {
    color: var(--themecolor);
    font-size: 14px;
    font-weight: 500;
}

div.tail-datetime-calendar .calendar-actions span[data-action]:hover {
    /*background-color: var(--grey-bg);*/
    background-color: var(--theme-bg);
}

div.tail-datetime-calendar .calendar-datepicker table tr .calendar-week {
    font-size: 14px;
    color: var(--light-txt);
}

div.tail-datetime-calendar .calendar-datepicker table tr td.calendar-day.date-today,
div.tail-datetime-calendar .calendar-datepicker table tr td.calendar-month.date-today,
div.tail-datetime-calendar .calendar-datepicker table tr td.calendar-year.date-today,
div.tail-datetime-calendar .calendar-datepicker table tr td.calendar-decade.date-today {
    color: var(--themecolor);
    border-color: var(--themecolor);
}

div.tail-datetime-calendar .calendar-datepicker table tr td.date-today::before {
    display: none;
    background-color: var(--themecolor);
}

div.tail-datetime-calendar .calendar-datepicker table tr td.calendar-day:hover,
div.tail-datetime-calendar .calendar-datepicker table tr td.calendar-month:hover,
div.tail-datetime-calendar .calendar-datepicker table tr td.calendar-year:hover,
div.tail-datetime-calendar .calendar-datepicker table tr td.calendar-decade:hover {
    /*background: var(--grey-bg);*/
    border-color: var(--theme-bg);
    background-color: var(--theme-bg);
}

div.tail-datetime-calendar .calendar-datepicker table tr td.calendar-day.date-select,
div.tail-datetime-calendar .calendar-datepicker table tr td.calendar-month.date-select,
div.tail-datetime-calendar .calendar-datepicker table tr td.calendar-year.date-select,
div.tail-datetime-calendar .calendar-datepicker table tr td.calendar-decade.date-select {
    border-color: var(--themecolor);
    background-color: var(--themecolor);
}

div.tail-datetime-calendar .calendar-datepicker table tr td {
    color: var(--main-txt);
    font-weight: 500;
    font-size: 14px;
}

div.tail-datetime-calendar .calendar-datepicker table tr td.date-previous,
div.tail-datetime-calendar .calendar-datepicker table tr td.date-next {
    color: var(--light-txt);
    font-weight: normal;
}

div.tail-datetime-calendar .calendar-datepicker table tr td.calendar-day,
div.tail-datetime-calendar .calendar-datepicker table tr td.calendar-month,
div.tail-datetime-calendar .calendar-datepicker table tr td.calendar-year,
div.tail-datetime-calendar .calendar-datepicker table tr td.calendar-decade {
    height: 40px;
}

div.tail-datetime-calendar .calendar-actions span.action {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px solid var(--grey-border);
    opacity: 1;
}

div.tail-datetime-calendar .calendar-actions span.action {
    background-color: var(--grey-bg);
}

div.tail-datetime-calendar .calendar-actions span.action-next,
div.tail-datetime-calendar .calendar-actions span.action-prev {
    background-image: none;
    position: relative;
}

div.tail-datetime-calendar .calendar-actions span.action-next::before {
    transform: rotate(-90deg);
}


div.tail-datetime-calendar .calendar-actions span.action-prev::before {
    transform: rotate(90deg);
}

div.tail-datetime-calendar .calendar-actions span.action-prev::before,
div.tail-datetime-calendar .calendar-actions span.action-next::before,
div.tail-datetime-calendar .calendar-actions span.action-prev:hover::before,
div.tail-datetime-calendar .calendar-actions span.action-next:hover::before {
    content: "\e936";
    font-family: synopsis-icons !important;
    font-size: 14px;
    position: absolute;
    top: 0;
    bottom: unset;
    background: none;
    width: 100%;
    height: 100%;
    pointer-events: none;
    color: var(--themecolor);
    opacity: 1;
    display: inline-block;
}

div.tail-datetime-calendar .calendar-datepicker::after,
div.tail-datetime-calendar .calendar-timepicker::after {
    display: none;
}

div.tail-datetime-calendar .calendar-actions {
    display: grid;
    grid-template-columns: 1fr auto auto;
    margin-bottom: 14px;
    gap: 8px;
}

div.tail-datetime-calendar .calendar-actions span.label {
    order: -1;
    text-align: left;
    padding: 0 8px;
    border-radius: 8px;
}

div.tail-datetime-calendar .calendar-datepicker tr th {
    color: var(--light-txt);
    font-size: 14px;
    font-weight: normal;
}

/*date double*/

.date-picker-wrapper.two-months * {
    font-family: inherit;
}

.date-picker-wrapper.two-months {
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 12px 36px 0px rgba(0, 11, 108, 0.15);
    border: none;
    padding: 16px;
    font-family: inherit;
    z-index: 9 !important;
    color: #000;
}

.date-picker-wrapper.two-months .drp_top-bar.normal .normal-top .selection-top,
.date-picker-wrapper.two-months .normal-top .selection-top,
.date-picker-wrapper.two-months .default-top {
    font-weight: 600;
    font-size: 20px;
    color: var(--black);
}

.date-picker-wrapper.two-months .normal-top {
    font-size: 15px;
    color: var(--light-txt);
}

.date-picker-wrapper.two-months b {
    font-weight: 700;
    color: var(--light-txt);
}

.date-picker-wrapper.two-months .drp_top-bar .apply-btn,
.date-picker-wrapper.two-months .drp_top-bar .apply-btn.disabled {
    font-size: 14px;
    color: var(--black);
    background: #fff;
    border: 1px solid var(--grey-border);
    padding: 8px 16px;
    border-radius: 8px;
}

.date-picker-wrapper.two-months .drp_top-bar .apply-btn.disabled {
    opacity:0.7;
}

.date-picker-wrapper.two-months .month-wrapper {
    border: none;
    padding-left: 0;
    padding-right: 0;
}

.date-picker-wrapper.two-months .gap {
    background: #fff;
    width: 1px !important;
}

.date-picker-wrapper.two-months .gap > * {
    display: none;
}

.date-picker-wrapper.two-months .gap::before {
    content: "";
    background: #fff;
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    border-right: 1px solid var(--grey-border);
    left: 50%;
    transform: translateX(-50%);
}

.date-picker-wrapper.two-months .month-wrapper table th.month-name {
    color: var(--themecolor);
    font-weight: 500;
    font-size: 14px;
    font-family: Poppins;
}

.date-picker-wrapper.two-months .month-element {
    text-transform: capitalize;
}

.date-picker-wrapper.two-months .month-wrapper table .week-name th {
    text-transform: capitalize;
    color: var(--light-txt);
    font-size: 14px;
}

.date-picker-wrapper.two-months .month-wrapper table tr th, 
.date-picker-wrapper.two-months .month-wrapper table tr td > div {
    border-radius: 8px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
}

.date-picker-wrapper.two-months .month-wrapper table tr td > div:hover,
.date-picker-wrapper.two-months .month-wrapper table .day.real-today:hover {
    background: var(--theme-bg);
}

.date-picker-wrapper.two-months .month-wrapper table .day.real-today {
    background: #fff;
    color: var(--themecolor) !important;
    position: relative;
}

.date-picker-wrapper.two-months .month-wrapper table .day.real-today::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 8px;
    border:1px solid var(--themecolor);
}

.date-picker-wrapper.two-months .month-wrapper table .day.real-today.checked, 
.date-picker-wrapper.two-months .month-wrapper table .day.real-today.hovering {
    background-color: var(--theme-bg);
}

.date-picker-wrapper.two-months .month-wrapper table .day.toMonth.real-today.checked.first-date-selected {
    border: none;
    line-height: 40px;
    color: #fff !important;
}

.date-picker-wrapper.two-months .month-wrapper table .day.toMonth.real-today.checked.first-date-selected::before {
    border: 1px solid var(--black);
}

.date-picker-wrapper.two-months .month-wrapper table .day.checked,
.date-picker-wrapper.two-months .month-wrapper table .day.toMonth.hovering {
    border-radius: 0;
    background: var(--theme-bg);
}


.date-picker-wrapper.two-months .month-wrapper table .day.toMonth.checked.first-date-selected,
.date-picker-wrapper.two-months .month-wrapper table .day.toMonth.checked.last-date-selected {
    background: rgba(65, 45, 219,0.1) !important;
    position: relative;
    z-index: 0;
}

.date-picker-wrapper.two-months .month-wrapper table .day.toMonth.checked.first-date-selected {
    border-radius: 8px 0 0 8px;
}

.date-picker-wrapper.two-months .month-wrapper table .day.toMonth.checked.last-date-selected {
    border-radius: 0 8px 8px 0;
    color: #fff;
}

.date-picker-wrapper.two-months .month-wrapper table .day.toMonth.checked.first-date-selected::before,
.date-picker-wrapper.two-months .month-wrapper table .day.toMonth.checked.last-date-selected::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 8px;
    background: rgba(65, 45, 219,0.9);
    z-index: -1;
}


.date-picker-wrapper.two-months .next,
.date-picker-wrapper.two-months .prev {
    color: transparent;
    position: relative;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px solid var(--grey-border);
    opacity: 1;
    background-color: var(--grey-bg);
}

.date-picker-wrapper.two-months table .caption .next:hover,
.date-picker-wrapper.two-months table .caption .prev:hover {
    background-color: var(--theme-bg);
    border-color: var(--theme-bg);
    color: transparent;
}

.date-picker-wrapper.two-months table .caption .next, 
.date-picker-wrapper.two-months table .caption .prev {
    padding: 8px 14px;
    position: relative;
}


.date-picker-wrapper.two-months .next::before {
    transform: rotate(-90deg);
    margin-left: -1px;
    margin-top: -1px;
}


.date-picker-wrapper.two-months .prev::before {
    transform: rotate(90deg);
    margin-left: -3px;
    margin-top: -1px;
}

    .date-picker-wrapper.two-months .next::before,
    .date-picker-wrapper.two-months .prev::before {
        content: "\e936";
        font-family: synopsis-icons !important;
        font-size: 14px;
        position: absolute;
        top: 0;
        bottom: unset;
        background: none;
        /*width: 100%;
        height: 100%;*/
        pointer-events: none;
        color: var(--themecolor);
        opacity: 1;
        display: inline-block;
    }

.date-picker-wrapper.two-months .date-range-length-tip {
    --bgcolor:var(--grey-bg);
    background-color: var(--bgcolor);
    font-weight: 600;
}

.date-picker-wrapper.two-months .date-range-length-tip::after {
    border-top: 4px solid var(--bgcolor);
}


/*___mstm2___*/
/* nag library ext.*/

.nag-checkbox {
    display: block;
    position: relative;
    padding-left: 24px !important;
    cursor: pointer;
    padding: 10px 0;
}

.nag-checkbox input {
    position: absolute;
    opacity: 0 !important;
    cursor: pointer;
    width: 100%;
    left: 0px;
    height: 100%;
    top: 0px;
}

.nag-checkbox .checkmark {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    height: 24px;
    width: 24px;
    border: 1px solid var(--grey-border);
    background-color: transparent;
    cursor: pointer;
    border-radius: 50%;
    pointer-events: none;
}

.nag-checkbox input:checked ~ .checkmark::before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 13px;
    border-radius: 50%;
    transform: translate(-50%,-50%);
    background: var(--themecolor);
}

.nag-checkbox .checkmark.icon-check {
    border-radius: 4px;
}

.nag-checkbox .checkmark.icon-check::before {
    border-radius: 0px;
    font-size: 0;
}

.nag-checkbox input:checked ~ .checkmark.icon-check::before {
    background: none;
    font-size: 24px !important;
    color: var(--themecolor);
    content: "\e92d";
    width: 24px;
    height: 24px;
}


/*custom-select typehead*/
.nag .typeahead.dropdown-menu {
    box-shadow: 0px 12px 36px 0px #000B6C26;
    border-radius: 8px;
    border: none;
}

.nag .typehead.dropdown-menu li {
    display: block;
    width: 100%;
    text-align: left;
}

.nag .typeahead.dropdown-menu li a {
    padding: 10px 16px;
    color: var(--light-txt);
}

.nag .typeahead.dropdown-menu li:hover a,
.nag .typeahead.dropdown-menu li.active a {
    background: var(--grey-bg);
    color: var(--themecolor);
}

/* nag library ext. / */
/* nag sidebar menu */

.nag-toggle-menu {
    position: fixed;
    bottom: 10px;
    z-index: 5;
}

.nag .back-main, .nag .name {
    font-size: 14px;
}

.nag .back-main::before {
    font-size: 16px;
    position: relative;
    top: 2px;
}

.nag .navbar {
    display: grid;
    grid-template-columns: 100px 200px minmax(0px, 1fr);
    padding: 0 40px;
    height: 66px;
    align-items: center;
    grid-column-gap: 50px;
}

.nag-sidebar {
    padding-top: 70px;
}

.nag-sidebar .main-menu {
    width: calc((180px * 1.333333) / var(--scaleFactor));
    transition: 0.5s !important;
}

.nag-sidebar .main-menu ul li a {
    flex-direction: row;
    justify-content: normal;
    height: 48px;
    font-size: 14px;
    padding: 12px 16px;
    color: var(--main-txt);
    border: none;
}

.nag-sidebar .main-menu ul li i {
    padding-right: 12px;
    font-size: 24px;
}

.nag-sidebar .main-menu ul li i::before {
    color: var(--light-txt);
}

.nag-sidebar .main-menu ul li:hover i::before,
.nag-sidebar .main-menu ul li:hover span {
    color: var(--themecolor);
}

.nag-sidebar .main-menu ul li span {
    padding: 0;
}

.main-hidden .nag-sidebar .main-menu ul li span {
    display: none;
}

.nag-sidebar .main-menu ul li a:hover, .sidebar .main-menu ul li a:focus {
    background: unset;
    color: unset;
}

.nag-toggle-menu {
    text-align: center;
    margin: 0 auto;
    width: calc((180px * 1.333333) / var(--scaleFactor));
}

.nag-toggle-menu a {
    transform: rotate(180deg);
    transition: none;
}

    .nag-toggle-menu a span::before {
        color: var(--grey-light);
    }

.main-hidden .nag-toggle-menu a {
    transform: unset;
}

.main-hidden .nag-toggle-menu {
    width: 56px;
}

.nag-sidebar .main-menu ul li:hover::after {
    content: "";
    position: absolute;
    right: 0;
    width: 4px;
    height: 100%;
    background: var(--themecolor);
    display: inline-block;
    line-height: 1;
    top: 0;
}

.nag-sidebar .sub-menu ul li:hover::after {
    display: none;
}

.nag-sidebar .sub-menu {
    position: relative;
    transform: unset;
    left: unset;
    box-shadow: none;
    width: 100%;
    background: none;
    border-left: none;
}

.nag-sidebar .sub-menu i {
    display: none;
}

.nag-sidebar .sub-menu ul li {
    margin: 0;
}

.nag-sidebar .sub-menu ul li a {
    border-radius: 20px;
    padding: 10px 15px;
    height: auto;
    margin: 0 20px;
}

.nag-sidebar .sub-menu ul li:hover a {
    background: var(--light-grey);
}

.nag-sidebar .sub-menu ul li a .badge-sinopsys {
    right: 35px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    color: var(--grey-light);
}

#app-container.main-hidden main,
#app-container.menu-hidden main {
    margin-left: 80px;
}

#app-container.sub-hidden main, #app-container.menu-sub-hidden main, #app-container.menu-hidden main {
    margin-left: 80px;
}

#app-container.main-hidden .nag-sidebar .main-menu {
    width: 60px;
}

#app-container.sub-hidden .sub-menu,
#app-container.menu-sub-hidden .sub-menu,
#app-container.menu-hidden .sub-menu,
#app-container.main-hidden .main-menu {
    transform: unset;
}


.nag-sidebar .nagicon-before.icon-down-arrow-noline::before {
    right: 36px;
    left: unset;
    top: 13px;
    transform: unset;
    color: var(--grey-light);
    padding: 5px;
    transition-delay: 0.3s;
    visibility: visible;
    opacity: 1;
}

.nag-sidebar .nagicon-before.icon-down-arrow-noline:hover::before {
    background: var(--grey-border);
    border-radius: 50%;
    color: var(--light-txt);
}

.nag-sidebar .nagicon-before.icon-down-arrow-noline.expanded::before {
    content: "\e937";
}

.main-hidden .nag-sidebar .nagicon-before.icon-down-arrow-noline::before {
    visibility: hidden;
    opacity: 0;
    transition-delay: -0.3s;
}

.suboutter > ul {
    display: none;
}

.suboutter.active > ul {
    display: block;
}

#app-container.menu-mobile .nag-sidebar .main-menu {
    transform: unset;
}
/* nag sidebar menu / */


/*availability*/
.nag-availability-outter {
    display: grid;
    grid-column-gap: 16px;
    grid-template-columns: calc((232px * 1.333333) / var(--scaleFactor)) 1fr;
}

.nag-filtermenu.filtermenu {
    padding-top: 20px;
    padding-left: 20px;
}

.nag-filtermenu.filtermenu, .nag-flight-outter {
    width: 100%;
    min-width: 100%;
}

    .nag-flight-outter > .row {
        margin-bottom: 16px;
        padding-bottom: 16px;
    }

    .nag-filtermenu label,
    .nag-flight-outter label {
        margin: 0 0 0 8px;
    }

    .nag-filtermenu .s-up-title,
    .nag-flight-outter .s-up-title {
        margin: 16px 0;
        text-align: left;
    }

.nag-filtermenu .col-md-12 {
    padding: 0 8px;
    margin-bottom: 12px;
}

.nag-filtermenu h5 {
    font-weight: 400;
    font-size: 14px;
    color: var(--main-txt);
    word-wrap: break-word;
}

.nag-filtermenu .noUi-connect {
    background: var(--themecolor);
}

.nag-flight-type {
    display: grid;
    grid-template-columns: repeat(3, minmax(0px, auto));
    justify-content: flex-start;
}

    .nag-flight-type div {
        flex: unset;
        max-width: unset;
    }

.showmoreless {
    background: none !important;
    border: none !important;
    color: var(--main-txt);
}

.nag-flight-type .nag-checkbox {
    padding: 0;
}

.nag-flight-outter .form-group {
    margin: 0;
}

.nag-flight-outter .form-item .label-txt {
    bottom: 100%;
}


.nag-flight-outter .form-item.select-item .label-txt {
    z-index: 3;
}

.nag-flight-outter .form-item:focus .label-txt {
    border-color: var(--themecolor);
}

.nag-flight-outter .space-between-con > div {
    display: flex;
    gap: 24px;
}

.label-txt.focused {
    color: var(--themecolor);
}

.flightkind {
    margin-left: 20px;
    text-align: right;
}

.flightkind-row {
    display: flex;
    row-gap: 24px;
    margin-top: 24px;
}

.flightkind .light-txt {
    margin-right: 24px;
    min-width: 100px;
}

.nag-btn-add-rmv-outter {
    margin-left: 20px;
}

.nag-btn-add-rmv {
    display: flex;
    gap: 5px;
    height: 24px;
    position: relative;
}

    .nag-btn-add-rmv .btn {
        background: none !important;
        border: none !important;
        border-radius: 50%;
        padding: 0;
        color: var(--themecolor) !important;
        font-size: 22px;
        width: 24px;
        height: 24px;
        font-weight: 400;
    }

.nag-btn-rmv.nagicon-before::before,
.nag-btn-add.nagicon-before::before {
    font-size: 24px;
    color: var(--themecolor);
    pointer-events: none;
}

.nag-btn-rmv.nagicon-before, .nag-btn-add.nagicon-before {
    position: relative;
    width: 24px;
}

.flightkind-row.flightkind-snd {
    margin-left: 124px;
}

    .flightkind-row.flightkind-snd .space-between-con {
        gap: 24px;
    }

.nag-pdn-reset {
    margin: 0 -15px;
}

.nag-availability-outter #apisearchparameterdiv {
    padding: 0 15px;
}

.nag-availability-outter .grey-line-title.light {
    margin: 24px 0;
}

.nag-availability-outter .add-flight-outer {
    margin: 0px auto 30px auto;
}

.form-item.plus-checkbox.nag-checkbox.ischecked span {
    z-index: 1;
    position: inherit;
}

.adv-filter-checklists .form-item.nag-checkbox {
    margin-bottom: 20px;
}

.form-item.plus-checkbox.nag-checkbox.ischecked {
    background: var(--grey-bg);
    border-radius: 8px;
}

.adv-filter-right-checklist span.form-check-input {
    position: absolute;
    left: 51px;
    top: 4px;
}

.selectexcludedcountries_hiddenbttn,
.selectexcludedairportsandcities_hiddenbttn {
    position: relative;
    z-index: 1;
}

.nag-flight-outter p {
    margin-bottom: 0;
}


/** excluded countries **/
html body .class-badge-apiinfo {
    background: var(--grey-bg);
    color: var(--alt-txt);
    font-weight: normal !important;
    padding: 7px 20px 7px 7px !important;
    font-size: 12px !important;
    margin-bottom: 5px;
    display: inline-block;
    word-wrap: break-word;
    white-space: unset;
    text-align: left;
    max-width: 150px;
    position: relative;
}

.class-badge-apiinfo .icon-close::before {
    font-size: 17px;
    right: 3px;
    top: 50%;
    transform: translateY(-50%);
    left: unset;
}

.plus-checkbox.nag-checkbox input:checked ~ .checkmark {
    background: transparent;
}

/** nearby plus items **/
.adv-filter-right-checklist .form-item-outer .plus-items.nearby {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

    .adv-filter-right-checklist .form-item-outer .plus-items.nearby > div,
    .adv-filter-right-checklist .form-item-outer .plus-items.timeby > div {
        grid-template-columns: repeat(3, auto);
        display: grid;
        column-gap: 5px;
        row-gap: 16px;
        margin-bottom: 16px;
        justify-content: left;
    }

.timeby .form-item.medium-item {
    min-width: 160px;
}
/** results **/
.nag-availability-results {
    margin-top: 40px;
    margin-left: -15px;
}

    .nag-availability-results .nav-tabs {
        border: none;
        margin-bottom: 16px;
    }

    .nag-availability-results .form-flights-api {
        margin-top: 32px !important;
    }

    .nag-availability-results .nav-tabs .nav-link.active::before,
    .nag-availability-results .nav-tabs .nav-item.show .nav-link::before {
        display: none;
    }

    .nag-availability-results .nav-tabs .nav-item button,
    .nag-availability-results .nav-tabs .nav-item,
    .nag-availability-results .col-md-12,
    .nag-availability-results .row {
        padding: 0;
        margin: 0;
    }

    .nag-availability-results .nav-tabs .nav-item {
        margin-right: 8px;
        margin-bottom: 8px;
    }

        .nag-availability-results .nav-tabs .nav-item label {
            color: var(--main-txt);
            font-weight: 400;
            font-size: 14px;
            border: 1px solid var(--grey-border);
            border-radius: 8px;
            padding: 5px;
            margin: 0;
            display: flex;
            align-items: center;
        }

        .nag-availability-results .nav-tabs .nav-item .active label {
            border-color: var(--indigo);
        }

    .nag-availability-results .class-badge-apiinfo {
        padding: 5px !important;
        margin: 0 5px;
    }

    .nag-availability-results .flight-info-box-content {
        grid-template-columns: repeat(3,minmax(0,190px));
        margin: 32px auto;
    }

    .nag-availability-results .info-item {
        grid-template-columns: 72px auto;
    }

    .nag-availability-results .flight-info-box-content > div {
        row-gap: 8px;
        display: grid;
    }

.nag-availability-outter .btnclosetab, .nag-availability-results .btnclosetab {
    position: relative;
    right: 0;
    width: 24px;
    height: 24px;
    top: 100%;
    margin: 0;
}

.nag-availability-results .btnclosetab span {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

    .nag-availability-outter .btnclosetab .nagicon-before::before {
        font-size: 24px;
        color: var(--close-button-color);
    }

.nag-navlist-sortby {
    display: grid;
    grid-template-columns: 1fr 240px;
}

    .nag-navlist-sortby .select-item {
        justify-self: right;
        max-height: 40px;
    }


/** flights results**/

.row.nag-result-flight-row {
    display: block;
}

.nag-availability-results .flight-details .offer-item {
    background: #fff;
    border: 0px;
    padding: 16px;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 0px 8px 0px rgba(0, 11, 108, 0.07);
}

    /*.nag-availability-results .flight-details .offer-item:hover {
	border-color: var(--indigo);
}*/

    .nag-availability-results .flight-details .offer-item::before {
        content: "";
        height: 100%;
        width: 3px;
        background: var(--themecolor);
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        transition: 0.1s ease-in-out;
        opacity: 0;
    }

    .nag-availability-results .flight-details .offer-item:hover::before {
        opacity: 1;
    }

.isflight {
    display: grid;
    grid-template-columns: 1fr 200px;
}

.nag-availability-results .flightinfo-item {
    display: grid;
    grid-template-columns: repeat(9, auto);
}

.row.nag-flightlistinfo {
    display: grid;
}

/** fare options **/

.nag-option-info {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 8px;
}

.nag-availability-results .info-box-grey {
    background: var(--grey-bg);
    border: 1px solid transparent;
    transition: none;
    padding: 16px 24px;
    min-width: 290px;
    min-height: 180px;
    display: grid;
}

    .nag-availability-results .info-box-grey.hovered {
        cursor: pointer;
        background: #fff;
        border: 1px solid var(--grey-border);
    }

.nag-availability-results .info-box-label {
    margin-right: 12px;
    min-width: 72px;
}

.nag-availability-results .info-box-content, .nag-availability-results .info-box-label {
    font-size: 14px;
    margin-top: 0;
}

.nag-availability-results .info-box-grey .nagicon-before-inline::before {
    color: var(--light-txt);
}

.nag-availability-results .info-box-grey .hover-info .nagicon-before-inline::before {
    color: var(--themecolor);
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
}

.nag-availability-results .nag-option-info .nagicon-before-inline.icon-luggage {
    margin-left: 12px;
}

.nag-availability-results .info-box-grey .hover-info {
    position: absolute;
    right: 24px;
    top: 16px;
}

.nag-availability-results .info-box-grey.hovered .hover-info {
    display: block;
}

.option-info-icon .nagicon-before-inline {
    display: block;
    width: 32px;
    height: 32px;
    position: relative;
}

.nag-availability-results .info-box-grey .hover-info .cd-add-to-cart {
    box-shadow: none;
}

.nag-availability-results .info-box-grey .option-info-icon.added-to-cart-box {
    position: absolute;
    bottom: 20px;
    top: unset;
    right: 27px;
    left: unset;
    background: none;
    transition: unset;
}

    .nag-availability-results .info-box-grey .option-info-icon.added-to-cart-box .nagicon-before-inline::before {
        color: var(--green);
        font-size: 24px;
        font-weight: 400;
    }

.price-table.nag-flight-fares {
    position: relative;
}

.slider-arrow-btn.btn-right {
    position: absolute;
    display: inline-block;
    width: 32px;
    height: 32px;
    background: var(--light-txt);
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    border-radius: 50%;
    color: #fff;
}

    .slider-arrow-btn.btn-right::before {
        font-family: 'synopsis-icons';
        content: "\e936";
        transform: rotate(-90deg) translateY(8%);
        display: block;
    }

.nag-flight-fares .flight-box-options {
    padding-bottom: 15px;
}

.nag-flight-outter .nag-flight-fares .flight-box-options {
    padding-bottom: 0px;
}



.nag-flight-fares .flight-box-options.slick-initialized {
    display: block;
}

.nag-availability-results .info-box-grey.added {
    background: #2DB1DB0D !important;
    border: 1px solid var(--cyan) !important;
}

.age-item-outer .age-qty {
    position: relative;
    max-width: 24px;
}

    .age-item-outer .age-qty::before {
        color: var(--themecolor);
        font-size: 20px;
    }

.age-item-outer .nag-form-control {
    border: none;
    padding: 0;
    text-align: center;
    border-radius: 0;
}

.age-item-outer {
    background: var(--grey-bg);
    display: grid;
    grid-template-columns: repeat(3, 33.33%);
    justify-items: center;
}

.nag-result-flight-row .price-table.nag-flight-fares {
    max-width: 100vw;
    overflow-x: scroll;
}

#apitabcontentflight .row {
    display: grid;
}




/*modal linkrequest*/

.nag-linkreq-outer {
    display: grid;
    grid-template-columns: repeat(2, auto);
    align-items: center;
    column-gap: 12px;
}

.nag-linkreq-settings input {
    background: none;
    border: none;
    padding: 0;
}

.modal-dialog.link-request-container {
    max-width: 90%;
}

.nag-request-con {
    display: grid;
    grid-template-columns: 75% 25%;
    column-gap: 16px;
    margin-top: 16px;
}

.nag-request-settings.grey-box {
    margin-right: 16px;
}

.nag-request-con .passenger-check-container {
    margin-top: 16px;
}

.nag-request-con .nag-traveler-grid {
    display: grid;
    grid-template-columns: repeat(6, 16%);
    margin: 7px 0;
}

.nag-traveler-grid.selecteddata {
    grid-template-columns: repeat(6, 16%) 1fr;
}

.nag-traveler-grid .nagicon-before-inline {
    font-size: 24px;
}

.nag2grid {
    grid-template-columns: repeat(2, minmax(0px, auto));
    display: grid;
    justify-items: center;
    align-items: center;
}

.action-icons.nag2grid {
    column-gap: 24px;
}

.nag-request-passenger.passenger-section.general-common.grey-box {
    margin-top: 0;
}

.nag-request-con #SearchPassengerInput {
    border-radius: 8px;
    box-shadow: none !important;
}

.custom-switches .nagicon-before-inline.icon-close {
    color: red;
}

.custom-switches .nagicon-before-inline.icon-check {
    color: var(--green);
}

.nag-request-settings .passenger-section {
    margin-top: 0;
}

/*input / check overrides for traveler list grid*/
.nag-traveler-grid .nag-form-control, .nag-traveler-grid .nag-checkbox {
    background: transparent;
    border: none;
    padding: 0;
}

.request-settings-items {
    display: grid;
    row-gap: 16px;
    margin-top: 30px;
}

.nag-more-info .nag-rpt {
    display: grid;
    gap: 16px;
}

.nag-modal-content .form-fields {
    margin: 16px auto;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

/*availability / */

/*===Dashboard===*/
.dashboard-cards {
    display: flex;
    gap: 16px;
}

.card-item {
    display: block;
    background: #fff;
    padding: 32px 40px;
    border-radius: 16px;
    border: 1px solid var(--grey-border);
    height: 400px;
    width: 100%;
}

    .card-item:hover {
        border-color: var(--themecolor);
    }

    .card-item .card-item-inner {
        display: grid;
        justify-content: left;
        grid-template-rows: auto 1fr auto;
        height: 100%;
        gap: 16px;
    }

    .card-item .card-icon {
        font-size: 80px;
        line-height: 0;
    }

        .card-item .card-icon.luggage .nagicon-paths.icon-shield-db {
            font-size: 30px;
            vertical-align: top;
            margin-left: -10px;
        }

    .card-item .card-title {
        font-weight: 600;
        font-size: 16px;
        margin-bottom: 5px;
    }

    .card-item .card-number {
        font-size: 40px;
        font-weight: 600;
    }


/*===Create Offer===*/
.offers-top {
    margin-top: 16px;
    margin-bottom: 16px;
}

.divider {
    width: 100%;
    border-bottom: 1px solid var(--grey-border);
    /* margin-top: 16px; */
    margin-bottom: 16px;
}


.back-title {
    display: flex;
    align-items: baseline;
    align-items: center;
    position: relative;
    gap: 8px;
}

    .back-title .primary-title::before {
        content: "\e92a";
        font-family: 'synopsis-icons';
        color: var(--light-txt);
        font-size: 14px;
        font-weight: normal;
        margin-right: 6px;
    }

    .back-title .primary-title {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .back-title .breadcrumb {
        padding: 0;
        margin: 0;
    }

        .back-title .breadcrumb li {
            color: var(--light-txt);
        }

    .nag .breadcrumb-item + .breadcrumb-item::before,
    .back-title .breadcrumb-item + .breadcrumb-item::before {
        content: "/";
        display: inline-block;
        padding-right: .5rem;
    }

.rebooked-outer {
    margin-bottom: 24px;
    margin-top: -8px;
}

.offers-top-form {
    margin-bottom: 16px;
    margin-top: 16px;
}

.offers-top .main-top-right {
    display: flex;
    gap: 16px;
    align-items: center;
}

.offer-created-assigned {
    color: var(--alt-txt);
}

    .offer-created-assigned .user {
        font-weight: 500;
        margin-left: 16px;
    }

.offer-sec-title-top-section {
    padding: 8px;
}


.offers-top-form .form-item.large-item {
    width: 200px;
}

/*.offers-top-form .form-item.small-item {
    width: 160px;
}*/

.form-row.space-between-con.offers-top-form > div {
    display: flex;
    gap: 16px;
}

/*---groups section---*/
.groups-section {
    display: grid;
    grid-template-columns: 282px 1fr;
    gap: 16px;
}
/*-tabs-*/
.groups-tabs {
    list-style: none;
    margin-bottom: 0;
}

    .groups-tabs li + li {
        margin-top: 16px;
    }

    .groups-tabs .group-item {
        padding: 8px 16px;
        position: relative;
        transition: 0.3s ease-in-out;
    }

.group-item:hover {
    background: var(--grey-bg);
}

.groups-tabs .group-item::after {
    content: "";
    /*height:100%;*/
    height: 0;
    width: 2px;
    background: var(--themecolor);
    position: absolute;
    right: 0;
    top: 0;
    pointer-events: none;
    /*opacity:0;*/
    transition: 0.3s ease-in-out;
}

.group-item .group-link {
    display: block;
}

.group-item .tab-top {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.tab-title-outer {
    display: flex;
    justify-content: start;
    align-items: baseline;
    gap: 8px;
}

.tab-title {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 0;
}

.tab-title-outer .icon-check {
    color: var(--green);
    font-size: 26px;
    line-height: 1;
    transform: translateY(18%);
    display: inline-block;
}


.close-btn .icon-close {
    font-size: 27px;
    line-height: 1;
    transform: translateY(18%);
    display: inline-block;
    color: var(--grey-light);
}

.type-of-flight {
    font-size: 12px;
    color: var(--light-txt);
}

.flights-info .group-tab-flight {
    padding: 8px 0;
    display: grid;
    grid-template-columns: 80px 1fr;
}

.group-tab-flight-left {
    font-weight: 500;
}

.group-tab-flight-right {
    display: flex;
    gap: 12px;
}

    .group-tab-flight-right .f-label {
        min-width: 40px;
        color: var(--light-txt);
    }

/*active*/
.group-item.active {
    background: var(--grey-bg);
}

.groups-tabs .group-item.active::after {
    height: 100%;
}

.group-item.active .tab-title {
    color: var(--themecolor);
}

/*-tab content-*/
.group-tab-info > div + div {
    margin-top: 16px;
}

.group-tab-info .content {
    margin-top: 5px;
}

.dropdown-section .dropdown-section-title,
.add-section .add-section-title {
    margin-bottom: 0;
}

.dropdown-section-title,
.add-section-title {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .dropdown-section-title::after {
        content: "\e937";
        width: 24px;
        display: inline-block;
        margin-left: 5px;
        font-family: synopsis-icons;
        font-weight: normal;
        font-size: 12px;
        vertical-align: baseline;
        line-height: 24px;
        text-align: center;
        color: var(--grey-light);
        transition: 0.1s ease-in-out;
        border-radius: 50%;
        transition: 0.1s ease-in-out;
    }

    .dropdown-section-title:hover::after {
        background: var(--grey-border);
        color: var(--light-txt);
    }


.collapsed .dropdown-section-title::after {
    transform: rotate(180deg);
}



.collapsed .add-section-title::after {
    content: "\e92c";
    width: 24px;
    display: inline-block;
    margin-left: 5px;
    font-family: synopsis-icons;
    font-weight: normal;
    font-size: 12px;
    vertical-align: baseline;
    line-height: 24px;
    text-align: center;
    color: var(--themecolor);
    font-size: 20px;
}

.add-section .collapsed {
    position: relative;
}

.data-link:not(.collapsed) .add-section-title::after {
    content: "\e92e";
    width: 24px;
    display: inline-block;
    margin-left: 5px;
    font-family: synopsis-icons;
    font-weight: normal;
    font-size: 12px;
    vertical-align: baseline;
    line-height: 24px;
    text-align: center;
    font-size: 24px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    color: var(--grey-light);
}

.add-section-title {
    position: relative;
}

.dropdown-section .content {
    margin-top: 16px;
}


/*travellers details*/
.traveler-item {
    display: inline-grid;
    grid-template-columns: 190px 24px;
    gap: 8px;
    align-items: center;
}

.traveller-full-name {
    cursor: pointer;
    display: block;
    z-index: 2;
}

.traveler-item .btn.btn-single-icon {
    padding: 0;
    text-align: center;
    font-size: 20px;
}

.travellers-list {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(3, auto);
    grid-template-columns: repeat(auto-fit,225px);
    column-gap: 40px;
    row-gap: 8px;
    padding: 32px 0;
}


/*additional comments*/
.travellers-details .additional-comments,
.one-row-form {
    display: flex;
/*    max-height: 42px;*/
    gap: 16px;
    align-items: center;
    margin-top: 16px;
}

.travellers-details .additional-comments .form-item {
    margin: 0;
}

/*.travellers-details .additional-comments .form-item textarea.nag-form-control,
.one-row-form .form-item textarea.nag-form-control {
    max-height: 42px;
}*/


/*-flights info-*/
.flights-info {
    padding: 8px 0;
}

.flight-info-box + .flight-info-box {
    margin-top: 16px;
}

.flight-info-box .info-item + .info-item {
    margin-top: 8px;
}

.flight-info-box-content {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,33.33%));
    column-gap: 12px;
    row-gap: 8px;
}


/*offer*/
.flight-details .offers-outer {
    margin-top: 8px;
}

.flight-details .offer-item,
.accommodation-offers .offer-item {
    background: #fff;
    border: 1px solid var(--themecolor);
    padding: 16px;
    border-radius: 8px;
}

.flight-details .offer-item.cancel_offer {
    border: 1px solid var(--red);
}

.flight-details .offer-item + .offer-item {
    margin-top: 12px;
}

.flight-details .offer-item .offer-top {
    padding: 0 4px;
}

.flight-details .offer-item .offer-top .s-up-title {
    margin-bottom: 0;
}

.flight-details .offer-item .flights-info {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: last baseline;
}

.flight-details .offer-item .flights-info .flights-table {
    display: grid;
    grid-template-columns: repeat(5,auto) 1fr;
    color: var(--alt-txt);
    font-weight: 500;
    align-items: center;
}

.flight-details .offer-item .flights-info .flights-table > div,
.flights-total > div {
    padding: 12px 8px;
}

.flight-details .offer-item .flights-info .flights-table .flight-code {
    min-width: 60px;
    grid-column: 1/2;
}

.flight-details .offer-item .flights-info .flights-table .dep-date {
    grid-column: 2/3;
}

.flight-details .offer-item .flights-info .flights-table .from-to {
    position: relative;
    gap: 16px;
    display: grid;
    grid-template-columns: 56px 56px;
    text-align: center;
    grid-column: 3/4;
}

.flight-details .offer-item .flights-info .flights-table .from-to::before {
    content: "\e92b";
    font-family: synopsis-icons;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    font-size: 11px;
}

.flight-details .offer-item .flights-info .flights-table .from-to > div.airport {
    font-weight: 600;
    font-size: 16px;
}

.flight-details .offer-item .flights-info .flights-table .dep-arr-time {
    display: flex;
    gap: 8px;
    grid-column: 4/5;
}

.flight-details .offer-item .flights-info .flights-table .dep-arr-time .time {
    min-width: 48px;
    text-align: center;
}

.flight-details .offer-item .flights-info .flights-table .transit {
    display: flex;
    gap: 8px;
    grid-column: 5/6;
}

.flight-details .offer-item .flights-info .flights-table .transit .info-item-content {
    min-width: 60px;
}

.flight-details .offer-item .flights-info .flights-table .operated-by {
    grid-column: 6/7;
}

.flight-details .offer-item .flights-info .flights-table .flights-total {
    grid-column: 7/7;
}

.flight-details .offer-item .price-table-item + .price-table-item {
    margin-top: 16px;
}

.price-table-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.price-table-item .info-box-grey.fare-type {
    min-width: 180px;
}

.price-table-item .info-box-grey.price {
    min-width: 160px;
}

.price-table-item .info-box-grey.fare {
    min-width: 128px;
}

.price-table-item .info-box-grey.co2 {
    min-width: 80px;
}

.price-table-item .info-box-grey.code {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    min-width: 240px;
    gap: 8px;
}

.price-table-item .info-box-grey .code-copy {
    display: flex;
    gap: 8px;
    align-items: center;
    color: var(--green);
}

.price-table-item .info-box-grey .code-copy.invalid,
.price-table-item .info-box-grey.invalid .code-copy {
    color: var(--red);
}


.price-table-item-selected.price-table-item .info-box-grey {
    background: var(--green-s-bg);
}

.flight-bottom {
    text-align: right;
}

.btn-group-outer {
    display: inline-flex;
    gap: 16px;
    margin-top: 12px;
}

/*-time limit-*/
.offers-bottom {
    margin-top: 16px;
}

.time-limit-outer {
    background: #fff;
    border-radius: 8px;
    display: inline-flex;
    gap: 8px;
    padding: 0 16px;
    height: 40px;
    align-items: center;
    margin-bottom: 0;
}

    .time-limit-outer .label-txt,
    .time-limit-outer .nagicon-before-relative.icon-pencil {
        display: inline-block;
        color: var(--light-txt);
    }

    .time-limit-outer .nagicon-before-relative.icon-pencil {
        font-size: 22px;
    }

    .time-limit-outer .nag-form-control {
        border: none;
        background: none;
        box-shadow: none;
        width: auto;
        max-width: 60px;
    }

.offers-bottom .offers-bottom-actions {
    margin-top: 16px;
}

/*--------Modals--------*/
.nag-modal {
    margin-top: 135px;
}
.nag .nag-modal.modal-dialog>div{
    pointer-events:auto;
}

    .nag-modal.main-box.small-modal,
    .nag-modal.main-box.screen-modal {
        top: 50%;
        /*transform: translateY(-50%);*/
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        position:relative;
    }

.modal.fade .nag-modal.small-modal,
.modal.fade .main-box.screen-modal,
.modal.fade .nag-modal.main-box.small-modal,
.modal.fade .nag-modal.main-box.screen-modal {
    -webkit-transform: translate(0, -75%);
    transform: translate(0, -75%);
}

.modal.fade.show .nag-modal,
.modal.show .nag-modal {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal.fade .nag-modal {
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
}

.modal.show .nag-modal.small-container,
.modal.show .nag-modal.screen-modal,
.modal.fade.show .nag-modal.small-modal,
.modal.fade.show .nag-modal.screen-modal {
    -webkit-transform: translate(0, -50%);
    transform: translate(0,-50%);
}

.nag-modal .nag-modal-header {
    padding: 8px 0px 8px 8px;
    margin-bottom: 8px;
}

.nag-modal.small-modal .nag-modal-header {
    padding-left: 0;
}

.modal .nag-modal .modal-content {
    margin: 0;
}

.modal-bottom.modal-actions {
    padding-top: 16px;
}

/*full screen modal*/
.nag-modal.modal-full.auto-offer-container {
    width: 100%;
    display: block;
    max-width: 100%;
    height: calc(100vh - 65px);
    bottom: 0;
    top: unset;
    overflow-y: auto;
    margin: 0 !important;
    position: absolute;
}

/*.filters-content-outer {
    max-height: calc(100vh - 130px);
    overflow-y: auto;
}*/

/*screen modal*/
.nag-modal.main-box.screen-modal {
    max-height: calc(100vh - 80px);
}

.modal .nag-modal.screen-modal .modal-content {
    margin: 0;
    /*max-height: calc(100vh - 222px);*/
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.3) #fff;
    position: relative;
}

.modal .nag-modal.screen-modal {
    display: grid;
    grid-template-rows: auto 1fr auto;
}

.modal-content::-webkit-scrollbar {
    width: 6px;
    background: #fff;
    position: absolute;
    left: 100%;
}

/* Track */
.modal-content::-webkit-scrollbar-track {
    /*box-shadow: inset 0 0 5px grey;*/
    border-radius: 10px;
}

.modal-content::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 8px;
    /*-webkit-box-shadow: 0px 1px 2px rgba(245, 245, 245, 1);*/
    border-radius: 8px;
}

    /*::-webkit-scrollbar-corner {
    background: rgb(106, 115, 112);
}*/

    /* Handle on hover */
    .modal-content::-webkit-scrollbar-thumb:hover {
        background: rgba(0, 0, 0, 0.5);
    }

/*---User modal---*/
.nag-modal.coordinator-details-container > *:not(.nag-modal-header),
.nag-modal.corporate-details-container > *:not(.nag-modal-header) {
    padding: 8px;
}

.nag-modal.main-box {
    width: calc(100% - 40px);
    max-width: 1144px;
    margin-left: auto;
    margin-right: auto;
}

.nag-modal.coordinator-details-container .s-up-title,
.nag-modal.corporate-details-container .s-up-title {
    padding-top: 16px;
    margin-bottom: 0;
}

.nag-modal .user-copy-con {
    padding-top: 0;
    padding-bottom: 0;
}

    .user-top-icon .nagicon-before-relative.icon-user,
    .nag-modal .user-copy-con .nagicon-before-relative.icon-user {
        color: var(--light-txt);
        font-size: 32px;
    }

.nag-modal .nag-modal-3col {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,33.33%));
    gap: 16px;
    padding: 8px;
}

    .nag-modal .nag-modal-3col > div {
        display: grid;
        row-gap: 8px;
    }

.nag-modal .nag-modal-4col {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,25%));
    gap: 16px;
}




/*--Cancel request modal--*/
.nag-modal.main-box.small-modal {
    max-width: 400px;
}

.modal-main-txt {
    font-weight: 600;
    font-size: 16px;
}

.modal-actions {
    display: flex;
    justify-content: end;
    gap: 16px;
}

/*--Manual offer modal--*/
.nag-modal.main-box.add-offer-container,
.nag-modal.main-box.screen-modal {
    max-width: 1380px;
}

.add-offer-container .modal-bottom.modal-actions {
    padding-top: 16px;
}

.mo-offer-item .sub-item .form-fields {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.add-offer-container .sub-items-outer .divider {
    margin-top: 16px;
    margin-bottom: 16px;
}

.add-offer-container .sub-item {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 32px;
}

.add-offer-container .sub-items-outer .sub-item + .sub-item {
    border-top: 1px solid var(--grey-border);
    padding-top: 16px;
}

.add-offer-container .sub-item .sub-item-actions {
    min-width: 58px;
}

.add-offer-container .modal-content .grey-box + .grey-box,
.add-offer-container .mo-offer-item,
.add-offer-container .mo-offer-item .sub-item + .sub-item {
    margin-top: 16px;
}

.add-offer-container .mo-offer-item {
    margin-top: 16px;
}

.mo-price-table-outer {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,25%));
    gap: 32px;
}

    .mo-price-table-outer .price-table-col {
        position: relative;
    }

        .mo-price-table-outer .price-table-col + .price-table-col::before {
            content: "";
            height: 100%;
            display: block;
            position: absolute;
            top: 0;
            left: -16.5px;
            border-left: 1px solid var(--grey-border);
        }

        .mo-price-table-outer .price-table-coll:nth-child(5n)::before {
            display: none !important;
        }

        .mo-price-table-outer .price-table-col > div + div,
        .mo-price-table-outer .multi-items > div + div {
            margin-top: 16px;
        }

        .mo-price-table-outer .price-table-col .form-item,
        .mo-price-table-outer .double-form-item-row {
            max-width: 230px;
        }

.hide-checkbox input[type="checkbox"] {
    position: absolute;
}

.hide-checkbox {
    margin-bottom: 0;
}

/*--paste--*/
.form-center-radio{
    display:flex;
    gap:24px;
    align-items:baseline;
}

/*---Auto offer---*/
.auto-offer-container .back-title {
    margin-bottom: 16px;
}

.filters-content-outer {
    display: grid;
    grid-template-columns: 232px 1fr;
    gap: 16px;
}

.nag-filtermenu .s-up-title:first-child {
    margin-top: 0;
}

.filter-title {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    padding: 8px 0;
}

.row-chexkboxes {
    display: flex;
    gap: 14px;
    margin-bottom: 16px;
}

.auto-offer-container .content .white-box {
    margin-bottom: 16px;
}

.ao-flights-outer.one-way-flight {
    display: flex;
    gap: 24px;
}

    .ao-flights-outer.one-way-flight .ao-flights .item,
    .ao-flights-outer.one-way-flight .ao-info,
    .ao-flights-outer.one-way-flight .add-flight-outer {
        grid-template-columns: repeat(3,auto);
    }

.ao-flights .item {
    display: grid;
    grid-template-columns: 94px repeat(3,160px);
    justify-content: start;
    align-items: center;
    gap: 24px;
}

.ao-flights .item,
.ao-info,
.add-flight-outer {
    display: grid;
    grid-template-columns: 94px repeat(5,auto);
    justify-content: start;
    align-items: center;
    gap: 24px;
    margin-bottom: 16px;
}

.add-flight-outer {
    margin-bottom: 10px;
    margin-top: -6px;
}

.ao-flights .item-label {
    color: var(--light-txt);
    text-align: right;
}

    .ao-flights .item-label .item-label > p {
        margin-bottom: 0;
    }

.form-item.plus-checkbox.nag-checkbox {
    border-radius:8px;
    transition:0.1s ease-in-out;
}
    .form-item.plus-checkbox.nag-checkbox:hover {
        /*background: var(--grey-border);*/
        background: var(--grey-badge);
    }

.auto-offer-container .form-item.plus-checkbox.nag-checkbox.ischecked {
    background: var(--grey-bg);
}

.btn.btn-light.apiadvancesearchfilter-bttn {
    color: var(--main-txt);
    font-size: 14px;
}

.adv-filter-top {
    display: grid;
    column-gap: 24px;
    grid-template-columns: repeat(3, 240px);
    align-items: center;
}

.adv-filter-checklists {
    display: grid;
    grid-template-columns: 240px 1fr;
    column-gap: 24px;
    align-items: baseline;
}

.adv-filter-right-checklist .form-item-outer {
    display: grid;
    grid-template-columns: 240px 1fr;
    column-gap: 24px;
    align-items: baseline;
}

    .adv-filter-right-checklist .form-item-outer .plus-items {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
        column-gap: 24px;
        align-items: center;
    }

.adv-filter-top, .adv-filter-checklists {
    margin-bottom: 16px;
}
/*fixes*/
.auto-offer-container .nag-availability-results {
    margin-left:0;
}

        /*.auto-offer-container .nag-availability-results .info-box-grey.added {
            border: 1px solid #2DB1DB ;
            background: linear-gradient(0deg, rgba(45, 177, 219, 0.05) 0%, rgba(45, 177, 219, 0.05) 100%), #fff;
        }*/

/*--exclude countries/cities--*/
.nag-modal .exclude_airport_bttn {
    margin-top: 0;
}

.selected-countries,
.selected-cities {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
    align-items: baseline;
}

    .selected-countries .country-badge-item,
    .selected-cities .city-badge-item {
        display: inline-flex;
        gap: 8px;
        background: var(--grey-bg);
        border-radius: 8px;
        font-size: 11px;
        padding: 5px 8px;
        align-items: center;
        color: var(--themecolor);
    }

.country-badge-item .nagicon-before-relative.icon-close,
.city-badge-item .nagicon-before-relative.icon-close {
    font-size: 16px;
    line-height: 0;
}
/*--travellers age--*/
.nag-modal.main-box.small-modal.travellers-age-container{
    max-width: 240px;
}

/*----Previous offers----*/
.nag #sidebarwindow {
    background-color: #fff;
    padding-top: 0px;
}

#sidebarwindow .nag-sidebar-header.space-between-con .openbtnwindow {
    position: relative !important;
    padding: 0 !important;
    color: inherit !important;
    font-size: inherit !important;
    right: unset !important;
    top: unset !important;
    margin-left: 0 !important;
    line-height: 1 !important;
}

.nag-sidebar-inner {
    padding: 16px;
    border: 1px solid var(--grey-border);
    background: #fff;
    height: 100%;
}

.group-offers .offer-item {
    background: #fff;
    padding: 8px 16px;
    display: grid;
    gap: 8px;
}

    .group-offers .offer-item + .offer-item {
        margin-top: 12px;
    }

    .group-offers .offer-item .offer-num {
        font-size: 12px;
        color: var(--light-txt);
        /* margin-bottom: 8px; */
    }

    .group-offers .offer-item .offer-flight {
        font-weight: 500;
        color: var(--alt-txt);
    }

    .group-offers .offer-item .offer-price-option {
        display: grid;
        grid-template-columns: 160px 1fr;
        gap: 12px;
        margin-top: 8px;
        margin-bottom: 8px;
    }

        .group-offers .offer-item .offer-price-option .price-option-label {
            color: var(--light-txt);
        }

        .group-offers .offer-item .offer-price-option .price-option-price {
            font-weight: 500;
            color: var(--alt-txt);
        }

        .group-offers .offer-item .offer-price-option.selected .price-option-label,
        .group-offers .offer-item .offer-price-option.selected .price-option-price {
            color: var(--green);
        }

/*---booklet---*/
.booklet-container .modal-content>div+div{
    margin-top:16px;
}

.booklet-list {
    list-style: none;
}

    .booklet-list li {
        /* margin-bottom: 16px; */
        padding: 8px;
    }
/*---minirule---*/
.minirule-content .tab-content .grey-box {
    margin-top: 16px;
}

.minirule-row {
    display: grid;
    grid-template-columns: repeat(2,auto);
    justify-content: space-between;
    padding: 8px 0;
    border: 1px solid transparent;
}

    .minirule-row:hover {
        border-bottom: 1px solid var(--grey-border);
        border-top: 1px solid var(--grey-border);
    }

    .minirule-row .text {
        color: var(--alt-txt);
    }

    .minirule-row .value {
        color: var(--light-txt);
    }

/*---Link to request---*/
.nag-modal.main-box.screen-modal.modal-setting-req-container {
    max-width: 1608px;
}

.modal-setting-req-container .modal-content-inner {
    padding-top: 12px;
}

/*.passenger-section-buttons{

}*/

.modal-setting-req-container .modal-content.nag-modal-content {
    display: block;
}

.nag-modal.main-box.screen-modal.modal-setting-req-container {
    height: calc(100vh - 80px);
}

.modal-setting-req-container .modal-content.nag-modal-content {
    display: flex;
    flex-direction: column;
}

.modal-setting-req-container .modal-content-inner {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/*2222*/
.nag-modal-content .form-fields {
    width: 100%;
}
/*2222*/

.modal-setting-req-container .modal-content-inner .grey-box.no-request-box {
    flex-grow: 1;
    display: grid;
    place-items: center;
}

.grey-box.no-request-box p {
    margin-bottom: 0;
    color: var(--light-txt);
}

.passenger-check-container .grid-table-header,
.passenger-check-container .grid-table-body .grid-table-row {
    /*grid-template-columns: 1fr 1fr 1fr 105px 96px 96px;*/
    gap: 32px;
}

.passenger-check-container .grid-table-header-item,
.passenger-check-container .grid-table-body .grid-table-row {
    text-align: left;
}

    .passenger-check-container .grid-table-header-item.table-item-surname {
        margin-left: 64px;
    }

.passenger-check-container .grid-table-row-item.table-item-surname .switch-item {
    gap: 32px;
}

/*-edit traveller-*/
.file-insert {
    background: var(--grey-bg);
    border-radius: 8px;
    max-width: 220px;
    width: 100%;
    padding: 8px 16px 8px 8px;
    display: grid;
    grid-template-columns: 40px 1fr 24px;
    align-items: center;
    gap: 8px;
}

    .file-insert .file-preview {
        display: block;
        width: 40px;
        height: 40px;
        border-radius: 8px;
        overflow: hidden;
        position: relative;
    }

        .file-insert .file-preview::before {
            content: "\e93a";
            font-family: synopsis-icons;
            line-height: 1;
            font-size: 22px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            color: var(--light-txt);
        }

    .file-insert .file-insert-txt {
        color: var(--alt-txt);
    }

        .file-insert .file-insert-txt .sub-txt {
            color: var(--light-txt);
            font-size: 12px;
        }

.document-item .switch-item {
    padding: 14px 0px;
}

.document-item {
    padding-bottom: 8px;
}

    .document-item .visa-item + .visa-item,
    .document-item .flyercard-item + .flyercard-item {
        margin-top: 8px;
    }

.document-form,
.document-form-outer .form-items {
    display: flex;
    gap: 16px;
}

.nag-modal .lr-edit-traveller .nag-modal-3col {
    padding-left: 0;
    padding-right: 0;
}

.lr-edit-traveller .file-insert.passport {
    margin-bottom: 16px;
    margin-top: 16px;
}


/*####Cordinator#####*/
.box-bottom-actions {
    display: flex;
    justify-content: end;
    gap: 16px;
}
/*accommodation info*/
.accommodation-info .content .content-inner {
    display: grid;
    gap: 16px;
}

.accommodation-offers {
    display: grid;
    /*grid-template-columns: repeat(auto-fill,450px);*/
    grid-template-columns: repeat(auto-fit,450px);
}
    .accommodation-offers .info-item {
        grid-template-columns: 160px 1fr;
    }

.hotel-offer-container .modal-content .grey-box + .grey-box {
    margin-top: 16px;
}

.hotel-offer-container .acc-offer-top {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: 16px;
}

.hotel-offer-container .hotel-details-outer .item-label {
    color: var(--light-txt);
    padding: 10px 9px;
    margin-top: 16px;
    margin-bottom: 0px;
}

.hotel-offer-container .hotel-details {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    column-gap: 16px;
}

.hotel-room-offer-outer {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 16px;
    padding: 8px 0;
    margin-top: 16px;
    align-items: start;
}

    .hotel-room-offer-outer .hotel-room-offer-col {
        position: relative;
    }

        .hotel-room-offer-outer .hotel-room-offer-col + .hotel-room-offer-col::before {
            content: "";
            height: 100%;
            display: block;
            position: absolute;
            top: 0;
            left: -16.5px;
            border-left: 1px solid var(--grey-border);
        }

        .hotel-room-offer-outer .hotel-room-offer-col:nth-child(4n)::before {
            display: none !important;
        }

.hotel-room-offer-col {
    margin-right: 40px;
    display: grid;
    row-gap: 16px;
    align-items: start;
}

    .hotel-room-offer-col .col-title {
        font-size: 14px;
    }

.hotel-amenities .amenity-item {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 16px;
}

    .hotel-amenities  .amenity-item + .amenity-item {
        margin-top: 16px;
    }

.to-additional-info .rental-items .form-item.text-num-item {
    width: 100%;
    max-width: 350px;
}

.to-additional-info .form-item.text-num-item {
    width: 100%;
    max-width: 227px;
}

.to-additional-info .form-item.text-num-item.xl-item {
    width: 100%;
    max-width: 280px;
}

/*---transportation---*/
.transportation-info .transportation-section .tab-content {
    margin-top: 16px;
    margin-bottom: 16px;
}

    .transportation-info .transportation-section .tab-content .tab-pane {
        display: grid;
        gap: 16px;
    }

.transportation-return {
    display: grid;
    gap: 16px;
}


.transportation-section .dropdown-section .dropdown-section-title.s-up-title {
    color: var(--light-txt);
}

/*--tranportation add offer--*/
.nag-modal.main-box.transport-offer-container .modal-content .grey-box + .grey-box {
    margin-top: 16px;
}

.transport-offer-container .to-additional-info .content .additional-form-items > div + div,
.transport-offer-container .to-total-price .content > div + div {
    margin-top: 16px;
}


/*===history===*/
.history-grid-table.grid-table,
.history-pdf-grid-table.grid-table {
    margin-top: 8px;
}

.history-grid-table .grid-table-header,
.history-grid-table .grid-table-body .grid-table-row {
    /*grid-template-columns: 140px 1fr 126px 120px 52px 32px 32px;*/
    /*grid-template-columns: repeat(5,1fr) repeat(2,32px);*/
    grid-template-columns: repeat(4,1fr) 160px repeat(2,32px);
}

.history-grid-table .table-item-request,
.history-grid-table .table-item-code {
    text-align: left;
}

.history-grid-table .grid-table-body .table-item-type {
    color: var(--light-txt);
}

.grid-table-header-item.table-item-edit,
.grid-table-row-item.table-item-edit,
.grid-table-header-item.table-item-delete,
.grid-table-row-item.table-item-delete {
    padding-left: 0;
    padding-right: 0;
}

    .grid-table-row-item.table-item-edit .btn {
        width: 100%;
    }

/*---create user---*/
/*.history-create-user-grid-table .grid-table-header,
.history-create-user-grid-table .grid-table-body .grid-table-row {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 16px;
}*/

/*-?export request?-*/
.export-req-container ul {
    list-style-position: inside;
}

/*===history-pdf===*/
.history-pdf-grid-table .grid-table-header,
.history-pdf-grid-table .grid-table-body .grid-table-row {
    /*grid-template-columns: 64px 104px 1fr 126px 120px 32px;*/
    /*grid-template-columns: repeat(5,1fr) 32px;*/
   /* grid-template-columns: repeat(4,1fr) 160px 32px;*/
    grid-template-columns: 64px repeat(3,1fr) 160px 32px;
}

.history-pdf-grid-table .table-item-id,
.history-pdf-grid-table .table-item-code,
.history-pdf-grid-table .table-item-filename {
    text-align: left;
}

.history-pdf-grid-table .grid-table-row-item.table-item-edit {
    padding-left: 0;
    padding-right: 0;
}

.status-item.btn-show-pdf {
    background: #412DDB0D;
    width: 100%;
}


/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/*info item*/
.info-item {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 12px;
    align-items: baseline;
}

    .info-item.info-item-flex {
        display: flex;
    }

    .info-item .info-item-prepend {
        color: var(--light-txt);
    }

    .info-item .info-item-content {
        opacity: 1;
        width: 100%;
        border: none;
        background: none;
        font-weight: 500;
        color: var(--alt-txt);
    }

    .info-item .nag-form-control {
        opacity: 1;
        width: 100%;
        border: none;
        background: none;
        font-weight: 500;
        color: var(--alt-txt);
    }

.info-box-content ul, .info-box-content li {
    margin: 0;
}

/*info box*/
.info-box-grey {
    display: inline-block;
    background: var(--grey-bg);
    padding: 8px 16px;
    border-radius: 8px;
}

    .info-box-grey .info-box-label {
        color: var(--light-txt);
        display: block;
        font-size: 12px;
    }

    .info-box-grey .info-box-content {
        color: var(--alt-txt);
        font-weight: 500;
        display: block;
    }
/**/
.form-3col {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 16px;
}
/*^^^^^^^^^^*/
.nag-modal.s-up-title {
    margin-bottom: 0;
}

/*plus checkbox*/
.plus-checkbox.nag-checkbox .checkmark {
    border: none;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

    .plus-checkbox.nag-checkbox .checkmark::before {
        content: "\e92c";
        font-family: synopsis-icons;
        position: absolute;
        top: 19px;
        left: 0;
        /*width: 14px;
    height: 13px;*/
        border-radius: 50%;
        transform: translateY(-50%);
        color: var(--themecolor);
        font-size: 24px;
    }

.plus-checkbox.nag-checkbox input:checked ~ .checkmark {
    background: var(--grey-bg);
}

    .plus-checkbox.nag-checkbox input:checked ~ .checkmark::before {
        content: "\e92d";
        color: var(--green);
        width: unset;
        height: unset;
        background: none;
        left: 0;
        top: 19px;
        border-radius: 50%;
        transform: translateY(-50%);
        font-size: 24px;
    }



/*===Privacy Policy===*/
.border-white-box.privacy-policy-box {
    /* overflow: hidden; */
    padding: 0;
    --padding: 16px;
}

.privacy-policy-box .pp-tabs.vertical-tabs.scrollbar-hover {
    padding: var(--padding);
    padding-right: 0;
}

.privacy-policy-box .pp-content.vertical-tabs-content {
    padding: var(--padding);
    /* padding-left: 0; */
}

.privacy-policy-outer.vertical-tabs-outer {
    display: grid;
    grid-template-columns: calc(224px + var(--padding)) 1fr;
    gap: 8px;
}

    /*.vertical-tabs-outer .vertical-tabs-inner {
    position: fixed;
    width: 224px;
}*/

    .privacy-policy-outer.vertical-tabs-outer .tab-item {
        display: grid;
        grid-template-columns: 1fr 16px;
        padding: 10px 16px;
        align-items: center;
        gap: 8px;
        position: relative;
    }

.vertical-tabs-outer .tab-item::after {
    content: "\e936";
    font-family: synopsis-icons;
    display: inline-block;
    transform: rotate(-90deg);
    gap: 8px;
    color: var(--grey-border);
    pointer-events: none;
}

.vertical-tabs-outer .tab-item.active::before {
    content: "";
    height: 100%;
    width: 2px;
    background: var(--themecolor);
    right: 0;
    top: 0;
    display: block;
    position: absolute;
}

.vertical-tabs-outer .tab-item:hover,
.vertical-tabs-outer .tab-item.active {
    background: var(--grey-bg);
}

.pp-content.vertical-tabs-content {
    padding: 16px 24px;
}

/*.border-white-box.privacy-policy-box {
    max-height: calc(100vh - 220px);
    overflow-y: auto;
}*/

.border-white-box.privacy-policy-box .pp-tabs.vertical-tabs,
.border-white-box.privacy-policy-box .pp-content.vertical-tabs-content {
    max-height: calc(100vh - 240px);
    overflow-y: auto;
}

.pp-content.vertical-tabs-content h4 {
    font-size: 16px;
    font-weight: 600;
}

.pp-content.vertical-tabs-content h2, .pp-content.vertical-tabs-content h3, .pp-content.vertical-tabs-content h4, .pp-content.vertical-tabs-content h5, .pp-content.vertical-tabs-content h6 {
    margin-bottom: 8px;
}

.pp-content.vertical-tabs-content h3, .pp-content.vertical-tabs-content h4, .pp-content.vertical-tabs-content h5, .pp-content.vertical-tabs-content h6 {
    margin-top: 16px;
}

.pp-content.vertical-tabs-content p {
    margin-bottom: 0;
}

/*===Users===*/
.users-grid-table .grid-table-header, .users-grid-table .grid-table-row {
    /*grid-template-columns: 56px 1fr 1fr 1fr 120px 180px 32px 32px;*/
    grid-template-columns: repeat(6,1fr) repeat(2,32px);
}

.users-grid-table.grid-table .table-item-id,
.users-grid-table.grid-table .table-item-username,
.users-grid-table.grid-table .table-item-fullname,
.users-grid-table.grid-table .table-item-organisation {
    text-align: left;
}

.user-status-item .badge.badge-pill {
    border-radius: 16px;
    padding: 10px 18px;
    text-align: center;
    display: inline-block;
    font-size: inherit !important;
    font-weight: normal;
    color: var(--main-txt);
    width: 100%;
}

    .user-status-item .badge.badge-pill.badge-primary {
        background: var(--green-s-bg) !important;
    }

    .user-status-item .badge.badge-pill.badge-danger {
        background: var(--red-s-bg) !important;
    }

.accessuser-item .badge.badge-pill.badge-outline-primary {
    border: 1px solid var(--grey-border);
    color: var(--main-txt);
    font-weight: normal;
    font-size: inherit;
    border-radius: 16px;
    padding: 8px 10px;
    text-align: center;
    margin: 0 !important;
    width: 100%;
}

/*---new user modal---*/
.nag-modal.create-user-container {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.create-user-form-outer > div {
    margin-bottom: 16px;
}

.phone-double-item.double-form-item-row {
    display: grid;
    grid-template-columns: 100px 1fr;
}


/*===client organisations===*/
.modal .nag-modal.client-org-container.screen-modal {
    /*min-height: 724px;*/
    max-height: 724px;
    height: calc(100% - 40px);
}

.main-box.client-organizations {
    min-height: 575px;
}

.nag #myTabContent {
    /*border-top: none;*/
    padding-top: 16px;
}

.create-org-tabs .dropdown-section,
.create-org-tabs .add-section {
    margin-bottom: 16px;
}

.client-org-container .contact-person-list .contact-person-item,
.contact-person-box .contact-person-list .contact-person-item {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr auto;
    column-gap: 16px;
    align-items: baseline;
}

    .client-org-container .contact-person-list .contact-person-item + .contact-person-item,
    .contact-person-box .contact-person-list .contact-person-item + .contact-person-item {
        margin-top: 16px;
    }

.client-org-container .mark-up-item,
.mark-up-box .mark-up-item {
    display: grid;
    grid-template-columns: 240px 240px 40px 240px;
    gap: 8px;
    align-items: center;
    margin-bottom: 8px;
}

    .client-org-container .mark-up-item .or,
    .mark-up-box .mark-up-item .or {
        text-align: center;
    }

.mark-up-item label,
.mark-up-item .or {
    margin-bottom: 0;
}

.client-org-container .policy-outer .form-item,
.policy-box .policy-outer .form-item {
    max-width: 256px;
    width: 100%;
}

.contact-person-accounting-outer {
    margin-top: 16px;
}

    .contact-person-accounting-outer .s-up-title {
        margin-bottom: 16px;
    }

.client-org-grid-table .grid-table-header,
.client-org-grid-table .grid-table-row {
    /* grid-template-columns: 56px 1fr 1fr 1fr 180px 32px 32px;*/
    grid-template-columns: repeat(5,1fr) repeat(2,32px);
}

.client-org-grid-table .table-item-companyname,
.client-org-grid-table .table-item-country,
.client-org-grid-table .table-item-address,
.client-org-grid-table .table-item-kind {
    text-align: left;
}

/*===Organisation===*/
.org-details-form-outer {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 16px;
    align-items: end;
}

.tab-wrapper > div + div {
    margin-top: 16px;
}

/*logo*/
.org-logo-wrapper {
    width: 262px;
    height: 262px;
    display: block;
    border: 1.5px solid var(--grey-border);
    border-radius: 4px;
    padding: 8px 16px;
    border-style: dashed;
    position: relative;
    overflow: hidden;
    background: #fff;
}

    .org-logo-wrapper img.org-logo {
        width: 100%;
        height: 100%;
        object-fit: contain;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

    /* .org-logo-wrapper .dotvvm-upload{
        opacity: 0;
        z-index: 2;
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
    }

    .org-logo-wrapper .dotvvm-upload-button a{
        z-index: 2;
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
    }*/

    .org-logo-wrapper .add-org-logo {
        display: grid;
        justify-content: center;
        gap: 8px;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 100%;
    }

        .org-logo-wrapper .add-org-logo .txt {
            max-width: 125px;
            width: 100%;
            color: var(--light-txt);
        }

    .org-logo-wrapper .org-logo-btn {
        width: 40px;
        height: 40px;
        display: inline-grid;
        background: var(--grey-bg);
        place-items: center;
        font-size: 21px;
        border-radius: 8px;
        color: var(--light-txt);
        z-index: 3;
    }

        .org-logo-wrapper .org-logo-btn.edit {
            position: absolute;
            top: 8px;
            left: 8px;
        }

        .org-logo-wrapper .org-logo-btn.delete {
            position: absolute;
            bottom: 8px;
            right: 8px;
        }

    .org-logo-wrapper .icon {
        width: 40px;
        height: 40px;
        /*display: inline-block;*/
        margin-left: auto;
        margin-right: auto;
        background: var(--grey-bg);
        display: inline-grid;
        place-items: center;
        color: var(--themecolor);
        font-size: 21px;
        border-radius: 8px;
    }

.org-details-form-outer .org-details-right {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 16px;
}

/*===clients link===*/
.clients-link-grid-table .grid-table-header,
.clients-link-grid-table .grid-table-row {
    /*grid-template-columns: 56px 1fr 96px 176px 128px 32px;*/
    /*grid-template-columns: repeat(5,1fr) 32px;*/
    grid-template-columns: 56px repeat(4,1fr) 32px;
}

.clients-link-grid-table .table-item-clientname {
    text-align: left;
}

.nag-modal.create-new-link-container,
.nag-modal.edit-link-container {
    height: 540px;
    display: grid;
    grid-template-rows: auto 1fr auto;
}

.create-new-link-container .modal-content .divider,
.edit-link-container .modal-content .divider {
    padding-top: 16px;
}

/*---Cart----*/
.nag-cart.cd-cart.cd-cart--empty.js-cd-cart {
    display: none;
}
.nag .cd-cart__trigger{
    z-index:10000 !important;
}

.nag .cd-cart__trigger.text-replace {
	background: var(--theme-bg);
	border-radius: 50%;
	width: 52px;
	height: 52px;
}

.nag .cd-cart__trigger, .cd-cart__content {
    bottom: 20px;
    right: 20px;
}

.nag .cd-cart.js-cd-cart .nag-sidebar-inner {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 0;
    overflow-x: hidden;
    transition: 0.5s;
    /*box-shadow: 0 3px 30px rgb(0 0 0 / 10%), 0 3px 20px rgb(0 0 0 / 10%) !important;*/
    box-shadow: 0px 0px 8px 0px rgba(0, 11, 108, 0.07);
    opacity: 0;
    padding: 16px;
    border: 1px solid var(--grey-border);
    background: #fff;
}

.nag .cd-cart.js-cd-cart.cd-cart--open .nag-sidebar-inner {
    width: 100%;
    opacity: 1;
    max-width: 400px;
}

.nag .nag-sidebar-inner {
    display: flex;
    flex-direction: column;
}
.nag .grey-box.sidebar-content {
    flex: 1 1 auto;
}

.nag-cart .grey-box.sidebar-content {
    margin-top: 16px;
    margin-bottom: 16px;
}

.basket-item {
    background: #fff;
    border-radius: 8px;
    padding: 8px 16px;
    margin-bottom: 16px;
    display: grid;
    grid-template-columns: 1fr 24px;
    align-items: center;
    gap: 4px;
}

.nag-cart .basket-item-left h4 {
    margin-bottom: 0;
}

.nag-cart .basket-item-info {
    display: flex;
    column-gap: 24px;
    font-size: 12px;
}

.nag-cart .basket-item-info .price {
    font-style: italic;
}

.nag-cart .nagicon-before.icon-cart {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50%;
    background: var(--cyan);
}

.nag-cart .nagicon-before.icon-cart::before {
    font-size: 24px;
    color: #fff;
}

.nag-cart a::before {
    display:none;
}

.nag-cart .cd-cart__count {
    top: -3px;
    right: 0px;
    list-style: none;
    width: 20px;
    height: 20px;
}

.nag-cart .cd-cart__count li {
    font-weight: normal;
    font-size:12px;
}


/*-flight overview-*/

.flight-overview-container .modal-content > div + div {
    margin-top: 16px;
}
.flight-overview-container .flight-info-box-content-rows .item-infos > div {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,33.333%));
    gap: 16px;
}
.flight-overview-container .flight-info-box-content-rows .item + .item {
    margin-top: 16px;
    border-top: 1px solid var(--grey-border);
    padding-top: 16px;
}
/*.flight-info-box-content-rows > div + div {
	margin-top: 8px;
}*/

.flight-overview-container .flights-bottom {
    margin-top: 16px;
    display: grid;
    grid-template-columns: 1fr auto;
}

.flight-overview-container  .pnr-item {
    display: flex;
    gap: 16px;
}

/*travelers*/
.flight-overview-container .fo-traveler-item {
    display: grid;
    grid-template-columns: 25px 1fr;
    align-items: start;
    gap: 16px;
}

.flight-overview-container .fo-traveler-item + .fo-traveler-item {
    margin-top: 16px;
}

    .flight-overview-container .fo-traveler-item > .form-item.nag-checkbox {
        margin-top: 3px;
    }

.flight-overview-container .traveler-info {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 16px;
}

.flight-overview-container .flyer-item.nag-flex-row {
    align-items: center;
}

.flight-overview-container .travelers-section {
    margin-top: 16px;
}

.flight-overview-container .traveler-card {
    border: 1px solid var(--themecolor);
    border-radius: 8px;
    padding: 8px 16px;
    background: #fff;
    margin-top: 16px;
    margin-bottom: 16px;
}

    .flight-overview-container .traveler-card .s-up-title.light {
        margin-bottom: 16px;
    }

.flight-overview-container .pnr-travelers-title {
    display: flex;
    gap: 16px;
    align-items: center;
}

.flight-overview-container .pnr-warnings {
    position: relative;
}

    .flight-overview-container .pnr-warnings .content {
        position: absolute;
        left: 8px;
        top: 8px;
        /*width: 100%;
        max-width: 400px;*/
        width: 400px;
        z-index: 200;
    }

.flight-overview-container .warnings-list .grey-box + .grey-box {
    margin-top: 8px;
}

.flight-overview-container .fo-traveler-item + .fo-traveler-item {
    margin-top: 16px;
    border-top: 1px solid var(--grey-border);
    padding-top: 32px;
}



/*----Add PNR----*/
.nag-modal.add-pnr-container.screen-modal {
    max-width: 600px;
    min-height:168px;
}

.add-pnr-top {
    padding: 1px 0;
    padding-bottom:16px;
}

.add-pnr-top .one-row-form {
    margin-top: 0;
}

.pnr-flights-routes {
    border: 1px solid var(--themecolor);
    border-radius: 8px;
    padding: 16px 24px;
    color: var(--alt-txt);
    margin-bottom: 16px;
}

    .pnr-flights-routes .flight-row {
        display: grid;
        grid-template-columns: 72px 144px 1fr 1fr;
        gap: 8px;
        align-items: center;
    }

        .pnr-flights-routes .flight-row + .flight-row {
            margin-top:8px;
        }

        .pnr-flights-routes .flight-row .from-to {
            padding: 0px 8px;
        }


.pnr-flights-routes .flight-row .from-to {
    position: relative;
    /*display: flex;*/
    gap: 16px;
    display: grid;
    grid-template-columns: 56px 56px;
    text-align: center;
    width: 144px;
}

    .pnr-flights-routes .flight-row .from-to::before {
        content: "\e92b";
        font-family: synopsis-icons;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        font-size: 11px;
    }

    .pnr-flights-routes .flight-row .from-to > div.airport {
        font-weight: 600;
        font-size: 16px;
    }

.no-arrow.from-to::before {
    display: none !important;
}
.pnr-offer-item > div + div,
.pnr-offer-item .pnr-offer-item-inner > div + div {
    margin-top: 16px;
}

.pnr-offer-item-inner {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

    .pnr-offer-item-inner .multi-items > div + div {
        margin-top: 16px;
    }

/*===User edit(settings/users/edit/)===*/
.main-box.users-general-info {
    margin-top: 16px;
    margin-bottom: 16px;
}
.edit-users-form-top, .edit-users-form-bottom {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 16px;
    margin-top: 16px;
    margin-bottom: 16px;
}

.main-box.reset-password {
    max-width: 500px;
    margin-top: 16px;
}

.reset-password-form {
    display: grid;
    grid-template-columns: repeat(1,minmax(0,1fr));
    gap: 16px;
    margin-top: 16px;
    margin-bottom: 16px;
}


/*add pdf section*/
.pdf-items-row {
    display: flex;
    align-items: center;
    gap: 16px;
}

.pdf-items-outer {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.pdf-item {
    display: flex;
    align-items: center;
    border: 1px solid var(--grey-light);
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}

.pdf-item-left {
    display: flex;
    width: 60px;
    height: 56px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    background: var(--red);
    color: #fff;
    font-size: 14px;
}

.pdf-item-right {
    display: flex;
    gap: 32px;
    padding: 6px 16px;
}

.pdf-item-title {
    font-size: 16px;
    font-weight: 500;
}


.pdf-item-delete {
    display: grid;
    place-items: center;
    position: relative;
}

    .pdf-item-delete .btn::before {
        content: "\e934";
        font-family: synopsis-icons;
    }

    .pdf-item-delete::before {
        content: "";
        display: inline-block;
        position: absolute;
        height: 24px;
        border-radius:;
        border-right: 1px solid var(--grey-light);
        left: -16px;
        top: 50%;
        transform: translateY(-50%);
        /*pointer-events: none;*/
    }
.pdf-items-row-add .dropzone {
    min-height: unset;
    border: none;
    padding: 0;
    height: auto;
}

    .pdf-items-row-add .dropzone.dz-clickable .dz-message,
    .pdf-items-row-add .dropzone.dz-clickable .dz-message * {
        transform: unset;
        top: unset;
        margin: 0;
    }
/*drop*/
.drop-pdf-section .dropzone {
    min-height: unset;
    height: auto;
    border-radius: 4px;
    border: 2px dashed var(--grey-light);
    background: #FFF;
    padding: 6px 16px;
}

    .drop-pdf-section .dropzone.dz-clickable .dz-message, 
    .drop-pdf-section .dropzone.dz-clickable .dz-message * {
        transform: unset;
        top: unset;
    }

/*notifications*/
.notification_alert.alert {
    padding:0;
    border: none;
    border-radius: 8px;
    background: var(--grey-bg);
    box-shadow: 0px 12px 36px 0px rgba(0, 11, 108, 0.15);
    display:block;
    position:relative;
    overflow:hidden;
}

.notification_alert .notification-content {
    padding: 16px 20px;
    display: flex;
    align-items: center;
    gap: 28px;
    justify-content: space-between;
    display: grid;
    grid-template-columns: auto 1fr auto;
}

.notification_alert .notification-content-txt {
    display: grid;
    gap: 4px;
}

.notification_alert .notification-icon {
    line-height: 1;
    font-size: 28px;
    color: var(--themecolor);
}
.notification_alert .notification-title {
    color: #1E1926;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.notification_alert .notification-message {
    color: #342C5D;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.notification-button-outer button {
    position: relative !important;
    right: unset !important;
    top: unset !important;
}

.notification_alert .progress {
    height: 2px;
    margin:0;
    padding:0;
    width:100%;
    position:relative;
    background-color: var(--theme-bg);
}

.notification_alert .progress-bar {
    background-color: #5434f5;
}
.pdf-items-row-add .dropzone-boarding-pass {
    min-height: unset;
    border: none;
    padding: 0;
    height: auto;
}

    .pdf-items-row-add .dropzone-boarding-pass.dz-clickable .dz-message,
    .pdf-items-row-add .dropzone-boarding-pass.dz-clickable .dz-message * {
        transform: unset;
        top: unset;
        margin: 0;
    }
/*drop*/
.drop-pdf-section .dropzone-boarding-pass {
    min-height: unset;
    height: auto;
    border-radius: 4px;
    border: 2px dashed var(--grey-light);
    background: #FFF;
    padding: 6px 16px;
}

    .drop-pdf-section .dropzone-boarding-pass.dz-clickable .dz-message,
    .drop-pdf-section .dropzone-boarding-pass.dz-clickable .dz-message * {
        transform: unset;
        top: unset;
        text-align: center;
    }