.auth-wrapper{
    background: #5b779b;
    min-width: 100%;
    min-height: 100vh;
}
.auth-acount{
    min-width: 370px;
    -webkit-box-shadow: 0px 10px 13px -7px #000000, 4px 5px 18px 3px rgba(0,0,0,0); 
    box-shadow: 0px 10px 13px -7px #000000, 4px 5px 18px 3px rgba(0,0,0,0);
}
.auth-content .form-control{
    border: 0px;
    border-radius: 0px;
    border-bottom: 1px #ccc solid;  
}
.auth-content .form-control:focus, .auth-content .form-control:active{
    box-shadow: none !important;
    border-bottom: 1px #0d6efd solid;  
}
.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label{
    opacity: 1;
    color: #0d6efd !important;  
}
.navbar-header .navbar-brand, .container-fluid .navbar-minimize{
    display: none;
}
.container-fluid .navbar-header button{
    border: none;
    background: #ff7401;
    color: #fff;
    font-size: 30px;
}
.btn-info{
    color:#fff;
}
.wrapper {
    position: relative;
    top: 0;
    height: 100vh;
}
.sidebar, .off-canvas-sidebar {
    box-shadow: 3px 3px 10px rgb(0 0 0 / 15%);
}

.sidebar .logo, .off-canvas-sidebar .logo {
    padding: 13px 15px;
}
.off-canvas-sidebar .logo, .sidebar .logo {
    position: relative;
    padding: 15px;
    z-index: 4;
}

.off-canvas-sidebar .logo .simple-text, .sidebar .logo .simple-text {
    text-transform: uppercase;
    padding: 5px 0px;
    display: block;
    font-size: 18px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    font-weight: 400;
    line-height: 30px;
    overflow: hidden;
}
.off-canvas-sidebar .sidebar-wrapper, .sidebar .sidebar-wrapper {
    position: relative;
    height: calc(100vh - 75px);
    overflow: auto;
    width: 100%;
    z-index: 4;
    padding-bottom: 30px;
}
.off-canvas-sidebar .nav, .sidebar .nav {
    margin-top: 15px;
}
.nav > li {
    position: relative;
    display: block;
}


.perfect-scrollbar-off .main-panel, .perfect-scrollbar-off .sidebar .sidebar-wrapper {
    overflow: auto;
}

.main-panel, .perfect-scrollbar-on .main-panel, .sidebar .sidebar-wrapper, .perfect-scrollbar-on .sidebar .sidebar-wrapper {
    overflow: hidden;
}
.main-panel, .sidebar, .sidebar-wrapper {
    -webkit-transition-property: top,bottom,width;
    transition-property: top,bottom, width;
    -webkit-transition-duration: 0.2s,.2s, 0.35s;
    transition-duration: 0.2s,.2s, 0.35s;
    -webkit-transition-timing-function: linear,linear,ease;
    transition-timing-function: linear,linear,ease;
    -webkit-overflow-scrolling: touch;
}
.wrapper .main-panel {
    max-height: 100%;
    height: 100%;
}
.wrapper .main-panel {
    background-color: #EEEEEE;
    position: relative;
    float: right;
    overflow: auto;
    width: 100%;
    min-height: 100%;
    -webkit-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -moz-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -o-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -ms-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
    transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
}
.navbar[data-topbar-color="orange"] {
    background-color: #ff7401;
    color: #FFFFFF;
}
.navbar, .navbar.navbar-default {
    background-color: #FFFFFF;
    color: #555555;
}
.main-panel > .navbar {
    margin-bottom: 0;
}

.navbar-absolute {
    padding-top: 10px;
}
.navbar {
    color: #FFFFFF;
    border-radius: 0px;
    box-shadow: 0 2px 4px rgb(0 0 0 / 30%);
    border-bottom: 0px;
    padding: 10px 0 10px 0;
}
.navbar-absolute {
    position: absolute;
    width: 100%;
    padding-top: 10px;
    z-index: 1029;
}
.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.navbar .navbar-collapse, .navbar .navbar-form {
    border-top: none;
    box-shadow: none;
}
.main-panel > .content {
    min-height: calc(100vh - 145px);
}
.main-panel > .content {
    margin-top: 70px;
    min-height: calc(100vh - 123px);
}
.navbar .navbar-minimize button.btn-just-icon {
    padding: 10px 10px;
    color: #FFFFFF;
    background-color: rgba(0, 0, 0, 0.09);
}
.btn.btn-just-icon, .navbar .navbar-nav > li > a.btn.btn-just-icon {
    font-size: 20px;
    padding: 11px 11px;
    line-height: 1em;
    height: 42px;
    width: 42px;
}

.navbar-user .navbar-brand{
    color: #fff;
}
.off-canvas-sidebar .logo:after, .sidebar .logo:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 15px;
    height: 1px;
    width: calc(100% - 30px);
    background-color: rgba(180, 180, 180, 0.3);
}
.sidebar-mini .sidebar {
    width: 80px;
    -webkit-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -moz-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -o-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -ms-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
    transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
}
.sidebar-mini .sidebar .sidebar-wrapper, .compact-menu .sidebar .sidebar-wrapper {
    overflow: inherit;
    width: 100%;
    box-shadow: none;
}
.sidebar-mini .main-panel {
    width: calc(100% - 80px) !important;
    margin-left: 80px;
}
.visible-on-sidebar-mini, .sidebar-mini .visible-on-sidebar-regular{
    display: none;
}
.sidebar-mini .visible-on-sidebar-mini, .visible-on-sidebar-regular{
    display: block;
}
.logo-mini{
    display: none;
}
.sidebar-mini .logo-mini{
    display: block !important;
}
.sidebar-mini .logo{
    display: none;
}

.sidebar-mini .sidebar-sticky .nav-item span{
    display: none;
}
/*.wrapper .sidebar{
    display: none;
}*/

.navbar-header{
    display: block;
} 
.nav-open .main-panel, .nav-open .wrapper-full-page, .nav-open .navbar .container {
    left: 0;
    -webkit-transform: translate3d(-260px, 0, 0);
    -moz-transform: translate3d(-260px, 0, 0);
    -o-transform: translate3d(-260px, 0, 0);
    -ms-transform: translate3d(-260px, 0, 0);
    transform: translate3d(-260px, 0, 0);
}

.nav-open .sidebar {
    box-shadow: 0 10px 30px -12px rgb(0 0 0 / 42%), 0 4px 25px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 0 0 / 20%);
    /*-display: block !important;*/
    right: 260px;
    -webkit-transform: translate3d(260px, 0, 0);
    -moz-transform: translate3d(260px, 0, 0);
    -o-transform: translate3d(260px, 0, 0);
    -ms-transform: translate3d(260px, 0, 0);
    transform: translate3d(260px, 0, 0);
    -webkit-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -moz-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -o-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -ms-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
    transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
    background: #242e30;
}

.sidebar .logo a.simple-text{
    text-decoration: none;
}
.sidebar-sticky{
    min-width: 100%;
    overflow-x: hidden;
}
.sidebar-mini .sidebar-sticky{
    min-width: 100%;
    overflow-x: visible;
}
.sidebar-sticky .nav-link{
    color: #fff;
    padding: 1rem 1rem;
    padding-left: 1.5rem;
}
.sidebar-sticky .nav-link i{
    font-size: 18px;
    display: inline-block;
    width: 20px;
}
.sidebar-sticky .nav-link span{
    margin-left: 10px;
}
.sidebar-sticky .nav-link:hover, .sidebar-sticky .active .nav-link{
    background-color: rgba(200, 200, 200, 0.2);
}
.nav-item ul{
    /*margin: 10px 20px;*/
}
.sidebar-mini .nav-item ul{
    margin: 0px;
    padding: 0px;
}
.nav-item ul li{
    list-style: none;
    line-height: 30px;
}
.nav-item ul li a{
    text-decoration: none;
}
.sidebar-mini #find_admin{
    display: none !important;
}
.sidebar-mini .nav-item:hover{
    
}
.sidebar-mini .nav-item > div{
    position: absolute;
    max-width: 250px;
    margin-left: 80px;
    background: #fff;
    margin-top: -45px;
    width: 200px;
    border-radius: 5px;                    
}
@media (max-width: 768px) {  
    .sidebar, .off-canvas-sidebar {
        position: fixed;
        top: 0;
        height: 100vh;
        width: 260px;
        /*right: 0;*/
        right: -260px;
        left: auto;
        z-index: 1032;
        visibility: visible;
        background-color: #FFFFFF;
        overflow-y: visible;
        border-top: none;
        text-align: left;
        padding-right: 0px;
        padding-left: 0;
        -webkit-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
        -moz-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
        -o-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
        -ms-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
        transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);

    }
}
@media (min-width: 768px) {  
    .navbar-header{
        display: none;
    } 
    .container-fluid .navbar-minimize{
        display: block;
    }
    .off-canvas-sidebar, .sidebar{
        display: block;
    }
    .wrapper .sidebar{
        display: block !important;
        -webkit-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
        -moz-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
        -o-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
        -ms-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
        transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
        background: #242e30;
    }
    .wrapper .main-panel {
        width: calc(100% - 260px);
    }
    .main-panel > .content {
        padding: 30px 30px;
    }
    .off-canvas-sidebar, .sidebar {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        width: 260px;
        background: #FFFFFF;
        box-shadow: 0 10px 30px -12px rgb(0 0 0 / 42%), 0 4px 25px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 0 0 / 20%); 
    }
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
  
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  

}