/****** sidebar menu ******/
.sidebar-wrapper.toggled{
    margin-left: -20rem;
    transition: all .3s ease-out;
}
.sidebar-wrapper{
    width: 20rem;
    min-height: calc(100vh - 112px);
    transition: all .3s ease-out;
}
@media (max-width: 768px){
    .sidebar-wrapper.toggled{
        margin-left: 0rem;

    }
    .sidebar-wrapper{
        margin-left: -30rem;
        width: 30rem;
    }
}
.sidebar-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.sidebar-nav .metismenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.sidebar-nav .metismenu > li {
    /*-webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}
.sidebar-nav .metismenu a {
    position: relative;
    display: block;
    padding: 13px 15px;
    color: black;
    outline-width: 0;
    transition: all .3s ease-out;
}
.sidebar-nav .metismenu ul a {
    padding: 10px 15px 10px 30px;
}
.metismenu li a{
    border-bottom: 1px solid #dee2e6 !important;
}
.sidebar-nav .metismenu ul ul a {
    padding: 10px 15px 10px 45px;
}
.sidebar-nav .metismenu ul{
    background:#fff;
}
.sidebar-nav .metismenu a:hover,
.sidebar-nav .metismenu a:focus > a {
    color: #00AED4;
    background-color: #fff;
    text-decoration: none;
}
/****** sidebar menu end ******/

/****** navbar ******/
.navbar-dark .navbar-nav .nav-link {
    color: white;
}

.navbar-title{
    margin-right: 0rem;
    padding-left: 4rem;
    padding-right: 4rem;
}
.sidebar-button{
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 1.5rem;
    border-color: rgba(255, 255, 255, 0.1);
}
@media (max-width: 768px){
    .navbar-title{
        font-size: 1rem;
        padding-left: 0px;
        padding-right: 0px;
    }
}
/****** navbar end ******/

/****** footer ******/
.footer{
    bottom: 0;
    background: #EEEEEE;
}
@media (max-width: 768px){
    .footer-text{
        text-align: center;
        font-size: 0.75rem;
    }
}
/****** footer end ******/
.content-wrapper{
    min-height: 100%;
}

/**/

.dataTables_paginate .page-link{
    color: var(--red);
}
.dataTables_paginate .page-item.active .page-link {
    background-color: var(--red);
    border-color: var(--red);
}

.mw-0{
    min-width: 0px;
}
.w-80{
    width: 80%;
}

.img-width-limit {
    max-width: 200px;
    height: auto;
    cursor:pointer;
}
.img-height-limit {
    max-height: 200px;
    width: auto;
    cursor:pointer;
}
.img-auto-limit {
    max-width: 200px;
    max-height: 200px;
    width: auto;
    height: auto;
    cursor:pointer;
}
.footer-text {
    font-size: 0.85rem;
}
.footer-text a {
    color: #212529;
}
.welcome-background {
    background-image: url('../../images/rb-bg-2.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
}
.main-background {
    background-image: url('../../images/rb-bg-1.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
}
.bg-rb {
    background-color: #3C94BA !important;
}
.btn-rb {
    color: #fff;
    background-color: #48a8e5;
    border-color: #3b90c4;
}
.btn-rb:hover {
    color: #fff;
    background-color: #39779E;
    border-color: #224961;
}
.btn-rb:focus, .btn-rb.focus {
    color: #fff;
    background-color: #2a99de;
    border-color: #48a8e5;
    box-shadow: 0 0 0 0.2rem rgba(52, 142, 199, 0.5);
}
.btn-rb.disabled, .btn-rb:disabled {
    color: #fff;
    background-color: #107abd;
    border-color: #107abd;
}
.btn-rb:not(:disabled):not(.disabled):active, .btn-rb:not(:disabled):not(.disabled).active, .show > .btn-rb.dropdown-toggle {
    color: #fff;
    background-color: #0c5c8e;
    border-color: #0b5482;
}
.btn-rb:not(:disabled):not(.disabled):active:focus, .btn-rb:not(:disabled):not(.disabled).active:focus, .show > .btn-rb.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 142, 199, 0.5);
}
.oc-75 {opacity: 0.75;}
.oc-50 {opacity: 0.5;}
.btn-spacing {letter-spacing: 1em;}
.alertify-notifier {
    font-size: 1.2rem;
}