.notes-container{ border-radius: 8px; position: relative; border:1px dashed #00AEFF; background-color: #E6F7FF; padding: 1.5rem 1.5rem 1rem; margin-top:0.5rem;}
.notes-container span.svg-icon { position: absolute; right: 1rem; top: 0.8rem;}
.notes-container .role h5{ padding: 0px !important; margin: 0px !important; color:#4C4D4E;}

.notes-warning{ border-radius: 8px; position: relative; border:1px dashed #FFC700; background-color: #FFF9E6; padding: 1.5rem 1.5rem 1rem; margin-top:0.5rem;}
.notes-warning span.svg-icon { position: absolute; right: 1rem; top: 0.8rem;}
.notes-warning .role h5{ padding: 0px !important; margin: 0px !important; color:#B38B00;}
.notes-warning .role p{color:#B38B00;}
.wtebg{ 
    /* background-color: #fff; */
    background-image: url('../img/bg2.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.glass {
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 8px;
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
  }
  
  @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    .glass {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        background-color: rgba(255, 255, 255, 0.7);
    }
  }
.max-with-text{width:135px; }
.icnvisible{ top:12px; right: 16px;}
.modal-tb-border{ padding: 2rem 0; margin: 1rem 0px; border-top:1px solid; border-bottom:1px solid;}
table.even tr:nth-child(even) {background-color: #F1FBFF;}
.bg-card{ background-image: url('../img/dashboard/bg-card.svg'); background-repeat: no-repeat; background-size: 100%; background-position: bottom center;}
.card-relative{ position: relative;}
.card-relative img.arrow{position: absolute; top: 1rem; right: 1rem;}
.max-height{ height: 100% !important;}
.box-common{ border-bottom: 1px solid #F0F1F1; margin-bottom: 1rem; padding-bottom: 1rem;}
.box-common:last-child{border-bottom:0px;  margin-bottom:0px;}
.relative{ position: relative;}
.relative .absolute{ position: absolute;}
.relative .absolute.bottom{ bottom:0px; left: 0px;}
.modal h2{ position: relative;  display: flex; justify-content:center}
h2.lines-warning::after, h2.lines-success::after, h2.lines-danger::after, h2.lines-success::after, h2.lines-info::after, h2.lines-submit::after{ content: ""; width: 120px; height: 2px;  position: absolute; bottom: 0px; margin: auto;}
h2.lines-danger::after{background-color:#f1416c;}
h2.lines-warning::after{background-color:#FFC700;}
h2.lines-success::after{ background-color:#50cd89;}
h2.lines-info::after{ background-color: #7239EA;}
h2.lines-submit::after{ background-color: #00AEFF;}
.strech{  display: flex; align-items: stretch ;}
.right{ right:0.5rem !important;}
.badge-locked, .badge-unlocked{padding: .325rem .5rem; border-radius: .325rem; font-weight: 500; font-size: .95rem;}
.badge-locked{ color: #248B3E; background-color: #EBF9EE; }
.badge-unlocked{ color: #B38B00; background-color: #FFF9E6;}
.br-1{ border-radius: 0.5rem;}
.space-between{ justify-content: space-between !important;}
/* Badges Role */
.badge-light-orgadmin, .badge-light-approved{
    color:#248B3E;
    background-color:#EBF9EE
}
.hug{
    width: auto !important;
}
.view{ border-top: 0.75px solid #F0F1F1;}
.badge-light-siteadmin, .badge-light-pending{
    color:#356CF9;
    background-color:#EBF0FE
}
.badge-light-comadmin{
    color:#7A399B;
    background-color:#F7EEFC
}
.badge-light-user{
    color:#007AB3;
    background-color:#E6F7FF
}
.badge-light-viewer{
    color:#3E3C96;
    background-color:#EEEEFB
}
.badge-light-denied{
    color:#F1416C;
    background-color:#FFEAEE
}

.badge-light-autoaccess{
    color:#356CF9;
    background-color:#EBF0FE
}
.badge-light-byrequest{
    color:#3758F9;
    background-color:#E6F7FF
}
/* .btn.btn-icon.btn-sm{ height: auto !important;} */

.nav-stepper{ display: flex;}
.off{ display: none !important;}
@media only screen and (max-width: 768px) {
    .nav-stepper{ justify-content: center;}
    .stepper.stepper-pills.stepper-column .stepper-nav{ flex-direction: row !important;}
    /* .nav-stepper{ overflow-x: auto;} */ 
    .stepper-label{ display: none !important;}
    .stepper.stepper-pills.stepper-column .stepper-item{ padding-bottom: 1rem !important;}
    .stepper.stepper-pills.stepper-column .stepper-line{ display: none;}
    .stepper-item{ display: none;}
    .stepper.stepper-pills .stepper-item.current .stepper-icon{ width: 60px !important; height: 60px !important;}
    .stepper.stepper-pills .stepper-item.current .stepper-icon .stepper-number{ font-size: 2rem !important; padding: 1rem;}
  }