/* prevent the drop down icon going onto a new line for the top bar language link */
.top-bar-language-nav-link {
    min-width: 65px;
}

/* bootstrap model showing two scroll bars */
html {
    overflow: visible;
}

/* main sidebar not under model */
.modal {
    z-index: 1110;
}

.form-group.required .col-form-label:after {
    color: #d00;
    content: "*";
    position: absolute;
    margin-left: 3px;
}

.nav-user-menu .user-image {
    width: 20px;
    margin-right: 4px;
    margin-top: -4px;
}

.famfamfam-flags {
    display: inline-block;
}
.sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .main-footer, .sidebar-mini.sidebar-collapse .main-header{
    transition: margin-left .3s ease-in-out;
margin-left: 300px;
}
.content-wrapper .text-dark {
  color: #fff !important;
}
.content-header h1 {
    background: #5276dffc !important;
    color: #fff !important;
    padding:8px;
}

.bg-blue.btn {
    /* background: linear-gradient(3deg, #e02423, #fdd7de);*/
    background: linear-gradient(135deg, #042FAD, #00BFFF);
    background-color: rgba(0, 0, 0, 0);
    background-color: rgba(0, 0, 0, 0);
    padding: 7px 20px;
    border: 0 !important;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #e02423;
    border-color: #e02423;
}
.btn-secondary:hover, .btn-secondary {
    color: #333;
    background-color: #fed8df;
    border-color: #fed8df;
}
a {
    color: #e02423;
}
.content-wrapper, body.sidebar-mini {
    background-color: #f2f2f2;
}
@media screen and (min-width:768px) {
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
        transition: margin-left .3s ease-in-out;
        margin-left: 300px;
    }
    .login .col-md-6 {
        width: 90%!important
    }
    .login .form-group.bttn, .login-box .card, .register-box .card {
        max-width: 100%!important
    }
}
.sidebar {
    height: calc(100% - (3.5rem + 1px));
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 1rem;
    -ms-overflow-style: none; /* Hide scrollbar in older IE/Edge */
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 transparent; /* light bluish-gray scrollbar */
}
@media screen and (max-width:1100px){
    .top-section .col-md-9, .top-section .col-md-3{
        max-width:100%;
        flex:0 0 100%;
    }
}

    @media screen and (max-width:700px) {
        body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
            transition: margin-left .3s ease-in-out;
            margin-left: 0;
        }
        
        .login .col-md-6{width:90%;}
        .login-box{max-width:90%;}
        .login-page #LoginButton{min-width:120px;}
        .login .form-group.bttn, .login-box .card, .register-box .card {
            max-width: 100%
        }
        body:not(.layout-fixed) .main-sidebar {
            left: 0;
            transform: translateX(0);
            background: linear-gradient(135deg, #042fad, #00BFFF) !important;
        }
    }