.min-height-100vh { min-height: 90vh; }
.height-100vh {height: 100vh !important;}

/* -------------------------- */
.h-pad-20 { padding-left: 20px; padding-right: 20px;}

/* --------------------------- */
.width-55 {width: 55px;}
.width-30 {width: 30px;}
.width-85 {width: 85px;}
.width-130 {width: 130px;}
.width-200 {width: 200px;}

/* ------------------------------------ */
.height-100 {height: 100px;}
.height-140 {height: 140px;}

/* -------------------------------- */
.width-5-per {width: 5%;}
.width-15-per {width: 15%;}
.width-20-per {width: 20%;}
.width-40-per {width: 40%;}
.width-30-per {width: 30%;}
.width-50-per {width: 50%;}

/* ------------------------------------ */
.height-90-per {height: 90%;}

/* ----------------------------------------- */
.min-height-100-per {min-height: 100%;}

/* --------------------------------- */
.mar-top-30-per {margin-top: 10%;}


/* ----------------------------- */
.bg-theme {background-color: #282a70;}

/* -------------------------------- */
.cursor-pointer {cursor: pointer;}


/* --------------------------------------------- Custom CSS --------------------------------------------------- */
.sidebar-nav ul .sidebar-item.selected > .sidebar-link {
    opacity: 0.6;
}
.sidebar-nav ul .sidebar-item.selected > .router-link-exact-active {
    opacity: 1;
}


/* document page */
.status-box .show-status {
    display: none;
    position: absolute;
    right: 60%;
    top: 0;
    width: auto;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px #ccc;
    border-radius: 5px;
    padding: 0 5px;
}
.status-box:hover .show-status {
    display: block;
}