:root{
    /* Color styles */
     --bims-primary--1: #275D96;
     --bims-primary--2: #14304E;
     --bims-primary--3: #1E4773;
     --bims-primary--4: #275D97;
     --bims-primary--5: #0D6CAC;
     --bims-primary--6: #6AA0D8;
     --bims-primary--7: #8BB5E1;
     --bims-primary--8: #ABC9E9;
     --bims-primary--9: #CCDEF2;
     --bims-primary--10: #EDF0F5;
     --bims-secondary--1: #001F5C;
     --bims-secondary--2: #334C7D;
     --bims-secondary--3: #66799D;
     --bims-secondary--4: #99A5BE;
     --bims-secondary--5: #CCD2DE;
     --bims-secondary--6: #E6E9EF;
     --bims-secondary--7: #EDF0F5;
     --bims-gray--1: #2C3131;
     --bims-gray--2: #626262;
     --bims-gray--3: #A9A9A9;
     --bims-gray--4: #CACACA;
     --bims-gray--5: #E9E9E9;
     --bims-gray--6: #FFFFFF;
     --bims-success--5: #CDDFCF;
     --bims-success--4: #AAC7AC;
     --bims-success--3: #87AF8A;
     --bims-success--2: #649767;
     --bims-success--1: #417F45;
     --bims-warning--1: #E4C65B;
     --bims-warning--2: #E9D17C;
     --bims-warning--3: #EFDD9D;
     --bims-warning--4: #F4E8BD;
     --bims-warning--5: #FAF4DE;
     --bims-error--1: #E25C5C;
     --bims-error--2: #E87D7D;
     --bims-error--3: #EE9D9D;
     --bims-error--4: #F3BEBE;
     --bims-error--5: #F9DEDE;
     --bims-info--1: #0D6CAC;
     --bims-info--2: #519DD5;
     --bims-info--3: #7DB6DF;
     --bims-info--4: #A8CEEA;
     --bims-info--5: #D4E7F4;
    /* Text-size styles */
     --header-1: 56px;
     --header-2: 48px;
     --header-3: 40px;
     --header-4: 32px;
     --header-5: 24px;
     --header-6: 20px;
     --body---large--text--bold: 20px;
    --body---large--text--regular: 20px;
     --body---medium--text--bold: 18px;
     --body---medium---text--regular: 18px;
     --body---normal---text--bold: 18px;
     --body---normal---text--regular: 16px;
     --body---small--text--bold: 14px;
     --body---small--text--regular: 14px;
     --body-font-sans-serif:Poppins,Helvetica,"sans-serif";
     --body-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
     --body-font-family : Roboto, "Helvetica Neue", Helvetica, Arial;
     --body-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
     --body-font-family:var(--body-font-sans-serif);
     --body-font-size:.8125rem;
     --body-font-weight:400;
     --body-line-height:1.5;
     --body-color:#181C32;
    /* Effect styles */
     --box-shadow-1: 0px 1px 3px rgba(0, 0, 0, 0.25);
     --box-shadow-2: 0px 4px 6px rgba(0, 0, 0, 0.25);
     --box-shadow-3: 0px 10px 15px rgba(0, 0, 0, 0.25);
     --box-shadow-4: 0px 15px 35px rgba(0, 0, 0, 0.25);
     --inner--shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.25);
     --box-shadow--btn: 0px 4px 34px rgba(0, 0, 0, 0.25);
}
/*Primary color*/
 .bg-primary-10{
     background-color: var(--bims-primary--1);
}
 .bg-primary-20{
     background-color: var(--bims-primary--2);
}
 .bg-primary-30{
     background-color: var(--bims-primary--7);
}
 .bg-primary-40{
     background-color: var(--bims-primary--4);
}
 .bg-primary-50{
     background-color: var(--bims-primary--5);
}
 .bg-primary-60{
     background-color: var(--bims-primary--6);
}
 .bg-primary-70{
     background-color: var(--bims-primary--7);
}
 .bg-primary-80{
     background-color: var(--bims-primary--8);
}
 .bg-primary-90{
     background-color: var(--bims-primary--9);
     color: var(--bims-secondary--3);
}
 .bg-primary-100{
     background-color: var(--bims-primary--10);
}
/*Secondary color*/
 .bg-secondary-10{
     background-color: var(--bims-secondary--1);
}
 .bg-secondary-20{
     background-color: var(--bims-secondary--2);
}
 .bg-secondary-30{
     background-color: var(--bims-secondary--7);
}
 .bg-secondary-40{
     background-color: var(--bims-secondary--4);
}
 .bg-secondary-50{
     background-color: var(--bims-secondary--5);
}
 .bg-secondary-60{
     background-color: var(--bims-secondary--6);
}
/*gray*/

.border-secondary-1 {
    border-color: var(--bims-secondary--2) !important;
}

 .bg-gray-10{
     background-color: var(--bims-gray--1);
}
 .bg-gray-20{
     background-color: var(--bims-gray--2);
}
 .bg-gray-30{
     background-color: var(--bims-gray--3);
}
 .bg-gray-40{
     background-color: var(--bims-gray--4);
}
 .bg-gray-50{
     background-color: var(--bims-gray--5);
}
/*success*/
 .bg-success-10{
     background-color: var(--bims-success--1);
}
 .bg-success-20{
     background-color: var(--bims-success--2);
}
 .bg-success-30{
     background-color: var(--bims-success--3);
}
 .bg-success-40{
     background-color: var(--bims-success--4);
}
 .bg-success-50{
     background-color: var(--bims-success--5);
}
/*warning*/
 .bg-warning-10{
     background-color: var(--bims-warning--1);
}
 .bg-warning-20{
     background-color: var(--bims-warning--2);
}
 .bg-warning-30{
     background-color: var(--bims-warning--3);
}
 .bg-warning-40{
     background-color: var(--bims-warning--4);
}
 .bg-warning-50{
     background-color: var(--bims-warning--5);
}
/*error*/
 .bg-error-10 {
     background-color: var(--bims-error--1);
}
 .bg-error-20 {
     background-color: var(--bims-error--2);
}
 .bg-error-30 {
     background-color: var(--bims-error--3);
}
 .bg-error-40 {
     background-color: var(--bims-error--4);
     color: var(--bims-error--1);
}
 .bg-error-50{
     background-color: var(--bims-error--5);
}
/*info*/
 .bg-info-10{
     background-color: var(--bims-info--1);
}
 .bg-info-20{
     background-color: var(--bims-info--2);
}
 .bg-info-30{
     background-color: var(--bims-info--3);
}
 .bg-info-40{
     background-color: var(--bims-info--4);
}
 .bg-info-50{
     background-color: var(--bims-info--5);
}
 .text-success-10{
     color: var(--bims-success--1);
}
 .text-warning-10{
     color: var(--bims-warning--1);
}
 .text-info-10{
     color: var(--bims-info--1);
}
 .text-info-30{
     color: var(--bims-info--5);
}
 .text-info-50{
     color: var(--bims-info--5);
}
 .text-error-10{
     color: var(--bims-error--1);
}
 .text-error-50{
     color: var(--bims-error--5);
}
 .text-gray-10{
     color: var(--bims-gray--1);
}
 .text-gray-20{
     color: var(--bims-gray--2);
}
 .text-gray-30{
     color: var(--bims-gray--3);
}
 .text-gray-40{
     color: var(--bims-gray--4);
}
 .text-gray-50{
     color: var(--bims-gray--5);
}
 .text-secondary-10{
     color: var(--bims-secondary--1);
}
 .text-secondary-20{
     color: var(--bims-secondary--2);
}
 .text-secondary-30{
     color: var(--bims-secondary--3);
}
 .text-secondary-40{
     color: var(--bims-secondary--4);
}
 .text-secondary-50{
     color: var(--bims-secondary--5);
}
 .text-primary-10{
     color: var(--bims-primary--1);
}
 .text-primary-20{
     color: var(--bims-primary--2);
}
 body{
     background-color: var(--bims-secondary--7);
     font-family:var(--body-font-family);
     font-size:var(--body-font-size);
     font-weight:var(--body-font-weight);
     line-height:var(--body-line-height);
     color:var(--body-color);
     letter-spacing: .1px;
}

 .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
     color: var(--bims-gray--2);
     font-weight: 600!important;
}

 p, ol{
     font-size: 13px;
     font-weight: normal;
     font-family:var(--body-font-family);
     line-height: 1.5;
     margin-bottom: 0;
}
.login{
    
    }
 .main-content{
     margin-top: 70px;
     margin-left: 128px;
}

 @media (max-width: 991.98px) {
     .main-content {
         margin-left: 0 !important;
         padding: 1px !important;
    }
}
a{
     text-decoration: none !important;
}
 .bims-sidemenu{
     position: fixed;
     top: 0;
     bottom: 0;
     left: 0;
     padding: 20px 0 0;
     box-shadow: 0 2px 5px 0 rgb(0 0 0 / 5%), 0 2px 10px 0 rgb(0 0 0 / 5%);
     z-index: 600;
     background-color:  #275D97;
     height: 100%;
}
 #bims-navbar-nav{
     position: relative;
     height: 690px !important;
     padding-left: 15px;
     z-index: 1000;
}
 .footer-sidebar {
     position: fixed;
     bottom: 0;
     left: 0;
     width: inherit;
     height: 50px;
}
 .navbar-nav .dropdown-menu, .dropdown-menu{
     box-shadow: 0 0 50px 0 rgb(82 63 105 / 10%);
     border:none;
     width: 100%;
}
 .dropdown-item{
     color:#777;
     font-size: 13px;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: var(--bims-primary--5);
}
 .bims-dropdown-menu {
     min-width:205px;
     text-align:left;
}
 .bims-dropdown-menu button{
     min-width:205px;
     text-align:left;
}
 .nav-item.bims-nav{
     width:85px;
     height:69px;
     background-color: #485461; /*#01020429; */
     border-radius: 0.475rem;
     justify-content: center;
}
 .bims-nav-item{
     font-size: 13px;
     height:69px;
     width:70px;
     color:#fff!important;
     justify-content: center;
}
.bims-nav.active{
     /* background-color: #8BB5E1; */
    background-color: rgba(139, 181, 225, 0.5);
      box-shadow: var(--box-shadow-1);
    margin-right: 10px;
}
.bims-nav.active a,.bims-nav.active a i{
     color: black;
}

 .bims-nav-item:hover{
     color: white;
    /*overflow: visible;
     white-space: normal;
     height:auto;
     width:auto;
     background-color: #B7CADB;
     */
}
 .nav-link {
     color: var(--bims-gray--3);
}
 .nav-link.active{
     color: var(--bims-primary--3);
}
 #main-navbar{
     left: 140px;
     box-shadow: var(--box-shadow-1);
}
 @media (max-width: 991.98px) {
     #main-navbar {
         position: fixed;
         top: 0;
         right: 0;
         left: 0;
    }
}
 .bims-navbar-submenu{
     background-color: #fff;
     box-shadow: 0 0 50px 0 rgb(82 63 105 / 10%) transform: translate3d(-30px, 65px, 0px);
     border-radius: 0.475rem;
     background-color: #fff;
     box-shadow: 0 0 50px 0 rgb(82 63 105 / 10%);
}
 .top-toolbar{
     margin-top:56px;
     margin-left:140px;
     background-color: #fff;
     border-top: 1px solid #eff2f5;
     box-shadow: 0 2px 5px 0 rgb(0 0 0 / 5%), 0 2px 10px 0 rgb(0 0 0 / 5%);
}
 @media (max-width: 991.98px) {
     .top-toolbar {
         margin-left: 0 !important;
    }
}

.fixed-top{
   background-color:#5F89C4 !important;
   color: #fff !important;
}

 .table{
     width: 100%;
}

 .table tbody tr td {
     color:#777;
     font-size: 13px;
     font-weight: 300;
     line-height: 1;
}

 .table thead tr th , .table tr th{
     font-weight: bold;
    /* color:#66799D; */
     font-size:13px;
     line-height: 0.9;
     /*background-color: #d5dee9; */
     border-bottom: 1px solid rgba(0,0,0,.125);
     border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
     color: #3273a2;
     background-color: #c4d6ef70;
}
 .table>:not(caption)>*>* {
     border-bottom-width: 0 !important;
}
 .table-striped>tbody>tr:nth-of-type(odd) {
     --bs-table-accent-bg: #f8f8f8;
}

 .page-item.active .page-link {
     background-color: #6AA0D8 !important;
}
 .page-link {
     color:#66799D;
}
 .dataTables_info{
     color:#66799D;
     font-size:13px;
}
 .page-link {
     padding: 0.175rem 0.75rem;
     font-size: 12px;
}
 div.dataTables_wrapper div.dataTables_length label {
     font-size: 12px;
}
div.dataTables_wrapper div.dataTables_filter {
    text-align: left !important;
    width:500px;
}
/*forms*/
 .form-control.form-control-solid,.form-control {
    /* background-color: #F5F8FA;
     border-color: #F5F8FA;
     color: #5E6278;
     */
     border-color: #F5F8FA;
     color: var(--bims-primary--5);
     background-color: #F1FAFF;

     font-size: .8125rem;
    font-weight: 400;
    line-height: 1.5;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}
 .form-check-label{
     color: #777;
     padding: 3px;
}
.form-check-div{
    height:150px;
    overflow: auto;
}
 .form-control.form-select option{
     color: #5e6278;
     font-family: inherit;
}
 .form-select, .form-select-solid{
     font-size: inherit;
     font-family: inherit;
     color: var(--bims-primary--5);
     background-color: #F1FAFF;
     border-color: #f5f8fa;
     /*
     background-color: #f5f8fa;
     color: #5e6278;
      */
     transition: color .2s ease,background-color .2s ease;
}
 .form-control::placeholder , .form-select::placeholder{
     color:#a1a5b7;
     opacity:1 
}
 .form-check-input {
     height: 21px;
     width: 2em !important;
     /*background-color: var(--bims-gray--5);
     border-color: #F5F8FA;
      */
     color: var(--bims-primary--5);
     background-color: #F1FAFF;
     border-color: var(--bims-primary--9);
}

.form-switch .form-check-input {
}
.form-check-input:checked {
    background-color: var(--bims-primary--1);
    border-color: var(--bims-primary--1);
}
 .btn.btn-primary{
     color: #FFFFFF;
     background-color: var(--bims-primary--5);
}
.btn-light-primary{
     color: var(--bims-primary--5);
     background-color: #F1FAFF;
}
 .btn{
     border: none;
     min-width: 110px;
}
 .btn-check:active+.btn.btn-light-primary, .btn-check:checked+.btn.btn-light-primary, .btn.btn-light-primary.active, .btn.btn-light-primary.show, .btn.btn-light-primary:active:not(.btn-active), .btn.btn-light-primary:focus:not(.btn-active), .btn.btn-light-primary:hover:not(.btn-active), .show>.btn.btn-light-primary {
     color: #fff;
     border-color: #009ef7;
     background-color: var(--bims-primary--5);
}
 .btn.btn-light-primary.show i, .btn.btn-light-primary:active:not(.btn-active) i, .btn.btn-light-primary:focus:not(.btn-active) i, .btn.btn-light-primary:hover:not(.btn-active) i, .show>.btn.btn-light-primary i {
     color: #fff;
}
 .card{
     box-shadow: 0 2px 5px 0 rgb(0 0 0 / 5%), 0 2px 10px 0 rgb(0 0 0 / 5%);
}
.card-title {
    font-size: 13px;
    margin: 0 0 7px 0;
}

.ui-widget.ui-widget-content {
    background: #f0f2f7 !important;
    border: none !important;
    -webkit-border-radius: 15px !important;
    height: 8px !important;
}

.ui-slider-horizontal .ui-slider-range {
    background: #22bacf !important;
    -webkit-border-radius: 15px !important;
}

.actions-btn.bs-select-all.btn.btn-light {
    font-size: 12px;
    color: #FFFFFF;
    background-color: var(--bims-primary--5);
}

.actions-btn.bs-deselect-all.btn.btn-light {
    font-size: 12px;
    color: #FFFFFF;
    background-color: var(--bims-primary--3);
}

.ui-slider-handle.ui-corner-all.ui-state-default {
    cursor: default;
    height: 1.6em;
    position: absolute;
    width: 1.6em;
    z-index: 2;
    background: #fff !important;
    border: 3px solid #22bacf !important;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    top: -0.50em !important;
    font-weight: bold;
    color: #1c94c4;
}

/*Modal*/
/*Modal*/
 .fade.modal-backdrop.show{
     opacity: 0.1 !important;
}
 .modal-content{
     background-color: #fff;
     background-clip: padding-box;
     border: 0 solid rgba(0,0,0,.2);
     border-radius: 0.475rem;
     box-shadow: 0 0 50px 0 rgb(82 63 105 / 10%) transform: translate3d(-30px, 65px, 0px);
     min-height:500px;
}
 .modal-header {
     border-bottom: 1px solid #eff2f5;
     border-top-left-radius: 0.475rem;
     border-top-right-radius: 0.475rem;
     color:#777;
     height: 80px;
     background-color: var(--bims-primary--10);
}
 .modal-title{
     line-height: 1.2;
     margin-bottom: 1px;
}
.modal-header .btn-close {
    border-radius: 50%;
    width: 18px;
    height: 18px;
    background-color:#fff;
    color: var('--bims-primary--5');
    box-shadow: var(--box-shadow-1);
    font-size: 10px;
}
/*Dashboard cards*/
 .mini-stat {
     border: none 
}
 .mini-stat .mini-stat-img, .dash-card {
     background: url(../img/bg-1.png);
     background-size: cover;
}
 .mini-stat .mini-stat-icon i {
     font-size: 24px;
     width: 48px;
     height: 48px;
     line-height: 48px;
     text-align: center;
     color: #fff!important;
     border-radius: 50%;
     background: rgba(255, 255, 255, .1);
     display: inline-block 
}
 i {
     line-height: 1;
     font-size: 1rem;
     color: #d7d7d7!important;
}
 .btn {
     display: inline-block;
     font-weight: 500;
     line-height: 1.5;
     text-align: center;
     vertical-align: middle;
     user-select: none;
     transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
 .btn i{
     margin-right: 0.3rem;
}
 .btn-light-primary i{
     color: var(--bims-primary--5);
}
 .btn.btn-primary i{
     color: var(--bims-primary--10);
}

/* lets customize scrollbar */
 .ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking {
     background-color: #5F89C4;
}
 .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y {
     background-color: #5F89C4;
     width: 7px;
     top: 19px;
     height: 69px;
}

/*dash cards*/
.phase-container {
  min-height: 100vh;
}
/*form wizard*/
 .bims-form-step{
     display: none;
}
/*Wizards : stepper*/
.stepper-item{
     display: flex;
     flex-direction: row;
     padding-bottom: 10px;
}
.stepper-wrapper-number{
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color .2s ease,background-color .2s ease;
    width: 35px;
    height: 35px;
    border-radius: 0.475rem;
    margin-right: 1.5rem;
    transition: color .2s ease,background-color .2s ease;
    background-color: var(--bims-primary--5);
    color: #fff;
}
.stepper-description p{
    font-weight: 600;
    color: var(--bims-gray--2);
}
.stepper-completed{
  background-color: var(--bims-primary--9);
  color: var(--bims-info--3);  
}
.nav-tabs .nav-link.active {
    box-shadow: var(--box-shadow-1);
    background-color: var(--bims-primary--9);
}
/*dashboard tiles*/
#tile_wrapper{
    text-align: center;
    width: 100%;
}
.tile{
display: inline-block;
color:#fff;
margin-top: 10px;
text-align: center;
}
.icon-part{
     background: url(../../img/bg-1.png);
     background-size: cover;
}
.icon-part i{
font-size: 20px;padding:10px;
border:1px solid #fff;
border-radius:50%;
margin-top:-25px;
margin-bottom: 10px;
background-color:#34495E;
color: #fff;
}
.icon-part p{
margin:0px;
font-size: 20px;
padding-bottom: 0px;
}
.card-content-part{
padding: 5px 0px;
text-align: left;
}
.tile .card-content-part:hover{
background-color: var(--bims-gray--2);
cursor: pointer;
}
.card-content-part a{
color:#fff;
text-decoration: none;
margin-left: 10px;
}
.card-content-part a i{
  color:#fff;  
    }
.tile-primary .icon-part,.tile-primary .icon-part i{
background-color: var(--bims-primary--5);
}
.tile-primary .card-content-part{
background-color: var(--bims-primary--4);
}
.tile-light-primary .icon-part,.tile-light-primary .icon-part i{
background-color: var(--bims-primary--4);
}
.tile-light-primary .card-content-part{
background-color: var(--bims-primary--5);
}
.tile-white .icon-part,.tile-white .icon-part i{
background-color: #fff;
}
.tile-white .card-content-part{
background-color:  #fff;
}
.tile-secondary .icon-part,.tile-secondary .icon-part i{
background-color: var(--bims-secondary--4);
}
.tile-secondary .card-content-part{
background-color: var(--bims-secondary--3);
}
.tile-green .icon-part,.tile-green .icon-part i{
background-color: var(--bims-success--3);
}
.tile-green .card-content-part{
background-color: var(--bims-success--2);
}
.tile-gray .icon-part,.tile-gray .icon-part i{
background-color: var(--bims-gray--3);
}
.tile-gray .card-content-part{
background-color: var(--bims-gray--2);
}
.tile-orange .icon-part,.tile-orange .icon-part i{
background-color: #CBA256;
}
.tile-orange .card-content-part{
background-color: var(--bims-warning--2);
}
.tile-info .icon-part,.tile-info .icon-part i{
background-color:var(--bims-info--3);
}
.tile-info .card-content-part{
background-color:var(--bims-info--2);
}
.tile-red .icon-part,.tile-red .icon-part i{
background-color:var(--bims-error--2);
}
.tile-red .card-content-part{
background-color:var(--bims-error--1);
}
.tile-blue .icon-part,.tile-skyblue .icon-part i{
background-color:#1C97D4;
}
.tile-blue .card-content-part{
background-color:#1C97D4;
}

/*cards - dash*/
.b-avatar.badge-light-primary {
    background-color: rgba(85, 179, 84, 0.12);
   
}

.b-avatar.badge-light-primary i,.badge-description-primary h2, .badge-description-primary span{
    color: #55b354;
}

.b-avatar.badge-light-orange {
    background-color: var(--bims-warning--5);
    
}

.b-avatar.badge-light-orange i,.badge-description-orange h2, .badge-description-orange span{
    color: var(--bims-warning--1);
}

 .b-avatar {
    text-align: center;
}

.b-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    font-size: inherit;
    font-weight: 400;
    line-height: 1;
    max-width: 100%;
    max-height: auto;
    overflow: visible;
    position: relative;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
/* sweetalert*/
.swal2-styled.swal2-confirm {
     background-color: var(--bims-primary--5) !important;
}
.swal2-popup {
    width: 28em;
    height: auto;
    font-size: 12px !important;
    }

/*validation forms */
.form-check-input.is-valid:checked{
   background-color: var(--bims-primary--5); 
}
.form-select.is-valid, .was-validated .form-select:valid {
    border-color: var(--bims-primary--5); 
}
.form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label {
    color: #777;;
}
/*adding asterik*/
.required:after{
    content:"*";
    font-weight:bold;
    color: red;
}

/*admin module sidebar */
  .adminSideBar {
       position: relative;
         width: 250px;
       height: 600px;
      margin-top: -40px;
      margin-left: -15px;
      margin-bottom: 0px;
    }
    .adminSideBar ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .adminSideBar ul li {
        /* Sub Menu */
}
.adminSideBar ul li a {
    display: block;
    padding: 10px 15px;
    color: #fff;
    text-decoration: none;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    -ms-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
}
.adminSideBar ul li a:hover {
    background: #1d4f71;
    color: #fff;
}
.adminSideBar ul li a .fa {
    width: 16px;
    text-align: center;
    margin-right: 5px;
    float:right;
}
.adminSideBar ul ul {
    background: rgba(0, 0, 0, 0.2);
}
.adminSideBar ul li ul li a {

    border-left: 4px solid transparent;
    padding: 10px 20px;
}
.adminSideBar ul li ul li a:hover {

    border-left: 4px solid #3498db;
}

.multiselect-dropdown {
    width: 100% !important;
}

.filter-option-inner-inner {
    font-size: 12px;
}

.loadingSpinner {
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 )
    background: url(../img/bg-1.png);
    url('/assets/img/nabisoft/tutorials/loading-spinner-red.gif')
    50% 50%
    no-repeat;
}
.loadingSpinnerImage {
    background: rgba(0, 0, 0, .8 )
        url(../../img/loaders/loading_gif.gif)
        50% 50%
        no-repeat;
}
#html-spinner{
    width:40px;
    height:40px;
    background: url(../../img/loaders/ZKZg.gif);
    border:4px solid #fcd779; /*Default circle color*/
    border-top:4px solid white; /*Highlighted color*/
    border-radius:50%;
}
.fa-1\.5x {
    font-size: 1.5em;
}
/*global spinner */
#cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
    display:none;
}

@-webkit-keyframes spin {
    from {-webkit-transform:rotate(0deg);}
    to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

#cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:black;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}


/*workflow*/
#wrapper_workflow {
    position: relative;
}

.branch {
    position: relative;
    margin-left: 250px;
}
.branch:before {
    content: "";
    width: 50px;
    border-top: 2px solid #eee9dc;
    position: absolute;
    left: -100px;
    top: 50%;
    margin-top: 1px;
}

.entry {
    position: relative;
    min-height: 60px;
}
.entry:before {
    content: "";
    height: 100%;
    border-left: 2px solid #eee9dc;
    position: absolute;
    left: -50px;
}
.entry:after {
    content: "";
    width: 50px;
    border-top: 2px solid #eee9dc;
    position: absolute;
    left: -50px;
    top: 50%;
    margin-top: 1px;
}
.entry:first-child:before {
    width: 10px;
    height: 50%;
    top: 50%;
    margin-top: 2px;
    border-radius: 10px 0 0 0;
}
.entry:first-child:after {
    height: 10px;
    border-radius: 10px 0 0 0;
}
.entry:last-child:before {
    width: 10px;
    height: 50%;
    border-radius: 0 0 0 10px;
}
.entry:last-child:after {
    height: 10px;
    border-top: none;
    border-bottom: 2px solid #eee9dc;
    border-radius: 0 0 0 10px;
    margin-top: -9px;
}
.entry.sole:before {
    display: none;
}
.entry.sole:after {
    width: 50px;
    height: 0;
    margin-top: 1px;
    border-radius: 0;
}

.label {
    display: block;
    min-width: 150px;
    padding: 5px 10px;
    line-height: 20px;
    text-align: center;
    border: 2px solid #eee9dc;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background: #ffffff;
    font-weight: normal;
    color: #ffffff;
}
   .notification-badge {
                  position: absolute;
                  background-color: red;
                  color: white;
                  padding: 5px 10px;
                  border-radius: 50%;
                  font-size: 12px;
              }