@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
:root{
    --bg-color : #01314A;
    --white : white;
    --nav-hover : #ffffffa1;
    --light-color : #63CDF5;
    --light-blue : #1B465D;
    --deed-color : #64CDF5;
    --title : 3rem;
    --mobile-title : 2.5rem;
    --title-media : 2.3rem;
    --sub-title : 1.8rem;
    --mobile-sub : 1.3rem;
    --font-size : 1.1rem;
    --font-size-medium : 1.1rem;
    --highlight-font : 1.3rem;
    --footer-font : .9rem;
    --space : .8px;

    --gray-shadow: #C2C2C2;
    --label-text-color: #7A777F;
    --box-border-color: #DCDBDD;
    --white-color: #FFFFFF;
    --black-color: #000000;
    --error-color: #EF0E0E;
    --client-color: #00BFDC;
    /* --tbody-color:#E8F7FF; */
    /* --tbody-color:#e5f1f8; */
    --tbody-color: #E1F3FD;
    --border-color:#5FA5C7;
    --note-color:#cde2e46d;

    --odd-color:#073850;
    --even-color:#5FA5C7;
    --total-bg:#cdf1fe;
    /* --total-2:#dff4ff; */
    --total-2:#daf3ff;
    --info-msg: #0B5F8A;

    --dark: #343434;
    --dark-gray: #707070;
}

      
/* @font-face {
    font-family: 'dndnav-bold';
    src: url(../home_css/font/ProximaNova-Semibold.ttf);
} */
@font-face {
    font-family: 'dndnav';
    src: url(../home_css/font/nav-link.woff2);
}
@font-face {
    font-family: 'dndtitle';
    src: url(../home_css/font/75d70370cfae5fcb1136db61befc7ac3.woff2);
}
@font-face {
    font-family: 'title-s';
    src: url(../home_css/font/Regality-Light.woff);
}

/* @font-face {
    font-family: 'dnd-thin';
    src: url(../home_css/font/ProductSans-Thin.woff);
} */

@font-face {
    font-family: 'dnd-thin';
    src: url(../home_css/font/ProductSans-Light.woff);
}
@font-face {
    font-family: 'dnd-regular';
    src: url(../home_css/font/ProductSans-Regular.woff);
}
/* @font-face {
    font-family: 'Microsoft Sans Serif Regular';
    src: url(../home_css/font/micross.ttf);
} */
/* @font-face {
    font-family: 'sf';
    src: url(../home_css/font/SFPRODISPLAYREGULAR.OTF);
} */
@font-face {
    font-family: 'Suisse';
    src: url(../home_css/font/Suisse-Regular.woff2);
}
@font-face {
    font-family: 'Suisse-medium';
    src: url(../home_css/font/Suisse-Medium.woff2);
}
@font-face {
    font-family: 'sub-regular';
    src: url(../home_css/font/Minion-Variable-Concept.otf);
}
a{
    color: var(--white);
    text-decoration: none;
}
a:hover{
    color: var(--light-color);
}
/* navbar */
.navbar{
    background: var(--bg-color);
    display: block;
}
.navbar{
    position: sticky;
    top: 0px;
    z-index: 1000;
    /* box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.208) 0px 0px 8px; */
    /* box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.598) 0px 0px 8px; */
}
.nav-content{
    margin: 0px 2rem;
}
.navbar-toggler-icon,.navbar-toggler{
    color: var(--white) !important;
}
.logo{
    width: 23rem;
}
.page-link-ul{
    width: 100%;
}
.navbar-brand{
    /* width: 60%; */
    width: max-content;
}
.navbar-collapse{
    width: 100%;
}
.nav-link{
    font-family: 'dndnav';
    color: var(--white);
    margin: 0px 1rem;
    font-size: var(--font-size-medium);
    letter-spacing: var(--space);
    text-align: center;
}

.sub-link{
    font-family: 'dndnav';
    color: var(--white);
    font-size: var(--font-size-medium);
    letter-spacing: var(--space);
    text-align: left;
    padding: .8rem 1rem;
}
.sub-link:hover{
    /* background: #01304a9a; */
    background: #011d2c;
    color: white !important;
}

.page-active{
    color: var(--light-color)!important;
}

.sub-link:hover .sub-menu{
    color: var(--light-color);
}
.sub-c {
    display: flex;
    align-items: center;
}

.nav-img{
    border-radius: 5px;
    width: 2.8rem;
    margin-left: .5rem;
}
.nav-img2{
    border-radius: 5px;
    width: 2.6rem;
    margin-left: .5rem;
}

.nav-link:hover{
    color: var(--light-color);
}
.navbar-nav{
    display: flex;
    align-items: center;
    width: max-content;
}
#contactLink{
    opacity: 1;
    pointer-events: auto; /* Clickable when shown */
    transition: all 0.5s ease; /* Smooth transition for opacity */
    background: white;
    padding: .4rem 1.3rem;
    color: var(--bg-color);
    margin: 0px 0px 0px 1rem;
    border-radius: .3rem;
}
/* .navbar-collapse{
max-width: max-content !important;
} */
.login-nav{
    color: var(--white);
    text-decoration: none;
    letter-spacing: var(--space);
}

 .show2 {
    display: block;
    margin-top: 0px; /* Optional adjustment */
}
.dropdown-menu{
    width: 70vw;
    width: max-content;
    /* background: var(--light-blue); */
    /* background: #142630; */
    /* background: #0B5F8A; */
    background: #011d2c;
    background: #011d2c;
    padding: .4rem 0px;
    overflow: hidden;
    /* border: 1px solid rgba(255, 255, 255, 0.196); */
    border-radius: 5px;
    margin: 0.4rem 0px 0px 0px !important;
    /* margin-left: -20vw !important; */
}
.sub-flex{
    display: flex;
}
.dropdown-menu li{
    width: 35vw;
}
.right-border{
    /* border-right: 1px solid #63cef57c; */
}
.show::after {
    content: "";
    position: absolute;
    bottom: -8px; /* Adjust to fit your dropdown */
    left: 50%;
    transform: translateX(-50%);
    transform: rotate(180deg);
    width: 0;
    height: 0;
    border-left: 1rem solid transparent;
    border-right: 1rem solid transparent;
    border-top: 1rem solid #011d2c; /* Color of dropdown background */
    z-index: 10;
}
.img-col{
    display: flex;
    align-items: center;
}
.sub-menu{
    margin: 0px;
    font-weight: 500;
    white-space: normal;
}
.sub-des{
    margin: 0px;
    font-size: .9rem;
    white-space: normal;
    /* color: var(--nav-hover); */
}

.show1{
    border-radius: 5px;
  background: #0B5F8A;
  margin-left: 0px ;
  transition: all .5s ease;
}
/* navbar end */

/* home page */
body{
    background: var(--bg-color);
}
.title{
    color: var(--white);
    font-family: "dndtitle";
    font-size: var(--title);
    line-height: 120%
}
.title-top{
    margin-top: 6rem;
}
.animate-text{
    font-size: 1.5rem !important;
    margin: .2rem !important;
    letter-spacing: var(--space);
}

.text-item {
    opacity: 0;
    transform: translateY(-20px); /* Start below the view */
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    margin-bottom: 1.9rem;
}
.contct-btn{
    padding: 1rem 2rem;
    border-radius: .3rem;
    background: var(--white);
    color: var(--bg-color);
    font-size: 1.1rem;
    margin-top: 4rem;
    letter-spacing: var(--space);
    /* font-family: "sf"; */
    /* font-family: "Suisse"; */
    /* font-family: 'Gilroy', sans-serif; */
    font-family: 'dnd-regular';
    font-weight: 500;
    }
    .contct-btn:hover{
        background: var(--nav-hover);
        color: var(--bg-color);
    }

.text-item.visible {
    opacity: 1;
    transform: translateY(0); /* Slide up into view */
}

.text-item.hidden {
    opacity: 0;
    transform: translateY(20px); /* Slide further up out of view */
}
.sub-title1{
    color: var(--white);
    font-family: "dndtitle";
    font-size: var(--title-media);
    line-height: 120%;
    margin: 0px;
    margin-top: 8.6rem !important;
}
.sub-title,.sub-title2{
    color: var(--white);
    font-family: "dndtitle";
    font-size: var(--sub-title);
    line-height: 120%;
    margin: 0px;
}
.sub-title2{
    font-size: var(--title-media);
}
.text{
    color: var(--white);
    /* font-family: 'sf';
    font-family: "Suisse"; */
    /* font-family: 'Gilroy', sans-serif; */
    font-family: 'dnd-thin';
    font-size: var(--font-size);  
    letter-spacing: .8px;
    margin: 0px;
}
.h-des,.ani-btn,.banner-des,.p{
    font-family: 'dnd-regular' !important;
}
.p,.question{
    /* font-family: 'Gilroy', sans-serif; */
    font-family: 'dnd-thin';
    font-weight: 500;  
}
/* .question{
    font-weight: ;
} */
.banner-des{
    font-size: 1.1rem !important;
    line-height: 1.8rem;
    font-weight: 500;
    margin: auto .6rem;
}
#textContainer,#textContainer2{
    font-family: "dndtitle" !important;
    font-size: var(--title-media) !important;
}
#textContainer{
    font-size: var(--title) !important;
}

#typed-text span{
    color: var(--light-color);
}
.Collaborative{
    color: var(--light-color);
    font-family: "dndtitle" !important;
    font-size: 2rem !important; 
}
.box-row{
    background: var(--white);
    border-radius: .4rem;
    width: 80%;
    margin-left: 10%;
}
.box-light{
    background: var(--light-blue);
    padding: 0rem 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.gif-div{
    display: flex;
    align-items: center;
    justify-content: center;
}
.gif{
    width: 100%;
    border-radius: .6rem;
}
.paint{
    background: var(--light-blue);
    width: 102% !important;
    margin-left: -1%;
    padding: 2.4rem 0rem 2rem 0rem;
}

.paint .text{
    font-family: "Playfair Display", serif !important;
    letter-spacing: var(--space);
    font-size: 1.3rem;
    margin: 1rem;
}
.doc-solution{
    background: linear-gradient(#0E7E86,var(--light-blue));
    width: 110% !important;
    margin-left: -5%;
    padding: 2.4rem 2rem 2rem 2rem;

}
.planet-link{
    display: flex;
    justify-content: center;
    align-items: center;
}
.article-icon{
    width: 2.5rem;
    margin: 0px 1rem;
}

/* highlights */
.white-bg{
    background: var(--white);
    padding: 2rem 0rem;
}
.white-sub-title{
    color: var(--bg-color) !important;
}
.h-col{
    border-right: 1px solid var(--bg-color);
}
.h-col-blue,
.serve-row .col-md-3{
    border-right: 2px solid rgba(255, 255, 255, 0.215);
}
.serve-row .col-md-3{
    display: flex;
    align-items: center;
    justify-content: center;
}
.h-col-last{
    border: none !important;
}
.h-box{
    padding: 1rem;
}
.h-icon{
    width: 3rem;
    margin-bottom: .5rem;
}
.custom-icon{
    width: 3.5rem !important;
    margin-bottom: 0px; 
}
.h-icon-medium{
    width: 4.5rem;
}
.h-title,.h-des{
    color: var(--bg-color) !important;
}
.h-des{
    font-weight: 500;
}
.h-title,.h-title-blue{
    font-size: var(--highlight-font);
    line-height: 120%;
    min-height: 3rem;
    margin-bottom: .8rem;
    font-weight: 600 ;
}
.no-wrap{
    text-wrap: nowrap;
}
.right-box,.left-box{
    display: flex;
    align-items: center;
    padding: 3rem;
}
.right-box{
    background: var(--light-blue);
}
.gif-content-div,.gif-div{
    width: 70%;
    margin-left: 15%;
}
.gif-content-div{
    padding: 1.5rem 1rem;
}
.bottom{
    margin-bottom: 8rem;
}

/* doc-solution */

.s-box{
    padding: 2rem 1rem;
    border-radius: .5rem;
    background: var(--light-blue);
    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.208) 0px 0px 8px;
    min-height: 19rem;
    margin-top: 1.6rem;
}
.s-box:hover{
    background: #1b465d86;
}
.s-box .h-title-blue{
    min-height: 3rem;
}
@media only screen and (max-width: 1401px){
    .s-box{
        min-height: 20rem;
    }
    .nav-content{
        text-align: right;
    }
}
@media only screen and (max-width: 1300px){
    .s-box{
        min-height: 20rem;   
    }
}

/* who-we-serve */

.img-s-div{
    background: white;
    border-radius: .6rem;
    height: 28rem;
}
.serve-img{
    /* width: 94%; */
    height: 100%;
    margin: 1rem 0px;
}
.serve-title{
    text-align: center;
    color: var(--white) !important;
    /* padding: 1.4rem; */
    font-size: 1.3rem !important;
    background: var(--light-blue);
    border-radius: 0px 0px .5rem .5rem;
}
/* footer */
footer{
   padding: 1.3rem 0rem .8rem 0px;
   /* font-family: "sf" !important;
   font-family: "Suisse" !important; */
   /* font-family: 'Gilroy', sans-serif !important; */
   font-family: 'dnd-thin' !important;
   letter-spacing: .8px !important;
   font-weight: 400 !important;
}
.footer-menus{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    /* width: 70%; */
    width: 100%;
}
.f-menu1,.f-menu2,.f-menu3,.f-menu4,.f-menu5{
    width: 14rem;
    padding: 0px 1rem 0px 0px;
}
.submenu-layout li{
    margin: .6rem .1rem;
    line-height: 1.2rem;
}

.para{
    color: var(--white);
    font-size: var(--font-size);
}
.footer_logo{
    width: 20rem;
}
.connect-link{
    color: var(--white);
    text-underline-offset: .2rem;
    font-size: 1.1rem;
    text-decoration: underline ;
}
.connect-link:hover{
    color: var(--light-color);
}
.c-link{
    color: var(--light-color) !important;
}
.c-link:hover{
    color: var(--white) !important;
}
.f-link{
    line-height: 1.6rem;
    font-size: var(--font-size);
}
.f-link:hover{
    color: var(--deed-color) !important;
}
.icon-size,.icon-size-1,.icon-size-2{
    width: 2rem;
}
.icon-size-1{
    width: 1.6rem;
}
.icon-size-2{
    width: 1.5rem;
    margin: 0px 0px 0px 5px;
}
.Copyright{
    color: #ffffff5b;
}
.connect{
    background: var(--light-blue);
    color: var(--light-color) !important;
    font-family: "dndtitle" !important;
    padding: 1rem 2rem;
    font-size: 1.2rem !important;
}
.e-mail{
    /* color: var(--light-blue); */

}
.login-br{
    display: none;
}
@media only screen and (max-width: 1600px){
    /* .navbar-brand{
        width: 46%;
    } */
}
@media only screen and (max-width: 1300px){
    /* .navbar-brand{
        width: max-content;
    } */
    .logo{
        width: 21rem;
    }
.nav-link{
margin: 0px;
}

}
@media only screen and (max-width: 1401px){
    .nav-link{
        text-align: left;
        width: max-content !important;
    }
    .navbar-nav{
        width: 100%;
    }
    .nav-item{
        width: 100%;
    }
    .dropdown-menu{
        margin-left: 0px !important;
    }
    .show::after {
        display: none;
    }
}
@media only screen and (max-width: 1301px){
    .navbar-nav{
        display: flex;
        justify-content: left;
        align-items: center;
    }
    .nav-item{
        width: 100%;
    }

}
@media only screen and (max-width: 1201px){
    .navbar-toggler{
        box-shadow: none !important;
    }
    .login-br{
        display: block;
    }
    #contactLink{
        margin: 0px !important;
    }
    .show{
        /* padding: 0px 0px 2rem 0px; */
    }

    .show1{
        padding: 1rem 1.5rem;
        border-radius: .6rem;
    }
    .dropdown-menu{
        box-shadow: none;
        /* background: var(--bg-color); */
        width: max-content;
    }
    .dropdown-menu li{
        width: max-content;
    }
    .sub-flex{
        display: block;
    }
    .right-border{
        border: none;
    }
    .show1{
        background: var(--light-blue);
    } 

}
@media only screen and (max-width: 991px){
    .h-title, .h-title-blue{
        min-height: max-content;
    }
    .page-link-ul{
        justify-content: left !important;
    }
    .service-box{
        padding: 2rem !important;
    }

    .gif-content-div{
        width: 80%;
        margin-left: 10%;
    }
    .s-box{
        margin-top: 0px;
    }
    .footer-menus{
        justify-content: revert !important;
    }
}


@media only screen and (max-width: 576px){

    .h-col-blue,.h-col, .serve-row .col-md-3{
        border: none;
    }
    .title,#textContainer{
        font-size: var(--mobile-title) !important;
    }
    .sub-title, .sub-title2{
        font-size: var(--mobile-sub) !important;
        line-height: 1.8rem;
    }
    .dropdown-menu{
        width: 100%;
        padding: 0rem .8rem 0rem 0px;
    }
    .sub-flex li{
        margin: .6rem;
    }
    .dropdown-menu li{
        width: 100% !important;
    }
    .img-col{
      padding: 0px 1.6rem 0px 0px;
    }
    .nav-img{
        margin-left: 0px;
    }
    .sub-link{
        padding: 5px 1rem !important;
    }
    .h-icon-medium{
        width: 3rem;
    }
    .nav-content{
    margin: 0px;
    }
    .logo{
    width: 15rem;
}
.sub-title1{
    display: flex;
    text-wrap: wrap !important;
}
.service-box{
    padding: 1rem 2rem !important;
}
.img-s-div{
    margin: 1rem;
}
.right-box, .left-box{
    padding: 1rem;
}
.mobile{
    margin-top: 1rem;
}
.gif-content-div,.gif-container{
    width: 90% !important;
    margin-left: 5% !important;
}
.s-box{
    min-height: max-content;
}
.footer-menus{
    display: block;
}
.f-menu1,.f-menu2,.f-menu3,.f-menu4,.f-menu5{
    padding: 0px;
    width: 100% !important;
}
}
/* form group */
/* For Checkbox */

.form-group-checkbox input[type="radio"]~label::before,
.form-group-checkbox input[type="checkbox"]~label::before,
.form-group-checkbox-after input[type="radio"]~label::after,
.form-group-checkbox-after input[type="checkbox"]~label::after {
    content: "";
    font-size: 1.5rem;
    position: absolute;
    margin-left: -3rem;
    margin-top: -.2rem;
    color: var(--bg-color) !important; 
    width: 2rem;
    height: 2rem;
    /* background-image: url('../icons/chk-box-off.png'); */
    background-image: url('../icons_dark/default/chk-box-off.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
    
.form-group-checkbox input[type="checkbox"]~.header_selectall_cbox::before {
    /* background-image: url('../icons/Checkbox-White-off.png'); */
    background-image: url('../icons_light/default/chk-box-off.png');
}
.form-group-itz-checkbox input[type="checkbox"]:checked~.header_selectall_cbox::before {
    background-image: url('../../icons_light/default/chk-box-on.png');
}
    
.form-group-checkbox input:checked+label::before {
    /* background-image: url('../icons/chk-box-on.png'); */
    background-image: url('../icons_dark/default/chk-box-on.png');
}
.form-group-checkbox input:checked+.header_selectall_cbox::before {
    /* background-image: url('../icons/Checkbox-White-on.png'); */
    background-image: url('../icons_light/default/chk-box-off.png');
}

.form-group-checkbox-after input:checked+label::after {
    /* background-image: url('../icons/chk-box-on.png'); */
    background-image: url('../icons_dark/default/chk-box-on.png');
}
.form-group-checkbox input {
    display: none;
}
.form-group-checkbox label {
    position: relative;
    padding-left: 3rem;
}
/* .form-group-checkbox,
.form-group-checkbox-after {
    width: 100%;
    text-align: left;
} */

/* input */
      
.form-group {
    position: relative;
}

.form-group input,
.form-group select,
.form-group textarea {
    width: 100%;
    border: 1px solid var(--box-border-color);
    padding: .5rem 1rem;
    border-radius: 5px;
    resize: none;
    background-color: transparent;
    color: var(--text-color);
}

.form-group .eye-icon {
    position: absolute;
    /* float: right; */
    cursor: pointer;
    color: var(--first-color);
    right: 0rem;
    padding: 0.5rem;
    z-index: 1;
    top: 0;
}

select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}
option{
    background-color: var(--white-color) !important;   
    color: var(--text-color) !important;
    border-radius: 0 !important;
    box-shadow: none;
}
option:checked,
option:hover,
option:active {
    background-color: var(--first-color) !important;
    color: var(--text-color) !important;
}

.form-group input:focus,
.form-group textarea:focus {
    outline: none;
}

.form-group input::placeholder,
.form-group textarea::placeholder {
    color: transparent;
}

.form-group input+label,
.form-group textarea+label,
.form-group select+label {
    position: absolute;
    top: 0.5rem;
    left: 1rem;
    padding-right: 1rem;
    font-size: 0.875rem;
    transition: all 0.2s ease-out;
    pointer-events: none;
    color: var(--label-text-color);
    background-color: var(--white-color);
}

.label_tp,
.label_tp,
.label_tp {
    /* background-color: var(--tbody-color) !important; */
}

.form-group input:focus+label,
.form-group input:not(:placeholder-shown)+label,
.form-group textarea:focus+label,
.form-group textarea:not(:placeholder-shown)+label,
.form-group select:focus+label,
.form-group textarea:not(:placeholder-shown)+label,
.form-group select+label {
    top: -.6rem;
}
.was-validated .form-group input:invalid,
.was-validated .form-group select:invalid,
.was-validated .form-group textarea:invalid,

.was-validated .multiple select:invalid+.multiselect-dropdown,
.is-invalid
{
    border-color: var(--error-color) !important;
    padding-right: calc(1.5em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.itz-table {
    width: 100%;
    border-radius: 1rem;
    border-collapse: separate;
    border-spacing: 0;
}
.itz-table thead tr:first-child td:first-child,
.itz-table thead tr:first-child th:first-child {
    border-radius: 1rem 0 0 0;
}
.itz-table thead tr:first-child td:last-child,
.itz-table thead tr:first-child th:last-child {
    border-radius: 0 1rem 0 0;
}
.itz-table thead td,
.itz-table thead th {
    background-color: var(--bg-color);
    color: var(--white-color);
    padding: 1rem 1rem .5rem 1rem;
    text-align: left;
    font-weight: bold;
}
.itz-table tbody:before {
    content: "-";
    display: block;
    line-height: .5em;
    color: transparent;
}
.itz-table tbody tr:first-child {
    margin-top: .5rem;
}

.itz-table tbody tr {
    cursor: pointer;
    background-color: var(--tbody-color);
    color: var(--bg-color);
}
.itz-table tbody td {
    padding: .6rem 1rem .5rem 1rem;
    text-align: left;
    /* border-bottom: 1px solid var(--border-color);
    border-bottom: 3px solid white; */
    border-bottom: 5px solid white;
}
.itz-table tbody tr:hover {
    background-color: var(--second-color);
    color: var(--dark-color);
}

.itz-table tbody tr:nth-last-child(1) td {
    /* background: #206A83; */
    /* background: #145F83; */
    /* background: var(--total-bg); */
    background-color: white;
    color: var(--bg-color);
    padding: 1rem 2px 0rem 20px;
    /* border-top: 6px solid white ; */
    /* text-align: right !important; */
    margin-top: 2rem !important;
}

.itz-table caption {
    background-color: var(--white-color);
    border: 1px solid var(--box-border-color);
    margin-top: .5rem;
    text-align: center;
    padding: .5rem;
    color: var(--black-color);
}
/* #tt_field_col,#rf_field_col{
    border-radius: 3px;
    background: #cde2e46d;
    padding: .6rem 1rem;
    border: 6px solid white;
} */


.d_fields{
    /* background: var(--tbody-color); */
    /* background: var(--note-color); */
    /* color: var(--bg-color); */
    border: 1px solid #CED8D9;
    border-radius: 5px;
    padding: 0px;
    overflow: hidden;
}

.fee-title,.tax-title{
    background-color: var(--bg-color);
    color: var(--white);
    padding: .6rem;
    margin-bottom: 1rem;
}
.tax,.fee{
    margin: 0px;
}
.t-row{
    padding: 0rem 1.5rem;
}
.table-box{

border-width: 2px 4px 2px 4px; 
border-style: solid;
border-color: white;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
}
.striped-left{
    /* border-width: 4px 6px 4px 4px; 
border-style: solid;
border-color: white; */
}

.striped .row{
    border: 3px solid white;
    /* background: var(--total-bg); */
    background-color: var(--tbody-color);
}
.striped .row:first-child{
    border-radius: 5px 5px 0px 0px;
}
.striped .row:last-child{
    border-radius: 0px 0px 5px 5px;
}
.striped .row:nth-child(odd) {
    /* background: var(--total-2) !important; */
    /* background: var(--tbody-color) !important */
}
.striped .row:nth-child(even) {
    /* background: var(--tbody-color) !important; */
    /* background: var(--total-2) !important; */

}
.total-bx{
/* border: 2px solid red !important; */
/* border-radius: 6px !important;
background: red !important; */
/* border: 5px solid white; */
/* box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
border-radius: 5px; */
}
.table-box-total{
    background: var(--tbody-color);
    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
    padding: .4rem 0px;

}
/* .white-bg{
    background: white !important;
} */
 
.tab-row{
    /* background: #f9f9f9; */
    background: var(--bg-color);
    border: 1px solid transparent;
}
.white-bg-container{
    background: white;
    margin: 0px !important;
    border-radius: .6rem;
    border: 1px solid transparent;
    padding: 1rem 1.6rem;
    
}
.transition-message {
    display: none;
    color: var(--info-msg);
    font-size: .9rem;
}
.transition-message.show {
   display: block;
}
.iconimages {
    width: 1.4rem;
}
.data-c{
    padding: .3rem 1.5rem !important;
}
.total_field{
    padding-top: 0.4rem;
}

.itzModal {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 100;
    background: rgba(0, 0, 50, .2);
    display: none;
    justify-content: center;
    align-items: center;
}



.itzModal>div {
    width: 75%;
    background-color: var(--white);
    border: 1px solid var(--bg-color);
    border-radius: 1rem 1rem 0 0;
}

.itzModal .body {
    max-height: 70vh;
    overflow-y: scroll;
}

.itzModal .title,
.itzModal .body,
.itzModal .footer {
    padding: .5rem 1rem;
}

.itzModal .footer {
    text-align: right;
}

.itzModal .title {
    /* border-bottom: 1px solid var(--dark-gray); */
    background-color: var(--bg-color);
    font-weight: bold;
    border-radius: 1rem 1rem 0 0;
    position: relative;
    font-size: 1.1rem;
    color: var(--white);
}

.itzModal .close-btn {
    right: 1rem;
    position: absolute;
    font-size: 1.5rem;
    cursor: pointer;

}


.dialog>div {
    width: 50%;
}

.itzModal .alert-title,
.itzModal .alert-body,
.itzModal .alert-footer {
    padding: 1rem;
}

.itzModal .alert-footer {
    text-align: right;
}

.itzModal .alert-title {
    border-bottom: 1px solid var(--dark-gray);
    background-color: var(--bg-color);
    color: var(--white);
    font-weight: bold;
    border-radius: 1rem 0 0 0;
    position: relative;
    font-size: 1.1rem;
}
.footer-menus h5{
    color: var(--light-color) !important;
    font-weight: 500 !important;
}

.submenu-layout {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
    margin-left: -1rem;

}

.dropdown-layout:hover .submenu-layout {
    max-height: 200px; 
}