/* .search-input{
    box-shadow:none !important;
    width:11rem !important;
    border-radius:2px !important;
    border: 1px solid #B5B8C8;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0.2rem 0.5rem !important;
    margin: 0.2rem !important;
    box-shadow: inset 0 0 5px 2px #F0F5FA;
} */

.date-input{
    box-shadow:none !important;
    width:13rem !important;
    border-radius:2px !important;
    border: 1px solid #B5B8C8;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0.2rem 0.5rem !important;
    margin: 0.2rem !important;
    box-shadow: inset 0 0 5px 2px #F0F5FA;
}

.els-input{
    box-shadow:none !important;
    /* width:22rem; */
    border-radius:2px !important;
    border: 1px solid #B5B8C8;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0.2rem 0.5rem !important;
    margin: 0.2rem !important;
    box-shadow: inset 0 0 5px 2px #F0F5FA;
    /*height:1.5rem;*/
}

.els-textarea{
    box-shadow:none !important;
    border-radius:2px !important;
    border: 1px solid #B5B8C8;
    min-height: 30px !important;
    padding: 0.2rem 0.5rem !important;
    margin: 0.2rem !important;
    box-shadow: inset 0 0 5px 2px #F0F5FA;
}

.registration-input-row{
    margin-bottom:2px; 
    /* border: 1px solid #CBD0DD!important ; */
    margin-left: 1px !important; 
    padding-top: 7px !important;
    padding-bottom: 5px !important;
    margin-bottom:5px !important;
}

.user-registration-input-row{
    margin-bottom:2px !important; 
    border: 1px solid #CBD0DD !important;
    margin-left: 1px !important; 
    padding: 10px 10px !important;
    margin-bottom:5px !important;
}

.row-border{
    border-top: 1px solid #F0F5FA !important;
    border-bottom: 1px solid #99BBE8 !important;
    border-left: 1px solid #99BBE8 !important;
    border-right: 1px solid #99BBE8 !important;
    background-color: #D6E3F2 !important;
}

.gradient-bg{
    min-height:2.6rem !important;
    background:linear-gradient(to bottom, #dce8fa 18px, #c6dbf7 2px, #dfe8f6);
    border-left:1px solid white; 
    border-right:1px solid white
}

.ribbon{
    min-height: 3.4rem; 
    border-left: 1px solid white; 
    border-right: 1px solid white;
}

.ribbon-border{
    margin-bottom:0px; 
    border-left:1px solid white; 
    border-right:1px solid white;
}

.frame{
    border: 1px solid #99BBE8;
}

.frame-b{
    border-bottom: 0.05px solid #99BBE8;
}

.input-sm{
  height: calc(1.5em + 0.5rem + 4px) !important;
  padding: 0.3rem 0.3rem !important;
  font-size: 0.7109375rem !important;
  border-radius: 2px !important;
  margin-top:3px !important;
}

.ol-frame{
    border: 0.05px solid #dedcdc;
}

.tab-border{
    border-top: 1px solid #99BBE8!important;
    border-right: 1px solid #99BBE8;
    /* border-left: 1px solid #99BBE8; */
    border-bottom: 1px solid #99BBE8 !important;
    /*background-color: #D6E3F2 !important;*/
    background:linear-gradient(to bottom, #e8effa, #c1d7f5);
    margin-right: 1px;
    align-items: center;
    padding-right: 4px;
    padding-left: 4px;
    border-radius: 2px;
    /* border-top-left-radius: 2px;
    border-top-right-radius: 3px; */
}

.sub-tab-border{
    border-top: 1px solid #99BBE8!important;
    border-right: 1px solid #99BBE8;
    border-bottom: 1px solid #99BBE8 !important;
    background:linear-gradient(to bottom, #e8effa, #c1d7f5);
    margin-right: 1px;
    align-items: center;
    padding-right: 0 !important;
    padding-left: 0 !important;
    border-radius: 2px;
}

.tab-content-border{
    border-left: 1px solid #99BBE8 !important;
}

.top-border-dark{
    border-top: 1px solid #99BBE8 !important;
}

.icon-btn{
    min-width:8rem !important;
    max-width:12rem;
    border-right:1px solid #99BBE8;
    border-left: 1px solid #F0F5FA;
    background-repeat: no-repeat;
    background-position-x: 14px;
    background-position-y: center;
    margin-top: 0.5rem;
}

.action-btn{
    height:3rem !important;
    /*
    min-width:6rem !important;
    max-width:6rem;*/
    /*border-right:1px solid #99BBE8;
    border-left: 1px solid #F0F5FA;
    margin-top: 0.5rem;*/
    background-repeat: no-repeat;
    background-position-y: center;
    /*transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;*/
}

.div-action-btn{
    padding:0 !important;
    margin-right:20px;
    height:3rem !important;
    max-height:3rem !important;
    width: 6rem !important;
    max-width: 6rem !important;
    background-color: #fff;
    /*background: linear-gradient(to bottom, #F2F2F2 31px, #DCDCDC 2px, #DEDEDE);*/
    background:linear-gradient(to bottom, #e3ecfa 23px, #bfd5f2 2px, #dfe8f6);
    /*border: 1px solid #F0F5FA;*/
    padding:2px !important;
    border:1px solid #a8c2e6;
    border-radius: 2px;
    /*opacity: 0.8;
    transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;*/
    transition: 0.3s ease-in-out, color 0.3s ease-in-out;
}

.div-action-btn:hover{
    opacity: 1; /* Adjust the opacity level as needed */
    border: 1px solid #a8c1e2;
    background:linear-gradient(to bottom, #d2e0f5 23px, #a3c2eb 2px, #d0def5)
}


.div-action-btn-lg{
    margin:20px 10px !important;
    height:3rem !important;
    max-height:3rem !important;
    width: 10rem !important;
    background-color: #fff;
    background:linear-gradient(to bottom, #e3ecfa 23px, #bfd5f2 2px, #dfe8f6);
    padding:0 2px !important;
    border:1px solid #a8c2e6;
    border-radius: 2px;
    transition: 0.3s ease-in-out, color 0.3s ease-in-out;
}

.div-action-btn-lg:hover{
    opacity: 1;
    border: 1px solid #a8c1e2;
    background:linear-gradient(to bottom, #d2e0f5 23px, #a3c2eb 2px, #d0def5)
}

.div-actionbar-btn{
    display: inline-block;
    margin-left:7px;
    margin-top:3px !important;
    margin-bottom:3px !important;
    display: flex !important;
    padding:1px !important;
    margin-right:5px;
    height:2.6rem !important;
    max-height:3rem !important;
    width:7rem !important;
    padding:1px !important;
    border:1px solid #D6E3F2;
    border-radius: 3px;
    transition: border 0.3s ease-in-out, color 0.3s ease-in-out;
}

.div-actionbar-btn:hover{
    /*opacity: 1; /* Adjust the opacity level as needed */
    border: 1px solid #a8c1e2 !important;
    /*background:linear-gradient(to bottom, #d2e0f5 23px, #a3c2eb 2px, #d0def5)*/
    background:linear-gradient(to bottom, #e3ecfa 13px, #c9ddf5 2px, #dfe8f6);
}

.div-actionbar-btn-lg{
    display: inline-block;
    margin-left:2px;
    margin-top:3px !important;
    margin-bottom:3px !important;
    display: flex !important;
    padding:1px !important;
    margin-right:5px;
    height:2.6rem !important;
    max-height:3rem !important;
    width: 11rem !important;
    padding:1px !important;
    border: 1px solid #D6E3F2;
    border-radius: 3px;
    transition: border 0.3s ease-in-out, color 0.3s ease-in-out;
}

.div-actionbar-btn-lg:hover{
    border: 1px solid #a8c1e2 !important;
    background:linear-gradient(to bottom, #e3ecfa 13px, #c9ddf5 2px, #dfe8f6);
}


.div-actionbar-btn-md{
    display: inline-block;
    margin-left:2px;
    margin-top:3px !important;
    margin-bottom:3px !important;
    display: flex !important;
    padding:1px !important;
    margin-right:5px;
    height:2.6rem !important;
    max-height:3rem !important;
    width: 9rem !important;
    padding:1px !important;
    border: 1px solid #D6E3F2;
    border-radius: 3px;
    transition: border 0.3s ease-in-out, color 0.3s ease-in-out;
}

.div-actionbar-btn-md:hover{
    border: 1px solid #a8c1e2 !important;
    background:linear-gradient(to bottom, #e3ecfa 13px, #c9ddf5 2px, #dfe8f6);
}


.div-actionbar-btn-xlg{
    display: inline-block;
    margin-left:2px;
    margin-top:3px !important;
    margin-bottom:3px !important;
    display: flex !important;
    padding:1px !important;
    margin-right:5px;
    height:2.6rem !important;
    max-height:3rem !important;
    width: 13rem !important;
    padding:1px !important;
    border: 1px solid #D6E3F2;
    border-radius: 3px;
    transition: border 0.3s ease-in-out, color 0.3s ease-in-out;
}

.div-actionbar-btn-xlg:hover{
    border: 1px solid #a8c1e2 !important;
    background:linear-gradient(to bottom, #e3ecfa 13px, #c9ddf5 2px, #dfe8f6);
}


.actionbar-btn{
    display: flex !important;
    /*min-width:8rem !important;*/
    /*max-width:12rem;*/
    /*width: 100%;
    height: 100%;*/
    border-right:1px solid #99BBE8;
    border-left: 1px solid #F0F5FA;
    background-repeat: no-repeat;
    /*background-position-x: 10px;*/
    background-position-y: center;
    margin-top: 0.2rem;
    padding: 8px 3px !important;
}


.div-toolbar-btn{
    margin-left:8px;
    margin-top:0 !important;
    margin-bottom:0 !important;
    display: flex !important;
    padding:2px !important;
    margin-right:5px;
    height:2.6rem !important;
    max-height:3rem !important;
    width:3rem !important;
    padding:1px !important;
    border:1px solid #D6E3F2;
    border-radius: 3px;
    transition: border 0.3s ease-in-out, color 0.3s ease-in-out;
    justify-content: center;
}

.div-toolbar-btn:hover{
    border: 1px solid #a8c1e2 !important;
    background:linear-gradient(to bottom, #e3ecfa 13px, #c9ddf5 2px, #dfe8f6);
}


.div-toolbar-btn-lg-text{
    margin-left:8px;
    margin-top:0 !important;
    margin-bottom:0 !important;
    display: flex !important;
    padding:2px !important;
    margin-right:5px;
    height:2.6rem !important;
    max-height:3rem !important;
    width:13rem !important;
    padding:1px !important;
    border:1px solid #D6E3F2;
    border-radius: 3px;
    transition: border 0.3s ease-in-out, color 0.3s ease-in-out;
    justify-content: center;
    cursor: pointer;
}


.div-toolbar-btn-lg-text:hover{
    border: 1px solid #a8c1e2 !important;
    background:linear-gradient(to bottom, #e3ecfa 13px, #c9ddf5 2px, #dfe8f6);
}


.div-toolbar-btn-text{
    margin-left:8px;
    margin-top:0 !important;
    margin-bottom:0 !important;
    display: flex !important;
    padding:2px !important;
    margin-right:5px;
    height:2.6rem !important;
    max-height:3rem !important;
    width:8rem !important;
    padding:1px !important;
    border:1px solid #D6E3F2;
    border-radius: 3px;
    transition: border 0.3s ease-in-out, color 0.3s ease-in-out;
    justify-content: center;
}


.div-toolbar-btn-text:hover{
    border: 1px solid #a8c1e2 !important;
    background:linear-gradient(to bottom, #e3ecfa 13px, #c9ddf5 2px, #dfe8f6);
}


.div-toolbar-btn-sm-text{
    margin-left:1px;
    margin-top:0 !important;
    margin-bottom:0 !important;
    display: flex !important;
    padding:2px !important;
    margin-right:1px;
    height:2.6rem !important;
    max-height:3rem !important;
    width:6rem !important;
    padding:1px !important;
    border:1px solid #D6E3F2;
    border-radius: 3px;
    transition: border 0.3s ease-in-out, color 0.3s ease-in-out;
    justify-content: center;
}


.div-toolbar-btn-sm-text:hover{
    border: 1px solid #a8c1e2 !important;
    background:linear-gradient(to bottom, #e3ecfa 13px, #c9ddf5 2px, #dfe8f6);
}


.toolbar-icon-btn{
    min-width:1.4rem !important;
    max-width:3rem !important;
    border-right:1px solid #99BBE8;
    border-left: 1px solid #F0F5FA;
    background-repeat: no-repeat;
    /*background-position-x: 12px;*/
    background-position-y: center;
    margin-right: 1px !important;
    margin-left: 1px !important;
    margin-top: 0.5rem;
}


.btn-img{
    height:32px;
    width:32px;
}

.me-24{
    margin-left: 1rem;
}

.me-32{
    margin-left: 1.2rem;
}

.me-36{
    margin-left: 1.9rem;
}

.tab-register{
    margin-left:10px;
    /* border-left:1px solid #17438C; */
}

.sub-tab-register{
    margin-left:0 !important;
}

.td-basic{
    padding-left:10px !important; 
    font-size: 14px;
    border-left: 1px solid #dfe8f6;
}

.td-basic-blue{
    padding-left:10px !important; 
    font-size: 14px;
    border-left: 1px solid #99BBE8;
}


.div-modal-button{
    /*margin-left:2px;
    margin-top:3px !important;
    margin-bottom:3px !important;*/
    margin:5px !important;
    border: 1px solid #C9C9C9 !important;
    border-radius:4px !important;
    display: flex !important;
    padding:1px !important;
    height:1.8rem !important;
    width: 6rem !important;
    background: linear-gradient(to bottom, #F2F2F2 11px, #DCDCDC 4px, #DEDEDE);
    transition: border 0.3s ease-in-out, color 0.3s ease-in-out;
}

.div-modal-button:hover{
    background:linear-gradient(to bottom, #e3ecfa 11px, #c9ddf5 4px, #dfe8f6);
}

.modal-button{
    width: 100% !important;
    height: 100% !important;
    justify-content: center;
    padding-top: 6px !important;
}


.slim-box-shadow {
    box-shadow: 0 2px 1px -1px #BFBFBF, 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 2px 0 rgba(0,0,0,.12)
}

.table-reg{
    margin-bottom: 0.2rem !important;
}

.fade-in {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
  }

.hidden-table-div{
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0s 0.3s
}

.visible-table-div {
    display: block;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease-in-out, visibility 0s 0.5s;
  }

.center-content{
    display:flex; 
    justify-content:center; 
    height:100%; 
    width:100%;
}


.solid{
    font-weight:800;
    text-decoration: underline;
}


.tbh-grad{
    border: 1px solid #D0D0D0 !important;
    padding-top: 4px; 
    padding-bottom: 4px; 
    background:linear-gradient(to bottom, #F9F9F9 14px, #F1F2F4 6px, #EDEEF0);
}

.grey-border{
    border-top:1px solid #CCCCCC !important;
    border-left:1px solid #CCCCCC !important;
    border-right:1px solid #CCCCCC !important;
}


.no-bg-repeat{
    background-repeat: no-repeat;
    background-position: left center !important;
}


.neat-border{
    border: 1px solid #D1D9E7 !important;
}

.no-shadow{
    box-shadow:none !important;
    border-radius:2px !important;
}


/*  Palette: 
top area: #6A727E, 
between: #666E79
middle area: #606873
between: #5C646F
bottom area: #58606B

border-bottom: #242C37
border-top: #9199A4

---On Hover---
top area: #3DBCE9
between: #3EB7E5
middle: #34ADE2
between: #30A7E1

bottom-area: #2DA0E0
border-bottom: #647685

---Shadow---
#93999E

*/

.nav-grey{
    /* background-color:#D6DBDE !important; */
    background-color:#E6E7EE !important;
}

.nav-button{
    padding:0 !important;
    height:3rem !important;
    max-height:3rem !important;
    width: 100% !important;
    max-width: 100% !important;
    background-color: #fff;
    /*background: linear-gradient(to bottom, #F2F2F2 31px, #DCDCDC 2px, #DEDEDE);*/
    background:linear-gradient(#6A727E, #58606B);
    padding:2px !important;
    border-top: 1px solid #9199A4 !important;
    border-bottom: 1px solid #242C37 !important;
    border-radius: 1px;
}

.nav-button:hover{
    opacity: 1;
    border: 1px solid #a8c1e2;
    background:linear-gradient(#3DBCE9, #30A7E1);
}

.nav-footer-gradient{
    border-top: 1px solid #9199A4 !important;
    background:linear-gradient(#6A727E, #58606B);
    border-bottom: 1px solid #242C37 !important;
    height: 2rem !important;
    width: 100%;
}

.nav-text{
    color:#fff !important;
    font-size: 14px !important;
    font-weight:500 !important;
}

.nvg-link{
    padding-left: 2.75rem !important;
    margin-left: .75rem !important;
    margin-right: .75rem !important;
    border-radius: .5rem !important;
    width: fit-content !important;
    height: 100% !important;
}

.no-hvr{
    background-color: unset !important;
}

.nav-link-pl{
    padding-left: 2.5rem !important;
}

.shadow-inset{
    box-shadow: inset 2px 2px 3px #b8b9be, inset -2px -2px 5px #fff !important;
    transition: all 0.2s ease;
    padding: 1.5rem !important; /*1.5rem */
    margin-bottom: 0.2rem !important; /* 1rem */
    border-radius: 0 !important;
    box-sizing: border-box !important;
}

.sharp{
    border-radius: 2px !important;
}

.t-row-detailed{
    border: 1px solid silver !important;
    border-bottom: 1px solid #fff !important;
}

.pl{
    padding-left: 5px !important;
}

.pr{
    padding-right: 5px !important;
}

.t-row-header{
    border-bottom: 1px solid silver !important;
  }

.rm-all{
    --phoenix-gutter-x:unset !important;
    padding:unset !important;
    border:unset !important;
    margin:unset !important;
    width: 100% !important;
}

.pl-20{
    padding-left: 20px !important;
}

.bl-border{
border: 1px solid #99BBE8;
}

.met-btn{
    background-color:rgb(51, 195, 240) !important;
    /*border: 1px solid #bbb;*/
    border-bottom: 2px solid rgb(42, 158, 193) !important;
    border-right: 2px solid rgb(42, 158, 193) !important;
    border-radius: 4px !important;
    box-shadow: 1px 1px 1px rgba(0,0,0,.2);
}
.met-btn:hover{
    background-color: #1EAEDB !important;
}