@font-face {
    font-family: "Montserrat-Bold";
    src: url(../fonts/Montserrat-Bold.ttf);
    font-display: swap;
  }
@font-face {
    font-family: "Montserrat-Medium";
    src: url(../fonts/Montserrat-Medium.ttf);
    font-display: swap;
  }
@font-face {
    font-family: "Montserrat-Regular";
    src: url(../fonts/Montserrat-Regular.ttf);
    font-display: swap;
  }
@font-face {
    font-family: "Montserrat-Light";
    src: url(../fonts/Montserrat-Light.ttf);
    font-display: swap;
  }
@font-face {
    font-family: "Montserrat-SemiBold";
    src: url(../fonts/Montserrat-SemiBold.ttf);
    font-display: swap;
  }
  header{
    border-bottom: 1px solid #C3C3C3;
  }
  ul{
    margin-bottom: 0px;
  }
  a{
    text-decoration: none !important;
  }
.paddingCont{
    padding-left: 8.33%;
    padding-right: 8.33%;
}
.headerContainer{
    height: 130px;
    display: flex;
    align-items: center;
}
.headerLeft, .headerRight{
    display: flex;
    align-items: center;
    column-gap: 60px;
}
.headerLogo{
    width: 200px;
    height: 32px;
}
.headerRight{
    margin-left: auto;
}

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

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

::-webkit-scrollbar-thumb {
    background: #A3A7AB;
    border-radius: 7px;
}

::-webkit-scrollbar-thumb:hover {
    background: #A3A7AB;
}
a{
    text-decoration: none;
}
a:hover{
    color: #0B99DB;
}
.headerContainer a{
    font-size: 16px;
    font-family: "Montserrat-Regular";
    text-transform: uppercase;
    color: #474747;
}
.headerContainer a.customLinks{
    text-transform: unset;
}
.langSelector a{
    font-size: 18px;
    color: #919191;
}
.langSelector a.active{
    color: #474747;
}
.customLinks{
    display: flex;
    column-gap: 20px;
    align-items: center;
}
.customLinks img{
    width: 38px;
    height: 38px;
}
.bannersContainer{
    height: 640px;
    display: flex;
}
.bannersLeft{
    background-color: #DDF2FD;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 8%;
}
.bannersLeft, .bannersRight{
    width: 50%;
}
.bannersRight{
    position: relative;
}
.swiperBanners .swiper-slide{
    display: flex;
}
.swiperBanners video{
    width: 100%;
    height: 640px;
    object-fit: cover;
}
.swiperBanners button img{
    width: 83.5px;
    height: 83.5px;
}
.swiperBanners button {
    outline: none;
    background: unset;
    border: none;
    position: absolute;
    top: 50%;
    z-index: 999999999;
    display: block;
    left: 50%;
    transform: translate(-50%, -50%);
}
.bannersLeft .swiper-pagination {
    position: unset !important;
    text-align: left !important;
    margin-top: 100px;
    display: flex;
    column-gap: 30px;
}
.bannersContainer .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0px !important;
    width: 10px !important;
    height: 10px !important;
}
.bannersContainer .swiper-pagination-bullet-active{
    background-color: #193C4F !important;
}
.bannerSubtitle {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 8px;
    font-family: 'Montserrat-Regular';
    color: #474747;
}
.bannerTitle{
    font-size: 42px;
    line-height: 60px;
    font-family: 'Montserrat-Bold';
    width: 75%;
    margin-top: 20px;
    margin-bottom: 25px;
}
.bannerDescription *{
    width: 60%;
    font-size: 16px !important;
    font-family: 'Montserrat-Regular';
    color: #474747;
}
.butonLogin{
    width: 235px;
    border: 1px solid #474747;
    border-radius: 5px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #474747;
    font-size: 16px;
    font-family: 'Montserrat-SemiBold';
    margin-top: 50px;
    transition: 300ms;
}
.serviceSingle{
    display: flex;
    align-items: center;
}
.serviceSingle > *{
    width: 50%;
}
.parallax-image-wrapper{
    overflow: hidden;
}
.parallax-image-wrapper img{
    height: auto;
    width: 100%;
    object-fit: cover;
    object-position: top;
}
  
.serviceSingle:nth-of-type(2n) .serviceText{
    padding-left: 8.33%;
    padding-right: 4.15%;
}
.serviceSingle:nth-of-type(2n+1) .serviceText{
    padding-right: 8.33%;
    padding-left: 4.15%;
}
.serviceSubtitle{
    font-size: 16px;
    font-family: 'Montserrat-Regular';
    letter-spacing: 8px;
    color: #474747;
    text-transform: uppercase;
}
.serviceTitle{
    font-size: 30px;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 40px;
    font-family: 'Montserrat-SemiBold';
}
.serviceDescription *{
    font-size: 16px;
    font-family: 'Montserrat-Regular';
    color: #474747;
}
.aboutHomeContainer{
    background-color: #DDF2FD;
    height: 560px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.aboutHomeContainer img{
    width: 40%;
    height: 100%;
}
.aboutHomeContainer > div{
    width: 50%;
}
.aboutSubtitle{
    font-size: 16px;
    font-family: 'Montserrat-Regular';
    color: #474747;
    letter-spacing: 8px;
}
.aboutTitle *{
    font-size: 30px;
    font-family: 'Montserrat-SemiBold';
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 40px;
}
.aboutDescription{
    font-size: 16px;
    font-family: 'Montserrat-Regular';
    color: #474747;
}
.mapContact iframe{
    width: 100%;
    height: 665px;
    margin-bottom: -7px;
}
.contactForm{
    height: 640px;
    margin-left: 8.33%;
    margin-right: 8.33%;
    margin-bottom: -200px;
    z-index: 99999;
    position: relative;
    background: white;
    display: flex;
    border-radius: 5px;
    filter: drop-shadow(0px 3px 7.5px rgba(215,215,215,0.59 ));
    -webkit-filter: drop-shadow(0px 3px 7.5px rgba(215,215,215,0.59 ));
}
.contactFormLeft{
    width: 45%;
    background: #F2FAFF;
    height: 100%;
    padding: 45px;
}
.contactForm form{
    width: 55%;
    padding: 40px 100px;
}
.contactSubtitle{
    letter-spacing: 8px;
    font-size: 16px;
    font-family: 'Montserrat-Regular';
    color: #474747;
}
.contactTitle *{
    font-size: 30px;
    font-family: 'Montserrat-SemiBold';
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 40px;
}
.contactDescription *{
    font-size: 16px;
    font-family: 'Montserrat-Regular';
    color: #474747;
    line-height: 24px;
}
.contactInfo{
    display: flex;
}
.contactInfo img{
    width: 38px;
    height: 38px;
}
.contactInfos{
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}
.contactInfoText{
    border-left: 1px solid #0B99DB;
    padding-left: 18px;
    margin-left: 15px;
}
.infoTitle{
    font-size: 18px;
    font-family: 'Montserrat-SemiBold';
}
.infoLink{
    font-size: 16px;
    font-family: 'Montserrat-Light';
    color: #242424;
}
.formTitle{
    font-size: 24px;
    font-family: 'Montserrat-SemiBold';
    margin-bottom: 30px;
}
.form-fields{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 20px;
    margin-bottom: 20px;
}
.form-field:has(input), .form-field:has(select){
    width: 48%;
}
.form-field:has(textarea){
    width: 100%;
}
.form-field{
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    position: relative;
}
.form-field input, .form-field textarea{
    border: 1px solid #D7D7D7;
    border-radius: 4px;
    font-size: 14px;
    font-family: 'Montserrat-Regular';
    color: #979797;
    outline: none;
    padding: 16px 20px;
}
.form-field label{
    font-size: 16px;
    color: #242424;
    font-family: 'Montserrat-Regular';
}
textarea {
    resize: none;
}
input[type="checkbox"] {
    appearance: none;
    background-color: #fff;
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 25px;
    height: 25px;
    border: 1px solid #D7D7D7;
    border-radius: 2px;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
  }
  input[type="checkbox"]::before {
    content: "";
    width: 15px;
    height: 15px;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em #0B99DB;
    border-radius: 2px;
  }
  input[type="checkbox"]:checked::before {
    transform: scale(1);
  }
  .checkTerms, .checkPolitics{
    display: flex;
    column-gap: 15px;
    margin-bottom: 15px;
  }
  .checkTerms a, .checkPolitics a{
    color: #193C4F;
    text-decoration: underline;
  }
  .sendContact, .sendJob{
    width: 231px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    background-color: #85D4FF;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    color: #193C4F;
    font-size: 16px;
    font-family: 'Montserrat-SemiBold';
    outline: none;
    border: none;
    margin-top: 30px;
    transition: 300ms;
  }
  .sendContact:hover{
    background-color: #193C4F;
    border-color: #193C4F;
    color: #85D4FF;
  }
  .footerContainer{
    padding-top: 55px;
    border-top: 1px solid #707070;
  }
  .logoAndSocial{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
  }
  .socialFooter{
    column-gap: 40px;
    display: flex;
  }
  .socialFooter img{
    width: 25px;
    height: 24px;
    object-fit: contain;
  }
  .footerLeft a{
    color: #474747;
    font-size: 16px;
    font-family: 'Montserrat-Regular';
    text-transform: uppercase;
    margin-right: 60px;
  }
  .footerLinks{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .footerRight{
    display: flex;
    align-items: center;
    column-gap: 60px;
  }
  .footerRight a{
    color: #474747;
    font-size: 16px;
    font-family: 'Montserrat-Regular';
  }
  .footerBottom{
    border-top: 1px solid #707070;
    margin-top: 30px;
    padding-top: 18px;
    margin-bottom: 40px;
    font-size: 12px;
    font-family: 'Montserrat-Light';
    color: #474747;
  }
  .legalContainer{
    margin-bottom: 20px;
    margin-top: 50px;
  }
  .legalSubtitle{
    font-size: 16px;
    color: #A9A9A9;
    text-transform: uppercase;
    letter-spacing: 8px;
    margin-bottom: 20px; 
    font-family: 'Montserrat-Regular';
  }
  .legalTitle{
    font-size: 30px;
    font-family: 'Montserrat-SemiBold';
    margin-bottom: 25px;
    text-transform: uppercase;
  }
  .legalContent *:not(b){
    font-size: 16px !important;
    font-family: 'Montserrat-Regular' !important;
    color: #474747 !important;
    margin-bottom: 0px !important;
  }
  .legalContent b{
    font-size: 16px !important;
    font-family: 'Montserrat-SemiBold' !important;
    color: #474747 !important;
    margin-bottom: 20px !important;
    display: block;
  }
  .headSubtitle{
    padding-top: 50px;
    font-size: 16px;
    font-family: 'Montserrat-Regular';
    letter-spacing: 8px;
    color: #A9A9A9;
    padding-bottom: 20px;
    text-transform: uppercase;
  }
  .headTitle{
    font-size: 30px;
    font-family: 'Montserrat-SemiBold';
    text-transform: uppercase;
    padding-bottom: 20px;
  }
  .formRegister form{
    width: 50%;
  }
  .formRegister{
    min-height: 525px;
  }
  .country-select input{
    width: 100%;
  }
  ::file-selector-button {
    display: none;
  }
  /* #logo {
    color: transparent;
  } */
  .absoluteLogo {
    position: absolute;
    right: 5px;
    top: 43px;
    width: 100px;
    background: #85D4FF;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    border-radius: 5px;
    font-size: 12px;
    font-family: 'Montserrat-SemiBold';
    color: #193C4F;
    cursor: pointer;
}
.buttonSubmit{
    width: 230px;
    background: #85D4FF;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 55px;
    border-radius: 5px;
    font-size: 16px;
    font-family: 'Montserrat-SemiBold';
    color: #193C4F;
    border: none;
    outline: none;
    margin-top: 40px;
    margin-bottom: 20px;
    transition: 300ms;
    text-transform: uppercase;
}
.buttonSubmit:hover{
    background-color: #193C4F;
    border-color: #193C4F;
    color: #85D4FF;
}
.loginLink{
    color: #508BAB;
    text-decoration: underline;
    margin-bottom: 30px;
    display: block;
    font-size: 16px;
    font-family: 'Montserrat-Regular';
}
.fillForm{
    font-size: 16px;
    font-family: 'Montserrat-Regular';
    margin-bottom: 30px;
    color: #474747;
}
.loginLink.forgot{
    text-align: right;
}
.checkTerms *, .checkPolitics *{
    font-size: 16px;
    font-family: 'Montserrat-Regular';
}
.reveal{
    position: relative;
    transform: translateY(150px);
    opacity: 0;
    transition: 0.3s all ease;
    overflow: hidden;
}

.reveal.active{
    transform: translateY(0);
    opacity: 1;
}
.reveal-left{
    position: relative;
    transform: translateX(-150px);
    opacity: 0;
    transition: 0.3s all ease;
}
.reveal-left.active{
    transform: translateX(0);
    opacity: 1;
}
.reveal-right{
    position: relative;
    transform: translateX(150px);
    opacity: 0;
    transition: 0.3s all ease;
}
.reveal-right.active{
    transform: translateX(0);
    opacity: 1;
}
body{
    position: relative;
}
body > *{
    overflow: hidden;
}
#backgroundLoader {
    background-color: #DDF2FD;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 9999999;
    top: 0px;
    bottom: 0px;
}
#loader {
    border: 12px solid #f3f3f3;
    border-radius: 50%;
    border-top: 12px solid #444444;
    width: 70px;
    height: 70px;
    animation: spin 1s linear infinite;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    position: fixed;
}
.center {
    position: absolute;
    margin: auto;
}
@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}

.butonLogin:hover{
    background: #0B99DB;
    border-color: #0B99DB;
    color: white;
}
.allErrors div *{
    font-size: 16px;
    font-family: 'Montserrat-Regular';
}
.headDescription{
    max-width: 470px;
    font-size: 16px;
    font-family: 'Montserrat-Regular';
    color: #474747;
}
.beneficiu{
    height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 30px;
    background: #F2FAFF;
    border-radius: 5px;
    transition: 300ms;
}
.beneficiuTitle{
    font-size: 16px;
    font-family: 'Montserrat-SemiBold';
    text-align: center;
    max-width: 150px;
}
.beneficiu:hover{
    background-color: white;
    filter: drop-shadow(0px 3px 4px rgba(195,195,195,0.56 ));
}
.swiperBenefits{
    padding-top: 60px;
    padding-bottom: 90px;
    padding-left: 5px;
    padding-right: 5px;
}
.careersContainerTitle{
    font-size: 24px;
    font-family: 'Montserrat-SemiBold';
    padding-bottom: 10px;
}
.allJobs{
    padding-top: 50px;
    padding-bottom: 60px;
}
.jobSingleText:last-of-type{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.jobContainer{
    background: #F2FAFF;
    border-radius: 5px;
    padding: 30px 35px;
    display: flex;
    column-gap: 60px;
    align-items: center;
}
.jobContainer:not(:last-of-type){
    margin-bottom: 30px;
}
.jobButton{
    width: 231px;
    flex-shrink: 0;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #85D4FF;
    border-radius: 5px;
    color: #193C4F;
    font-family: 'Montserrat-SemiBold';
    font-size: 16px;
    transition: 300ms;
}
.jobTitle{
    font-size: 18px;
    font-family: 'Montserrat-SemiBold';
    margin-bottom: 20px;
}
.jobSingleText{
    font-size: 16px;
    font-family: 'Montserrat-Regular';
}
.jobSingleText:not(:last-of-type){
    margin-bottom: 15px;
}
.jobButton:hover{
    background-color: #193C4F;
    border-color: #193C4F;
    color: #85D4FF;
}
.containerCarieraSingle{
    padding-top: 35px;
    padding-bottom: 70px;
}
.carieraInfo{
    margin-bottom: 20px;
}
.carieraInfoTitle{
    margin-bottom: 20px;
    font-size: 16px;
    font-family: 'Montserrat-SemiBold';
    text-transform: uppercase;
}
.carieraInfoText{
    font-size: 16px;
    font-family: 'Montserrat-Regular';
}
.buttonModal.jobButton{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 75px;
    cursor: pointer;
}
.modalCariera{
    display: none;
}
.modalCariera .content{
    max-width: 44%;
    margin-left: auto;
    margin-right: auto;
    padding: 50px;
    border-radius: 5px;   
    background: white;
    display: flex;
    flex-direction: column;
}
.modalCariera form{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 20px;
}
.input-row{
    width: 48%;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}
.input-row:has(.career_job, textarea){
    width: 100%;
}
.input-row textarea{
    margin-bottom: 40px;
    height: 150px;
    border: 1px solid #D7D7D7;
    padding: 15px 20px;
}
.input-row input:not([type="checkbox"]){
    height: 48px;
    border-radius: 4px;
    outline: none;
    border: 1px solid #D7D7D7;
    padding: 15px 20px;
    font-size: 14px;
    font-family: 'Montserrat-Regular';
}
.input-row *::placeholder{
    color: #979797;
}
form .input-row .career_job {
    padding-left: 25px;
    background: #85D4FF;
    border: unset !important;
    font-size: 16px;
    font-family: 'Montserrat-SemiBold';
}
.input-row .career_job::placeholder{
    color: #000000;
}
.modalTitle{
    font-size: 24px;
    font-family: 'Montserrat-SemiBold';
    padding-bottom: 20px;
}
.modalCariera .input-row label{
    font-size: 16px;
    font-family: 'Montserrat-Regular';
    color: #242424;
}
.fakeCv{
    border: 1px solid #193C4F;
    height: 48px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 15px;
    font-size: 16px;
    font-family: 'Montserrat-Medium';
    cursor: pointer;
}
.input-row:has(input[type="checkbox"]){
    width: 100%;
    flex-direction: row;
    column-gap: 10px;
}
.input-row:has(input[type="checkbox"]) a{
    color: #193C4F;
    text-decoration: underline;
}
.alertify-notifier{
    z-index: 100000001 !important;
}
.modal {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100vh;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
}
.modal.open {
    opacity: 1;
    visibility: visible;
    overflow: hidden;
    background: rgba(42, 42, 42, 0.64);
    /* backdrop-filter: blur(4px); */
    z-index: 100000000;
    display: flex;
}
.modal .content {
    position: relative;
    /* width: 1025px !important;
    height: 725px; */

    width: 50%;
    height: fit-content;

    border-radius: 20px;
    transform: scale(0);
    transition: transform 300ms cubic-bezier(0.57, 0.21, 0.69, 1.25);
}
.modal.open .content {
    transform: scale(1);
    display: flex;
}
.modal .close {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 25px;
    right: 25px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    border-radius: 6px;
    z-index: 9999;
}
.modal .close::after {
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 8px;
    background-color: black;
    clip-path: polygon(0 10%, 10% 0, 50% 40%, 89% 0, 100% 10%, 60% 50%, 100% 90%, 90% 100%, 50% 60%, 10% 100%, 0 89%, 40% 50%);
}
.swiper-pagination-bullet{
    background: white !important;
    height: 12px !important;
    width: 12px !important;
    border: 3px solid #85D4FF !important;
    opacity: 1 !important;
}
.swiper-pagination-bullet-active{
    border: 3px solid #193C4F !important;
}
button[data-id="video0"]{
    display: none;
}
.form-field label{
    display: flex;
    column-gap: 2px;
}


.dashboardSidebar{
    /* width: 16%; */
    width: 300px;
    border-radius: 5px;   
    background-color: white;
    height: calc(100vh - 30px);
    padding: 30px 15px;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}
.dashboardContainer{
    height: 100%;
    min-height: 100vh;
    padding: 15px;
    background-color: #EDEEF1;   
    display: flex;
    column-gap: 20px;
}
.sidebarUser {
    display: flex;
    align-items: center;
    border: 1px solid #C8C8C8;
    border-radius: 10px;
    padding: 0px 22px;
    height: 60px;
    margin: auto 0px 5px 0px;
}
.sidebarUser img {
    width: 35px !important;
    height: 35px !important;
    object-fit: contain;
    border-radius: 50px;
    border: 0.5px solid #004F9E;
}

.sidebarLogOut{
    /* margin-top: auto; */
}
.sidebarLogo{
    max-width: 173px;
    padding-left: 22px;
    width: 100%;   
}
.dashboardSidebar img:not(.sidebarLogo){
    margin-right: 20px;
    width: 22px;
    height: 22px;
    object-fit: contain;
}
.sidebarLogOut a, .sidebarLink a{
    padding: 18px 22px;
    display: flex;
    align-items: center;
    border-radius: 10px;
    transition: 200ms;
    color: #34465B;
    font-size: 16px;
    font-family: "Montserrat-Regular";
}
.sidebarLogOut a:hover, .sidebarLink a:hover{
    background-color: #028BD1;
    color: white;
}
.sidebarLinks{
    margin-top: 30px;
    overflow-y: auto;
}
.sidebarLogOut a:hover img, .sidebarLink a:hover img{
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}
.linkActive{
    background-color: #028BD1;
    color: white !important;
}
.linkActive img{
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}
.requiredText{
    filter: drop-shadow(0px 3px 7.5px rgba(215, 215, 215, 0.59));
    -webkit-filter: drop-shadow(0px 3px 7.5px rgba(215, 215, 215, 0.59));
    background: white;
    position: absolute;
    width: 100%;
    bottom: 0px;
    height: 55px;
    display: none;
    align-items: center;
    padding-left: 15px;
    border-radius: 4px;
    color: red;
}
.required{
    width: max-content;
    display: flex;
}
/* .dashboardContent, */
 /* .ordersContainer, .trackContainer, .profileContainer{ */
    /* width: calc(84% - 20px); */
    /* width: calc(100% - 320px);
    display: flex;
    flex-wrap: wrap;
    height: max-content;
    row-gap: 20px;
    column-gap: 20px;
} */

.dashboardContent,.ordersContainer, .trackContainer, .profileContainer {
    width: calc(100% - 320px);
    display: flex;
    flex-direction: column;
    /* flex-wrap: wrap; */
    height: max-content;
    row-gap: 20px;
    column-gap: 20px;
}
.dashboard_tracking-wrapper {
    display: flex;
    flex-direction: row;
    gap: 20px;
}
.dashboardTop{
    /* display: flex;
    align-items: center; */
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    width: 100%; 
    gap: 20px;
}
.dashboardTopProfile{
    font-size: 14px;
    font-family: 'Montserrat-Medium';
    background: white;
    height: 45px;
    display: flex;
    align-items: center;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 10px;
    column-gap: 12px;
    width: max-content;
    margin-left: auto;
    flex-shrink: 0;
}
.dashboardTopProfile img{
    width: 35px;
    height: 35px;
    object-fit: contain;
    border-radius: 50px;
    border: 0.5px solid #004F9E;
}
.dashboardTopBox {
    height: 115px;
    display: flex;
    flex-direction: column;
    /* width: 20.5%; */
    background: white;
    border-radius: 5px;
    padding: 18px 24px;
    justify-content: space-between;
}
.boxBottom{
    display: flex;
}
.bottomNumber{
    display: flex;
}
.bottomLeft{
    width: 50%;
}
.boxTop{
    line-height: 16px;
    font-size: 16px;
    font-family: 'Montserrat-SemiBold';
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.boxImg{
    width: 23px;
    height: 23px;
    object-fit: contain;
}
.bottomNumber {
    display: flex;
    font-size: 30px;
    font-family: 'Montserrat-SemiBold';
    line-height: 30px;
    align-items: flex-end;
    column-gap: 5px;
}
.bottomText{
    font-size: 12px;
    font-family: 'Montserrat-Light';
}
.boxPercent{
    font-size: 14px;
    display: flex;
    align-items: flex-end;
    column-gap: 4px;
}
.plus .boxPercent{
    color: #2CAF46;
}
.minus .boxPercent{
    color: #FF6880;
}
.plus .boxPercent::after{
    color: #2CAF46;
}
.minus .boxPercent::after{
    color: #FF6880;
}
.upDown{
    font-family: auto;
    font-size: unset;
    line-height: 28px;
}
.plus .upDown{
    color: #2CAF46;
}
.minus .upDown{
    color: #FF6880;
    transform: rotate(180deg);
}
.bottomNumber.plus{
    color: #2CAF46;
}
.statusBar img{
    height: 80px;
    object-fit: none;
    object-position: top;
    width: 15px;
}
.statusBar img:last-of-type{
    height: auto;
}
.statusBar{
    display: flex;
    flex-direction: column;
}
.tracking{
    margin-top: 30px;
    display: flex;
    column-gap: 15px;
}
.statusTitle{
    line-height: 14px;
    font-size: 14px;
    font-family: 'Montserrat-SemiBold';
    margin-bottom: 10px;
}
.statusDate{
    font-size: 12px;
    font-family: 'Montserrat-Light';
    color: #B8B8B8;
}
.trackingStatus{
    height: 80.5px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}
.trackingHistory, .totalOrders{
    width: calc(50% - 10px);
    background: white;
    border-radius: 5px;
    padding: 25px;
}
.trackingStatuses{
    width: calc(100% - 30px);
}
.selectTransportContent .trackingStatuses{
    width: 100%;
}
.ordersTitle-container {
    border-radius: 6px;
    background-color: #fff;
}
.ordersTitle-container .ordersTitle {
    padding: 20px 0 0 25px;
    margin-bottom: 0px;
}
.trackingTitle, .totalOrdersTitle{
    font-size: 16px;
    font-family: 'Montserrat-SemiBold';
    margin-bottom: 5px;
}
.trackingSubtitle, .totalOrdersSubtitle{
    font-size: 14px;
    font-family: 'Montserrat-Light';
    color: #0B1023;
}
.trackingContainer, .chartContainer{
    border-top: 0.5px solid #C8C8C8;
    margin-left: -25px;
    margin-right: -25px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 20px;
    margin-top: 20px;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Optional: Add any other styles you want */
    height: 50px;
    width: 100%;
    padding: 0 20px;
    border: 0.5px solid #B8B8B8;
    border-radius: 5px;
    background-image: url("../images/arrow-down.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) center;
    background-size: 15px;
    padding-right: 30px; /* Adjust this value according to the width of your arrow icon */
    color: #575757;
    font-size: 14px;
    font-family: 'Montserrat-Regular';
}
input[type="datetime-local"]{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Optional: Add any other styles you want */
    height: 40px;
    padding: 0 20px;
    border: 0.5px solid #B8B8B8;
    border-radius: 5px;
    padding-right: 30px; /* Adjust this value according to the width of your arrow icon */
    color: #575757;
    font-size: 14px;
    margin-top: 10px;
}
.statusLocation{
    border: 1px solid #004F9E;
    padding: 5px 15px;
    font-size: 12px;
    height: fit-content;
    color: #004F9E;
    font-family: 'Montserrat-Regular';
    border-radius: 20px;
}
/* .totalOrders canvas{
    max-width: 370px;
    max-height: 370px;
    width: 100% !important;
    height: 100% !important;
} */
.chartContainer{
    display: flex;
    justify-content: space-between;
}
.dataFilter{
    font-size: 16px;
    font-family: 'Montserrat-Regular';
    color: #9496AD;   
}
input[name="daterange"], input[name="daterange"]::placeholder {
    color: #34465B;
    font-size: 16px;
    font-family: 'Montserrat-Regular';
    border: unset;
    outline: unset;
}
.chartLeft{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.tipTransport{
    font-size: 14px;
    font-family: 'Montserrat-Regular';
    color: #0B1023;
    max-width: 135px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.tipTransport span{
    font-size: 16px;
    font-family: 'Montserrat-SemiBold';
}
.tipTransport.t1 span{
    color: #FF3169;
}
.tipTransport.t2 span{
    color: #FFA300;
}
.tipTransport.t3 span{
    color: #00A3A0;
}
.dashboardHistory{
    background: white;
    width: 100%;
    border-radius: 5px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.historyTitle{
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 0.5px solid #C8C8C8;
    font-size: 16px;
    font-family: 'Montserrat-SemiBold';
    color: #575757;
}
/* .historyFilters{
    padding-left: 25px;
    padding-right: 25px;
} */
.historyFilters{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px; 
    padding-left: 25px;
    padding-right: 25px;  
}
.historyFilters select{
    /* max-width: calc(11% + 55px); */
}
.historyList{
    margin-top: 30px;
}
.listHeadings{
    display: flex;
    /* background: #EAEEF7; */
    height: 60px;
    align-items: center;   
    /* padding-left: 20px;
    padding-right: 20px; */
}
.listHeading{
    padding-left: 25px;
    padding-right: 25px;
    font-size: 14px;
    font-family: 'Montserrat-Regular';
    color: #4C5870;
    background: #EAEEF7;
}
.listItem{
    display: flex;
    align-items: center;
    height: 75px;
}
.itemColumn{
    padding-left: 25px;
    padding-right: 25px;
    border-bottom: 0.5px solid #C8C8C8;
}
.listHeading, .itemColumn{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
}
.listHeading:nth-of-type(1), .itemColumn:nth-of-type(1){
    width: calc(11.8% + 50px);
    border-right: 0.5px solid #C8C8C8;
}
.listHeading:nth-of-type(2), .itemColumn:nth-of-type(2){
    width: calc(12.66% + 50px);
    align-items: center;
}
.listHeading:nth-of-type(3), .itemColumn:nth-of-type(3){
    width: calc(11.2% + 50px);
}
.listHeading:nth-of-type(4), .itemColumn:nth-of-type(4){
    width: calc(12.9% + 50px);
}
.listHeading:nth-of-type(5), .itemColumn:nth-of-type(5){
    width: calc(11.6% + 50px);
}
.listHeading:nth-of-type(6), .itemColumn:nth-of-type(6){
    width: calc(6% + 50px);
}
.listHeading:nth-of-type(7), .itemColumn:nth-of-type(7){
    width: calc(5.5% + 50px);
}
.listHeading:nth-of-type(8), .itemColumn:nth-of-type(8){
    width: calc(6.4% + 50px);
}
.ordersCount{
    width: 90px;
    display: inline-flex;
    height: 30px;
    align-items: center;
    justify-content: center;
    background: #EDEEF1;
    font-size: 13px;
    font-family: 'Montserrat-Regular';
    color: #141414;
    border-radius: 16px;
    margin-left: 15px;
}
.orderName{
    font-family: 'Montserrat-SemiBold';
    font-size: 16px;
    color: #141414;   
}
.orderDate{
    font-size: 14px;
    font-family: 'Montserrat-Regular';
    color: #B2B2BE;
    padding-top: 2px;
}
.transportType{
    max-width: 125px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    border-radius: 16px;
    font-size: 14px;
    font-family: 'Montserrat-Regular';
    border: 1px solid #34465B;
    color:  #34465B;
}
.itemColumn:nth-of-type(3), .itemColumn:nth-of-type(4) {
    font-size: 14px;
    font-family: 'Montserrat-Medium';
    color: #0C4AB9;
}
.start, .orderDetails{
    max-width: 100px;
    height: 32px;
    width: 100%;
    border: 1px solid #004F9E;
    border-radius: 16px;
    font-size: 14px;
    font-family: 'Montserrat-Regular';
    color:  #004F9E;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 300ms;
}
.start{
    cursor: pointer;
}
.orderDetails{
    max-width: 78px;
}
.start:hover, .orderDetails:hover{
    color: white;
    background-color: #004F9E;
}
.view{
    max-width: 140px;
    height: 32px;
    width: 100%;
    border: 1px solid #2CAF46;
    border-radius: 16px;
    font-size: 14px;
    font-family: 'Montserrat-Regular';
    color:  #2CAF46;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 300ms;
}
.view:hover{
    color: white;
    background-color: #2CAF46;
}
.pageName{
    font-size: 26px;
    font-family: 'Montserrat-SemiBold';
    color: #141414;
}
.myOrdersContent, .chatContainer{
    background-color: white;
    padding: 25px 28px;
    border-radius: 5px;
    width: 100%;
    /* min-height: calc(100vh - 95px); */
    /* height: calc(100vh - 95px); */
    overflow-y: auto;
}
.selectTransportContent{
    background-color: white;
    padding: 25px 28px;
    border-radius: 5px;
    width: 100%;
    overflow-y: auto;
}
.ordersTitle{
    font-size: 16px;
    font-family: 'Montserrat-SemiBold';
    color: #575757;
    margin-bottom: 20px;
}
.ordersCount{
    max-width: 85px;
    height: 32px;
    width: 100%;
    background-color: #C6EBCE;
    border-radius: 16px;
    font-size: 13px;
    font-family: 'Montserrat-Regular';
    color:  #141414;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.transportType.import{
    background-color: #F0CE4A;
    max-width: 76px;
    border-color: #F0CE4A;
    color: #A18A14;
}
.transportType.export{
    background-color: #DEF4FF;
    max-width: 76px;
    border-color: #DEF4FF;
    color: #004F9E;
}

.ordersTable .listHeading:nth-of-type(1), .ordersTable .itemColumn:nth-of-type(1){
    width: calc(11% + 50px);
    border-right: unset;
}
.ordersTable .listHeading:nth-of-type(2), .ordersTable .itemColumn:nth-of-type(2){
    width: calc(7.3% + 50px);
    align-items: flex-start;
}
.ordersTable .listHeading:nth-of-type(3), .ordersTable .itemColumn:nth-of-type(3){
    width: calc(10.8% + 50px);
}
.ordersTable .listHeading:nth-of-type(4), .ordersTable .itemColumn:nth-of-type(4){
    width: calc(8.2% + 50px);
}
.ordersTable .listHeading:nth-of-type(5), .ordersTable .itemColumn:nth-of-type(5){
    width: calc(11.8% + 50px);
}
.ordersTable .listHeading:nth-of-type(6), .ordersTable .itemColumn:nth-of-type(6){
    width: calc(12.2% + 50px);
}
.ordersTable .listHeading:nth-of-type(7), .ordersTable .itemColumn:nth-of-type(7){
    width: calc(8.7% + 50px);
}
.ordersTable .listHeading:nth-of-type(8), .ordersTable .itemColumn:nth-of-type(8){
    width: calc(2.6% + 50px);
    padding: 0px;
    align-items: center;
}
.commercialActiv{
    flex-direction: row;
    align-items: center;
    justify-content: center;
    display: flex;
    width: 100%;
    max-width: 70px;
    border-radius: 16px;
    font-size: 14px;
    font-family: 'Montserrat-Regular';
    height: 32px;
    column-gap: 7px;
    color: #141414;
}
.commercialActiv::before {
    content: '';
    display: inline-flex;
    width: 8px;
    height: 8px;
    border-radius: 50px;   
}
.commercialActiv.red::before{
    background-color: #FF6880;
}
.commercialActiv.green::before{
    background-color: #2CAF46;
}
.commercialActiv.blue::before{
    background-color: #004F9E;
}
.commercialActiv.purple::before{
    background-color: #D719CB;
}
.commercialActiv.red{
    background-color: #FFE5E9;
}
.commercialActiv.green{
    background-color: #DFFFE5;
}
.commercialActiv.blue{
    background-color: #DEF4FF;
}
.commercialActiv.purple{
    background-color: #FEDFFC;
}
.ordersTable .itemColumn:nth-of-type(4), .ordersTable .itemColumn:nth-of-type(5) {
    font-family: 'Montserrat-Regular';
    color: #575757;
    font-size: 14px;
}
.ordersTable .itemColumn:nth-of-type(7) {
    font-size: 14px;
    font-family: 'Montserrat-Regular';
    color: #575757;
}
.listItem.hidden{
    display: none;
}
.showMore{
    width: 230px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    background-color: #028BD1;
    border-radius: 8px;
    color: white;
    font-size: 16px;
    font-family: 'Montserrat-Regular';
    margin-top: 45px;
    cursor: pointer;
}
.backList{
    height: 26px;
    background-color: white;
    max-width: 120px;
    width: 100%;
    font-size: 12px;
    font-family: 'Montserrat-Regular';
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 15px;
    color: #458AAD;
    border-radius: 13px;
    transition: 300ms;
}
.backList:hover{
    background-color: #458AAD;
    color: white;
}
.backList img{
    transition: 300ms;
}
.backList:hover img{
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    transform: translateX(-4px);
}
.orderHeading{
    display: flex;
    background: #DEF4FF;
    border-radius: 10px;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    /* height: 65px; */
    /* padding-left: 25px;
    padding-right: 25px; */
    padding: 25px;
}
.orderTransport, .detailsTitle{
    font-size: 16px;
    font-family: 'Montserrat-SemiBold';
    margin-right: 35px;
}
.fromCountry, .toCountry{
    font-size: 14px;
    font-family: 'Montserrat-Medium';
    color: white;
    padding-left: 14px;
    padding-right: 14px;
    height: 26px;
    border-radius: 13px;
    display: inline-flex;
    align-items: center;
    width: max-content;
    flex-shrink: 0;
}
.fromCountry{
    background: #028BD1;
    margin-right: 14px;
}
.toCountry{
    background-color: #2CAF46;
}
.singleOrderDetails{
    display: flex;
    column-gap: 100px;
    padding: 25px;
    padding-bottom: 30px;
}
.singleOrderDetails > div{
    width: calc(50% - 50px);
    display: flex;
    flex-direction: column;
    row-gap: 25px;
}
.orderDetail > span:first-of-type{
    max-width: 215px;
    width: 100%;
    display: inline-flex;
    margin-right: 20px;
    flex-shrink: 0;
    font-size: 14px;
    font-family: 'Montserrat-Regular';
    color: #141414;
}
.orderDetail{
    display: flex;
}
.orderDetail span:not(:first-of-type){
    color: #004F9E;
    font-size: 14px;
    font-family: 'Montserrat-Medium';   
}
.orderDetail span:not(:first-of-type) a{
    color: #004F9E;
    text-decoration: none; 
}
.actionButtons{
    display: flex;
    height: 100%;
    align-items: flex-end;
    column-gap: 20px;
    justify-content: flex-end;
}
.actionButtons > *{
    height: 50px;
    border-radius: 8px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-family: 'Montserrat-Regular';
    cursor: pointer;
}
.acceptButton, .refuseButton{
    max-width: 180px;
    width: 100%;
}
.acceptAndChat{
    padding-left: 20px;
    padding-right: 20px;
}
.acceptButton, .acceptAndChat{
    background-color: #2CAF46;
}
.refuseButton{
    background-color: #C21934;
}
.ordersSubtitle{
    font-size: 14px;
    font-family: 'Montserrat-Light';   
}
.transportSelector {
    width: 50%;
    margin-bottom: 20px;
}
.filterZone{
    margin-left: -28px;
    margin-right: -28px;
    padding-left: 28px;
    padding-right: 28px;
    border-top: 0.5px solid #C8C8C8;
    padding-top: 20px;
    margin-top: 20px;
}
.trackingTransportTable .listHeadings{
    padding-left: 10px;
    padding-right: 10px;
}

.trackingTransportTable .listHeadings.transportHeadings {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.trackingTransportTable .listHeadings.transportHeadings .trans-title {
    max-width: 165px;
    width: 100%;
}
.trackingTransportTable .listHeadings div:first-of-type{
    width: 16%;
    font-size: 14px;
    font-family: 'Montserrat-Regular';
    color: #4C5870;
}
.transportSelector {
    width: 100%;
    max-width: 300px;
}
.trackingTransportTable .listHeadings div:nth-of-type(2){
    font-size: 16px;
    font-family: 'Montserrat-SemiBold';
    color: #141414;
}
.listTransportsLeft{
    border-right: 1px solid #EAEEF7;
    padding-left: 10px;
}
.listTransportsLeft, .listTransportsRight{
    width: calc(50% - 5px);
    display: inline-flex;
}
.listTransportsRight{
    padding-left: 30px;
}
.trackingTransportTable{
    border-bottom: 1px solid #EAEEF7;   
}
.listTransportDescription, .listTransportContent{
    height: 60px;
    display: flex;
    align-items: center;
}
.listTransportContent {
    width: max-content;
    font-size: 14px;
    font-family: 'Montserrat-Medium';
    color: #0C4AB9;
}
.listTransportDescription{
    font-size: 12px;
    font-family: 'Montserrat-Regular';
    text-transform: uppercase;
    color: #4C5870;
}
.listTransportDescription:first-of-type{
    border-bottom: 1px solid #EAEEF7;   
}
.listTransportDescriptions {
    width: 26.6%;
    border-right: 1px solid #EAEEF7;
}
.listTransportContents{
    padding-left: 40px;
    width: 24.2%;
}
.noTransport{
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    justify-content: center;
    font-size: 14px;
    font-family: 'Montserrat-Regular';
    color: #D5D5D6;
    padding-left: 40px;
}
.noTransport img{
    max-height: 70px;
}
.listTransportsRight .listTransportDescription{
    margin-left: -35px;
    padding-left: 35px;
}
.trackingTransportTable .listHeadings div:nth-of-type(2) span{
    background: #DFFFE5;
    border: 1px solid #2CAF46;
    border-radius: 16px;
    width: 120px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    margin-left: 20px;
    font-family: 'Montserrat-Regular';
}
.imgChat, .msgRight img{
    width: 45px;
    height: 45px;
    border: 1px solid #DBDBDB;
    border-radius: 50px;
    object-fit: contain;
    background-color: white;
}
.imgWrap::after{
    content: '';
    background-color: #2CAF46;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.imgWrap{
    width: fit-content;
    position: relative;
    height: fit-content;
    background-color: transparent !important;
}
.conversationHeading {
    font-size: 16px;
    font-family: 'Montserrat-SemiBold';
    color: #575757;
    display: flex;
    align-items: center;
    column-gap: 20px;
    margin-left: -28px;
    margin-right: -28px;
    padding-left: 28px;
    padding-right: 28px;
    border-bottom: 0.5px solid #C8C8C8;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.noMessages{
    height: 650px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 1080px;
    background-color: #F8F8F8;
    border-radius: 10px;
    width: 100%;
    padding: 10px;
}
.conversationMessages{
    height: 650px;
    max-width: 1080px;
    background-color: #F8F8F8;
    border-radius: 10px;
    padding: 40px 30px;
    overflow-y: auto;
    overflow-x: hidden;
}
.noMessages img{
    max-width: 420px;
    width: 100%;
}
.actionsChat{
    max-width: 1080px;
    width: 100%;
}
.newMsg{
    width: 100%;
    position: relative;
    border-radius: 28px;
    height: 55px;
    font-size: 16px;
    font-family: 'Montserrat-Regular';
    color: #575757;
    margin-top: 20px;
    /* margin-bottom: 20px; */
    background-color: #F8F8F8;
    padding: 15px 120px 15px 25px;
    border: unset;
    outline: unset;
}
.hiddenInputFile{
    display: none;
    position: absolute;
    right: 130px;
    bottom: 17px;
    direction: rtl;
}
.hiddenInputFile.block{
    display: block;
}
form:has(.newMsg){
    position: relative;
}
.attachButton, .sendButton{
    position: absolute;
    bottom: 7px;
}
.sendButton{
    right: 15px;
    outline: none;
    border: none;
    background: none !important;
    padding: 0px;
}
.sendButton img {
    width: 100%;
    height: 100%;
}
.attachButton{
    right: 75px;
    cursor: pointer;
}
.messageSingle {
    padding: 20px;
    /* width: 60%; */
    background: white;
    border-radius: 10px;
    font-size: 16px;
    font-family: 'Montserrat-Regular';
    margin-left: auto;
    margin-bottom: 20px;
    max-width: 60%;
    width: fit-content;
    text-align: right;
}
.error{
    margin-top: 10px;
    display: block;
    margin-bottom: 15px;
    color: red;
    font-size: 16px;   
}
.leftMsg{
    display: inline-block;
    width: calc(100% - 340px);
}
.rightMsg {
    width: 330px;
    display: inline-block;
    float: right;
    height: 725px;
    border: 1px solid #DBDBDB;
    background-color: #fff;
    border-radius: 10px;
    overflow-y: auto;
    cursor: pointer;
}
.msgRightLeft{
    display: flex;
    align-items: center;
    column-gap: 20px;
}
.msgRightLeftText h3{
    font-size: 14px;
    font-family: 'Montserrat-SemiBold';
    color: #022536;
    margin-bottom: 5px;
}
.msgRightLeftText p{
    color: #022536;
    font-family: 'Montserrat-Medium';
    font-size: 14px;
    margin-bottom: 0px;
}
.msgRight{
    padding: 30px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.msgRightRight{
    text-align: right;
}
.newLabel{
    width: 50px;
    height: 25px;
    background: #2CAF46;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 12px;
    font-family: 'Montserrat-Medium';
}
.msgRightData{
    font-size: 12px;
    font-family: 'Montserrat-Regular';
    color: #B8B8B8;   
    margin-top: 8px;
}
.myOrdersContent:has(.ordersSubtitle) .ordersTitle{
    margin-bottom: 5px;
}
.formTop{
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    padding-top: 15px;
    border-bottom: 0.5px solid #C8C8C8;
    margin-left: -28px;
    margin-right: -28px;
    padding-left: 28px;
    padding-right: 28px;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.twoInputs{
    display: flex;
    column-gap: 20px;
    align-items: center;   
}
.twoInputs .form-field, .formBottom .form-field{
    flex-direction: row;
    align-items: center;
}
.twoInputs .form-field label, .formBottom .form-field label {
    min-width: 220px;
    font-size: 14px;
}
.twoInputs .form-field input, .formBottom .form-field input{
    width: 100%;
    padding: 13px 20px
}
.formBottom{
    display: flex;
    flex-direction: column;
    row-gap: 15px;   
    margin-bottom: 30px;
}
.buttonsZone{
    display: flex;
    margin-top: auto;
    justify-content: space-between;
}
.formEdit{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.formEditContainer{
    height: calc(100% - 50px);   
}
.saveButton{
    height: 50px;
    border-radius: 8px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-family: 'Montserrat-Regular';
    cursor: pointer;
    background-color: #2CAF46;
    max-width: 230px;
    width: 100%;
}
.deleteButton{
    height: 50px;
    border-radius: 8px;
    color: #FF6880;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-family: 'Montserrat-Regular';
    cursor: pointer;
    background-color: white;
    max-width: 230px;
    width: 100%;
}
.twoInputs img{
    width: 110px;
    margin-left: 30px;
    object-fit: contain;
    height: 49px;   
}
.twoInputs input[type="file"]{
    visibility: hidden;
    width: 0px;
    padding: 0px;
}
.fakeFileInput{
    cursor: pointer;
    width: 185px;
    height: 50px;
    color: #028BD1;
    border: 1px solid #028BD1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}
/*.formEditContainer #username*/
.formEditContainer .typeFront{
    font-weight: 500;
    color: #004F9E;
    padding-left: 20px;
    padding-right: 20px;
    border: unset;
    opacity: 1;
}
.conversationContainer:not(:has(.rightMsg)) .leftMsg, .conversationContainer:not(:has(.rightMsg)) .leftMsg > *{
    width: 100%;
    max-width: unset;
}
.messageSingle.left{
    margin-right: auto;
    margin-left: 0px;
    background: #028BD1;
    color: white;
    text-align: left;
}
.messageSingle.left a{
    color: white !important;
}
.rightMsg div.active > div{
    background-color: #EAEEF7;
}
.transp .sendButton{
    position: unset;
    color: white;
    background: #2CAF46 !important;
    width: 175px;
}
.transp .detailsLeft{
    width: 50%;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.transp .detailsLeft .form-field, .transp .detailsLeft .form-field label, .transp .detailsLeft .form-field input{
    width: 100%;
}
.placeholderFile, .valueFile{
    border: 1px solid #D7D7D7;
    border-radius: 4px;
    font-size: 14px;
    font-family: 'Montserrat-Regular';
    color: #979797;
    outline: none;
    padding: 16px 20px;   
}
.transp .detailsLeft .attachButton {
    right: 20px;
    /* bottom: 6px; */
    top: 50px;
}
.placeholderFile{
    cursor: pointer;
}
.imgDoc{
    height: 20px;
    object-fit: contain;
    margin-right: 10px;
}
.inputsRow{
    display: flex;
    width: 65%;
    column-gap: 25px;
    margin-bottom: 15px;
}
.inputsRow > * {
    width: calc(25% - 20px);
    height: 50px;
    display: flex;
    align-items: center;
}
.stepContent input:not([type="file"]){
    padding: 0 20px;
    border: 0.5px solid #B8B8B8;
    border-radius: 5px;
    padding-right: 30px;
    color: #575757;
    font-size: 14px;
    font-family: 'Montserrat-Regular';
}
#denumire_marfa{
    width: calc(50% - 20px);
}
.stepName{
    margin-bottom: 20px;
}
.stepName.stepActive, .stepName.stepCompleted{
    background-color: #028BD1;
    border-color: #028BD1;
    color: white;
}
.stepActive::before{
    content: '';
    width: 28px;
    height: 28px;
    background-color: white;
    margin-right: 20px;
    display: inline-flex;
    border-radius: 50px;
}
.stepName::before{   
    content: '';
    width: 28px;
    height: 28px;
    background-color: white;
    margin-right: 20px;
    display: inline-flex;
    border-radius: 50px;
    border: 1px solid #B8B8B8;
}
.stepName{
    padding: 20px;
    border-radius: 10px;
    font-size: 14px;
    font-family: 'Montserrat-Medium';
    display: flex;
    align-items: center;
    color: #919191;
    border: 1px solid #919191;
}
.formExplication{
    width: max-content;
    font-size: 14px;
    color: #B8B8B8;   
}
.buttonNext{
    background-color: #2CAF46;
    width: 230px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: white;
    margin-left: auto;
    margin-bottom: 20px;
    cursor: pointer;
}
.stepName.stepCompleted::before{
    color: #028BD1;
    align-items: center;
    justify-content: center;
    content: '✓';
    font-weight: bolder;
}
.buttonPrev{
    width: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    border: 1px solid #919191;
    border-radius: 8px;
    color: #919191;
    font-size: 16px;
    margin-bottom: 20px;
}
.inputsRow > textarea{
    width: calc(75% - 10px);
    height: 100px;
    border: 0.5px solid #B8B8B8;
    border-radius: 5px;
}
.filePlaceholder{
    color: #028BD1;
    font-size: 16px;
    border: 1px solid #028BD1;
    border-radius: 8px;
    width: 185px;
    justify-content: center;
    cursor: pointer;
}
input[type="file"]{
    line-height: 50px;
}
.thankYou .myOrdersContent{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;   
}
.thankYou .ordersTitle{
    font-size: 32px;
    color: #2CAF46;   
}
.thankYou .ordersSubtitle {
    font-size: 14px;
}
.acceptedCotation{
    background: #028BD1;
    padding-left: 20px;
    padding-right: 20px;
    cursor: default;
}
/* .totalOrders canvas{
    max-width: 100%;
    max-height: 310px;
} */
.parentFilter:has(.filtruZile){
    width: 100%;
}
.myPieChart-container {
    width: 100%;
    max-width: 100%;
    height: 310px;
    margin-top: 20px;
}
.myPieChart-container #myPieChart {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}
.selectTransportContent .tracking{
    display: flex;
    flex-direction: column;
}
.trackingStatusSingle {
    flex: 1;
}
.trackingsContainer .listHeadings > div:nth-of-type(1), .trackingStatusSingle > div:nth-of-type(1){
    width: 210px !important;
    min-width: 200px !important;
    text-align: left;
    align-items: flex-start;
    flex: 1;
    /* padding: 0px; */
    border: unset;
        display: flex;
    flex-direction: column;
}
.trackingsContainer .listHeadings > div:nth-of-type(2), .trackingStatusSingle > div:nth-of-type(2){
    width: 210px !important;
    min-width: 200px !important;
    text-align: left;
    align-items: flex-start;
    flex: 1;
    padding: 0px;
    border: unset;
        display: flex;
    flex-direction: column;
}
.trackingsContainer .listHeadings > div:nth-of-type(3), .trackingStatusSingle > div:nth-of-type(3){
    width: 210px !important;
    min-width: 200px !important;
    text-align: left;
    align-items: flex-start;
    flex: 1;
    padding: 0px;
    border: unset;
        display: flex;
    flex-direction: column;
}
.trackingsContainer .listHeadings > div:nth-of-type(4), .trackingStatusSingle > div:nth-of-type(4){
    width: 210px !important;
    min-width: 200px !important;
    text-align: left;
    align-items: flex-start;
    flex: 1;
    padding: 0px;
    border: unset;
        display: flex;
    flex-direction: column;   
}
.trackingsContainer .listHeadings > div:nth-of-type(5), .trackingStatusSingle > div:nth-of-type(5){
    width: 210px !important;
    min-width: 200px !important;
    text-align: left;
    align-items: flex-start;
    flex: 1;
    padding: 0px;
    border: unset;
        display: flex;
    flex-direction: column;
}
.trackingsContainer .listHeadings > div:nth-of-type(6), .trackingStatusSingle > div:nth-of-type(6){
    width: 210px !important;
    min-width: 200px !important;
    text-align: left;
    align-items: flex-start;
    flex: 1;
    padding: 0px;
    border: unset;
        display: flex;
    flex-direction: column;
}
.trackingsContainer .listHeadings > div:nth-of-type(7), .trackingStatusSingle > div:nth-of-type(7){
    width: 210px !important;
    min-width: 200px !important;
    text-align: left;
    align-items: flex-start;
    flex: 1;
    padding: 0px;
    border: unset;
        display: flex;
    flex-direction: column;
}
.trackingStatusSingle{
    display: flex;
    height: 75px;
    border-bottom: 1px solid #EAEEF7;
    align-items: center;
}
.statusTrack .dot{
    width: 8px;
    height: 8px;
    border-radius: 50px;
    background-color: #919191;
}
.statusTrackTrack{
    flex-direction: row;
    align-items: center;
    column-gap: 5px;
    padding: 7px 18px;
    border: 1px solid #919191;
    border-radius: 16px;
    display: flex;
    font-size: 14px;
}
.filesPlaceholder{
    position: absolute;
    right: 135px;
    bottom: 15px;
    color: #2CAF46;
}
.containerFisiere{
    z-index: 99999;
    position: relative;
}
.formRegister input[type="file"]{
    line-height: unset;
}
.formRegister .absoluteLogo {
    top: 50px;
}
.actionsChat .attachButton, .actionsChat .sendButton{
    top: 28px;
    bottom: auto;
}
.containerFisiere .fisierMsg{
    display: inline-block;
    z-index: 9999;
}
.containerFisiere .fisierMsg img {
    width: 100%;
}

.pdfWrapper .fisierMsg{
    position: absolute;
    height: 192px;
    width: 192px;
    left: 0px;
}

.msgRightLeftText .fisierMsg{
    word-break: break-all;
}

.singleOrderDetails.transp input:disabled, 
.singleOrderDetails.transp textarea:disabled, 
.singleOrderDetails.transp .form-field:has(input[type="file"]:disabled) .valueFile{
    background-color: #EDEEF1;
    border: unset;
}
.maxWidthRecover{
    max-width: 450px;   
}
.transpHistory .ordersTitle{
    margin-bottom: 0px;
}