a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0} 
@font-face {
    font-family: 'Revisal';
    src: url('../assets/fonts/Revisal-Bold.eot');
    src: url('../assets/fonts/Revisal-Bold.eot?#iefix') format('embedded-opentype'),
        url('../assets/fonts/Revisal-Bold.woff2') format('woff2'),
        url('../assets/fonts/Revisal-Bold.woff') format('woff'),
        url('../assets/fonts/Revisal-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AeonikPro';
    src: url('../assets/fonts/AeonikPro-Light.otf') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AeonikPro';
    src: url('../assets/fonts/AeonikPro-Regular.woff2') format('woff2'),
        url('../assets/fonts/AeonikPro-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AeonikPro';
    src: url('../assets/fonts/AeonikPro-Medium.woff2') format('woff2'),
        url('../assets/fonts/AeonikPro-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AeonikPro';
    src: url('../assets/fonts/AeonikPro-SemiBold.woff2') format('woff2'),
        url('../assets/fonts/AeonikPro-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

* {
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance:none;
    -webkit-tap-highlight-color: transparent;
}
select:focus {
    outline:0;
}
a {
    font-family: 'IBM Plex Sans', sans-serif;
    text-decoration: none;
    color: #000000;
}
p, 
label, 
input, 
td, 
textarea {
    font-family: 'AeonikPro', sans-serif;
    font-weight:400;
    color: #000000;
    font-size: 15px;
    line-height: 22px;
}
hr{
    margin: 30px 0px;
    height: 2px;
    background-color: #d8dce4;
    border: none;
    width:100%;
}
.steps-grid{
    font-size: 15px;
}
/* Code change version: October 7th 2024 */
input:not(.selectize-control.multi input):not(.k-widget input):not(input[type="checkbox"]), 
textarea{
    height: 50px;
    border-radius: 40px;
    padding:10px 18px;
    background-color: #ffffff;
    border: solid 2px #d8dce4;
}
input:not(.selectize-control.multi input):not(.k-widget input):not(input[type="checkbox"]):focus, 
textarea:focus,
input:not(.selectize-control.multi input):not(.k-widget input):not(input[type="checkbox"]):focus-visible,
textarea:focus-visible{
    outline: none;
    box-shadow: none;
    border-color: #00a7b9;
}
/* END Code change version: October 7th 2024 */
textarea{
    width:100%;
    min-height:200px;
    border-radius: 25px;
    resize: none;
}
.textarea-wrapper {
    border: solid 2px #d8dce4;
    border-radius: 25px;
    padding-right: 18px;
    overflow: hidden;
}
.textarea-wrapper:focus-within {
    border-color: #00a7b9;
}
.textarea-wrapper textarea {
    border: none;
    border-radius: 0;
}
.form-fields > *{
    width: 45%;
    min-width: 100px;
}
.order-form-completion .form-fields > * {
    width: 47.5%;
}
@media screen and (max-width: 767px) {
    .order-form-completion .form-fields > * {
        width: 100%;
    }
}
.fifty-percent{
    width:45%;
}
.order-form-declaration-data-documentation .fifty-percent {
    width: 625px;
}
@media screen and (max-width: 1299px) {
    .order-form-declaration-data-documentation .fifty-percent {
        width: 100%;
    }
}
.twenty-five-percent{
    width:25%;
}
.twenty-five-percent input{
    width:100%;
}
.underline{
        text-decoration: underline;
}
.form-fields{
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-end;
    gap:20px;
}
.order-form-completion .form-fields {
    align-items: flex-start;
}
.four-columns .form-fields{
    justify-content:flex-start;
}
/* Code change version: November 21st 2025 */
.four-columns .form-fields:not(:first-of-type){
    margin-top:10px;
}
/* END Code change version: November 21st 2025 */
.form-fields.grey-background{
    border: 2px solid #d8dce4;
    padding:20px;
    border-radius:2px;
    flex-direction: column;
    margin-bottom:0px;
    gap:0px;
}
.form-fields.flex-start{
    justify-content: flex-start;
    align-items: flex-end;
}
.form-fields.align-start{
    align-items: flex-start;
}
.form-fields .form-item{
    margin-bottom:0px !important;
}
.form-fields .two-column-item{
    justify-content: flex-start;
}

.form-fields-top,
.form-fields-bottom{
    display:flex;
    width:100%;
    gap: 20px;
    margin-bottom:20px;
    align-items: flex-start;
    flex-wrap: wrap;
}
@media screen and (max-width: 800px){
    .form-fields-top,
    .form-fields-bottom{
        flex-wrap:wrap;
    }
}
.submit.hide, 
.form-fields-bottom.hide,
.add.hide,
.edit-button-wrapper.hide{
    display:none;
}
.add.show,
.edit-button-wrapper.show{
    display:flex;
    align-items: center;
}

@media screen and (max-width: 800px){
    .form-fields > *{
        width: 100%;
    }
    .fifty-percent{
        width:100%;
    }
}
input.hasDatepicker{
    background-image: url(../assets/img/icons/calendar-dark.svg);
    background-position: 95%;
    background-size: 20px;
    background-repeat: no-repeat;
}
input[type="checkbox"]{
    background-color: transparent;
    border:none;
}
input:disabled, textarea:disabled{
    border: 2px solid #d8dce4;
    cursor:not-allowed;
    color:#C2C5CC !important;
    opacity: 0.7;
}
textarea:disabled {
    border: none;
}
input.disabled{
    background-color: transparent;
    border: none;
}
input.info{
    background-image: url(../assets/img/icons/info-icon.svg);
    background-repeat: no-repeat;
    background-position: 98% center;
    padding-right: 45px !important;
}
@media screen and (max-width: 767px){
    .mb-sm-767 {
        margin-bottom: 8px;
    }
}
.mt-0 {
    margin-top: 0 !important;
}
.mt-10px {
    margin-top: 10px !important;
}
.mt-15px {
    margin-top: 15px !important;
}
.mt-n20px {
    margin-top: -20px !important;
}
.ms-0 {
    margin-left: 0 !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.mb-n20px {
    margin-bottom: -20px !important;
}
body .mt-12px {
    margin-top: 12px !important;
}
body .mt-20px {
    margin-top: 20px !important;
}
body .mb-n5px {
    margin-bottom: -5px !important;
}
@media screen and (max-width: 1499px) {
    body .mb-17px-w1499 {
        margin-bottom: 17px !important;
    }
}
body .mb-20px {
    margin-bottom: 20px !important;
}
.align-items-flex-start {
    align-items: flex-start !important;
}
h1, 
h2, 
h3{
    font-family: 'AeonikPro', sans-serif;
    color: #000;
    font-weight: 500;
    display: inline-block;
}
.error h1{
    display: block;
}
h2{
    font-size: 21px;
}
h3{
    font-size: 18px;
}
.grey{
    color: #b0bac9;
}
.dark-grey{
    color: #8798AD;
}
ul, 
li {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: 'AeonikPro', sans-serif;
}
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    font-size: 14px;
}
.wrapper {
    display: flex;
    background-color: #e0ebec;
    background-attachment: fixed;
    background-image: radial-gradient(at 40.1199% 82.6429%, rgb(196 222 230) 0px, transparent 50%), radial-gradient(at 59.5296% 95.3509%, rgb(191 219 229) 0px, rgb(224 235 236 / 0%) 50%), radial-gradient(at 17.0032% 98.822%, rgb(168 209 226) 0px, transparent 50%), radial-gradient(at 11.2511% 59.1556%, rgb(171 210 226) 0px, transparent 50%);
    flex-grow: 1;
}
@media screen and (max-width: 1100px){
    .wrapper {
        overflow: hidden;
    }
}
.flex-wrapper{
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 100px;
}
@media screen and (max-width: 599px){
    .flex-wrapper {
        margin-bottom: 35px;
    }
}
.company-logo{
    margin-top: 10px;
    padding: 30px 60px;
    background-color: #fff;
}
header {
    position: fixed;
    display: flex;
    width: 100vw;
    height: 80px;
    padding-left: 170px;
    padding-right: 105px;
    background-color: #fff;
    z-index: 3;
    box-shadow: 0px 0px 10px 0px rgba(110,123,140,0.1);

    align-items: center;
}
@media screen and (max-width: 1100px){
    header {
        padding-left: 140px;
        padding-right: 75px;
    }
}
.uppercase{
    text-transform: uppercase;
    letter-spacing: 1.12px;
    font-size: 12px;
    font-weight:500;
}
.inline{
    display:inline;
}
.inline:not(:last-child){
    margin-right: 10px;
}
.label{
    margin:0px !important;
}
.badge{
    font-family:'IBM Plex Sans', sans-serif;
    background-color: #C6E6E9;
    color: #00A7B9;
    padding: 5px 10px;
    border-radius: 5px;
    display: inline-block;
}
.form-wrapper-right .badge.badge-big{
    vertical-align:super;
    margin-right:20px;
}
/* .badge.badge-big{
    font-size: 21px;
    vertical-align: bottom;
    margin-right:30px;
    margin-bottom:10px;
} */
@media screen and (max-width: 702px){
    .badge{
        margin-top:10px; 
        width: fit-content;
    }
    .big-title{
        margin-top: 20px;
    }
}
.absolute{
    position: absolute;
}
.spacer{
    margin-bottom:10px;
}
li.language-dropdown {
    margin-right: 10px;
    display: inline;
}
header .selected-item{
    color: #00a7b9;
    margin-right:0;
    font-size: 13px;
}
.modal .language-dropdown{
    color: #00a7b9;
    font-size: 12px;
}
.modal .custom-select{
    width: auto;
    margin-left: -10px;
}
.modal .custom-select .all-items{
    background-color: #00a6b5;
    top: 28px;
    left: -42px;
}
.modal .custom-select .all-items .item{
    background: none;
    color: #ffffff;
}
@media only screen and (max-width: 767px){
    .modal .custom-select{
        margin-left: 0;
        margin-right: 0;
        margin-top: -13px;
    }
    .modal .custom-select .selected-item {
        margin-right: 20px;
    }
    .modal .custom-select .selected-item:after {
        right: 0;
    }
    .modal .custom-select .all-items {
        left: 0;
    }
}
@media only screen and (max-width: 600px){
    .modal .custom-select{
        margin-left: 0 !important;
        margin-top: -13px !important;
    }
    .modal .custom-select .selected-item {
        margin-bottom: 0;
    }
    .modal .custom-select .all-items {
        margin-bottom: 20px;
        width: 140px;
    }
}
.modal .selected-item:after{
    content: url(../assets/img/icons/arrow-down-light.svg);
}
select.language-dropdown{
    border: none;
}
header .right{
    margin-left: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
header .right li{
    display: inline;
    margin-left: 14px;
    cursor: pointer;
}
.notification-active {
    margin-left: 1px;
}
.notification-active:after{
    content: "";
    display: inline-block;
    position: absolute;
    margin-top: -2px;
    margin-left: -2px;
    width: 9px;
    height: 9px;
    -moz-border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
    border-radius: 7.5px;
    background-color: #E99B02;
}
@media screen and (max-width:375px){
    header .right img:not(.right li:last-of-type img){
        width: 20px;
    }
}
.hamburger-menu{
    margin: 30px 0px 50px 30px;
}
.overlay{
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,.4);
    opacity: 0;
    transition: .3s ease;
    z-index: 1;
}
.overlay.active{
    display: block;
    opacity: 1;
    z-index: 3;
}
.sidebar::-webkit-scrollbar {
    display: none;
}
.sidebar{
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    min-width: 80px;
    background-color: #fff;
    z-index: 4;
    position: fixed;
    height: 100vh;
    margin-right: 100px;
    box-shadow: 0px 0px 10px 0px rgba(110,123,140,0.1);
    border-right: 1px solid #eeeeee;
}
.sidebar-header{
    opacity: 0;
    width: 50%;
    margin-left: 30px;
    margin-bottom: 30px;
    height: 100px;
}
.sidebar-header img{
    margin-right: 16px;
    float: left;
}
.sidebar-header p{
    float: left;
    line-height: 1.2;
}
.sidebar.open .sidebar-item:after,
.sidebar.open .sidebar-header,
.sidebar.open .inline-sidebar-item:after{
    opacity:1;
    transition: .3s ease;
    transition-delay: .1s;
}
.sidebar.open .sidebar-list{
    width: 300px;
    transition: ease .2s;
}
.overlay.active{
    display: block;
    opacity: 1;
}
.sidebar-list {
    display: flex;
    margin-top: 20px;
    width: 80px;
    transition: width .2s;

    flex-flow: column wrap;
    align-items: flex-start;
    justify-content: center;
}
.sidebar-item {
    display: inline-block;
    padding: 15px 25px;
    width: 100%;
    border-left: 3px solid white;
}
.submenu-item{
    display: none;
    opacity: 0;
    margin-left: 41px;
    color: #00a7b9;
    font-size:15px;
    padding:5px 0px;
    font-family: 'AeonikPro', sans-serif;
    font-weight:400;
    width:fit-content;
}
.submenu-item:first-of-type{
    padding-top:10px;
}
.sidebar.open .has-submenu:hover .submenu-item{
    display: block;
    animation: visible .3s forwards;  
    animation-delay: .1s; 
  }
@keyframes visible {
   from {
     opacity: 0;
   }
   to {
     opacity: 1;
   }
}
.sidebar-item li{
    display: inline;
}
.alert .sidebar-item{
    padding-left: 20px;
    border-left: none;
}
.sidebar-item:after,
.inline-sidebar-item:after{
    transition-duration: 0s;
    transition-delay: 0s;
    content: attr(data-title);
    opacity: 0;
    position: absolute;
    margin-left: 16px;
    color: #000;
    font-family:'AeonikPro', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 2;
}
.sidebar-item.active{
    background-color: #D9EFF3;
    border-left: 3px solid #00a7b9;

}
.sidebar-item.active:after{
    color: #00a7b9;
}
.sidebar-item:hover:not(.alert li.sidebar-item){
    background-color: #D9EFF3;
    border-left: 3px solid #00a7b9;
}
.alert{
    position: relative;
    background-color: #653D85;
    margin: 0px;
    margin-top: 70px;
    text-align: center;
    line-height: 1.5;
    padding: 40px 20px 20px 20px;
}
.form-grid .alert{
    padding: 0px;
    background-color: #058496;
    text-align: left;
    border-radius: 0px;
    box-shadow: 0px 0px 10px 0px rgba(110, 123, 140, 0.1);
}
.alert .top{
    background-color: #755192;
    padding: 40px 20px 20px 20px;
    position: relative;
}
.alert .top::after {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background-color: #ffffff;
    border-radius: 50%;
    position: absolute;
    bottom: -8px;
    left: 67%;
}
.alert .top p{
    font-weight: 500;
    font-size: 19px !important;
}
.alert .bottom p{
    color: #653D85;
    margin-left: 20px;
    font-size: 15px !important;
}
.alert .bottom{
    display:flex;
    align-items: center;
    justify-content:space-between;
    background-color: #eee8f2;
    padding: 20px;
}
@media screen and (min-width: 600px) and (max-width:650px){
    .alert .bottom{
        flex-wrap: wrap;
        justify-content: center;
    }
    .alert .bottom p{
        margin-left:0px;
    }
}
.alert p{
    color: white;
}
.alert.fade-in{
    background-color: transparent;
    padding: 0px;
}
.alert.fade-in p{
    opacity: 0;
    font-size: 13px;
}
.alert.fade-in p.title{
    opacity: 0;
    font-size: 15px;
}
.sidebar.open .alert.fade-in{
    background-color: #eee8f2;
    margin: 70px 16px 20px 16px;
    text-align: left;
    padding-top: 21px;
}
.sidebar.open .alert.fade-in p{
    padding: 0px 20px 20px 20px;
    opacity: 1;
    color: #653D85;
}
.sidebar.open .alert.fade-in p.title{
    padding-bottom: 16px;
    padding-right: 75px;
    font-size: 20px;
}
.sidebar .alert.fade-in img {
    background-color: #755192;
    padding: 13px;
    width: 47px;
}
.sidebar.open .alert.fade-in img {
    position: absolute;
    top: 0;
    right: 0;
}
.notification-sidebar::-webkit-scrollbar {
    display: none;
}
.notification-sidebar{
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    width: 300px;
    background-color: #fff;
    z-index: 3;
    position: fixed;
    transition: .2s;
    right:-300px;
    height: 100vh;
    box-shadow: 0px 0px 10px 0px rgba(110,123,140,0.1);
}
.notification-sidebar.open{
    right: 0;
}
.notification-item .icon{
    margin: 25px 16px 25px 0px;
}
.notification-list {
    display: flex;
    margin-top: 20px;

    flex-flow: column wrap;
    align-items: flex-start;
    justify-content: center;
}
.notification-item {
    padding: 30px 25px;
    width: 100%;
    height: auto;
    border-top: 1px solid #e9e9e9;
}
.notification-sidebar .notification-item:last-child{
    border-bottom: 1px solid #e9e9e9;
}
/* Code change version: October 7th 2024 */
.icon img{
    margin-top: 10px;
    width: 15px;
    height:15px;
}
/* END Code change version: October 7th 2024 */
.option-block{
    display: flex;
    position: relative;
    align-items: center;
    padding: 0px 26px;
    width:50%;
    margin-top:25px;
    cursor: pointer;
    background-color: #d8eff6;
}
.option-block.active{
    outline: 2px solid #00A7B9;
    outline-offset: -2px;
}
.option-block.active:after{
    content: url(../assets/img/icons/check-white.svg);
    position: absolute;
    right: -8px;
    top: -8px;
    background-color: #00A7B9;
    padding: 7px 6px 7px 8px;
    width: 15px;
    height: 15px;
    border-radius: 50px;
    line-height:1.3;
}
.option-block-small.active:after{
    content:'';
    background-image: url(../assets/img/icons/check-white.svg);
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: center;
    width: 8px;
    height: 8px;
}
.option-text{
    width: 75%;
    margin: 20px 0px;
}
.option-blocks{
    display: flex;
    flex-wrap:wrap;
    gap:10px;
    margin: 20px 0px;
}
.option-text p.bold{
    margin-top: 7px;
}
/* Code change version: October 7th 2024 */
.option-block .icon img{
    width: auto;
    height:auto;
    margin-left: 50%;
    margin-top: 50%;
    transform: translate(-50%, -50%);
}
/* END Code change version: October 7th 2024 */
.option-block .icon{
    text-align:-webkit-auto;
}
.notification-item p, 
.notification-item h3{
    line-height: 1.5;
}
.notification-time{
    color: #BFC5D2;
    font-size: 12px;
    margin-top: 10px;
}
.option-block .icon{
    width: 80px;
    height: 80px; 
    margin: 20px 20px 20px 0px;
    min-width: 80px;
    border-radius: 0;
}
.option-block-small{
    max-width: min-content;
    flex-wrap:nowrap;
    padding: 0px 10px;
    margin-top:0px;
    border-radius: 40px;
}
.option-block-small .icon{
    width: 30px;
    height: 30px; 
    min-width: 30px;
    margin: 0px 12px 0px 0px;
    border-radius: 50%;
}
.option-block-small .icon img{
    width:15px;
}
.option-block-small p.bold{
    margin-top:0px;
}
.option-block-small .option-text{
    margin: 10px 0px;
    margin-right: 9px;
}
.icon{
    float: left;
    background-color: #ffffff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align:center;
}
.icon.light{
    background-color: #fff;
}
.icon.blue{
    background-color: #CCEDF1;
}
.notification-item h3, 
.widget h3{
    font-family: "Revisal";
    text-transform: uppercase;
    color: #b0bac9;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.12px;
}
.icon-title{
    display: flex;
    /* margin-left: 5px; */
    align-items: center;
}
.icon-title p{
    width:100%;
    flex-flow: column nowrap;
    margin-bottom: 20px !important;
}
.icon-title img:not(.edit-button img):not(.big-icon){
    width: 25px;
    margin-right: 20px;
}
.icon-title .big-icon{
    width: 40px;
    margin-right:30px;
}
.icon-title .big-title{
    margin-top: 10px;
}
.btn{
    font-family:'AeonikPro', sans-serif;
    cursor: pointer;
    padding: 12px 17px;
    border-radius: 50px;
    color: white;
    font-weight: 500;
    min-width: max-content;
    max-width: 10%;
    background-color: #8799AD;
    width: 100%;
    height: 42px;
    line-height: 0;
    display: flex;
    align-items: center;
}
.btn--primary:hover,
.btn--danger:hover {
    background-color: #008491;
}
.btn--danger {
    background-color: #c92427;
}
.btn--danger:hover {
    background-color: #ab2224;
}
.btn--light {
    background-color: #ffffff;
    color: #00a7b9;
}
.btn--light.btn--icon-right span,
.btn--light.btn--icon-left span {
    background-color: #00a7b9;
}
.btn--light:hover {
    background-color: #eff8f9;
}
.btn--icon-left,
.btn--icon-right {
    padding: 4px 4px 4px 20px;
    height: inherit;
}
.btn--icon-left {
    padding: 4px 20px 4px 4px;
}
.btn.arrow-right-animation:hover span img {
    animation: arrow_right_slide .5s;
}
.btn.arrow-left-animation:hover span img {
    animation: arrow_left_slide .5s;
}
.btn.close-icon-animation:hover span img {
    animation: close_scale .5s;
}
.btn.rotate-icon-animation span img {
    width: 17px;
}
.btn.rotate-icon-animation:hover span img {
    animation: rotate_icon .5s;
}
.btn--icon-right span,
.btn--icon-left span {
    display: block;
    width: 45px;
    height: 45px;
    background-color: #ffffff;
    border-radius: 50%;
    margin-left: 15px;
    position: relative;
    overflow: hidden;
}
.btn--medium.btn--icon-right span,
.btn--medium.btn--icon-left span {
    width: 42px;
    height: 42px;
}
.btn--icon-left span {
    margin-left: 0;
    margin-right: 15px;
}
.btn--icon-right span img,
.btn--icon-left span img {
    max-width: 23px;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.btn--neutral,
.btn--neutral-2 {
    background: none;
    color: #00a7b9;
    padding: 0;
}
.btn--neutral:hover,
.btn--neutral:focus {
    color: #008491;
}
.btn--neutral-2 {
    color: #8799AD;
}
.btn--neutral-2:hover,
.btn--neutral-2:focus {
    color: #758393;
}
.btn--icon-primary span {
    background-color: #00a7b9;
}
.btn--neutral.btn--icon-primary:hover span,
.btn--neutral.btn--icon-primary:focus span {
    background-color: #008491;
}
.btn--icon-neutral-2 span {
    background-color: #8799AD;
}
.btn--icon-neutral-2:hover span,
.btn--icon-neutral-2:focus span {
    background-color: #758393;
}
.btn--neutral.btn--icon-right span img,
.btn--neutral.btn--icon-left span img {
    width: 21px;
}
@keyframes arrow_right_slide {
    0% {
        left: 50%;
        opacity: 1;
    }
    50% {
        left: 100%;
        opacity: 0;
    }
    51% {
        left: 0;
        opacity: 0;
    }
    100% {
        left: 50%;
        opacity: 1;
    }
}
@keyframes arrow_left_slide {
    0% {
        left: 50%;
        opacity: 1;
    }
    50% {
        left: 0;
        opacity: 0;
    }
    51% {
        left: 100%;
        opacity: 0;
    }
    100% {
        left: 50%;
        opacity: 1;
    }
}
@keyframes close_scale {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
    50% {
        transform: translate(-50%, -50%) scale(2);
        opacity: 0;
    }
    51% {
        transform: translate(-50%, -50%) scale(0);
        opacity: 0;
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
}
@keyframes rotate_icon {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
@media only screen and (max-width: 767px) {
    .btn--icon-left {
        padding: 4px 13px 4px 4px;
    }
    .btn--icon-right {
        padding: 4px 4px 4px 13px;
    }
    .btn--icon-right span,
    .btn--icon-left span {
        width: 35px;
        height: 35px;
        margin-left: 9px;
    }
    .btn--icon-left span {
        margin-left: 0;
        margin-right: 9px;
    }
    .btn--neutral.btn--icon-right span,
    .btn--neutral.btn--icon-left span {
        width: 45px;
        height: 45px;
        margin-left: 15px;
    }
    .btn--neutral.btn--icon-left span {
        margin-left: 0;
        margin-right: 15px;
    }
    .btn.rotate-icon-animation span img {
        width: 14px;
    }
    .btn.note span img {
        width: 15px;
    }
}
.btn.correct{
    padding: 9px 15px;
}
.share:before{
    content: url(../assets/img/icons/sending-white.svg);
    margin-right: 16px;
    vertical-align: middle;
}
.previous:before{
    content: url(../assets/img/icons/arrow-left-white.svg);
    margin-right: 16px;
    vertical-align: middle;
}
.search:before{
    content: url(../assets/img/icons/search-white.svg);
    margin-right: 16px;
    vertical-align: middle;
}
.next{
    align-self: flex-end;
    margin-top: 16px;
}
.clear{
    background-color: #E3F5F8;
    color: #8799AD;
    align-self: flex-end;
    padding: 12px 25px;
    margin: 20px 30px 30px 0px;
}
.success,
.btn--primary{
    background-color: #00a7b9;
    color: #fff;
}
.correct:before{
    content: url(../assets/img/icons/correct-white.svg);
    margin-right: 16px;
    vertical-align: middle;
}
.arrow:after{
    content: url(../assets/img/icons/arrow-right-white.svg);
    margin-left: 16px;
    vertical-align: middle;
}
.new:after{
    content: url(../assets/img/icons/rotate-white.svg);
    margin-left: 16px;
    vertical-align: middle;
}
.change{
    min-width: fit-content;
    max-width: 10%;
    font-family: 'AeonikPro', sans-serif;
    margin-top: 1px;
}
.change:before{
    content: url(../assets/img/icons/question-dark.svg);
    margin-right: 10px;
    vertical-align: middle;
}
.change:hover{
    color: #00A7B9;
}
.change:hover:before{
    content: url(../assets/img/icons/question-light.svg);
}
/* Code change version: November 21st 2025 */
.content {
    max-width: 2000px;
    width: 100%;
    padding: 110px 75px 50px 155px;
}
/* END Code change version: November 21st 2025 */
.content.chat .intro .row {
    display: flex;
    align-items: center;
}
.content.contact-centre .content-wrapper {
    box-shadow: 0px 0px 10px 0px rgba(110, 123, 140, 0.1);
    margin-bottom: 40px;
}
.content.contact-centre .form {
    box-shadow: none;
}
.content.contact-centre .form-wrapper-right {
    margin-bottom: 0;
}
.content.dashboard-insights .form h2 {
    font-size: 25px;
}
.search-wrapper{
    display: flex;
    gap: 10px;
    max-width: 450px;
}
.search-wrapper input{
    width: 100%;
    background-color: #fff;
}
.content.no-scroll{
    overflow-y: hidden; 
    height:100vh;
}
.intro{
    width: 60%;
    display: flex;
    flex-direction: column;
    margin-bottom: 50px;
}
@media only screen and (max-width: 1000px) {
    .intro{
        width: 100%;
    }
}
@media only screen and (max-width: 599px) {
    .intro{
        margin-bottom: 30px;
    }
    .content.chat .intro .row {
        flex-direction: column;
        align-items: flex-start;
    }
}
.intro .big-title{
    margin-left: 0px;
}
.error .big-title{
    font-size: 60px;
    margin-top: 40px;
    padding: 0px;
}
.error{
    text-align: center;
    margin-top: 50px;
}
.error p{
    margin-bottom: 50px;
}
.error .error-icon {
    width: 20%;
    margin-bottom:50px;
}
.error .btn{
    margin: 0 auto;
}
@media screen and (max-width: 1200px) {   
    .error .error-icon {
        width: 30%;
    }
}
@media screen and (max-width: 800px) {   
    .error .big-title{
        font-size: 40px;
    }
    .error .error-icon {
        width: 50%;
    }
}
@media screen and (max-width: 600px) {   
    .error .big-title{
        font-size: 30px;
    }
    .error .error-icon {
        width: 60%;
        margin-bottom: 30px;
    }
    .error{
        margin-top: 0px;
    }  
}
/* Code change version: November 21st 2025 */
.form-top{
    display: flex;
    position:relative;
}
/* END Code change version: November 21st 2025 */
.form-top h2{
    font-size: 28px;
    margin-bottom: 22px;
}
.form-top .left {
    padding-right: 30px;
}
.wrap{
    flex-wrap: wrap;
}
.left-auto{
    margin-left:auto;
}
.form-img{
    background-color: #d8eff6;
    padding: 25px;
    width: 130px;
    height: 130px;
}
@media only screen and (max-width: 767px){
    .form-img{
        padding: 17px;
        width: 80px;
        height: 80px;
    }
}
.intro p,
.form-wrapper-right p:not(.alert p):not(.form td p):not(.option-block p):not(#drop-container p):not(.form-item-wrapper p):not(.read-more){
    margin: 0px 0px 30px 0px;
}
.form-item-wrapper{
    margin-bottom:0px;
    display: flex;
    flex-direction: column;
}
.order-form-declaration-data-documentation .form-item-wrapper,
.order-form-additional-information .form-item-wrapper {
    gap: 20px;
}
.order-form-additional-information .form-item-wrapper .check-box-item label,
.order-form-completion .form-item-wrapper .check-box-item label {
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 6px;
}
.order-form-import-completion .form-item-wrapper:last-of-type {
    margin-bottom: 30px;
}
.profile-page .form-item-wrapper {
    row-gap: 20px;
}
@media only screen and (max-width: 699px){
    .profile-page .form-item-group {
        flex-direction: column;
        row-gap: 20px;
    }
    .profile-page .form-item.medium-field {
        width: 100%;
    }
}
@media only screen and (max-width: 599px){
    .profile-page .form-top {
        flex-direction: column-reverse;
    }
    .profile-page .form-top .left {
        padding-right: 0;
    }
    .profile-page .form-top .right {
        margin-bottom: 20px;
        margin-left: 0;
    }
    .profile-page .form-top .right .btn {
        padding-left: 0;
    }
}
.form-item-wrapper.no-margin-bottom{
    margin-bottom:-20px;
}
.form-item-wrapper:last-of-type{
    margin-bottom:0;
}
.form-fields.grey-background input,
.form-fields.grey-background select,
.form-fields.grey-background .selectize-input{
    background-color: white !important;
}
.form-item-wrapper input:not(input[type="checkbox"]){
    width: 100%;
}
.form-item-group {
    display: flex;
    column-gap: 20px;
}
.form-item p{
    margin: 0px;
}
.form-item label:not(.upload-button),
.order-form-declaration-data-documentation .label,
.guest-module-import-declaration-documents .label,
.order-form-declaration-data-transport .label {
    margin-left: 20px !important;
    display: inline-block;
    margin-bottom: 4px !important;
}
@media only screen and (max-width: 1399px){
    .order-form-declaration-data-transport .form-fields .search-field {
        width: 100%;
    }
}
.form-item-flex .status{
    padding: 10px 20px;
    width: 100%;
    text-align: center;
}
.form .red{
    color: #c92427;
}
.form .green{
    color: #006E6F;
}
/* @media only screen and (max-width: 1200px) {
    .content{
        margin-left: 75px;
    }
} */
@media only screen and (max-width: 1100px){
    .content{
        padding: 120px 45px 50px 125px;
    }
}
.widget-grid {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-content: flex-start;
}
.big-title{
    color: #0093b0;
    font-size: 34px;
    line-height: 1;
}
.big-title.margin{
    margin: 16px;
    margin-bottom: 5px;
    display: block;
}
.widget:nth-child(5) {
    flex: 545px;
  }
.widget{
    padding: 20px;
    height: auto;
    background-color: white;
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    flex: auto;
}
.widget.tickets{
    justify-content: space-between;
    padding-top: 12px;
}
.widget:hover:not(.widget.no-hover):not(.empty),
.widget tr:hover:not(.headings),
.notification-item:hover,
.form .table-item:hover{
    background-color: #EFEFEF;
}
.widget.notification{
    padding: 0px;
    width: 100%;
}
.widget .notification-item{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-top: none;
    padding: 0px 16px;
}
.widget .one-line-text{
    text-overflow: ellipsis; 
    overflow: hidden; 
    white-space: nowrap;
}
.widget .notification-text{
    flex: 1;
    width: 70%;
    padding: 20px 20px 20px 0;
}
.widget .notification-item:not(:last-child){
    border-bottom: 1px solid #e9e9e9;
}
.widget .notification-item.unread .icon {
    background-color: #fff;
}
.widget .notification-item .icon {
    background-color: #eff8f9;
}
.widget .notification-time{
    flex-basis: auto;
    margin-left: auto;
    min-width: 70px;
    text-align: right;
}
.widget-outer{
    background-color: transparent;
    box-shadow: none;
    padding: 0px;
    margin: 30px 15px !important;
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    flex: auto;
    min-width: 480px;
    width: 480px;
    box-shadow: 0px 0px 10px 0px rgba(110,123,140,0.1);
}
.widget-outer.blue .widget-title-wrapper {
    background-color: #05a5b6;
}
.widget-outer.blue .widget-title h2 {
    color: #fff;
}
.widget-outer.empty,
.widget-outer.table,
.widget-outer.drag-container{
    box-shadow: none;
}
.widget-top{
    display:flex;
    justify-content:space-between;
    width:fit-content;
    flex-wrap:wrap;
    gap:15px;
    margin-bottom: 31px;
    position:relative;
    z-index:1;
}
.empty .widget-title-wrapper, 
.table .widget-title-wrapper{
    box-shadow: 0px 0px 10px 0px rgba(110,123,140,0.1);
}
.drag{
    border: dashed 2px #BFC5D2;
    cursor: all-scroll;
}
.drag .widget:hover{
    cursor: all-scroll;
}
.drag-container{
    border: dashed 2px #ffffff;
    text-align:center;
    justify-content: center;
    padding: 30px;
}
.drag-container p{
    font-size: 18px;
    font-weight:bold;
    color: #ffffff;
}
.full-width{
    width:100%;
}
.no-margin{
    margin:0px !important;
}
/* Code change version: November 21st 2025 */
.grey-background{
    border: 2px solid #d8dce4;
    padding:20px;
    padding-top: 20px;
    margin-bottom: 30px;
}
/* END Code change version: November 21st 2025 */
.order-form-completion .grey-background {
    margin-bottom: 0;
}
@media screen and (max-width: 400px) { 
    .grey-background{
        padding:20px;
    }
    .order-form-completion .grey-background {
        padding-top: 5px;
    }
}
.progress-bar-wrapper{
    max-width:80%;
    margin-top:50px;
}
.progress-bar-top{
    display: flex;
    justify-content: space-between;
}
.progress-bar-top p{
    color: #0093B0;
    font-size: 13px;
}
.progress-fill {
    background: #0093b0;
    height: 6px;
    width: 0%;
    position: absolute;
    top: -2px;
}
.progress-bar {
    background: #0093b0;
    height: 2px;
    position: relative;
}
.progress .text-wrapper{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: flex-start;
}
.progress .text-wrapper p{
    flex-basis: 50%;
    margin-right: 70px;
    color: #000000;
}
.amount{
    font-size: 32px;
    font-weight: 300;
    color: #00a7b9 !important;
}
.widget-title-wrapper{
    padding: 15px 20px 15px 27px;
    display: flex;
    justify-content: space-between;
    background-color: white;
}
.widget-title__left,
.widget-title__right{
    display:flex;
    gap:10px;
}
.widget-title__right{
    gap:26px;
}
.widget-title__right img{
    width:15px;
    cursor:pointer;
}
.widget-title__left img{
    width: 12px;
    height: 20px;
    margin-right: 4px;
    cursor:all-scroll;
}
.widget-title a{
    min-width: fit-content;
}
.widget-title .divider, .form-wrapper-right .divider{
    margin-top:20px;
}
.widget-title h2{
    display: inline;
    font-size: 21px;
    margin-right: 40px;
}
.drop-down, 
.add,
.details,
.collapse{
    color: #00a7b9;
    display: inline;
    font-family: 'IBM Plex Sans', sans-serif;
}
.add{
    display: block;
    width: max-content;
    cursor:pointer;
}
.add:after{
    content: url(../assets/img/icons/add-dark.svg);  
    vertical-align: text-top;
    margin-left: 10px;
}
.add.light {
    display: flex;
    align-items: center;
}
.add.light:after{
    content: "";
    vertical-align: text-top;
    margin-left: 13px;
    width: 26px;
    height: 26px;
    background-color: #00a7b9;
    display: inline-block;
    border-radius: 50%;
    background-image: url(../assets/img/icons/add-light.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px;
}
.details:after{
    content: url(../assets/img/icons/arrow-right-blue.svg);  
    vertical-align: baseline;
    margin-left: 10px;
}
.tickets .details:after {
    content: "";
    vertical-align: baseline;
    margin-left: 15px;
    background-color: #00a7b9;
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 50%;
    background-image: url(../assets/img/icons/arrow-right-white-v3.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px;
}
.collapse{
    display: flex;
    justify-content: center;
    align-items: center;
}
.collapse:after{
    content: url(../assets/img/icons/minus.svg);
    background-color: #00a7b9;
    padding: 3px 3px 1px 3px;
    margin-left: 10px;
    width: 12px;
    height: 14px;
}
.collapse.open:after{
    content: url(../assets/img/icons/add-light.svg);
    padding: 2px 3px 1px 2px;
    width: 13px;
    height: 15px;
}
.bubble.incoming .collapse:after,
.bubble.outgoing .collapse:after {
    content: url(../assets/img/icons/minus-dark.svg);
}
.bubble.incoming .collapse.open:after,
.bubble.outgoing .collapse.open:after {
    content: url(../assets/img/icons/add-dark-v2.svg);
}
.bold{
    font-weight: 500;
}
.graph img{
    width: 100%;
    object-fit: contain;
}
.filter{
    display: flex;
    flex-wrap: wrap;
}
.filter p{
    display: flex;
    align-items: center;
    margin-right:15px;
}
.filter .active{
    border-bottom: 1px solid #00A7B9;
}
.filter ul{
    display: flex;
    cursor: pointer;
}
.filter li {
    color: #00a7b9;
    font-size: 15px;
    padding: 0 6px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid transparent;
}
.filter li:not(:last-child){
    margin-right: 13px;
}
.hover-underline-animation {
    display: inline-block;
    position: relative;
}
.hover-underline-animation:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 1px;
    bottom: -1px;
    left: 0;
    background-color: #00A7B9;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}
.hover-underline-animation:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left;
}
.graph{
    display: flex;
    flex-direction: row;
    justify-content: space-between; 
    width:100%;
}
.invoices, 
.activity{
    padding: 0px;
    justify-content: flex-start;
    background-color: transparent;
    box-shadow: none;
    flex-wrap: nowrap;
    flex: 0 0 auto;
}

table{
    font-family: 'IBM Plex Sans', sans-serif;
    /* border-collapse: separate;
    border-spacing:0 10px; */
    margin-bottom: 20px;
}
.full-width table{
    width:100%;
}
tbody{
    display: table;
    width: 100%; 
}
.form tbody{
    width: max-content;
}
.form table input[type="checkbox"] {
    margin-bottom: 17px;
}
.weight{
    padding: 10px 35px 10px 15px;
}
.weight-field-wrapper {
    position: relative;
    height:40px;
}
.after-weight{
    position: absolute;
    top: 59%;
    right: 21px;
    transform: translateY(-50%);
    pointer-events: none;
    color: #b0bac9;
    font-size: 15px;
    font-family: 'AeonikPro', sans-serif;
}
td, 
th{
    text-align: left;
    vertical-align: middle;
    padding: 10px 20px;
}
table.big-table th{
    white-space: nowrap;
}
.item-data-table {
    overflow-x: auto;
}
.item-data-table table.big-table th{
    white-space:break-spaces;
}
.item-data-table table.big-table input{
    border:none;
    background-color:transparent;
    min-width: 100px;
}
.item-data-table table.big-table input:focus-visible{
    outline:none;
}
@media screen and (max-width: 1251px) { 
    .item-data-table table.big-table tr:not(:first-of-type){
        margin-top: 30px;
    }
}
.item-data-table table.big-table td:first-of-type{
    min-width:150px;
}
.item-data-table table.big-table th{
    padding:10px;
}
@media screen and (max-width: 1250px) {
    .form .item-data-table th{
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 35%;
    }
    .form .item-data-table td{
        padding-top: 0px;
        padding-bottom: 0px;
    }
}
.item-data-table .table-item:hover {
    background: none;
}
.company-item td:not(:first-child), 
.companies th{
    padding: 10px 20px;
}
.form td:last-child{
    min-width:100px;
}
th.drop-down{
    display: table-cell;
}
th.drop-down:after{
    margin-left: 10px;
}
.align-center{
    text-align: center;
}
.text-overflow{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}
@media screen and (max-width: 1000px) { 
    .align-center{
        text-align: left;
    }
}
.headings{
    background-color:#eff8f9;
    color: #00A7B9;
    height: 36px;
    letter-spacing: 1.12px;
}
.item-data-table table.big-table tbody{
    width: 100%;
}
.table-item{
    height: 60px;
    background-color: white;
}
.table-item:not(:last-child),
table .form-item:not(:last-child){
    border-bottom: solid 2px #F4F4F4;
}
.company-item{
    margin-bottom: 10px;
    background-color: #F4F4F4;
    color: #777E8E;
}
.company-item td{
    padding: 15px 20px;
}
.company-item:hover{
    background-color: #EFEFEF;
    color: #0093B0;
}
.status{
    padding: 11px 17px;
    border-radius: 3px;
    font-family: 'AeonikPro', sans-serif;
    text-align: center;
    max-width: 200px;
    min-width:120px;
    line-height: normal;
    border-radius: 30px;
}
.order-form-declaration-data-documentation .status,
.guest-module-import-declaration-documents .status {
    padding: 17px;
}
.widget .status,
.status-table .status {
    display: inline;
    text-align: left;
}
.status.green{
    background-color: #e7f7f1;
    color: #006E6F;
}
.status.red{
    background-color: #faebec;
    color: #c92427;
}
.status.purple{
    background-color: #eee8f2;
    color: #755192;
}
.left.half{
    width:50%;
}
.big-img{
    width: 80%;
    margin-top: 20px;
}
.square-icon {
    width: 40px;
    background-color: #00a7b9;
    padding: 8px;
    margin-right: 13px;
}
@media screen and (max-width: 800px) {
    .square-icon {
        margin-bottom: 7px;
    }
}
.poa-wizard-jointly-signatories table {
    margin-top: 10px;
}
@media screen and (max-width: 800px) {   
    .right.mobile-center{
        display: flex;
        justify-content: center;
    }
}
@media screen and (max-width: 1250px) {   
    table.big-table, 
    table.big-table tr, 
    table.big-table td { 
        display: block; 
    }
    table.big-table td {
        clear: both;
        position: relative;
        text-align: left;
        padding-left: 35%;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .item-data-table table.big-table td {
        padding-left: 35%;
        padding-top: 0px;
        padding-bottom: 0px;
        height: 60px;
        display: flex;
        align-items: center;
    }
    table.big-table td:before {
        content: attr(data-title);
        display: block;
        left: 0;
        top: 0;
        padding: 15px;
        position: absolute;
        width: 25%;
        background-color: #eff8f9;
        color: #00A7B9;
        text-transform: uppercase;
        font-family: 'IBM Plex Sans', sans-serif;
        height: calc(100% - 30px);
        font-size: 12px;
        font-weight: 500;
    }
    .item-data-table table.big-table td:before {
        line-height: 16px;
    }
    table.big-table tr {
        position: relative;
     }
     table.big-table th { 
         display: none; 
     }
     table.big-table .table-item{
         height: auto;
         width: 100%;
     }
     table.big-table .headings{
         display: none;
     }
     table.big-table .text-overflow {
        white-space: break-spaces;
        overflow: auto;
        text-overflow: unset;
        max-width: 100%;
    }
    table.big-table .text-overflow.user{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: fit-content;
    }  
}
@media screen and (max-width: 1000px) {   
    table, 
    tr, 
    td { 
        display: block; 
    }
    .ui-datepicker table,
    .ui-datepicker tr,
    .ui-datepicker td{
        display:revert;
    }
    .ui-datepicker td:before {
        content: "";
        display: none;
    }
    table{
        margin-bottom: 0px;
    }
    .form .company-item td{
        vertical-align:top;
        padding: 10px 20px 30px 10px;        
        padding-left: 35%;
        line-height: 1.5;
    }
    td {
        clear: both;
        position: relative;
        text-align: left;
        padding-left: 35%;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    td:before {
        content: attr(data-title);
        display: block;
        left: 0;
        top: 0;
        padding: 15px;
        position: absolute;
        width: 25%;
        background-color:#eff8f9;
        color: #00A7B9;
        text-transform: uppercase;
        font-family: 'IBM Plex Sans', sans-serif;
        height: calc(100% - 30px);
        font-size: 12px;
        font-weight: 500;
    }
    .company-item td:before{
        padding-left: 10px;
        padding-top: 11px;        
        width: 90px;
        line-height: 1.5;
    }
    .form-item p:not(.form-item-flex p):not(#drop-container p),
    .form-item-flex,
    .form .status:not(.two-column-item .status):not(.detail-item .status){
        margin-left: 140px;
    }
    tr.form-item{
        margin-bottom: 50px;
    }
    .form-item-flex{
        align-items: flex-start !important;
    }
    /* .form input{
        height: auto !important;
    } */
    .form-item.file-upload{
        min-width:280px;
    }
    .form-item td{
        margin: 20px 0px;
    }
    .poa-wizard-jointly-signatories .form-item td {
        margin: 0;
    }
    .poa-wizard-jointly-signatories .form tbody {
        width: 100%;
    }
    .poa-wizard-jointly-signatories .form-item p,
    .poa-wizard-jointly-signatories .form-item .status {
        margin-left: 0 !important;
    }
    .poa-wizard-jointly-signatories table td {
        padding-left: 160px;
    }
    .poa-wizard-jointly-signatories table td:before {
        width: 110px;
    }
    .poa-wizard-jointly-signatories table td input[type="checkbox"] {
        margin-left: 15px;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    tr {
       position: relative;
    }
    th { 
        display: none; 
    }
    .table-item{
        height: auto;
        width: 100%;
    }
    .headings{
        display: none;
    }
    .text-overflow {
        white-space: break-spaces;
        overflow: auto;
        text-overflow: unset;
        max-width: 100%;
    }   
    .search-field.twenty-five-percent{
        width:auto;
    }
 }
 .view-all{
    margin-top: -5px;
    width: 100%; 
    height: 10px; 
    text-align: center;
    cursor:default;
 }
 @media screen and (max-width: 1000px) {   
    .view-all{
        margin-top: 20px;
    }
}
.view-all span{
    background-color: #ffffff;
    padding: 14px 19px;
    color: #00a7b9;
    font-family: 'AeonikPro', sans-serif;
    font-size: 14px;
    font-weight: 500;
    border-radius: 40px;
    display: inline-block;
}
.view-all span:hover{
    color: white; 
    background-color: #00a7b9;
}
.card-image {
    display: flex;
}
.card-image__left {
    height: 200px;
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.card-image__left img {
    width: 80px;
}
.card-image__right {
    width: 30%;
    height: 100px;
    position: relative;
}
.card-image__right::before,
.header-image-block__right::before {
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    border-radius: 50%;
    position: absolute;
    top: 24px;
    left: -10px;
}
.blue-accent-1 .card-image__left {
    background-color: #00a6b5;
}
.blue-accent-1 .card-image__right {
    background-color: #008491;
}
.blue-accent-2 .card-image__left {
    background-color: #b0e6f2;
}
.blue-accent-2 .card-image__right {
    background-color: #00a1ce;
}
.blue-accent-3 .card-image__left {
    background-color: #00a1ce;
}
.blue-accent-3 .card-image__right {
    background-color: #0085b0;
}
.blue-accent-4 .card-image__left {
    background-color: #e6efef;
}
.blue-accent-4 .card-image__right {
    background-color: #00a6b5;
}
.cards-grid {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 50px;
}
@media screen and (max-width: 599px) {   
    .cards-grid {
        row-gap: 5px;
    }
}
.card {
    width: 259px;
    min-width: 259px;
    max-width: 30%;
    background-color: white;
    border-radius: 1px;
    box-shadow: 0px 0px 10px 0px rgba(110,123,140,0.1);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex: 1 1 auto;
    margin-bottom: 30px;
    position: relative;
}
.form .cards-grid{
    margin-top:80px;
}
@media screen and (max-width: 1000px) {   
    .card{
        max-width: 50%;
    }
}
@media screen and (max-width: 1575px) {   
    .option-block{
        width:70%;
    }
}
@media screen and (max-width: 1278px) {   
    .card{
        max-width: 60%;
    }
    .card{
        max-width: 22%;
    }
    .option-block{
        width:100%;
    }
}
@media screen and (max-width: 800px) {   
    .card{
        max-width: 100%;
    }
    .option-block{
        width:100%;
    }
}
@media screen and (max-width: 872px) {   
    .option-text{
        width:100%;
    }
}
@media screen and (max-width: 599px) {
    .card:last-of-type {
        margin-bottom: 0;
    }
}
.card-content {
    padding: 30px;
    display: flex;
    flex-direction: column;
} 
.card-title {
    margin-bottom: 23px;
}
.order-form-success .card-title {
    margin-bottom: 0;
}
.card-title h2{
    font-size: 23px;
}
.card-btn-wrapper {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}

.form-grid{
    display: flex;
    flex-flow: row wrap;
}
.form-grid.reverse{
    flex-direction:row-reverse;
    gap: 20px;
}
@media screen and (max-width: 1166px) {   
    .form-grid.reverse .form-wrapper-left{
        flex-direction:column;
    }
}
@media screen and (max-width: 599px) {
    .form-grid.reverse{
        gap: 0;
    }
    .form-grid.reverse .form-wrapper-left{
        margin-bottom: 30px;
    }
}
.form-grid.wide .steps-grid{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 20px;
    width: 40%;
}
.form-grid.wide .step{
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 100px;
    text-align: center;
    margin-top: 0px;
}
.form-grid.wide span.line{
    border-bottom: 2px solid #ffffff;
    height: 0px;
    width: calc(100% - 70px);
}
.form-grid.wide .line-wrapper{
    position: absolute;
    z-index: 0;
    margin-left: 20px;
    width: 100%;
}
.form-grid.wide .step ul{
    margin-left:0px;
}
.form-grid.wide li.active{
    color: #00a7b9;
}
.form-grid.wide li{
    padding: 10px 0px;
}
.form-grid.wide .form-wrapper-right-top{
    display:flex;
    justify-content:space-between;
}
.form-grid.wide .form-item.big{
    flex:3;
}
.form-grid.wide .form-item.small{
    flex:6;
}
@media (max-width: 1299px) {
    .order-form-import-completion .form-grid.wide .form-item.small {
        flex: 1 0 31%;
    }
}
@media (max-width: 1081px) {
    .form-grid.wide .form-item.small{
        flex:4;
    }
}
@media (max-width: 800px) {
    .form-grid.wide .form-item.big{
        flex: auto;
        width: 100%;
    }
}
@media (max-width: 599px) {
    .order-form-import-completion .form-grid.wide .form-item.small {
        flex: inherit;
        width: 100%;
    }
}
.form-grid.wide .form-fields.grey-background .button-wrapper-right{
    width:100%;
}
.form-grid.wide .form-fields.grey-background .btn{
    max-width: max-content;
}
@media (max-width: 899px) {
    .form-grid.wide .form-wrapper-right-top{
        flex-wrap:wrap;
    }
    .form-grid.wide .steps-grid{
        width: 100%;
    }
}
@media (max-width: 599px) {
    .form-grid.wide .form-wrapper-right-top{
        gap: 50px;
    }
}
@media (max-width: 702px) {
    .big-title{
        margin-top:0px;
    }
}
@media (max-width: 1000px) {
    .reverse {
      flex-direction: column-reverse;
    }
    .form-left{
        padding-right: 0px !important;
    }
    .form-right{
        padding-left: 0px !important;
    }
}
form input:not([type="checkbox"]){
    min-width: 100%;
}
.form-grid form{
    display: flex;
    flex-wrap: wrap;
}
.form-left, 
.form-right, 
.form-grid form{
    gap: 50px;
    flex: 1;
}
.four-columns{
    display:flex;
    gap:20px;
}
.four-columns .form-item{
    flex: 1 0 21%;
    max-width: calc(25% - 20px);
}
.order-form-import-table .four-columns .form-item {
    width: 45% !important;
}
@media (max-width: 999px) {
    .order-form-import-table .four-columns .shipment-data .form-item {
        width: 100% !important;
        flex: none;
    }
}
@media (max-width: 767px) {
    .order-form-import-table .four-columns .form-item {
        width: 100% !important;
        flex: none;
    }
}
.order-form-import-table .four-columns .form-item .filepond--root {
    min-width: 260px;
}
.four-columns .form-fields:has(.file-upload) .form-item,
.four-columns .grey-background .form-item{
    max-width: 100%;
}
.four-columns .form-item.single{
    max-width:300px;
}
@media (max-width: 800px) {
    .four-columns .form-item.single{
        max-width:100%;
    }
}
@media (max-width: 1580px) {
    .form-fields:has(.file-upload) .form-item.file-upload{
        width: 300px;
    }
    .form-fields:has(.file-upload) .form-item{
        width: calc(33% - 118px);
        flex:auto;
    }
}
@media (max-width: 1399px) {
    .order-form-import-completion .search-field{
        width: 100%;
    }
}
@media (max-width: 1199px) {
    .order-form-import-completion .form-fields:has(.file-upload) .form-item{
        width: calc(48% - 118px);
    }
}
@media (max-width: 1000px) {
    .four-columns .form-item{
        max-width:100%;
    }
}
@media (max-width: 767px) {
    .order-form-import-completion .form-fields:has(.file-upload) .form-item{
        width: 100%;
    }
    .order-form-import-completion .four-columns .form-item {
        flex: 1 0 100%;
    }
}
.extra-space{
    margin: auto 0;
    min-width: 200px;
}
@media (max-width: 600px) {
    .form-left, 
    .form-right, 
    .form-grid form{
        flex: auto;
        width: 100%;
    }
}
.form-wrapper{
    display: flex;
    flex-wrap: wrap;
}
.docusign{
    width: 100%;
    min-width: 250px;
    max-width: 400px;
}
/* Code change version: November 21st 2025 */
.passport{
    padding: 40px;
    width: 100%;
    min-width: 250px;
    max-height:500px;
    object-fit: contain;
}
/* END Code change version: November 21st 2025 */
@media (max-width: 1000px) {
    .form-right .arrow{
        display: none;
    }
}
.form-right .arrow{
    width: 50px;
}
.form-right p,
.form-wrapper .form-item{
    padding-top: 20px;
    margin-bottom: auto;
}
.form-wrapper .form-left,
.form-wrapper .form-right{
    height: fit-content;
}
.form-left,
.form-right{
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 30px;
}
.form-left *,
.form-right *{
    flex: none;
}
.form-wrapper-left{
    max-width: 300px;
    min-width: 300px;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.form-wrapper-left .big-title{
    margin: 0px 40px 40px 0px;
}
@media screen and (max-width: 600px){
    .badge.badge-big{
        margin-bottom:20px;
    }
}
.form-wrapper-left p.bold{
    margin-bottom:10px;
    margin-right:20px;
}
.big-title.outside-container{
    margin-bottom:40px;
}
@media screen and (max-width: 1166px) {   
    .form-wrapper-left{
        flex-direction: row;
        max-width: 100%;
        min-width: auto;
    }
    .steps-grid{
        width: -webkit-fill-available;
        min-width: max-content;
    }
    .form-grid .alert{
        margin-bottom: auto;
        margin-left: 30px;
    }
}
.form-wrapper-right{
    position: relative;
    margin-bottom: 40px;
    flex: 1;
    width: 100%;
    min-width: 600px;
    display: flex;
    flex-direction: column;
}
.form-wrapper-right .big-title, .intro .big-title{
    margin-bottom:20px;
}
@media screen and (min-width: 600px) {   
    .form-wrapper-right .big-title{
        margin-bottom:40px;
    }
}
@media screen and (max-width: 800px) {   
    .form-wrapper-right{
        min-width: 100%;
    }
    .form-left .title,
    .form-right .title{
        flex:auto;
    }
    .button-wrapper-right{
        margin-top:10px !important;
    }
}
.form-wrapper-left li{
    padding: 10px 0px;
}
.form-wrapper-left li.active{
    color: #0093b0;
}
.steps-grid{
    position: relative;
    margin-bottom: 50px;
}
.steps-grid p{
    display: inline-block;
}
.steps-grid .badge,
.form-wrapper-left .badge.badge-big,
.order-form-export .badge.badge-bigger,
.order-form-import .badge.badge-bigger {
    color: #ffffff;
    background-color: #00a7b9;
    border-radius: 20px;
    font-family: 'AeonikPro', sans-serif;
    font-weight: 400;
    padding: 7px 20px;
}
.order-form-export .badge.badge-bigger,
.order-form-import .badge.badge-bigger {
    padding: 12px 22px;
    border-radius: 40px;
    vertical-align: super;
}
@media screen and (max-width: 899px) {
    .order-form-export .badge.badge-bigger,
    .order-form-import .badge.badge-bigger {
        font-size: 14px;
    }
}
.steps-grid .badge {
    margin: 0 20px;
}
.step{
    margin-top: 16px;
    position: relative;
    z-index: 1;
}
.step ul{
    margin-left: 50px;
}
span.line{
    border-left: 2px solid #ffffff;
    height: calc(100% + 20px);
    position: absolute;
    left: 16px;
    top: 16px;
    z-index: 0;
}
.line-wrapper{
    position:relative;
}
.form-grid .alert {
    max-width: 80%;
    margin-top: auto;
}
/* Code change version: November 21st 2025 */
.form{
    position:relative;
    background-color: white;
    padding:20px;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 0px 10px 0px rgba(110,123,140,0.1);
    /* margin-top:20px; */
}
/* END Code change version: November 21st 2025 */
.button-wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: auto;
    width: 100%;
    margin-top:30px;
    row-gap: 14px;
    column-gap: 30px;
}
.button-wrapper-right,
.button-wrapper-left{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-self: flex-end;
    flex: 0 1 auto;
    gap: 15px;
}
.button-wrapper-right a,
.button-wrapper-left a{
    flex: 1;
}
.document{
    width:100%;
    background-color: #f3f3f3;
    margin-top: 30px;
    padding: 40px;
}
.document img,
.document .btn{
    margin-left: 50%;
    transform: translate(-50%);
}
.right{
    margin-left: auto;
}.modal *{
    flex: none;
}
.modal{
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 1000px;
    width: 70vw;
    height: 80vh;
    max-height: 80vh;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 30px;
    box-shadow: 0px 0px 10px 0px rgba(110,123,140,0.1);
    display: none;
    z-index: 3;
    overflow: hidden;
}
.modal iframe{
    width: 100%;
    height: 100%;
    flex: 1;
    overflow:hidden;
}
.modal:after{
    content: ' ';
    display: block;
    background-color: white;
    height: 30px;
    width: 100%;
    position: absolute;
    bottom: 0;
  }
.modal.open{
    display: flex !important;
    flex-direction: column;
}
.modal img{
    width: 100%;
}
.modal .close{
    flex: none;
    cursor: pointer;
    width: 1.5em;
    margin-right: auto;
}
@media only screen and (max-width: 767px){
    .modal .close{
        position: absolute;
        top: 30px;
        left: 30px;
    }
}
.top-wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
    margin-bottom: 30px;
}
@media only screen and (max-width: 767px){
    .top-wrapper{
        flex-direction: column;
    }
}
.check-box-item{
    display: flex;
    align-items: center;
    margin: 20px 0px;
    gap: 30px;
}
.check-box-item > *:not(input){
    align-self:flex-start;
}
@media (max-width: 1400px) {
    .check-box-item{
        align-items: flex-start;
    }
    .form-grid .margin{
        margin-top: 20px;
    }
}
input[type="checkbox"].margin{
    margin-top:30px;
}
@media (min-width: 700px) {
    .check-box-item .form-item input[type=text]{
        min-width: 300px;
    }
} 
.form-item input[type=text]{
    width:100%;
}
.form-items{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items:center;
}
.form-fields-wrapper{
    display:flex;
}
.form-item-flex{
    display: flex;
    align-items: center;
}
/* Code change version: November 21st 2025 */
.form-item:not(.title){
    min-height:40px;
}
/* END Code change version: November 21st 2025 */
/* .form-item-wrapper .form-item:not(:last-of-type){
    margin-bottom:10px;
} */
.column{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 180px;
}
.title{
    margin: 20px 0px;
    padding-top: 5px;
}
.alert .title{
    margin: 0px;
}
.display-none{
    display: none;
}
.center{
    width: 100%;
    padding: 100px;
    text-align: center;
}
.center img{
    margin-left: 50%;
    transform: translate(-50%);
}
.widget .notification-time{
    margin-top: -10px;
}
.logo{
    max-width: 250px;
    min-width: 140px;
}
@media only screen and (max-width: 599px){
    header .logo{
       width: 175px; 
    }
    header{
        z-index: 4; 
        padding-left: 0px;
        padding-right: 35px;
    }
    .hamburger-menu{
        margin-right: 20px;
        margin-top: 50px;
    }
    .link.log-out {
        display: none !important;
    }
    .sidebar{
        left: -100px;
    }
    .sidebar.open{
        left: 0;
    }
    .sidebar.open .sidebar-list {
        margin-top: 80px;
    }
    .notification-sidebar{
        top: 80px;
    }
    li.language-dropdown {
        display: block;
        margin: 50px 0px 50px 30px;
    }
    .content{
        margin-left: 0px;
        padding: 100px 20px 50px 20px;
        width: 100vw;
    }
    .content.dashboard {
        width: 100%;
        padding: 100px 5px 50px 5px;
    }
    .widget-outer {
        min-width: 50%;
        margin: 30px 15px 0 15px !important;
    }
    .widget-outer.table {
        margin: 30px 15px 25px 15px !important;
    }
    .progress .text-wrapper{
        display: block;
    }
    .progress .text-wrapper p{
        padding-bottom: 20px;
    }
    .widget .notification-time{
        margin-bottom: 20px;
    }
    td{
        padding-left: 40%;
    }
    .document img{
        width: 100%;
    }
    .modal {
        width: 90vw;
    }
    /* Code change version: October 7th 2024 */
    .sub-steps:not(.no-move .sub-steps){
        display: none;
    }
    /* END Code change version: October 7th 2024 */
    .form-wrapper-left {
        min-width: 100%;
        flex-direction: column;
        margin-bottom:40px;
    }
    .progress-bar-wrapper{
        max-width:100%;
        margin-top:10px;
    }
    /* Code change version: October 7th 2024 */
    .steps-grid:not(.no-move){
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        margin-top: -20px;
        margin-bottom: 20px;
    }
    /* END Code change version: October 7th 2024 */
    .steps-grid p{
        display: none;
    }
    /* Code change version: October 7th 2024 */
    .step ul:not(.no-move .step ul){
        margin-left: 0px;
    }
    span.line:not(.no-move span.line){
        border-bottom: 2px solid #ffffff;
        height: 0px;
        width: calc(100% - 70px);
    }
    .step:not(.no-move .step){
        display: flex;
        flex-direction: column;
        align-items: center;
        max-width: 100px;
        text-align: center;
        margin-top: 0px;
    }
    .line-wrapper:not(.no-move) {
        position: absolute;
        z-index:0;
        margin-left: 20px;
        width: 100%;
    }
    /* END Code change version: October 7th 2024 */
    .form-grid .alert{
        margin-top: 35px;
        margin-left: 0;
        max-width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .form-grid .alert .top {
        flex: 1;
        min-width: 160px;
        background-position: top right;
    }
    .form-grid .alert .top::after {
        left: inherit;
        right: -8px;
        bottom: 25px
    }
    .form tbody{
        width: min-content;
    }
    .sidebar-header{
        display:none;
    }
    .notification-sidebar{
        padding-bottom: 80px;
    }
    .form{
        padding: 30px;
    }
}
@media only screen and (max-width: 1000px){

    .form-item td:first-child{
        height: auto !important;
    }
}
.form-item td:first-child{
    padding: 0px;
    width: 20px;
    height: 50px;
}
input[type=checkbox][disabled]{
    opacity: 0.4;
    cursor: not-allowed;
}
[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
    height: auto;
}
[type="checkbox"]:checked,
[type="checkbox"]:not(:checked)
{
    position: relative;
    padding-left: 50px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
}
[type="checkbox"]:checked:before,
[type="checkbox"]:not(:checked):before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    border: solid #01A7B9 3px;
    background-color: white;
    margin-right: 20px;
}
.check-box-item [type="checkbox"]:checked:before:not(.two-column-item .check-box-item [type="checkbox"]:checked:before),
.check-box-item [type="checkbox"]:not(:checked):before,
.check-box-item [type="checkbox"]:checked:after,
.check-box-item [type="checkbox"]:not(:checked):after{
    top: -5px;
}
/* Code change version: October 7th 2024 */
.check-box-item [type="checkbox"]:checked, 
.check-box-item [type="checkbox"]:not(:checked){
    padding-left:0px;
    background-color: transparent;
    border: none;
    height:15px;
}
/* END Code change version: October 7th 2024 */
[type="checkbox"]:checked:after {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background-color: #01A7B9;
    position: absolute;
    top: 2px;
    left: 2px;
    background-image: url(../assets/img/icons/check-white.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.custom-select {
    width: 100%;
    position: relative;
    /* margin: 20px 0; */
    font-family: 'IBM Plex Sans', sans-serif;
}
.custom-select select {
    display: none;
}
.custom-select.full-width .all-items{
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
}
.selected-item {
    cursor:default;
    margin-right: 30px;
    cursor:pointer;
}
header .selected-item:after,
.sidebar .selected-item:after{
    content: "";
}
.selected-item:after {
    content: url(../assets/img/icons/arrow-down-dark.svg);
    margin-left: -15px;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: -2px;
}
.search-field {
    flex: 1;
}
.search-field input {
    width: 100%;
}
.search-field .selected-item:after {
    right: 19px;
    padding-top: 18px;
}
.search-field .selected-item{
    height: 50px;
    width: inherit;
    background-color: #ffffff;
    border-radius: 30px;
    padding: 16px 5px 16px 18px;
    border: solid 2px #d8dce4;
    font-family: 'AeonikPro', sans-serif;
    color: #000000;
    font-size: 15px; 
}
.search-field .all-items{
    left: 0px;
    top: 50px;
    width: 100%;
}
.search-field .all-items .item {
    padding: 10px 18px;
    font-family: 'AeonikPro', sans-serif;
    color: #000000;
}
.search-field .custom-select{
    margin: 0px;
}
.search-fields{
    margin-bottom: 25px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width:100%;
    justify-content: space-between;
    align-items: flex-end;
}
.search-fields .search-field label {
    margin-left: 19px;
    margin-bottom: 4px;
    display: inline-block;
}
.search-fields .btn-search {
    width: 80px;
    margin-bottom: 3px;
}
.item {
    background-color: #ffffff;
    cursor: pointer;
    padding: 10px 16px;
    line-height: 1.3;
}
.item:hover {
    background: #EFEFEF;
}
.all-items {
    position: absolute;
    top: 46px;
    left: -22px;
    z-index:100;
    background-color: white;
    width: max-content;
    /* height:max-content; */
    max-height:200px;
    box-shadow: 0px 0px 10px 0px rgb(110 123 140 / 10%);
    /* transition:max-height .5s ease; */
}
.all-items-hide {
    /* max-height:0px;
    overflow:hidden; */
    display:none;
}
.custom-select.drop-down{
    width: auto;
    display: inline-block;
}
.custom-select.drop-down .selected-item:after, .headings th.drop-down:after{
    content: url(../assets/img/icons/arrow-down-light.svg);
    vertical-align: text-top;
}
.custom-select.drop-down .all-items {
    top: 43px;
    left: 0px;
    min-width: 100%;
}
.custom-select.drop-down .all-items .item {
    background-color: #00a6b5;
    color: #fff;
}
@media only screen and (max-width: 600px){
    .custom-select.language-dropdown{
        width: auto;
        margin-left:25px;
        margin-bottom: 0px;
        margin-top: 40px;
    }
    .language-dropdown .all-items{
        position: relative;
        top: 0;
        left: -24px;
        margin-top: -20px;
        width:300px;
        box-shadow:none;
        margin-bottom: 20px;
    }
    .language-dropdown .selected-item{
        width: auto;
        margin-bottom: 40px;
    }
    .selected-item:after{
        right: auto;
        top: -2px;
        margin-left: 20px;
    }
    .custom-select.drop-down .all-items{
        width: auto;
    }
}
#drop-container{
    border: solid 2px #d8dce4;
    border-radius: 40px;
    display: flex;
    align-items: center;
    position: relative;
    min-height: 50px;
    flex-wrap: wrap;
}
#drop-container p{
    padding: 0px 15px 0px 18px;
}
#drop-container input[type="file"] {
    border: none;
    line-height: 28px;
    height: 47px;
    padding-right: 55px;
}
input[type="file"]{
    background-color: transparent;
    border:none;
    cursor:pointer;
    display:none;
}
::-webkit-file-upload-button{
    display: none;
}
.upload-button {
    background-color: #e0e5ea;
    border-radius: 30px;
    padding: 7px 12px;
    cursor: pointer;
    margin-right: 18px;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    color: #69707F;
}
.two-column-item{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 9px;
    align-items: center;
}
.form-item-right{
    min-width:120px;
}
.two-column-item.wrapped .form-item-left .check-box-item > *:not(input),
.two-column-item.wrapped .form-item-left{
    max-width:50%;
}
@media only screen and (max-width: 799px){
    #drop-container{
        width: -webkit-fill-available;
    }
    #drop-container p,
    .upload-button,
    #drop-container input[type="file"] {
        font-size: 13px;
    }
    .order-form-declaration-data-documentation .form-item-left {
        max-width: 100%;
    }
    .order-form-declaration-data-documentation .two-column-item {
        column-gap: 20px;
    }
}
@media only screen and (max-width: 358px){
    .upload-button {
        margin:15px;
    }
    #drop-container p {
        padding: 15px 10px 0px 15px;
    }
    .form-item-left{
        width:100%;
    }
    .two-column.item .status{
        width:100%;
        max-width:100%;
    }

}
.remove-button{
    display:none;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
    padding: 4px;
    border-radius:5px;
    line-height: 0;
}
.edit-button{
    cursor: pointer;
    background-color: #00a7b9;
    padding: 8px;
    border-radius: 50%;
    line-height: 0;
    height: fit-content;
    margin-left: 20px;
    margin-top: 5px;
}
.edit-button:hover {
    background-color: #008491;
}
.edit-button-wrapper{
    display:flex;
    gap:10px;
    align-items:center;
    width:100%;
}
.edit-button-wrapper p{
    cursor:pointer;
}
.edit-button-wrapper .edit-button{
    margin-top: 0;
    margin-left: 0;
}
.expand-block-wrapper {
    max-height: 500px;
    position: relative;
    overflow: hidden;
}
.expand-block-wrapper .fade-away {
    background: #fff;
    background: -webkit-linear-gradient(transparent, #fff);
    background: -moz-linear-gradient(transparent, #fff);
    background: -o-linear-gradient(transparent, #fff);
    background: linear-gradient(transparent, #fff);
}
.expand-block-wrapper .read-more {
    position: absolute; 
    bottom: 0; 
    left: 0;
    width: 100%; 
    margin: 0; 
    padding: 0px 0 10px;
}
.expand-block-wrapper .read-more.fade-away{
    padding: 350px 0 10px;
}
.expand-block-wrapper .read-more a {
    font-family: 'AeonikPro', sans-serif;
}
.read-more a:after{
    margin-left: 10px;
    display: inline-block;
    content: "";
    background-image: url(../assets/img/icons/arrow-down-dark.svg);
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    background-position: center;
}
.read-more a.active:after{
    background-image: url(../assets/img/icons/arrow-up-dark.svg);
}
.ui-datepicker-div > *,
.ui-datepicker-title{
    font-family: 'IBM Plex Sans';
}
@media only screen and (max-width: 600px){
    .ui-datepicker{
        width: -webkit-fill-available;
        margin-right: 50px;
    }
}
.ui-datepicker-calendar thead{
    display: none;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{
    display:none;
}
.ui-datepicker-prev:after{
    content: url(../assets/img/icons/arrow-left-dark.svg);
    position: absolute;
    top: 5px;
    left: 5px;
}
.ui-datepicker-next:after{
    content: url(../assets/img/icons/arrow-right-dark.svg);
    position: absolute;
    top: 5px;
    right: 5px;
}
.ui-state-default, .ui-widget-content .ui-state-default{
    background-color: #F7F8FA;
    border: solid 1px #CDD3DC;
    color: #000;
}
.ui-state-default, .ui-widget-content .ui-state-default:hover{
    background-color: #EFEFEF;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
    border: 1px solid #E0E7FF;
    background: #D9EFF3;
    color: #777620;
}
.ui-state-active, .ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active, 
a.ui-button:active, .ui-button:active, 
.ui-button.ui-state-active:hover{
    border: 1px solid #066C70;
    background: #058496;
    font-weight: normal;
    color: #ffffff;
}
.ui-widget-header{
    border: 1px solid #CDD3DC;
    background-color: #EEF3F5;
    color: #000;
}
.ui-datepicker-prev:hover, .ui-datepicker-next:hover{
    border:1px solid transparent;
    background-color: transparent;
}
.option-block .badge{
    color: #694b89;
    background-color: #ffffff;
    border-radius: 20px;
    font-family: 'AeonikPro', sans-serif;
    font-weight: 400;
    padding: 7px 20px;
}
.form-top .left .uppercase:first-of-type{
    display:inline-block;
}
.question-item p{
    margin-top:30px;
}
.form-item-wrapper.sea-field, 
.form-item-wrapper.train-field, 
.form-item-wrapper.air-field,
.form-item-wrapper.road-field{
    display:none;
}
.form-item-wrapper.sea-field.active,
.form-item-wrapper.train-field.active,
.form-item-wrapper.air-field.active,
.form-item-wrapper.road-field.active{
    display: block;
}
.option-block-wrapper .label{
    display: inline-block;
}
.option-block-wrapper .question{
    width: 15px;
}
label.question:after{
    content: "";
    background-image: url(../assets/img/icons/question-dark.svg);
    width: 13px;
    height: 13px;
    display: inline-block;
    background-size: contain;
    margin-left: 5px;
}
div.form-img{
    background-image: url(../assets/img/box.svg);
    background-repeat: no-repeat;
    background-size: 78px;
    background-position: center;
}
div.form-img.single{
    background-image: none;
}
div.form-img.air-field{
    background-image: url(../assets/img/plane.svg);
}
div.form-img.train-field{
    background-image: url(../assets/img/train.svg);
}
div.form-img.sea-field{
    background-image: url(../assets/img/boat.svg);
}
div.form-img.road-field{
    background-image: url(../assets/img/delivery-truck.svg);
}
/* Code change version: November 21st 2025 */
@media only screen and (min-width: 1350px){
    .document{
        margin-top: 90px;
    }
}
/* END Code change version: November 21st 2025 */
@media only screen and (max-width: 767px) {
    div.form-img {
        background-size: 43px;
    }
}
.number{
    color: #ffffff;
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 30px;
    transform: translate(-50%, -50%);
}
.tickets-list{
    display:flex;
    justify-content: space-between;
    gap: 50px;
    margin-left: 27px;
}
@media only screen and (max-width: 1899px){
    .tickets-list {
        gap: 30px;
    }
}
.ticket{
    padding:10px 0;
    width:25%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.tickets .details{
    display: flex;
    align-items: center;
    margin-top:20px;
    margin-left:auto;
}
.ticket.open-tickets .big{
    color: #e7892f;
}
.ticket.last-month-tickets{
    width:50%;
}
.tickets-list .big{
    margin-bottom: -3px;
    font-size: 42px;
    font-weight: 300;
    color: #00a7b9;
}
@media only screen and (max-width: 700px){
    .tickets-list{
        flex-wrap:wrap;
        justify-content:flex-start;
        gap: 10px;
    }
    .tickets-list *{
        width: 100% !important;
        gap: 15px;
    }
}
input[type="radio"]{
    background-color: transparent;
    border:none;
}
input[type=radio][disabled]:before{
    border: solid #ECEEF2 3px;
}
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    height: auto;
}
[type="radio"]:checked,
[type="radio"]:not(:checked)
{
    position: relative;
    padding-left: 50px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
}
[type="radio"]:checked:before,
[type="radio"]:not(:checked):before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    border: solid #01A7B9 3px;
    background-color: white;
    margin-right: 20px;
    border-radius:50%;
}
.check-box-item [type="radio"]:checked:before:not(.two-column-item .check-box-item [type="radio"]:checked:before),
.check-box-item [type="radio"]:not(:checked):before,
.check-box-item [type="radio"]:checked:after,
.check-box-item [type="radio"]:not(:checked):after{
    top: -5px;
}
.check-box-item [type="radio"]:checked, 
.check-box-item [type="radio"]:not(:checked){
    padding-left:0px;
    background-color: #01A7B9;
    border: none;
    border-radius:50%;
}
[type="radio"]:checked:after,
[type="radio"]:not(:checked):after{
    content:"";
    background-color:#01A7B9;
    width: 9px;
    height: 9px;
    position: absolute;
    top:6px;
    left: 6px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    border-radius:50%;
}
[type="radio"][disabled]:checked:after,
[type="radio"][disabled]:not(:checked):after{
    content:"";
    background-color:#01A7B9;
    border-radius:50%;
}
[type="radio"]:not(:checked):after {
    content:"";
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked:after {
    content:"";
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.selectize-input, .selectize-control.single .selectize-input.input-active{
    background-color: #ffffff !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 5px;
    border: solid 1px #CDD3DC;
}
.selectize-input.dropdown-active::before{
    display:none!important;
}
.selectize-input .dropdown-active{
    height: 40px;
    border-radius: 5px;
    padding: 10px 15px;
    background-color: #f4f4f4;
    border: solid 1px #CDD3DC;
}
.selectize-control.single .selectize-dropdown {
    border: none !important;
    box-shadow: 0px 0px 10px 0px rgb(110 123 140 / 10%);
}
.selectize-control.single .selectize-dropdown .option {
    font-size: 14px !important;
    padding: 10px 18px !important;
    cursor: pointer;
}
.selectize-control.single .selectize-dropdown .option.active {
    color: #000000;
}
.selectize-dropdown-content{
    border-radius: 5px;
    padding: 10px 15px;
    background-color: #fff;
}
.selectize-dropdown-content{
    padding:0px;
}
.selectize-dropdown-content .option{
    padding: 10px 15px !important;
}
.selectize-dropdown-content .option:hover{
    background-color: #EFEFEF !important;
}
.selectize-dropdown-content .option.selected{
    background-color: #fff !important;
}
.selectize-dropdown-content .option.active{
    background-color: #fff;
}
.selectize-dropdown-content .option.active:hover{
    background-color: #EFEFEF !important;
}
.selectize-control{
    width:100%;
}
.selectize-control.single{
    height:50px;
}
.selectize-input {
    background-color: #fff !important;
    height: 100% !important;
    border-radius: 40px !important;
    border: solid 2px #d8dce4 !important;
    padding: 13px 20px !important;
    position: unset !important;
}
.selectize-input input[type="select-one"] {
    display: none !important;
}
.selectize-control.single .selectize-input:after,
.selectize-control.multi .selectize-input:before{
    content: url(../assets/img/icons/arrow-down-dark.svg) !important;
    border-style: none !important;
    top: 15px !important;
    right: 32px !important;
    margin-top:0px !important;
    border-width:0px!important;
}
.selectize-control.multi .selectize-input.has-items:before,
.selectize-control.multi .selectize-input:before{
    position:absolute;
    top: 10px !important;
    right: 10px !important;
}
.selectize-input .item,
.selectize-dropdown-content .option{
    background-color:transparent;
    font-family: 'AeonikPro', sans-serif;
    color: #000000;
    font-size: 15px;
    padding:0px;
}
.selectize-input.dropdown-active .item{
    display:inline-block;
}
.selectize-input .item:hover{
    background-color:transparent;
}
.selectize-control.single .selectize-input .item{
    display: block!important;
}
.filepond--drop-label{
    border: 1px dashed #CDD3DC;
    border-radius: 8px;
    height: fit-content;
    background-color: #f4f4f4 !important;
    display: flex;
    align-items: center;
    position:relative;
    height: fit-content;
    min-height: 40px;
    flex-wrap: wrap;
}
.filepond--drip, .filepond--panel-root{
    background:transparent !important;
    opacity: 0 !important;
}
.filepond--root .filepond--drop-label{
    min-height: 50px !important;
    border: solid 2px #d8dce4;
    border-radius: 40px;
    background-color: #ffffff !important;
}
.filepond--item > .filepond--file-wrapper, .filepond--item > .filepond--panel, .filepond--file{
    margin-top:10px;
}
.filepond--root{
    font-size: 15px !important;
    background-color: transparent!important;
    margin-bottom:0px !important;
    min-width: 340px;
}
#file-files-old{
    display:none;
}
input[type="file"]{
    background-color: transparent;
    border:none;
    cursor:pointer;
    display:none;
}
::-webkit-file-upload-button{
    display: none;
}
.filepond--label-action{
    display: inline-block;
    cursor: pointer;
    text-decoration: none !important;
    background-color: #e0e5ea;
    border-radius: 30px;
    padding: 7px 12px;
    color: #69707F;
}
.filepond--label-action:after{
    content: url(../assets/img/icons/upload-dark.svg);
    margin-left: 5px;
}
.filepond--drop-label.filepond--drop-label label{
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding-inline: 20px !important;
    padding-block:0px !important;
    font-size: 15px !important;
    line-height: 22px;
    width: 100%;
    font-family: 'AeonikPro', sans-serif;
    color: #000000;
    font-weight: 400;
    margin: 0 !important;
}
.filepond--item-panel{
    background-color: #00a7b9 !important;
}
.filepond--file-action-button {
    background-color: #008491 !important;
}
.existing-file-delete{
    cursor: pointer;
    border: 1px solid #CDD3DC;
    background-color: #EEF3F5;
    padding: 4px;
    border-radius: 5px;
    line-height: 0;
    width: fit-content;
    height: auto;
}
.existing-file-delete:after{
    content:url(../assets/img/icons/close-dark.svg);
}
.file-row td{
    padding:10px;
}
.sticky{
    position:sticky;
    top:100px;
}
.detail-block,
.chat-block{
    padding: 20px;
    height: fit-content;
}
.chat-block{
    padding-bottom:60px;
}
.detail-block p.bold{
    margin:0px;
}
.detail-block p.bold:not(.blue){
    font-size: 21px;
}
.detail-top{
    text-align:center;
    padding-bottom:20px;
}
.detail-bottom{
    border-top: 1px #d8dce4 solid;
    padding-top:20px;
}
.detail-block .status{
    max-width: inherit;
    min-width: inherit;
    display: inline-block;
}
.detail-block .detail-item{
    margin: 10px 0px;
}
.detail-block .detail-item p.grey.uppercase {
    font-family: "Revisal";
}
.font-revisal {
    font-family: "Revisal";
}
.bubbles{
    display:flex;
    flex-direction:column;
    gap:30px;
    padding-top:30px;
}
.bubble-wrapper{
    display:flex;
    flex-direction:column;
}
.bubble-wrapper .sender{
    font-size:14px;
    margin-bottom: 4px;
    color:#8097B1;
    width: fit-content;
    position:relative;
}
.bubble-wrapper .sender.outgoing{
    align-self: flex-end;
    text-align:right;
}
.bubble-wrapper .sender p:not(.tooltip p){
    margin-bottom:0px !important;
    display:inline;
}
.attachment-icon-wrapper{
    position:relative;
    display:inline;
}
.tooltip-wrapper{
    position:absolute;
    left: -25px;
    bottom: calc(100% + 15px);
    opacity:0;
    transition: opacity .1s ease;
    width: fit-content;
}
.sender.outgoing .tooltip-wrapper{
    right: -15px;
    left: auto;
}
.attachment-icon-wrapper img:hover + .tooltip-wrapper {
    opacity:1;
}
.tooltip{
    background-color:#eff8f9;
    padding:8px;
    position:relative;
    box-shadow: 0px 0px 10px 0px rgba(110,123,140,0.1);
    max-width:250px;
    width:max-content;
}
.tooltip:after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 20px;
    border-color: #eff8f9 transparent transparent transparent;
    border-radius:20px;
    left: 14px;    
    bottom:-10px;
}
.sender.outgoing .tooltip:after{
    right: 5px;
    left: auto;
}
.tooltip p{
    color:#000000;
    font-size:12px;
    overflow-wrap: break-word;
    margin-bottom:0px !important;
    line-height:1.3;
    text-align: left;
}
.tooltip p:not(:last-of-type){
    margin-bottom:10px !important;
}
.bubble{
    border-radius:10px;
    width: fit-content;
    max-width: 80%;
    min-width:50%;
    position: relative;
    padding:10px;
}
.bubble-top{
    display:flex;
    flex-direction:row-reverse;
}
.bubble-bottom{
    display:flex;
    justify-content:flex-end;
}
.bubble-content{
    width:100%;
    overflow: auto;
    max-height: 400px;
    margin-right: 5px;
}
.bubble-content p,
.bubble-bottom p{
    margin:0px !important;
}
.bubble-content p.dots{
    margin-top:-10px !important;
}
.bubble.incoming{
    background-color: #00A7B9;
}
.bubble.outgoing{
    background-color: #B4E6F2;
    align-self: flex-end;
}
.bubble.incoming p{
    color: #fff;
}
.bubble .collapse{
    justify-content: flex-end;
    display: flex;
}
.bubble .collapse:after{
    margin-left:0px;
    align-self: flex-start;
}
.bubble.incoming .collapse:after,
.bubble.outgoing .collapse:after{
    background-color: #ffffff;
}
.bubble.incoming:after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 20px 0px 0;
    border-color: #00A7B9 transparent transparent transparent;
    border-radius:5px;
    left:0;
    bottom:-15px;
}
.bubble.outgoing:after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 0px 0 20px;
    border-color: #B4E6F2 transparent transparent transparent;
    border-radius:5px;
    right:0;
    bottom:-15px;
}
.add-note{
    border-bottom: 1px #D3EFF3 solid;
    padding-bottom:30px;
}
.add-note-bottom{
    display:flex;
    margin-top:30px;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 20px;
    row-gap: 15px;
}
.add-note-bottom .button-wrapper{
    margin-top:0px;
    width: auto;
}
@media screen and (max-width: 1101px){
    .detail-block-details{
        display:flex;
        flex-direction:row;
        height: 210px;
        justify-content: space-between;
    }
    .detail-bottom{
        display:flex;
        flex-direction:column;
        flex-wrap:wrap;
        border-top:none;
        width: 60%;
        padding-top:0px;
    }
    .detail-block .status {
        max-width: 90%;
    }
    .detail-item{
        width:50%;
    }
    .detail-block p.bold:not(.blue){
        font-size: 18px;
    }
}
@media screen and (max-width: 781px){
    .detail-block-details{
        flex-direction:column;
        height:auto;
    }
    .detail-bottom{
        width: 100%;
        border-top: 1px #d8dce4 solid;
        flex-direction: row;
    }
}
@media screen and (max-width: 430px){
    .chat-block .form-top{
        flex-wrap: wrap;
    }
    .chat-block .form-top .right{
        width:100%;
    }
    .chat-block .form-top .collapse{
        justify-content:flex-start;
    }
    .chat-block .form-top .left p,
    .chat-block .form-top .right a{
        margin-bottom:10px !important;
    }
    .bubble{
        min-width:90%;
        max-width:90%;
    }
    .sender.outgoing .tooltip-wrapper{
        left: -25px;
        bottom: calc(100% + 15px);
    }
    .sender.outgoing .tooltip:after{
        left: 14px;
        bottom: -10px;
    }
    .sender.incoming .tooltip-wrapper{
        right: -15px;
        left: auto;
    }
    .sender.incoming .tooltip:after{
        right: 5px;
        left: auto;
    }
    .tooltip{
        max-width:150px;
    }
}
@media screen and (max-width: 370px){
    .detail-bottom{
        height: 100%;
        flex-direction: column;
    }
}
.badge-bigger{
    font-size: 20px;
    margin-right: 30px;
    vertical-align: text-bottom;
}
.blue{
    color: #00a7b9;
}
/* Code change version: November 21st 2025 */
.grid{
    flex-wrap:wrap;
    padding: 20px;
    width:auto;
}
/* END Code change version: November 21st 2025 */
.grid:last-of-type{
    margin-bottom:30px;
}
@media screen and (max-width: 500px){
    .grid{
        padding: 25px;
    }
}
.grid .form-fields{
    justify-content: flex-start;
}
.grid .form-item-wrapper{
    flex-wrap:wrap;
    gap:20px;
   /* align-items: flex-start; */
    margin-bottom:0px;
    width:100%;
}
.grid .form-item-wrapper.align-end{
    align-items: flex-end;
}
.grid .form-item-wrapper .form-item{
    margin-bottom:20px !important;
}
.grid .form-item-wrapper .form-item.title{
    margin-bottom:0px !important;
    margin-top:0px;
}
.grid .form-item-wrapper.wide{
    width: calc(100% - 20px);
}
.grid label{
    line-height: 1.4;
    height: 35px;
    display: inline-flex;
    align-items: flex-end;
    -webkit-hyphens:auto;
    hyphens: auto;
}
.grid label.question:after{
    background-repeat:no-repeat;
}
.form.margin{
    margin-bottom:20px;
}
.wide{
    width: 100%;
}
.clone-group{
    width:100%;
    border: 2px solid #eef0f5;

    .form-items {
        border: none !important;

        .form-fields-wrapper {
            width: 100%;
            border-bottom: 2px solid #eef0f5;
            padding-bottom: 35px;
        }

        &:last-of-type {
            .form-fields-wrapper {
                border-bottom: none;
                padding-bottom: 0;
            }
        }
    }
}
.grid .form-items{
    box-sizing: border-box;
    align-items: flex-start;
    border: #eee 1px solid;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.grid .form-items .form-fields-wrapper{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    align-items:flex-end;
}
/* .form-items.one-fourth{
    width: calc(25% - 20px);
}
.form-items.two-fourth{
    width: calc(50% - 20px);
}
.form-items.three-fourth{
    width: calc(75% - 20px);
}
.form-items.wide{
    width: 100%;
    margin-right:20px;
} */
.grid .form-items,
.grid .form-fields{
    gap:20px;
}
/* .grid .form-items .form-item{
    margin-right:20px;
} */
/* .grid .form-items p.bold{
    margin-bottom:10px;
} */
/* .form-items.one-fourth .form-item.small-field{
    width: calc(50% - 20px);
}
.form-items.one-fourth .form-item.medium-field,
.form-items.one-fourth .form-item.big-field{
    width: calc(100% - 20px);
}
.form-items.two-fourth .form-item.small-field{
    width: calc(25% - 20px);
}
.form-items.two-fourth .form-item.medium-field{
    width: calc(50% - 20px);
}
.form-items.two-fourth .form-item.big-field{
    width: calc(100% - 20px);
}
.form-items.three-fourth .form-item.small-field{
    width: calc(16.5% - 20px);
}
.form-items.three-fourth .form-item.medium-field{
    width: calc(33% - 20px);
}
.form-items.three-fourth .form-item.big-field{
    width: calc(66% - 20px);
}
.form-items.wide .form-item.small-field{
    width: calc(12.5% - 20px);
}
.form-items.wide .form-item.medium-field{
    width: calc(25% - 20px);
}
.form-items.wide .form-item.big-field{
    width: calc(50% - 20px);
} */
.form-items .form-item.file-upload{
    min-width:fit-content;
}
/* .form-items.flexible{
    width: calc(25% - 20px);
}
.form-items.flexible:has(.big-field){
    width: calc(75% - 20px);
}
.form-items.flexible .form-item.small-field{
    width: calc(50% - 20px);
}
.form-items.flexible .form-item.medium-field{
    width: calc(100% - 20px);
}
.form-items.flexible:has(.big-field) .form-item.small-field{
    width: calc(16.5% - 20px);
}
.form-items.flexible:has(.big-field) .form-item.medium-field{
    width: calc(33% - 20px);
}
.form-items.flexible:has(.big-field) .form-item.big-field{
    width: calc(66% - 20px);
} */
hr.margin{
    margin: 20px 0px;
}
.direction-row{
    flex-direction:row;
    display:flex;
}
@media screen and (max-width: 1000px){
    /* .form-items.one-fourth{
        width: 50%;
    }
    .form-items.two-fourth{
        width: 100%;
    }
    .form-items.three-fourth{
        width: 100%;
    }
    .form-items.flexible{
        width: 50%;
    } */
    .form-items.flexible:has(.big-field){
        width: 100%;
    }
    .grid .form-item p{
        margin-left:0px !important;
    }
    /* .form-items.three-fourth .form-item.small-field {
        width: calc(25% - 20px);
    }
    .form-items.two-fourth .form-item.medium-field{
        width: calc(50% - 20px);
    }
    .form-items.three-fourth .form-item.big-field{
        width: calc(100% - 20px);
    }
    .form-items.wide .form-item.small-field {
        width: calc(25% - 20px);
    }
    .form-items.wide .form-item.medium-field {
        width: calc(50% - 20px);
    }
    .form-items.wide .form-item.big-field {
        width: calc(100% - 20px);
    } */
    .form-items.flexible:has(.big-field) .form-item.big-field{
        width: calc(100% - 20px);
    }
}
@media screen and (max-width: 800px){
    /* .form-items.one-fourth{
        width: 100%;
    } */
    .form-items.flexible{
        width: 100%;
    }
    /* .form-item.small-field{
        width:calc(50% - 20px) !important;
    }
    .form-item.medium-field{
        width:calc(100% - 20px) !important;
    }
    .form-item.big-field{
        width:calc(100% - 20px) !important;
    } */
}
.form-item.big-field{
    width:500px;
}
.form-item.medium-field{
    width:280px;
}
.form-item.small-field{
    width:120px;
}
input:not([type="select-one"]):invalid, 
textarea:invalid{
    border-color: #c92427 !important;
}
.big-title.margin-bottom{
    margin-bottom: 30px;
}
.reports{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    margin-top:37px;
}
.report{
    display: flex;
    gap: 20px;
    padding: 20px;
    background-color: #d8eff6;
}
.report-left .icon {
    width: 67px;
    height: 67px;
    border-radius: 0;
}
.report-left .icon img {
    margin-top: 23px;
    width: 25px;
    height: 21px;
}
.report h3{
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
}
.report p{
    margin-bottom:20px !important;
}
.report a {
    font-family: 'AeonikPro', sans-serif;
}
.report a:hover{
    color: #000000;
}
a.open-tab:after{
    content: url(../assets/img/icons/external-url-blue.svg);
    margin-left: 8px;
    vertical-align: middle;
}
.report a.open-tab:hover:after {
    content: url(../assets/img/icons/external-url.svg);
}
.grid .form-items.no-border{
    border:none;
    padding:0;
    margin:0;
}
.btn.mail,
.btn.call{
    justify-content: space-between;
}
.mail:after{
    content: url(../assets/img/icons/message-white.svg);
    margin-left: 16px;
    vertical-align: middle;
}
.call:after{
    content: url(../assets/img/icons/call-white.svg);
    margin-left: 16px;
    vertical-align: middle;
}
.contact-wrapper{
    display:flex;
    flex-direction:column;
}
.contact-top{
    display:flex;
    align-items:flex-start;
    gap:30px;
}
.contact-wrapper h2{
    font-size:25px;
    line-height:1.5;
}
.contact-wrapper h3{
    display: block;
    font-size:21px;
    margin-bottom:20px;
}
.contact-wrapper .button-wrapper-left,
.contact-wrapper .contact-item{
    margin-bottom: 40px;
    margin-top: 9px;
    column-gap: 30px;
    row-gap: 18px;
}
.contact-wrapper .contact-item:last-of-type {
    margin-bottom: 10px;
}
@media screen and (max-width: 1200px) {
    .contact-wrapper .button-wrapper-left {
        margin-bottom: -8px;
    }
}
.contact-wrapper .contact-person{
    display: flex;
    align-items: flex-start;
    gap: 30px;
}
.contact-wrapper .contact-item p {
    margin-bottom: 6px !important;
}
.contact-wrapper .contact-item a{
    display: inline-block;
    text-decoration: underline;
    font-family: 'AeonikPro', sans-serif;
    font-size: 15px;
}
.contact-wrapper .contact-bottom{
    border-top: 2px solid #d8dce4;
    padding-top: 40px;
}
.contact-wrapper .contact-bottom.flex {
    display: flex;
    justify-content: flex-start;
    gap: 130px;
}
@media screen and (max-width: 999px) {
    .contact-wrapper .contact-bottom.flex {
        gap: 25px;
    }
}
@media screen and (max-width: 767px) {
    .contact-wrapper .contact-bottom.flex {
        flex-direction: column;
    }
}
.contact-wrapper .contact-bottom__left {
    min-width: 250px;
}
.button-group{
    display: flex;
    flex-wrap: wrap;
    gap:20px;
    margin-top:30px;
}
.button-group .big-btn{
    width:calc(50% - 20px);
}
.big-btn{
    padding: 20px;
    display: inline-flex;
    gap: 20px;
    align-items: center;
    position: relative;
    background-color: #d8eff6;
}
.big-btn__icon {
    background-color: #ffffff;
    padding: 20px;
}
.big-btn__icon img{
    height: 25px;
    width: 27px;
}
.big-btn p{
    margin:0 !important;
    padding-right:35px;
    font-size: 19px;
    color: #00a7b9;
}
.big-btn:after{
    content:url(../assets/img/icons/arrow-right-blue-v2.svg);
    width: 25px;
    position:absolute;
    top:52%;
    right:17px;
    transform:translate(0, -50%);
}
.big-btn:hover {
    background-color: #c8e1e9;
}
.selectize-dropdown, .selectize-input, .selectize-input input{
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-size: 14px !important;
}
.selectize-input > input{
    padding: 0 10px!important;
}
.k-header,
.k-widget,
.k-grid-header-wrap,
div.k-grid-header table thead tr th{
    border-width:0 !important;
}
.k-grid-header th.k-header{
    text-transform:uppercase;
    background-color: #C6E6E9;
    vertical-align: middle !important;
    color:#00a7b9 !important;
    font-weight: 500 !important;
    letter-spacing: 1.12px !important
}
.k-grid-header th.k-header a{
    color:#00a7b9 !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-weight: 500;
    letter-spacing: 1.12px;
}
.k-filter-row{
    height:40px;
}
.k-select{
    height:100%;
}
div.k-grid-toolbar .k-button{
    border:none;
    font-family: 'IBM Plex Sans', sans-serif;
    cursor: pointer;
    padding: 10px 15px;
    border-radius: 50px;
    color: white;
    font-weight: 500;
    min-width: max-content;
    max-width: 10%;
    background-color: #8799AD;
    width: 100%;
    height: 39px;
    line-height: 0;
    display: flex;
    align-items: center;
}
div.k-grid-toolbar .k-button .k-icon{
    margin-right: 10px;
}
.k-pager-wrap .k-icon:before,
.k-pager-numbers .k-link{
    color:#058496 !important;
}
div.k-grid-toolbar{
    display: flex;
}
.k-picker-wrap .k-select{
    height:auto !important;
}
.k-popup .k-list .k-state-focused{
    box-shadow:none !important;
}
.k-list>.k-state-focused.k-state-selected,
.k-state-selected{
    background-color:#00a7b9 !important;
}
.k-autocomplete.k-state-default .k-input{
    border:1px solid #d0d0d0; 
    box-shadow:none !important;
}
.k-widget tr{
    background-color: #fff;
}
.k-widget,
.k-state-focused{
    box-shadow:none !important;
}
.k-picker-wrap.k-state-focused{
    outline: solid 1px #00a7b9;
}
.k-grid tr.k-filter-row:hover{
    background-color:#fff !important;
}
div.k-grid-content table tbody tr td{
    border-bottom: solid 10px #F4F4F4;
    vertical-align: middle !important;
    padding: 0.4em 0.6em !important;
    border-left: none;
}
div.k-grid-toolbar .k-button{
    padding: 5px 20px !important;
    font-size: 14px !important;
    border-radius: 50px;
    margin-bottom: 30px !important;
}
div.k-grid-toolbar .k-button:not(:last-of-type){
    margin-right:20px !important;
}
.k-state-default>.k-select{
    border-color:#CDD3DC !important;
    background-color:#EEF3F5;
}
div.k-grid-header table thead tr.k-filter-row th span.k-dropdown span.k-dropdown-wrap span.k-select span.k-icon{
    background-color:#EEF3F5;
}
.k-filter-row .k-icon:before{
    color: #92A1B5;
}
@media screen and (max-width: 1200px){
    .reports{
        grid-template-columns: 1fr 1fr;
    }
    .report{
        flex-wrap:wrap;
    }
    .report .report-left,
    .report .report-right{
        width:100%;
    }
    .contact-wrapper{
        flex-wrap:wrap;
    }
    .contact-wrapper .contact-top,
    .contact-wrapper .contact-bottom{
        width:100%;
    }
    .contact-wrapper .contact-top{
        margin-bottom:50px;
    }
    .contact-wrapper .contact-top .contact-item{
        padding-left:0;
    }
    .contact-wrapper .contact-bottom{
        border-left: none;
        padding-left:0;
    }
    .contact-wrapper .contact-top{
        padding-right:0;
    }
}
@media screen and (max-width: 800px){
    .button-group .big-btn{
        width:100%;
    }
}
@media screen and (max-width: 767px){
    .contact-wrapper .contact-person-content .btn--icon-right {
        padding: 0;
    }
}
@media screen and (max-width: 700px){
    .reports{
        grid-template-columns: 1fr;
    }
    .contact-wrapper h2{
        font-size:20px;
    }
    .contact-wrapper h3{
        font-size:18px;
    }
    .intro.background{
        height:200px;
    }
    .big-btn__icon {
        padding: 15px;
    }
    .big-btn__icon img {
        width: 21px;
        height: 23px;
    }
    .big-btn p{
        font-size:15px;
    }
}
@media screen and (max-width: 599px) {
    .reports {
        margin-top: 30px;
    }
}
@media screen and (max-width: 500px){
    .contact-wrapper .contact-person{
        flex-wrap:wrap;
    }
    .contact-wrapper .contact-person-content{
        width:100%;
    }
    .contact-wrapper .contact-person__image {
        margin-top: 15px;
    }
}
div.k-grid-toolbar{
    margin-top:-40px;
    justify-content:flex-end;
    background-color:transparent;
    flex-wrap: wrap;
}
.search-fields{
    z-index:2;
}
.k-grid{
    background-color:transparent !important;
}
@media screen and (max-width: 1100px){
    div.k-grid-toolbar{
        margin-top:0;
        justify-content:flex-start;
        background-color:#F4F4F4;
    }
}
.widget div.k-grid-toolbar{
    margin-top:-15px;
}
.k-pager-wrap{
    background-color:transparent !important;
}
div.k-grid-header table thead tr.k-filter-row th span.k-datetimepicker span.k-picker-wrap span.k-select{
    line-height: 1.4 !important;
}
.k-filter-row th, .k-grid-header th.k-header{
    font-size: 12px;
}
div.k-grid-content table tbody tr{
    height: 60px;
}
.form-wrapper-right #grid{
    margin-top: 0!important;
}
#notifications{
    /* max-width: 725px; */
}
@media screen and (max-width: 1100px){
    #notifications{
        max-width: 100%;
        min-width:90% !important;
    }
}
.initial-avatar{
    margin-bottom: 20px;
    font-family: 'IBM Plex Sans', sans-serif;
}
.intro .row p{
    margin:0;
}
.bubble-content img{
    max-width:100%;
    height: auto;
}
@media screen and (max-width: 1100px){
    .k-grid-content td:before{
        content:"";
        display:none;
    }
    .k-grid-content table, .k-grid-content tr, .k-grid-content td{
        display: revert;
    }
    .k-grid-content table, .k-grid-content-locked>table, .k-grid-footer table, .k-grid-header table{
        table-layout: auto !important;
    }
    .k-grid-header{
        display:none;
    }
    div.k-grid-toolbar .k-button{
        margin-bottom: 10px !important;
    }
    .widget div.k-grid-toolbar{
        margin-top:10px;
        background-color: transparent;
    }
    div.k-grid-toolbar .k-button{
        margin-bottom:10px !important;
        margin-top:10px !important;
    }
}
@media screen and (max-width: 400px){
    .search-fields .search{
        margin-top:10px;
    }
    div.k-grid-toolbar .k-button:not(:last-of-type){
        margin-bottom:0px !important;
    }
}
.selectize-control.single .selectize-input, .selectize-control.single .selectize-input.input-active{
    height:40px;
}
#items-1,
#items-2{
    max-width:50%;
}
#items-3{
    max-width:100%;
}
.widget{
    width:100%;
}
li[role="menuitemcheckbox"] .k-menu-link [type="checkbox"]:checked, li[role="menuitemcheckbox"] .k-menu-link [type="checkbox"]:not(:checked){
    padding-left: 50px !important;
}
li[role="menuitemcheckbox"] .k-menu-link [type="checkbox"]:checked:after, li[role="menuitemcheckbox"]  .k-menu-link [type="checkbox"]:not(:checked):after {
    top: -5px !important;
}
li[role="menuitemcheckbox"] .k-menu-link [type="checkbox"]:checked:before, li[role="menuitemcheckbox"] .k-menu-link [type="checkbox"]:not(:checked):before{
    margin-top: -10px;
}
li[role="menuitemcheckbox"] .k-menu-link{
    padding: 10px !important;
}
.k-menu .k-state-selected>.k-link,
.k-primary{
    background-color: #076D6F !important;
    border-color: #076D6F !important;
}
.form-item .open-modal{
    margin-top:10px;
}
.modal.container-numbers{
    position:fixed;
    width:auto;
    height:auto;
    top: 50%;
    transform:translate(-50%, -50%);
}
.modal.container-numbers .top-wrapper {
    margin-top: 10px;
    margin-bottom: 20px;
}
.modal.container-numbers .title{
    margin: 0;
    padding: 0;
}
.modal.container-numbers .title h2{
    color:#0093b0;
    font-size:25px;
}
.modal.container-numbers .button-wrapper-right{
    display: flex;
    justify-content: flex-end;
    margin-top:40px !important;
}
.form-item .inputs-container li{
    background-color: #d8eff6;
    padding: 10px 15px;
    display: inline;
    color: #01a1ce;
    border-radius: 30px;
}
.form-item .inputs-container{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top:10px;
}
.form-item .inputs-container li .remove-item{
    margin-left:5px;
    color:#01a1ce;
    cursor:pointer;
}
.form-item .inputs-container li.invalid .remove-item{
    color:#D63649;
}
.form-item .inputs-container li.invalid{
    color:#D63649;
    background-color:#FAE6E9;
}
@media screen and (max-width: 900px){
    .modal.container-numbers{
        width: 70%;
        height: auto;
        left: 55%;
    }
}  
@media screen and (max-width: 600px){
    .modal.container-numbers{
        width:80%;
        left:50%;
    }
    .modal.container-numbers .title h2{
        font-size:20px;
    }
}
.sidebar li.language-dropdown .all-items:before,
header li.language-dropdown .all-items:before{
    content:"Select operator:";
    text-transform:capitalize;
    color:#fff;
    padding: 0 16px;
}
header li.language-dropdown .all-items .item:first-of-type,
.sidebar li.language-dropdown .all-items .item:first-of-type{
    padding-top:20px;
}
header li.language-dropdown,
.sidebar li.language-dropdown {
    margin-left:0 !important;
    display: flex !important;
    flex-direction:row-reverse;
    align-items: center;
    gap:30px;
    padding:7px 15px;
    background-color:#eff8f9;
    border-radius:5px;
    position:relative;
    cursor:auto !important;
    width:auto;
    border-radius: 40px;
}
@media screen and (max-width: 599px){
    .sidebar li.language-dropdown {
        background-color: #d8eff6;
        border-radius: 0;
    }
}
li.language-dropdown .language-dropdown-right{
    display:flex;
    gap:10px;
}
header .language-dropdown .flag,
.sidebar li.language-dropdown .flag{
    width:27px;
    height:27px;
    cursor:pointer;
    background-size: cover;
    background-repeat: no-repeat;
}
header .language-dropdown .flag.nl,
.sidebar li.language-dropdown .flag.nl{
    background-image: url(../assets/img/nl.svg);
}
header .language-dropdown .flag.uk,
.sidebar li.language-dropdown .flag.uk{
    background-image: url(../assets/img/en.svg);
}
header .language-dropdown .flag.de,
.sidebar li.language-dropdown .flag.de{
    background-image: url(../assets/img/de.svg);
}
header .language-dropdown .flag.be,
.sidebar li.language-dropdown .flag.be{
    background-image: url(../assets/img/be.svg);
}
header .language-dropdown .flag.fr,
.sidebar li.language-dropdown .flag.fr{
    background-image: url(../assets/img/fr.svg);
}
header .language-dropdown .flag.es,
.sidebar li.language-dropdown .flag.es{
    background-image: url(../assets/img/es.svg);
}
header .language-dropdown .flag.po,
.sidebar li.language-dropdown .flag.po{
    background-image: url(../assets/img/po.svg);
}
header .language-dropdown .flag.tr,
.sidebar li.language-dropdown .flag.tr{
    background-image: url(../assets/img/tr.svg);
}
header .language-dropdown .flag.ch,
.sidebar li.language-dropdown .flag.ch{
    background-image: url(../assets/img/ch.svg);
}
header .language-dropdown .flag.fi,
.sidebar li.language-dropdown .flag.fi{
    background-image: url(../assets/img/fi.svg);
}
header .language-dropdown .flag.it,
.sidebar li.language-dropdown .flag.it{
    background-image: url(../assets/img/it.svg);
}
header .language-dropdown .flag.se,
.sidebar li.language-dropdown .flag.se{
    background-image: url(../assets/img/se.svg);
}
header .language-dropdown .flag.ie,
.sidebar li.language-dropdown .flag.ie{
    background-image: url(../assets/img/ie.svg);
}
/* Code change version: October 7th 2024 */
header .language-dropdown .language,
.modal.language-modal .modal-content .language,
.sidebar li.language-dropdown .language,
#login .language,
#guest-enquiry .language{
    cursor:pointer;
    border-radius:50px;
    background-color:#fff;
    display:flex;
    align-items:center;
    justify-content: center;
}
#guest-enquiry .language {
    background-color: #00a7b9;
}
@media screen and (max-width: 599px){
    .sidebar li.language-dropdown .language {
        background-color: #00a7b9;
    }
}
header .language-dropdown .language p,
.modal.language-modal .modal-content .language p,
.sidebar li.language-dropdown .language p,
#login .language p,
#guest-enquiry .language p{
    color:#00a7b9 !important;
    width:27px;
    height:27px;
    display:flex;
    align-items:center;
    justify-content: center;
    margin-right:-1.12px;
}
#guest-enquiry .language p {
    color: #ffffff !important
}
@media screen and (max-width: 599px){
    .sidebar li.language-dropdown .language p {
        color: #fff !important;
    }
}
/* END Code change version: October 7th 2024 */
header li.language-dropdown .selected-item:before,
.sidebar li.language-dropdown .selected-item:before{
    content: url(../assets/img/icons/arrow-down-blue.svg);
    margin-right:7px;
}
header .language-dropdown .all-items,
.sidebar li.language-dropdown .all-items{
    background-color:#00a6b5;
    border-radius:0px;
    top: 60px;
    left: 0;
    width: 100%;
    min-width: 160px;
    padding-top: 20px;
}
header .language-dropdown .all-items .item,
.sidebar li.language-dropdown .all-items .item{
    background-color:transparent;
    color:#fff;
}
.modal.language-modal{
    background-image: url(../assets/img/map-with-dots.png);
    background-repeat:no-repeat;
    background-position: right bottom;
    height:auto;
    overflow-y: auto;
}
.modal.language-modal .button-wrapper{
    margin-top:0;
}
.modal.language-modal .close{
    position: relative;
    display: flex;
    justify-content: flex-end;
    margin-left: auto;
    margin-right: 0;
}
.modal.language-modal:after{
    background-color:transparent;
}
.modal.language-modal .modal-content{
    display:flex;
}
.modal.language-modal .modal-content .modal-content-left{
    width:60%;
    padding-right:30px;
}
.modal.language-modal .modal-content .modal-content-right{
    width:40%;
    border-left: 1px solid #E9E9E9;
    padding-left:30px;
}
.modal.language-modal .modal-content h3{
    font-size:34px;
    margin-bottom:20px;
}
.modal.language-modal .modal-content .modal-content-left ul{
    column-count:2;
}
.modal.language-modal .modal-content li{
    display:flex;
    align-items: center;
    gap:10px;
    cursor:pointer;
    width:fit-content;
}
.modal.language-modal .modal-content li.active p{
    color:#0093B0;
}
.modal.language-modal .modal-content li:hover p:not(.language p){
    text-decoration: underline;
    color:#0093B0;
}
.modal.language-modal .modal-content li:not(:first-of-type){
    margin-top:15px;
}
.modal.language-modal .modal-content .intro{
    margin-bottom:30px;
    width:100%;
}
.modal.language-modal .modal-content li p{
    font-size:18px;
}
.modal.language-modal .modal-content li .flag{
    width:40px;
    height:40px;
}
.modal.language-modal .modal-content .language p{
    width:40px;
    height:40px;
    font-size:16px;
}
@media only screen and (max-width: 1250px){
    .modal.language-modal .modal-content h3{
        font-size:20px;
    }
    .modal.language-modal .modal-content li p{
        font-size:15px;
    }
    .modal.language-modal .modal-content .language p{
        width:30px;
        height:30px;
        font-size:13px;
    }
    .modal.language-modal .modal-content li .flag{
        width:30px;
        height:30px;
    }
}
@media only screen and (max-width: 950px){
    .modal.language-modal .modal-content .modal-content-left ul{
        column-count:1;
    }
}
@media only screen and (max-width: 599px){
    .modal.language-modal .modal-content h3{
        font-size:16px;
    }
    .modal.language-modal .modal-content li p,
    .modal.language-modal .modal-content .intro{
        font-size:13px;
    }
    .modal.language-modal .modal-content .language p{
        width:25px;
        height:25px;
        font-size:10px;
    }
    .modal.language-modal .modal-content li .flag{
        width:25px;
        height:25px;
    }
    .modal.language-modal .modal-content .modal-content-left{
        padding-right:10px;
    }
    .modal.language-modal .modal-content .modal-content-right{
        padding-left:10px;
    }
    .sidebar li.language-dropdown{
        margin: 15px 25px !important;
    }
    .sidebar li.language-dropdown .selected-item{
        margin-bottom:0;
        color:#00a7b9;
    }
    .sidebar li.language-dropdown {
        width:calc(100% - 50px);
        display: block !important;
        padding:15px;
    }
    .sidebar li.language-dropdown .all-items{
        left: -15px;
        top: 41px;
        width: calc(100% + 29px);
    }
    .language-dropdown .all-items{
        margin-bottom: 40px;
    }
    .sidebar li.language-dropdown .language-dropdown-right{
        margin-bottom:15px;
    }
    .modal{
        top: calc(50% + 30px);
    }
}
.sidebar-header .btn{
    margin-left:40px;
    margin-top:45px;
}
.btn.outline{
    background-color:transparent;
    border: solid 2px #8798AD;
    color:#8798AD;
}
.link.log-out{
    color:#00a7b9;
    display:flex;
    align-items:center;
    min-width:max-content;
    margin-left:25px;
    text-transform:uppercase;
    font-weight:500;
    font-size:13px;
}
.link.log-out:before{
    content: url(../assets/img/icons/logout-blue.svg);
    margin-right: 9px;
    vertical-align: middle;
}
@media only screen and (max-width: 999px){
    .link.log-out span {
        display: none;
    }
    .link.log-out:before {
        margin-right: 0;
    }
}
.btn.log-out{
    margin-left:50px;
}
.btn.log-out:after{
    content: url(../assets/img/icons/logout-white.svg);
    margin-left: 16px;
    vertical-align: middle;
}
.switch-wrapper{
    display:flex;
    align-items:center;
    gap:20px;
    justify-content: space-between;
    align-items: flex-end;
}
.switch-wrapper .switch-title p {
    margin:0 !important;
    font-size:13px;
}
.switch-wrapper .switch-title p.big {
    font-size:15px;
}
.switch-wrapper .switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
    margin-bottom: 0;
}
.switch-wrapper  .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
}
.switch-wrapper  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #8799AE;
    transition: .4s;
}
.switch-wrapper  .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    transition: .4s;
}
.switch-wrapper  input:checked + .slider {
    background-color: #00a7b9;
}
.switch-wrapper  input:focus + .slider {
    box-shadow: 0 0 1px #00a7b9;
}
.switch-wrapper input:checked + .slider:before {
    transform: translateX(19px);
} 
.switch-wrapper .slider.round {
    border-radius: 34px;
}
.switch-wrapper .slider.round:before {
    border-radius: 50%;
}
@media only screen and (max-width: 800px){
    .form-item:empty{
        display:none;
    }
}
.form-items.empty{
    display:none;
}
.form-grid-wrapper{
    display:flex;
    flex-wrap:wrap;
    gap:40px;
}
@media screen and (max-width: 800px){
    .form-item.big-field{
        width:100%;
    }
    .form-item.medium-field{
        width:50%;
        min-width:200px;
    }
    .form-item.small-field{
        width:25%;
        min-width:100px;
    }
}
@media screen and (max-width: 599px){
    .filepond--root {
        min-width: 293px;
    }
    .filepond--drop-label.filepond--drop-label label {
        font-size: 13px !important;
    }
}
@media screen and (max-width: 400px){
    .form-item.medium-field{
        width:100%;
    }
    .form-item.small-field{
        width:calc(50% - 10px);
    }
    .grid .form-items,
    .grid .form-items .form-fields-wrapper{
        width:100%;
    }
    .grid {
        padding: 20px;
    }
    .filepond--root{
        min-width:100%;
    }
}
.form.grid.empty{
    display:none;
}
.orange{
    color:#E99B00;
}
.white{
    color:#ffffff;
}
.btn.white{
    background-color:#ffffff;
    color:#2E384D;
}
.btn.white.arrow:after{
    content: url(../assets/img/icons/arrow-right-dark-grey.svg);
}
.sub-title{
    font-size:32px;
    font-weight:normal;
    line-height: 1.4;
}
#login, #guest-enquiry{
    display:flex;
}
/* Code change version: November 21st 2025 */
#guest-enquiry {
    background-color: #1eb7c2;
    background-attachment: fixed;
    background-image: radial-gradient(at 66.975% 0%, rgb(32, 160, 203) 0px, transparent 50%), radial-gradient(at 0% 64.025%, rgb(148, 229, 240) 0px, transparent 50%), radial-gradient(at 31.0251% 80.3518%, rgb(158, 211, 214) 0px, transparent 50%), radial-gradient(at 100% 65.975%, rgb(137, 203, 225) 0px, transparent 50%);    
}
/* END Code change version: November 21st 2025 */
#login{
    height:100vh;
}
#login .left{
    min-height:100vh;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    width:35%;
    padding:5%;
    overflow:auto;
    background-color: #e0ebec;
    background-attachment: fixed;
    background-image: radial-gradient(at 40.1199% 82.6429%, rgb(196 222 230) 0px, transparent 50%), radial-gradient(at 59.5296% 95.3509%, rgb(191 219 229) 0px, rgb(224 235 236 / 0%) 50%), radial-gradient(at 17.0032% 98.822%, rgb(168 209 226) 0px, transparent 50%), radial-gradient(at 11.2511% 59.1556%, rgb(171 210 226) 0px, transparent 50%);
}
#login .left img{
    width:100%;
    max-width:400px;
    margin:0 auto;
}
#login .login-form{
    margin:50px 0;
    text-align: center;
}
#login .login-form p{
    margin:10px 0 40px 0;
}
#login .login-form input{
    width: 100%;
    margin-bottom:20px;
}
#login .login-form .request p{
    margin-right:5px;
    display:inline;
}
input[type="submit"]{
    background-color:#00a7b9 !important;
    color:#ffffff;
    font-weight:500;
    width:100%;
    text-align:center;
    cursor:pointer;
}
input[type="submit"]:hover,
input[type="submit"]:focus{
    background-color: #008491 !important;
}
#login .left .bottom{
    display:flex;
    align-items:center;
}
/* Code change version: October 7th 2024 */
#login .left .language,
#guest-enquiry .guest-enquiry__left .language{
    width:40px;
    height:40px;
    min-height:40px;
    min-width:40px;
}
/* END Code change version: October 7th 2024 */
#login .left .language p{
    font-size:16px;
}
#login .left .languages{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    width:300px;
}
#login .left .bottom .language{
    margin-right:10px;
}
#login .left .bottom a{
    color:#00a7b9;
    font-size:15px;
    line-height:1.3;
    text-decoration: underline;
}
#login .left .bottom a:not(:last-of-type):after{
    content: "|";
    margin:0 5px;
}
/* Code change version: October 7th 2024 */
#login .right,
#guest-enquiry .guest-enquiry__right{
    background: #00a7b9;
    min-height:100vh;
    width:65%;
    padding:5%;
    position:relative;
}
#login .right *:not(img){
    position:relative;
    z-index:2;
}
#login .right h1,
#guest-enquiry .guest-enquiry__right h1{
    font-size:54px;
    margin-bottom:30px;
}
/* END Code change version: October 7th 2024 */
#login .right h2,
#login .right p{
    margin-bottom:20px;
}
#login .right .video{
    position:relative;
    max-width:70%;
    margin: 10% auto 0 auto;
}
#login .right .video .play{
    cursor:pointer;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    z-index: 2;
    display: none;
    width: 72px;
    height: 72px;
    background-color: #000000;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
}
#login .video.paused .play {
    display: flex;
}
@media screen and (max-width: 999px){
    #login .right .video .play{
        width: 58px;
        height: 58px;
    }
}
#login .video-sub{
    text-align:right;
    font-size:14px;
    max-width:70%;
    margin: 0 auto;
}
@media screen and (max-width: 800px){
    #login,
    #guest-enquiry{
        flex-wrap:wrap;
    }
    #login .left,
    #login .right{
        width:100%;
        min-height:auto;
        padding:30px 25px;
    }
    #login .left img{
        max-width:300px;
    }
    .sub-title{
        font-size:20px;
    }
    /* Code change version: October 7th 2024 */
    #login .right h1,
    #guest-enquiry .guest-enquiry__right h1{
        font-size:34px !important;
    }
    /* END Code change version: October 7th 2024 */
    #login .right .video,
    #login .right .video-sub{
        max-width:100%;
    }
    
}
#upload_invoice-files-old{
    display:none;
}
.k-grid-content{
    overflow-y:auto !important;
    height: auto !important;
}
.notification-bubble{
    background-color:#d8eff6;
    border: solid 1px #05a5b6;
    width:auto;
    padding:20px;
    box-shadow: 0 2px 13px 0 rgba(62,85,101,0.17);
    position:fixed;
    right:-500px;
    top:92px;
    display:flex;
    align-items:center;
    gap:20px;
    z-index:2;
}
.notification-bubble p{
    max-width:200px;
    margin-top:10px;
}
.notification-bubble .close{
    position:absolute;
    top: 20px;
    right:20px;
    cursor:pointer;
    width:10px;
    height:10px;
}
.notification-bubble .icon {
    background-color: #fff;
}
header .right li.notifications,
header .right li.chat{
    background-color:#d9f2f5;
    width:40px;
    height:40px;
    border-radius:100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
header .right li.notifications img {
    margin-left: 1px;
}
header .right li.notifications .notification-active:after {
    margin-top: 2px;
    margin-left: -11px;
}
header .right li.notifications.notification-active:after {
    margin-top: -13px;
    margin-left: 13px;
}
header .right li.chat .notification-active:after {
    margin-top: 0px;
    margin-left: -9px;
}
.notification-sidebar .btn{
    margin: 0 auto 20px auto;
    background-color: #eff8f9;
    border: none;
    color: #00a7b9;
}
.notification-item.unread{
    background-color:#D9EFF3;
}
.notification-sidebar .notification-item .top{
    display:flex;
    justify-content:space-between;
    margin-bottom:10px;
}
.notification-sidebar .notification-item .top *{
    color:#B0BAC9;
    margin:0;
}
.notification-sidebar .notification-item.unread .top *,
.notification-item.unread h3, 
.notification-item.unread .notification-time{
    color:#0093B0;
}
.notification-sidebar .notification-item.unread .icon {
    background-color: #fff;
}
.notification-sidebar .notification-item .icon {
    background-color: #eff8f9;
}
.notification-sidebar .notification-item p{
    color:#8798AD;
}
.notification-sidebar .notification-item.unread p{
    color:#000000;
}
.notification-sidebar .notification-item a{
    font-family: 'AeonikPro', sans-serif;
    color:#000000;
    margin-top:10px;
    display: inline-block;
}
.notification-sidebar .notification-item .icon img{
    filter:grayscale(1);
}
.notification-sidebar .notification-item.unread .icon img{
    filter:grayscale(0);
}
.notification-settings{
    width:100%;
}
.notification-settings .form-item{
    background-color:white;
}
.notification-settings tbody{
    width:100%;
}
.widget .k-grid-content{
    max-height:calc(100% - 190px) !important;
}
/* New code version: October 7th 2024 */
.btn.thin-outline{
    background-color:transparent;
    border: solid 1px #8798AD;
    color:#0093B0;
}
.btn.thin-outline.arrow:after{
    content:url(../assets/img/icons/arrow-2-right-blue.svg)
}
.login-form .button-wrapper .btn{
    width:100%;
    max-width:100%;
    justify-content: center;
    font-weight:700;
}
.login-form input[type="submit"]{
    border-radius: 50px !important;
    border:none !important;
    margin: 10px 0;
}
#login .login-form p a,
#login .login-form .request a{
    text-decoration:underline;
    font-family: 'AeonikPro', sans-serif;
    color: #00a7b9;
}
#login .login-form p a:hover,
#login .login-form p a:focus,
#login .login-form .request a:hover,
#login .login-form .request a:focus,
#login .left .bottom a:hover,
#login .left .bottom a:focus,
.contact-wrapper .contact-item a:hover,
.contact-wrapper .contact-item a:focus {
    text-decoration: none;
}
#login .login-form .form-item {
    text-align: left;
}
#login .login-form .btn{
    max-width:100%;
    min-width:100%;
    justify-content: center;
    background-color: #eff8f9;
    color: #00a7b9;
}
#login .login-form .btn:hover,
#login .login-form .btn:focus {
    background-color: #e1eced;
}
#login .login-form .request{
    margin-top:30px;
}
#guest-enquiry .orange{
    color:#E99B00;
}
#guest-enquiry .guest-enquiry__left{
    width:80px;
    height: 100vh;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content: space-between;
    padding:50px 10px;
    position:fixed;
    left:0;
    top:0;
    box-shadow: 0px 0px 10px 0px rgba(110, 123, 140, 0.1);
    z-index: 3;
    background-color: #ffffff;
}
#guest-enquiry .guest-enquiry__left img{
    width:100%;
}
#guest-enquiry .guest-enquiry__right{
    z-index: 2;
    background: none;
    max-width: 1920px;
    padding: 0 !important;
    padding-top: 100px !important;
    justify-content: space-between !important;
    margin: 0;
    padding-left: 150px !important;
    padding-right: 60px !important;
    width: 100%;
    column-gap: 80px !important;
}
#guest-enquiry .guest-enquiry__right:has(.left-column),
#guest-enquiry .guest-enquiry__right:has(.right-column){
    flex-wrap:nowrap;
    display:flex;
    column-gap:0;
    padding:5% 0 0 0;
}
#guest-enquiry .guest-enquiry__right .alert{
    padding: 0px;
    background-color: #058496;
    text-align: left;
    border-radius: 0px;
    height:fit-content;
    margin-top: 50px;
    box-shadow: 0px 0px 10px 0px rgba(110, 123, 140, 0.1);
}
#guest-enquiry .guest-enquiry__right .right-column{
    height:100%;
    width:260px; 
    padding-top:85px;
    display:flex;
}
.list h3,
.list p{
    color:#000000;
    margin-bottom:20px;
}
.list li{
    color:#000000;
    display:flex;
    gap:10px;
    margin:7px 0;
    font-size: 15px;
    line-height: 1.2;
}
.list li:before{
    content:url(../assets/img/icons/check-circle.svg);
}
/* Code change version: November 21st 2025 */
#guest-enquiry .guest-enquiry__right h1{
    color: #fff;
    margin-bottom: 40px;
}
/* END Code change version: November 21st 2025 */
#guest-enquiry .guest-enquiry__right h1 {
    font-size: 47px;
}
#guest-enquiry h1,
#guest-enquiry h2,
#guest-enquiry h3{
    color:#000000;
    display:block;
    margin-bottom:20px;
}
.option-block.inline{
    width:fit-content !important;
    padding:10px 30px;
}
.option-block.inline .option-text{
    margin:0;
    width:auto;
}
#guest-enquiry .guest-enquiry__right .option-blocks{
    display:flex;
    gap:0;
    row-gap: 25px;
    flex-wrap:wrap;
    margin-bottom: 0;
}
#guest-enquiry.eori-number .guest-enquiry__right .option-blocks,
#guest-enquiry.vat-number .guest-enquiry__right .option-blocks,
#guest-enquiry.vat-number .guest-enquiry__right .form-wrapper-right .form-item-wrapper,
#guest-enquiry.additional-information .guest-enquiry__right .option-blocks,
#guest-enquiry.additional-information .guest-enquiry__right .form-wrapper-right .form-item-wrapper,
#guest-enquiry.import-details .guest-enquiry__right .form-wrapper-right .form-item-wrapper,
#guest-enquiry.power-of-attorney .guest-enquiry__right .form-wrapper-right .form-item-wrapper {
    row-gap: 0;
    margin-top: 0;
    margin-bottom: 30px;
}
#guest-enquiry.vat-number .search-field,
#guest-enquiry.additional-information .search-field {
    width: 100%;
}
#guest-enquiry.additional-information .guest-enquiry__right .form-wrapper-right .form-item-wrapper h3,
#guest-enquiry.import-details .guest-enquiry__right .form-wrapper-right .form-item-wrapper h3,
#guest-enquiry.power-of-attorney .guest-enquiry__right .form-wrapper-right .form-item-wrapper h3 {
    margin-top: 0;
}
#guest-enquiry.import-details .form-fields .form-item {
    margin-bottom: 0 !important;
}
#guest-enquiry.eori-number .form-grid .form-wrapper-right .info-bubble {
    margin-bottom: 0;
    margin-top: 30px;
}
#guest-enquiry .guest-enquiry__right .option-blocks .option-block{
    flex-wrap:nowrap;
    max-width: 410px;
    margin-top:0;
}
#guest-enquiry .guest-enquiry__right .option-text p.bold{
    margin-top:0;
}
#guest-enquiry .btn.success{
    background-color:#0A233E;
}
#guest-enquiry .btn.previous{
    background-color:#fff;
    color:#0A233E;
}
#guest-enquiry .btn.previous:before{
    content: url(../assets/img/icons/arrow-2-left-dark.svg);
}
#guest-enquiry .btn.download{
    display:flex;
    gap:10px;
}
#guest-enquiry .btn.download:before{
    content: "";
    background-image:url(../assets/img/icons/docs-light.svg);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    width:20px;
    height:20px;
    display:block;
}
#guest-enquiry .blue{
    color: #00a7b9;
}
#guest-enquiry input:disabled,
#guest-enquiry textarea:disabled{
    background-color:#fff;
    color:#2E384D !important;
}
#guest-enquiry .icon-title h3{
    margin:0;
    padding:0;
}
#guest-enquiry .icon-title{
    margin-bottom:20px;
}
#guest-enquiry .form-top{
    margin-bottom:30px;
}
#guest-enquiry .form-top p{
    margin:0 !important;
}
#guest-enquiry .guest-module-import-declaration-summary .form-top h3 {
    margin-bottom: 50px;
}
#guest-enquiry .guest-module-import-declaration-summary .expand-block .form-item {
    max-width: 100%;
    margin-bottom: 0 !important;
}
#guest-enquiry .guest-module-import-declaration-summary .expand-block .form-item .icon-title {
    margin-bottom: 0;
}
#guest-enquiry .guest-module-import-declaration-summary .expand-block .form-item .icon-title .title {
    width: inherit;
    margin: 20px 0px;
    padding-top: 5px;
    font-size: 18px;
    line-height: inherit;
}
#guest-enquiry .guest-module-import-declaration-summary .expand-block .form-item input:disabled,
#guest-enquiry .guest-module-import-declaration-summary .expand-block .form-item textarea:disabled {
    color: #C2C5CC !important;
}
#guest-enquiry .guest-module-import-declaration-summary .expand-block .form-fields {
    align-items: flex-start;
}
#guest-enquiry .guest-module-import-declaration-summary .expand-block .form-fields .form-item {
    width: 47.5%;
}
#guest-enquiry .guest-module-import-declaration-summary .expand-block .read-more a {
    color: #000;
    text-decoration: none;
}
#guest-enquiry .guest-module-import-declaration-summary .form-wrapper-right .check-box-item [type="checkbox"]:checked:after {
    height: 19px;
    background-position-y: 60%;
}
#guest-enquiry .guest-module-import-declaration-summary .form-wrapper-right .check-box-item label a {
    color: #00a7b9;
    font-family: inherit;
}
#guest-enquiry .guest-module-import-declaration-summary .form-wrapper-right .check-box-item label a:hover,
#guest-enquiry .guest-module-import-declaration-summary .form-wrapper-right .check-box-item label a:focus {
    text-decoration: none;
}
@media only screen and (max-width: 1000px) {
    #guest-enquiry .guest-module-import-declaration-summary .form-item-wrapper {
        margin-top: 0;
    }
}
@media only screen and (max-width: 767px) {
    #guest-enquiry .guest-module-import-declaration-summary .expand-block .form-fields {
        flex-direction: column;
    }
    #guest-enquiry .guest-module-import-declaration-summary .expand-block .form-fields .form-item {
        width: 100%;
    }
}
@media only screen and (max-width: 600px) {
    #guest-enquiry .guest-module-import-declaration-summary .expand-block .form-fields {
        gap: 20px;
    }
}
.info-bubble{
    border: 2px solid #00a7b9;
    padding: 25px;
    display: flex;
    gap: 25px;
    align-items: center;
    margin-bottom: 35px;
}
.info-bubble h3{
    font-weight:500;
    margin-bottom:10px;
}
.info-bubble p{
    margin-bottom:0 !important;
}
/* Code change version: November 21st 2025 */
.guest-enquiry__right .form-wrapper-left{
    padding: 20px;
}
/* END Code change version: November 21st 2025 */
#guest-enquiry .progress-bar-wrapper{
    max-width:100%;
    margin-top:0;
}
#guest-enquiry .steps-grid p{
    display:inline-block;
}
#guest-enquiry .form-wrapper{
    display:block;
}
#guest-enquiry .search-fields .btn{
    border-radius:4px;
}
#guest-enquiry .question{
    display:inline-flex;
    gap:10px;
}
#guest-enquiry .question:after{
    content:"";
    display:block;
    background-image:url(../assets/img/icons/question-darkest.svg);
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    width:15px;
    height:15px;
    margin-top: 7px;
}
#guest-enquiry .form-grid{
    height:fit-content;
    max-width:1200px;
    padding-bottom:50px;
    position:relative;
    z-index:2;
    flex-wrap:nowrap;
}
#guest-enquiry .form-grid.box-shadow {
    box-shadow: 0px 0px 10px 0px rgba(110, 123, 140, 0.1);
    padding-bottom: 0;
    margin-bottom: 50px;
}
#guest-enquiry .form-grid.box-shadow .form {
    box-shadow: none;
    height: 100%;
}
#guest-enquiry h1{
    width:100%;
}
#guest-enquiry .form-grid .form-wrapper-right{
    margin-bottom:0;
}
#guest-enquiry .form-grid .form-wrapper-right table {
    width: 100%;
}
#guest-enquiry h2{
    font-size:34px;
}
#guest-enquiry h3{
    font-size:21px;
    width:100%;
    line-height: 1.3;
}
#guest-enquiry .form-fields .form-item{
    margin-bottom:20px !important;
    width:calc(50% - 10px);
}
#guest-enquiry .form-item-wrapper{
    width:100%;
}
#guest-enquiry .steps-grid{
    margin-top:30px;
}
/* Code change version: November 21st 2025 */
#guest-enquiry .form-wrapper-left{
    display:block;
    background-color: #00a6b5;
}
/* END Code change version: November 21st 2025 */
.sticky-wrapper{
    position:sticky;
    top:-40px;
}
.sticky-wrapper.bottom{
    top:unset;
    bottom:0;
    width: 260px;
    align-self: flex-end;
}
#guest-enquiry .form-item{
    max-width:550px;
}
.option-block:not(:last-child){
    margin-right:20px;
}
#guest-enquiry .left-column{
    width: 100%;
    max-width: 1200px;
}
#guest-enquiry .two-column-item.file-upload {
    margin-bottom:20px;
}
#guest-enquiry .two-column-item.file-upload .form-item-right{
    width:120px;
}
#guest-enquiry #drop-container #file-upload{
    border:none;
    color:#fff;
}
#guest-enquiry #drop-container p,
#guest-enquiry #drop-container #file-upload p{
    color:#fff;
    opacity:.6;
}
#guest-enquiry .option-blocks {
    margin-bottom: 30px;
}
#guest-enquiry [type="checkbox"]:after,
#guest-enquiry [type="checkbox"]:before{
    top:-3px;
}
#guest-enquiry .check-box-item:not(:first-of-type){
    margin-top:0;
}
#guest-enquiry .form a:not(.btn){
    color:#fff;
    text-decoration:underline;
}
#guest-enquiry .form-wrapper-right .info-bubble.center h3{
    line-height:1.3;
    margin-bottom:0;
}
@media only screen and (min-width: 1700px){
    html:has(#guest-enquiry){
        font-size:.45vw;
    }
    #guest-enquiry .guest-enquiry__right{
        justify-content: space-evenly;
        padding:5% 0 0 0;
    }
    #guest-enquiry .guest-enquiry__right{
        padding: 5% 5% 0 5%;
        column-gap:4rem;
    }
    #guest-enquiry .selected-item{
        margin-right:3rem;
    }
    #guest-enquiry .custom-select.full-width .all-items{
        max-height:20rem;
    }
}
@media only screen and (max-width: 1400px){
    #guest-enquiry .guest-enquiry__right{
        padding:2% 2% 0 2%;
    }
    #guest-enquiry .form-wrapper-left{
        min-width:auto;
    }
}
@media only screen and (max-width: 1250px){
    #guest-enquiry .guest-enquiry__right:has(.left-column), #guest-enquiry .guest-enquiry__right:has(.right-column){
        flex-wrap:wrap;
        gap:30px;
    }
    #guest-enquiry .right-column .sticky-wrapper.bottom{
        width:auto;
        display:flex;
        gap:40px;
        flex-direction:row;
    }
    #guest-enquiry .guest-enquiry__right .right-column .alert{
        min-width:260px;
    }
    #guest-enquiry .guest-enquiry__right .right-column{
        max-width: 350px;
        width: 100%;
        height: auto;
        padding-top: 20px;
        padding-bottom: 100px;
    }
    #guest-enquiry .form-grid{
        flex-wrap:wrap;
        padding-bottom:0;
    }
    #guest-enquiry.import-details .guest-enquiry__right {
        gap: 0;
    }
    #guest-enquiry.import-details .form-grid.box-shadow {
        margin-bottom: 30px;
    }
    #guest-enquiry .guest-module-import-declaration-documents .form-grid,
    #guest-enquiry .guest-module-import-declaration-summary .form-grid {
        margin-bottom: 0;
    }
}
@media only screen and (max-width: 1122px){
    #guest-enquiry .steps-grid.no-move p{
        display:flex !important;
        width:100%;
        justify-content:space-between;
        cursor:pointer;
    }
    #guest-enquiry .steps-grid.no-move p:after{
        content:"";
        background-image:url(../assets/img/icons/arrow-down-white.svg);
        background-repeat:no-repeat;
        background-size:contain;
        background-position:center;
        width:15px;
        height:15px;
        display:block;
    }
    .guest-enquiry__right:has(.left-column),
    .guest-enquiry__right:has(.right-column){
        flex-wrap:wrap !important;
    }
    .guest-enquiry__right:has(.left-column) .left-column,
    .guest-enquiry__right:has(.right-column) .right-column{
        width:100%;
    }
    #guest-enquiry .option-block:first-of-type{
        margin-top:0 !important;
    }
}
@media only screen and (max-width: 1116px){
    #guest-enquiry .guest-enquiry__right .form-grid .sticky-wrapper {
        position: relative;
        top: inherit;
    }
    #guest-enquiry .steps-grid {
        margin-bottom: 0;
    }
    #guest-enquiry .form-wrapper-left {
        min-width: 600px;
    }
}
@media only screen and (max-width: 1000px){
    #guest-enquiry .form-item-wrapper {
        margin-top: 15px;
    }
    #guest-enquiry.eori-number .form-item-wrapper {
        margin-top: 0;
    }
}
@media only screen and (max-width: 945px){
    #guest-enquiry .steps-grid.no-move{
        height: 16px;
        overflow: hidden;
        margin: 20px 0 0 0;
        transition:all .3s ease;
    }
}
@media only screen and (max-width: 800px){
    #guest-enquiry .guest-enquiry__left{
        width:50px;
        padding: 20px 10px;
    }
    #guest-enquiry .guest-enquiry__right{
        padding-left: 70px !important;
        padding-right: 17px !important;
    }
    #guest-enquiry .guest-enquiry__left .language{
        width: 30px;
        height: 30px;
        min-height: 30px;
        min-width: 30px;
    }
    #guest-enquiry .guest-enquiry__right .option-blocks{
        width:100%;
    }
    #guest-enquiry h3{
        font-size:18px;
        line-height:1.3;
    }
    #guest-enquiry .question:after {
        margin-top: 5px;
    }
    #guest-enquiry h2{
        font-size:26px;
    }
    #guest-enquiry .form-wrapper-left {
        min-width: inherit;
    }
    #guest-enquiry.import-details .form-fields .form-item,
    #guest-enquiry.import-details .form-fields .form-item .search-field {
        width: 100%;
    }
    #guest-enquiry.import-details .form-fields .form-item.two-column-item {
        gap: 20px;
    }
}
@media only screen and (max-width: 799px) {
    .info-bubble{
        flex-wrap:wrap;
    }
    .info-bubble img {
        width: 80px;
    }
    #guest-enquiry.eori-number .form-grid .form-wrapper-right .info-bubble .btn {
        margin: 0 auto;
    }
    #guest-enquiry.eori-number .form-grid .form-wrapper-right .info-bubble .btn img {
        width: 23px;
    }
    #guest-enquiry .guest-enquiry__right {
        padding-top: 35px !important;
    }
    #guest-enquiry .guest-enquiry__right .alert {
        margin-top: 35px;
    }
    #guest-enquiry .guest-enquiry__right .right-column {
        padding-bottom: 45px;
    }
}
@media only screen and (max-width: 700px){
    #guest-enquiry .guest-enquiry__right .right-column{
        flex-wrap:wrap;
        padding-top:0;
    }
    #guest-enquiry .list,
    #guest-enquiry .alert{
        width:100%;
    }
    #guest-enquiry .right-column .sticky-wrapper.bottom{
        flex-direction:column;
    }
}
@media only screen and (max-width: 600px){
    #guest-enquiry .form-fields .form-item {
        width: 100%;
    }
    #guest-enquiry .form-fields {
        gap:0;
    }
    #guest-enquiry .form-grid .form-wrapper-right table td {
        padding-left: 45%;
    }
    #guest-enquiry .form-wrapper-left {
        margin-bottom: 0 !important;
        padding: 30px;
    }
    #guest-enquiry .question {
        padding-right: 30px;
        position: relative;
    }
    #guest-enquiry .question:after {
        position: absolute;
        top: 0;
        right: 0;
    }
    #guest-enquiry.import-details .form-fields {
        gap: 20px;
    }
}
@media only screen and (max-width: 550px){
    #guest-enquiry h2{
        font-size:21px;
    }
    #guest-enquiry h3{
        font-size:16px;
    }
    #guest-enquiry .question:after {
        margin-top: 4px;
    }
    #guest-enquiry .steps-grid.no-move p{
        font-size:12px;
    }
    #guest-enquiry .form-wrapper-left{
        margin-bottom: 20px;
    }
    #guest-enquiry .guest-enquiry__right .option-blocks .option-block {
        flex-direction: column;
        align-items: flex-start;
    }
    #guest-enquiry .guest-enquiry__right .option-blocks .option-block .icon {
        margin-bottom: -4px;
    }
}
@media only screen and (max-width: 439px){
    .guest-module-import-declaration-documents .file-upload .drop-selector p {
        margin-right: -22px;
    }
}
@media only screen and (max-width: 400px){
    #guest-enquiry .guest-enquiry__left{
        width:100%;
        height:50px;
        position:fixed;
        z-index: 10;
        flex-direction: row;
        background-color: #fff;
        padding: 20px;
    }
    #guest-enquiry .guest-enquiry__left img{
        width:30px;
    }
    #guest-enquiry .guest-enquiry__right{
        padding-inline: 20px !important;
        padding-top: 88px !important;
    }
    #guest-enquiry .guest-enquiry__right .option-blocks .option-block{
        flex-direction:column;
    }
    #guest-enquiry .guest-enquiry__right .form-wrapper-left{
        padding:20px;
    }
    #guest-enquiry .guest-enquiry__right .alert {
        margin-top: 28px;
    }
    #guest-enquiry .form {
        padding: 20px;
    }
    #guest-enquiry .form .company-item td{
        padding-left:50%;
    }
    #guest-enquiry h3{
        margin-bottom:15px;
    }
    #guest-enquiry .button-wrapper{
        margin-top: 20px;
    }
    #guest-enquiry .alert{
        margin-top:0;
    }
    .info-bubble {
        padding: 20px;
    }
    .option-block {
        padding-inline: 20px;
    }
}
/* Start: New code version: May 19th 2025 */
.modal.attachments {
    display: flex;
    flex-direction: column;
    position: fixed;
    width: 64vw;
    height: 60vh;
}
.modal.attachments .top-wrapper {
    margin-bottom: 14px;
}
.modal.attachments .top-wrapper .title {
    margin: 0;
    padding: 0;
}
.modal.attachments .top-wrapper .title h2 {
    color: #0093b0;
    font-size: 25px;
}
.modal.attachments .top-wrapper .left .close,
.modal.container-numbers .top-wrapper .left .close {
    display: none;
    margin-right: 0;
}
.modal.attachments .top-wrapper .right {
    display: flex;
    gap: 30px;
}
.modal.attachments > .scrollbar-outer {
    margin-top: 20px;
    padding-right: 25px;
    flex: 1;
    overflow-x: auto;
}
.modal.attachments > .scrollbar-outer .scroll-content {
    overflow-x: auto;
}
.modal.attachments > .scrollbar-outer,
.modal.attachments > .scrollbar-outer .scroll-content {
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.modal.attachments > .scrollbar-outer::-webkit-scrollbar,
.modal.attachments > .scrollbar-outer .scroll-content::-webkit-scrollbar {
    width: 0;
    height: 0;
}
.modal.attachments > .scrollbar-outer .scroll-element.scroll-x.scroll-scrollx_visible {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 5px;
    width: calc(100% - 25px);
}
.modal.attachments > .scrollbar-outer .scroll-element.scroll-x.scroll-scrollx_visible .scroll-element_outer .scroll-element_size {
    height: 1px;
    width: 100%;
    background: #bfc5d2;
    position: absolute;
    top: 2px;
    left: 0;
}
.modal.attachments > .scrollbar-outer .scroll-element.scroll-x.scroll-scrollx_visible .scroll-element_outer .scroll-bar {
    width: 138px;
    left: 0px;
    height: 100%;
    background: rgb(0, 147, 176);
    position: absolute;
}
.modal.attachments > .scrollbar-outer .scroll-element.scroll-y.scroll-scrolly_visible {
    position: absolute;
    top: 0;
    right: 0;
    width: 5px;
    height: 100%;
}
.modal.attachments > .scrollbar-outer .scroll-element.scroll-x.scroll-scrollx_visible .scroll-element_outer,
.modal.attachments > .scrollbar-outer .scroll-element.scroll-y.scroll-scrolly_visible .scroll-element_outer {
    width: 100%;
    height: 100%;
    position: relative;
}
.modal.attachments > .scrollbar-outer .scroll-element.scroll-y.scroll-scrolly_visible .scroll-element_outer .scroll-element_size {
    width: 1px;
    height: 100%;
    background: #bfc5d2;
    position: absolute;
    top: 0;
    left: 2px;
}
.modal.attachments > .scrollbar-outer .scroll-element.scroll-x.scroll-scrollx_visible .scroll-element_outer .scroll-element_track,
.modal.attachments > .scrollbar-outer .scroll-element.scroll-y.scroll-scrolly_visible .scroll-element_outer .scroll-element_track {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.modal.attachments > .scrollbar-outer .scroll-element.scroll-y.scroll-scrolly_visible .scroll-element_outer .scroll-bar {
    width: 100%;
    background: #0093b0;
    position: absolute;
}
.modal.attachments .content-wrapper table {
    width: 100%;
    margin: 0;
}
.modal.attachments .content-wrapper table .table-item {
    border-bottom: solid 2px #F4F4F4;
    height: 46px;
}
.modal.attachments .content-wrapper table .table-item:last-of-type {
    border-bottom: none;
}
.modal.attachments .content-wrapper table .table-item td {
    padding: 0;
    padding-inline: 18px;
}
.modal.attachments .content-wrapper table .table-item td a {
    color: #00a7b9;
    text-decoration: underline;
    font-family: 'AeonikPro', sans-serif;
    font-weight: 500;
}
.modal.attachments .content-wrapper table .table-item td a:hover,
.modal.attachments .content-wrapper table .table-item td a:focus {
    text-decoration: none;
}
.modal.attachments .content-wrapper table .table-item td .button-group {
    margin: 0;
    gap: 9px;
}
.modal.attachments .content-wrapper table .table-item td .button-group .edit-button {
    width: 32px;
    height: 32px;
    margin: 0;
}
.modal.attachments .content-wrapper table .table-item td .button-group .edit-button img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
@media only screen and (max-width: 1099px) {
    .modal.attachments .content-wrapper table .table-item td .button-group {
        gap: 5px;
    }
    .modal.attachments .content-wrapper table .table-item td .button-group .edit-button {
        width: 25px;
        height: 25px;
        padding: 6px;
    }
}
@media only screen and (max-width: 1000px) {
    .modal.attachments .content-wrapper table .table-item {
        height: 129px;
    }
    .modal.attachments .content-wrapper table .table-item td {
        height: 40px;
        padding-left: 32%;
        padding-top: 5px;
    }
    .modal.attachments .content-wrapper table .table-item td:before {
        height: 30px;
        padding: 9px 10px;
    }
    .modal.attachments .content-wrapper table .table-item td .button-group {
        gap: 15px;
    }
    .modal.attachments .content-wrapper table .table-item td .button-group .edit-button {
        width: 32px;
        height: 32px;
        padding: 8px;
    }
}
@media only screen and (max-width: 991px) {
    .modal.attachments {
        left: 55%;
    }
    .modal.attachments .top-wrapper {
        flex-direction: column;
    }
    .modal.attachments .top-wrapper .left,
    .modal.container-numbers .top-wrapper .left {
        width: 100%;
        display: flex;
        justify-content: space-between;
        gap: 30px;
    }
    .modal.attachments .top-wrapper .left .close,
    .modal.container-numbers .top-wrapper .left .close {
        display: block;
    }
    .modal.attachments .top-wrapper .right {
        margin-left: 0;
        width: 100%;
    }
    .modal.attachments .top-wrapper .right .close,
    .modal.container-numbers .top-wrapper .right .close {
        display: none;
    }
    .modal.attachments > .scrollbar-outer {
        padding-bottom: 11px;
    }
    .modal.attachments > .scrollbar-outer .scroll-element.scroll-x.scroll-scrollx_visible {
        display: block;
    }
    .modal.container-numbers .top-wrapper {
        gap: 0;
    }
}
@media only screen and (max-width: 769px) {
    .modal.attachments .content-wrapper table {
        width: 400px;
    }
    .modal.attachments .content-wrapper table .table-item td {
        padding-left: 33%;
    }
}
@media only screen and (max-width: 767px) {
    .modal.attachments .top-wrapper .left .close,
    .modal.container-numbers .top-wrapper .left .close {
        position: inherit;
    }
}
@media only screen and (max-width: 599px) {
    .modal.attachments {
        width: 90%;
        left: 50%;
    }
    .modal.attachments .top-wrapper .title h2 {
        font-size: 20px;
    }
}
@media only screen and (max-width: 499px) {
    .modal.container-numbers .title {
        padding-right: 40px;
    }
    .modal.container-numbers .top-wrapper {
        margin-top: 0;
    }
    .modal.container-numbers .top-wrapper .left {
        display: block;
    }
    .modal.container-numbers .top-wrapper .left .close {
        position: absolute;
        right: 28px !important;
        top: 42px;
        left: inherit;
    }
}
@media only screen and (max-width: 399px) {
    .modal.attachments .top-wrapper .search-form__input:not(.selectize-control.multi input):not(.k-widget input):not(input[type="checkbox"]) {
        width: 220px;
    }
}
/* End: New code version: May 19th 2025 */
/* Start: New code version: May 22th 2025 */
.widget.knowledge-base .search-bar {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 15px;
}
.widget.knowledge-base .search-bar .search-form,
.modal.attachments .search-form {
    position: relative;
}
.widget.knowledge-base .search-bar .search-form__input,
.modal.attachments .search-form__input {
    width: 190px;
    height: 44px !important;
    background-color: #fff !important;
    border: 2px solid #d8dce4 !important;
    border-radius: 40px !important;
    padding: 10px 50px 10px 15px !important;
}
.modal.attachments .search-form__input {
    width: 300px;
}
.widget.knowledge-base .search-bar .search-form__input::placeholder,
.modal.attachments .search-form__input::placeholder,
input:not(.selectize-control.multi input):not(.k-widget input):not(input[type="checkbox"])::placeholder,
textarea::placeholder {
    color: #000;
}
.widget.knowledge-base .search-bar .search-form__input::-webkit-input-placeholder,
.modal.attachments .search-form__input::-webkit-input-placeholder,
input:not(.selectize-control.multi input):not(.k-widget input):not(input[type="checkbox"])::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #000;
}
.widget.knowledge-base .search-bar .search-form__input:-moz-placeholder,
.modal.attachments .search-form__input:-moz-placeholder,
input:not(.selectize-control.multi input):not(.k-widget input):not(input[type="checkbox"]):-moz-placeholder,
textarea:-moz-placeholder {
    color: #000;
}
.widget.knowledge-base .search-bar .search-form__input::-moz-placeholder,
.modal.attachments .search-form__input::-moz-placeholder,
input:not(.selectize-control.multi input):not(.k-widget input):not(input[type="checkbox"])::-moz-placeholder,
textarea::-moz-placeholder {
    color: #000;
}
.widget.knowledge-base .search-bar .search-form__input:-ms-input-placeholder,
.modal.attachments .search-form__input:-ms-input-placeholder,
input:not(.selectize-control.multi input):not(.k-widget input):not(input[type="checkbox"]):-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #000;
}
.widget.knowledge-base .search-bar .search-form__submit,
.modal.attachments .search-form__submit {
    position: absolute;
    width: 25px;
    height: 25px;
    background: none;
    border: none;
    padding: 0;
    right: 14px;
    top: 10px;
    background-image: url('../assets/img/icons/search-blue.svg');
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
.widget.knowledge-base .search-bar .search-results-counter {
    color: #000;
    line-height: 40px;
}
.widget.knowledge-base .knowledge-base-items {
    width: calc(100% + 40px);
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-bottom: 13px;
    margin-left: -20px;
}
.widget.knowledge-base .knowledge-base-items .scrollbar-outer {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0;
}
.widget.knowledge-base .knowledge-base-items .scroll-element.scroll-x.scroll-scrollx_visible {
    position: absolute;
    bottom: 0;
    left: 20px;
    width: calc(100% - 45px);
    height: 5px;
}
.widget.knowledge-base .knowledge-base-items .scroll-element.scroll-x.scroll-scrollx_visible .scroll-element_outer {
    width: 100%;
    height: 100%;
    position: relative;
}
.widget.knowledge-base .knowledge-base-items .scroll-element.scroll-x.scroll-scrollx_visible .scroll-element_outer .scroll-element_size {
    width: 100%;
    height: 1px;
    background: #e9e9e9;
    position: absolute;
    top: 2px;
    left: 0;
}
.widget.knowledge-base .knowledge-base-items .scroll-element.scroll-x.scroll-scrollx_visible .scroll-element_outer .scroll-element_track {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.widget.knowledge-base .knowledge-base-items .scroll-element.scroll-x.scroll-scrollx_visible .scroll-element_outer .scroll-bar {
    height: 5px;
    background: #0093b0;
    position: absolute;
}
.widget.knowledge-base .knowledge-base-items-wrapper {
    display: flex;
    gap: 12px;
    width: max-content;
}
.widget.knowledge-base .knowledge-base-items-wrapper .knowledge-base-item {
    width: 225px;
    background-color: #d8eff6;
    position: relative;
}
.widget.knowledge-base .knowledge-base-items-wrapper .knowledge-base-item:hover {
    background-color: #e3f6f8;
}
.widget.knowledge-base .knowledge-base-items-wrapper .knowledge-base-item a {
    display: block;
    padding: 15px;
    position: relative;
}
.widget.knowledge-base .knowledge-base-items-wrapper .knowledge-base-item a::after {
    display: block;
    content: url('../assets/img/icons/arrow-right-purple.svg');
    width: 19px;
    height: 19px;
    position: absolute;
    bottom: 19px;
    right: 5px;
}
.widget.knowledge-base .knowledge-base-items-wrapper .knowledge-base-item__title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 75px;
    font-family: 'AeonikPro', sans-serif;
    font-size: 21px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.2;
    text-transform: none;
    color: #01a1ce;
}
.widget.knowledge-base .knowledge-base-items-wrapper .knowledge-base-item__tag {
    display: inline-block;
    font-family: 'AeonikPro', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1.12px;
    font-size: 12px;
    color: #694b89;
    background-color: #ffffff;
    padding: 7px 20px;
    line-height: 1;
    border-radius: 35px;
    margin-top: 16px;
}
.widget.hot-news {
    padding: 0;
}
.widget.hot-news .news-item {
    height: 100%;
    position: relative;
}
.widget.hot-news .news-item::before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(140deg, rgb(0 164 182 / 0%) 0%, rgb(0 164 182 / 0%) 50%, rgba(9, 10, 11, 0.64) 100%);
    position: absolute;
    top: 0;
    left: 0;
}
.widget.hot-news .news-item__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.widget.hot-news .news-item__title {
    width: 360px;
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'AeonikPro', sans-serif;
    font-weight: 400;
    font-size: 21px;
    letter-spacing: 0;
    line-height: 1.5;
    color: #ffffff;
    text-transform: none;
    background-color: #008491;
    padding: 25px 27px;
}
.widget.hot-news .news-item__title::after {
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    bottom: -10px;
    left: 48%;
}
.widget.hot-news .news-item__link {
    position: absolute;
    bottom: 23px;
    right: 25px;
    color: #ffffff;
}
.widget.hot-news .news-item__link::after {
    content: url('../assets/img/icons/arrow-right-white-v2.svg');
}
@media only screen and (max-width: 599px) {
    .widget.knowledge-base .search-bar {
        flex-direction: column;
    }
    .widget.hot-news .news-item,
    .widget.hot-news .news-item__image {
        height: 210px;
    }
    .widget.hot-news .news-item__title {
        font-size: 16px;
        width: 90%;
    }
}
/* End: New code version: May 22th 2025 */
.widget.graph .selected-item {
    background-color: #eff8f9;
    margin-right: 0;
    padding: 12px 40px 12px 16px;
    border-radius: 20px;
    position: relative;
}
.widget.graph .selected-item:after {
    right: 15px;
    top: 11px;
}
.widget.graph.order-forms .widget-top {
    column-gap: 50px;
    row-gap: 20px;
}
.required-notice {
    font-family: "Revisal";
    text-transform: uppercase;
    color: #b0bac9;
    display: inline-block;
    margin-bottom: 0 !important;
    margin-left: 20px !important;
    font-size: 13px;
}
@media only screen and (max-width: 1499px) {
    .order-form-declaration-data .form-fields {
        flex-direction: column;
        align-items: inherit;
    }
    .order-form-declaration-data .form-fields > * {
        width: 100%;
    }
}
@media only screen and (max-width: 1399px) {
    .search-field {
        flex: none;
        width: 48%;
    }
    .order-form-additional-information .search-field {
        width: 100%;
    }
    .order-status-overview .search-field {
        flex: 1;
        width: inherit;
    }
}
@media only screen and (max-width: 1299px) {
    .order-form-declaration-data-transport .form-item-wrapper.fifty-percent {
        width: 100%;
    }
}
@media only screen and (max-width: 899px) {
    .required-notice {
        display: block;
        margin: 0 !important;
    }
}
@media only screen and (max-width: 799px) {
    .company-form td {
        padding-left: 38%;
    }
    .order-form-declaration-data .form-fields .two-column-item {
        gap: 20px;
    }
    .order-form-declaration-data .form-fields .two-column-item .search-field {
        width: 100%;
    }
}
@media only screen and (max-width: 767px) {
    .search-field {
        width: 100%;
    }
    .order-status-overview .search-field {
        flex: none;
        width: 47%;
    }
}
@media only screen and (max-width: 599px) {
    .company-form td {
        padding-left: 43%;
    }
    .order-form-declaration-type .option-block {
        flex-direction: column;
        align-items: flex-start;
    }
    .order-form-declaration-type .option-block .icon {
        margin-bottom: -7px;
    }
}
@media only screen and (max-width: 499px) {
    .order-status-overview .search-field {
        width: 100%;
    }
}
.ui-datepicker.ui-widget {
    background-color: #00a7b9;
    box-shadow: 0px 0px 10px 0px rgb(110 123 140 / 20%);
    padding: 0;
    border-radius: 0;
    width: inherit;
    border: none;
}
.ui-datepicker.ui-widget .ui-datepicker-calendar {
    margin-bottom: 0;
}
.ui-datepicker .ui-widget-header {
    background-color: #eff8f9;
    color: #00A7B9;
    padding: 15px 35px;
    text-transform: uppercase;
    border: none;
    border-radius: 0;
    font-weight: 500;
}
.ui-datepicker .ui-datepicker-prev:after {
    top: 16px;
    left: 13px;
}
.ui-datepicker .ui-datepicker-next:after {
    top: 16px;
    right: 13px;
}
.ui-datepicker td {
    padding: 4px;
}
.ui-datepicker .ui-state-default,
.ui-datepicker.ui-widget-content .ui-state-default {
    background: none;
    border: none;
    color: #ffffff;
    width: 35px;
    height: 35px;
    display: block;
    text-align: center;
    line-height: 29px;
}
.ui-datepicker.ui-widget-content .ui-state-default:hover,
.ui-datepicker.ui-widget-content .ui-state-default.ui-state-active {
    background-color: #ffffff;
    color: #00A7B9;
}
.status-table .table-item td a {
    font-family: 'AeonikPro', sans-serif;
    color: #00a7b9;
    text-decoration: underline;
}
.status-table .table-item td a:hover,
.status-table .table-item td a:focus {
    text-decoration: none;
}
.order-form-declaration-data-transport .option-block-wrapper p.label {
    font-family: "Revisal";
}
.order-form-declaration-data-transport .check-box-item [type="checkbox"] {
    margin-top: 0;
}
.order-form-import-completion .add-item {
    margin-top: 20px;
}
.order-form-import-completion .search-field .custom-select {
    padding: 0 !important;
}
.order-form-import-completion .filepond--root {
    min-width: inherit;
}
.order-form-import-completion .filepond--drop-label.filepond--drop-label label {
    text-align: left;
}
.order-form-import-completion .filepond--root .filepond--list-scroller {
    margin-top: 0;
}
/* Code change version: November 21st 2025 */
.order-form-export .form-item-wrapper,
.order-form-import .form-item-wrapper {
    margin-top: 20px;
    gap: 10px;
}
/* END Code change version: November 21st 2025 */
.order-form-export .form-item-wrapper .form-item,
.order-form-import .form-item-wrapper .form-item {
    margin-bottom: 0 !important;
}
.order-form-export .form-item-wrapper .form-item label,
.order-form-import .form-item-wrapper .form-item label {
    height: inherit;
}
.order-form-export .form-item-wrapper .form-item.title p,
.order-form-import .form-item-wrapper .form-item.title p {
    font-size: 18px;
}
.order-form-export .form-grid-wrapper .form.grid,
.order-form-import .form-grid-wrapper .form.grid {
    width: 100%;
}
.order-form-export .grid .form-items,
.order-form-import .grid .form-items {
    border: 2px solid #eef0f5;
    border-radius: 0;
}
.order-form-export .grid .form-item-wrapper,
.order-form-import .grid .form-item-wrapper {
    flex-direction: row;
}
.order-form-export .grid .clone-group,
.order-form-import .grid .clone-group {
    width: auto;
}
/* Code change version: November 21st 2025 */
.order-form-export .grid.clone-wrapper .clone-group,
.order-form-import .grid.clone-wrapper .clone-group {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 20px;
}
/* END Code change version: November 21st 2025 */
.order-form-export .grid.clone-wrapper .clone-group .form-items,
.order-form-import .grid.clone-wrapper .clone-group .form-items {
    border: 2px solid #eef0f5 !important;
}
.order-form-export .grid.clone-wrapper .clone-group .form-items .form-fields-wrapper,
.order-form-import .grid.clone-wrapper .clone-group .form-items .form-fields-wrapper {
    border: none;
    padding: 0;
}
.order-form-export .grid .form-items.no-border,
.order-form-import .grid .form-items.no-border,
.order-form-export .grid.clone-wrapper .clone-group.no-border,
.order-form-import .grid.clone-wrapper .clone-group.no-border {
    border: none;
    padding: 0;
}
@media only screen and (max-width: 899px) {
    .order-form-import-table .form-top {
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .order-form-export .form-fields-wrapper,
    .order-form-export .form-item,
    .order-form-import .form-fields-wrapper,
    .order-form-import .form-item {
        width: 100% !important;
    }
}
.header-image-block {
    background-color: #ffffff;
    position: relative;
    display: flex;
}
.header-image-block__left {
    height: 300px;
    width: 70%;
    position: relative;
    padding: 35px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 27% bottom;
}
.header-image-block__left::before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgb(30 183 194 / 70%);
    background: radial-gradient(circle, rgb(30 183 194 / 70%) 0%, rgba(33, 163, 202, 0.68) 31%, rgb(30 183 194 / 78%) 63%, rgb(65 190 200 / 86%) 100%);
}
.header-image-block__left h2 {
    color: #ffffff;
    position: relative;
    font-size: 34px;
}
.header-image-block__right {
    width: 30%;
    height: 150px;
    position: relative;
    background-color: #008491;
}
.header-image-block__right::before {
    top: 47px;
}
@media only screen and (max-width: 899px) {
    .header-image-block__left {
        height: 200px;
        padding: 25px;
        background-position: 30% bottom;
    }
    .header-image-block__right {
        height: 100px;
    }
    .header-image-block__right::before {
        top: 40px;
    }
}
/* NEW code version: November 21st 2025 */   
#guest-enquiry .form-wrapper-left li.active,
#guest-enquiry .form-wrapper-left .uppercase,
#guest-enquiry .form-wrapper-left .progress-bar-top p{
    color:#fff;
}
#guest-enquiry .form-wrapper-left a{
    color:#eff8f9;
}
#guest-enquiry .form-wrapper-left .progress-bar{
    background:#fff
}
#guest-enquiry .form-wrapper-left .progress-fill{
    background-color:#fff;
}
.form-item-wrapper table{
    margin-bottom:0;
}
.icon-title,
.form-top,
.form-items.no-input .form-item{
    margin-left:10px;
}
.form-top{
    margin-top:10px;
}
.icon-title .title{
    margin:10px 0;
    padding:0;
}
.expand-block-wrapper .icon-title .title{
    margin:20px 0;
}
.expand-block .form-item-wrapper:not(:last-of-type){
    margin-bottom:10px;
}
@media screen and (min-width: 1278px) {   
    .form-img:not(.order-form-success .form-img){
        position:absolute;
        top:-10px !important;
        right:0 !important;
    }
}
.form-left:has(.passport){
    width:30%;
    flex:none;
}
.form-left:has(.passport) + .form-right{
    flex:none;
}
.form-wrapper-right:has(.company-form) .form-img{
    width:auto;
    height:100%;
}
.form-items:has(#file-files-old){
    width:100%;
}