/* MODALS */
.modal-content{
    border-radius: 0 !important;
    border-bottom-right-radius: 9px !important;
    border-bottom-left-radius: 9px !important;
    
}
.modal-footer{
    background-color: #23272B !important;
    border-top: 2px solid #EA412E !important;
    border-bottom-right-radius: 7px !important;
    border-bottom-left-radius: 7px !important;
}
.modal-footer .btn-success {
    min-width: 200px !important;
}
.modal-dark-header{
    background-color: #363636 !important;
    color: #ffffff !important;
    border: #303641 !important;
    border-bottom: 3px solid #EA412E !important;
    border-radius: 0 !important;
}
.modal-dark-header h5{
    font-size: 19px !important;
    font-weight: 500 !important;
}
.modal-dark-header h5::before{
    content: "\f24d";
    font-family: FontAwesome;
    margin-right:15px;
}
.modal-dark-header span{
    color: #ffffff !important;
}


/* LOADER RING */
#loader-ring-holder {
    display: none;
    margin: 0 auto;
    z-index: 7000;
    position: fixed; 
    background: rgba(0, 0, 0, 0.7); 
    height: 100%; 
    width: 100%; 
    justify-content: center; 
    align-items: center;
}
  
.loader-ring {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -120px 0 0 -120px;
    width: 140px;
    height: 140px;
}
  
.loader-ring-light {
    width: 140px;
    height: 140px;
    -moz-border-radius: 140px;
    -webkit-border-radius: 140px;
    border-radius: 140px;
    -moz-box-shadow: 0 4px 0 #00abf2 inset;
    -webkit-box-shadow: 0 4px 0 #00abf2 inset;
    box-shadow: 0 4px 0 #00abf2 inset;
    animation: rotate-360 2s linear infinite;
}
  
.loader-ring-track {
    position: absolute;
    top: 0;
    left: 0;
    width: 140px;
    height: 140px;
    -moz-border-radius: 140px;
    -webkit-border-radius: 140px;
    border-radius: 140px;
    -moz-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3) inset;
    -webkit-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3) inset;
    box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3) inset;
}
  
@keyframes rotate-360 {
    from {
      -moz-transform: rotate(0);
      -ms-transform: rotate(0);
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    to {
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
}
  




/* CIRCULAR PROFILE IMAGE */
.circular--portrait{
    width:54px;
    height:54px;
    border-radius:50%;
    background-position: center;
    border: 2px solid #DC3545;
    background-size:100% auto;
    background-repeat: no-repeat;
}
.table > tbody > tr > td {
    vertical-align: middle !important;
}



/* ACTION BUTTONS */
.action-buttons{
    display: block;
}

.action-buttons button{
    margin-right: 8px;
    display: inline-block;
}


.bootstrap-select{
    width: 100% !important;
}

/* NOTIFICATION PANE */
.notification-modal-header {
    border-bottom: 0 none !important;
}
.notification-modal-header h5{
    font-weight: lighter !important;
}

.notification-modal-footer {
    border-top: 0 none !important;
}



/* No Data Alert */
.no-data-alert  i{
    font-size: 11rem;
    color:#4F535D;
}
.no-data-alert h4{
    color:#4F535D;
    font-weight: 300;
}
.no-data-alert span{
    color:#3A3F4B;
    font-size: smaller;
}


/* BG STYLES */
.bg-light-success{
    background-color:  #B6E2BF !important;
    color: #303641;
}

.bg-light-danger{
    background-color:  #EF9FAE !important;
    color: #303641;
}

.bg-light{
    background-color: #FFFFFF !important;
}
.bg-dark{
    background-color: #292929 !important; 
}
.card{
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top: 3px solid transparent;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.card-border-red{border-top: 3px solid #C02F2C;}
.card-border-green{border-top: 3px solid #459843;}
.card-border-blue{border-top: 3px solid #495EFA;}
.card-border-dark{border-top: 3px solid #333842;}
.card-border-yellow{border-top: 3px solid #FFC107;}

.header-gray{
    background-color: #F7F5F7 !important;
    color: #43464B !important;
    font-size:16px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.card-header i{
    margin-right: 9px;
    font-size: small;
    color: #ACABAC;
}

.card-header .btn-back{
    padding:4px !important; 
    padding-left:8px !important; 
    padding-right:8px !important;
}

.nav-tabs .nav-item a{
    border-bottom: 0px !important;
    color: #B0AFB0 !important;
    transition: .5s all;
}
.nav-tabs .nav-item a.active{
    background-color: #23272B !important;
    border:1px solid #1D2124 !important;
    border-bottom: 0px !important;
    color: #cbced1 !important;
    border-color:#495EFA !important;
}
.nav-tabs .nav-item a:hover{
    border-color:#495EFA !important;
}



.custom-select,
.form-control{
    background-color: #F8F9FA !important;
    border: 1px solid transparent !important;
    transition: 1s all !important;
}

.form-control:active
.form-control:focus,
.form-control:hover{
    background-color: #E2E6EA !important;
    border: 1px solid #D4D4D5 !important;
}