.dropdown-notifications .dropdown-menu .dropdown-notifications-list .list-group .card-body{padding: 1rem !important;}

.menu-vertical .app-brand{
    padding-left: 1.5rem !important;
}

.layout-navbar .navbar-dropdown .badge-notifications {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.req-mandatory::after {
    content: ' *';
    color: red;
}

.validate-error{color:#d62831;}

.mr-30{margin-right: 30px;}

.select2-container--default .select2-results__option[aria-disabled=true] {
    text-decoration: line-through;
    cursor: not-allowed;
    display: none;
}

.app-brand-logo img, .app-brand-logo svg {
    width: 40px;
    text-align: center;
}

.cst-loader{position:fixed;left:0;right:0;top:0;bottom:0;text-align:center;background-color:rgba(0, 0, 0, 0.30);z-index:2000;}
.cst-preloader{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);width:150px;margin:0px auto;}

.form-doc-link span.text-body{
    color: #787bff !important;
}

.view-req-form-wrapper .table th{font-weight: 700;/*background-color: #e7eef8;*/ border-bottom: 0.5px #e7eef8 dashed;}

.view-req-form-wrapper small{font-size: 90% !important;}

.mr-1{margin-right: 1rem !important;}
.mr-2{margin-right: 2rem !important;}

.notifications-section{background-color: white;padding: 2rem;}

.notifications-section .list-group{
    position: relative;
    max-height: 600px;
}

.notifications-section ul {margin-right: 2rem;margin-left: 2rem;}
/*.notifications-section ul li{padding: 1rem;}*/

.notifications-section li .card-body.bd-bg-secondary{}

.notifications-section li .card-body.bd-bg-warning{
    background-color: #fff5f2;
    border: 1.5px dashed #ff7f7f;
}

.dropdown-notifications-list ul li a,.notifications-section ul li a{color: #566a7f;}

.sub-tables-revisions tbody tr{border: 1px dotted white;}

#noti_list .list-group-item {border: none !important;}

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list{max-height: 34rem;}

/* ---------  SIDE BAR BACKGROUND COLOR ------------ */
.bg-sidebar-stf{background-color: #d62831 !important;}
.bg-sidebar-cust{background-color: white !important;}

.bg-sidebar-stf.menu .app-brand.demo{background-color: white;}

.bg-sidebar-stf.bg-menu-theme .menu-inner > .menu-item.active > .menu-link{color: white;}

.bg-sidebar-stf.bg-menu-theme .menu-header{color: lightcyan;}

.bg-sidebar-stf.bg-menu-theme .menu-link, .bg-sidebar-stf.bg-menu-theme .menu-horizontal-prev, .bg-sidebar-stf.bg-menu-theme .menu-horizontal-next{color: white;}

.bg-sidebar-stf.bg-menu-theme .menu-item.open:not(.menu-item-closing) > .menu-toggle{color: white;}
.bg-sidebar-stf.bg-menu-theme .menu-item.active > .menu-link { color: red; }

.bg-sidebar-stf.bg-menu-theme .menu-inner > .menu-item.active:before{background: white;}

html:not(.layout-menu-collapsed) .bg-sidebar-stf.bg-menu-theme .menu-inner .menu-item .menu-link:not(.active):hover, .layout-menu-hover.layout-menu-collapsed .bg-sidebar-stf.bg-menu-theme .menu-inner .menu-item .menu-link:not(.active):hover {
    background-color: #ff7777 !important;
}

/* ---------  NAV BAR BACKGROUND COLOR ------------ */
/*.nav-bg-stf{background-color: rgb(255, 62, 29) !important; color: white;}*/

.app-brand-text.demo{text-transform: uppercase;}

.content-pages{text-align: left !important;}
.content-pages h5{color: rgb(255, 62, 29);}

.table:not(.table-dark) th{color: black !important;}

.activity_timeline_bdy{
    position: relative;
    min-height: 190px;
    max-height: 340px;
}

.timeline .timeline-end-indicator{padding-bottom: 1rem;}

#toast-container{padding: 2rem;}
#toast-container .toast-message{font-size: 18px;}

/* COLOR CHANGE : FROM : #696cff TO : #d62831
/* HOVER CHANGE COLOR : FROM #5f61e6 : TO : #ED2939
/ A: TAG HOVER FROM : #787bff TO : #D21F3C
/* BUTTON SHADOW COLOR : FROM : rgba(105, 108, 255, 0.4) TO : rgba(255, 64, 0, 0.4)




/* ---------------- MEDIA QUERIES ------------------ */

@media (max-width: 767.98px) {
    .notifications-section{padding: 1rem;}
    .notifications-section ul{margin-right: 0;margin-left: 0;}
}

@media (min-width: 1200px) {
    
    .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical, .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical{
        width: 5rem !important;
    }

    .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item > .menu-link .menu-icon, .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item > .menu-link .menu-icon{
        width: 5rem !important;
    }

    .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item, .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item{
        width: 5rem !important;
    }

    .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand{
        width: 5rem !important;
    }
}

small.test-name .bx{font-size: 0.80rem;}


/* ---------------------------------- */

.password-err-msg{font-size: 0.80rem;margin:5px;}
.password-err-msg ul{margin: 10px 0;}
.password-err-msg ul li{margin: 0;line-height: 0.50em;list-style-type: none;}

.password-err-msg {
  color: grey; /* Default color is grey */
}

.password-err-msg.valid {
  color: green; /* Color is green on successful validation */
}

.password-err-msg.invalid {
  color: red; /* Color is red on validation failure */
}
.password-err-msg .valid:before {
  position: relative;
  left: -35px;
  content: "✔";
}

.password-err-msg .invalid:before {
  position: relative;
  left: -35px;
  content: "❌";
}

select#lengthUnit{
    max-width: 100px !important;
}