/*// Extra small devices (portrait phones, less than 576px)*/
/*// No media query for `xs` since this is the default in Bootstrap*/

/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    #sidebar .toggle {
        display: none;
    }
}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {}

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


/*// Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    #sidebar {
        border: none;
        position: fixed !important;
        left: 0%;
        height: calc(100vh - 53px);
        z-index: 1000;
        width: 50%;
        top: 53px !important;
        /*box-shadow: 2px 0px 2px rgba(0,0,0,0.1);*/
        padding: 15px;
        transition: all 0.3s;
        transform: translateX(-100%);
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .4rem;
        padding-left: .4rem;
    }
    #sidebar .toggle {
        width: 30px;
        height: 50px;
        position: absolute;
        z-index: 1;
        top: calc(50% - 30px);
        right: -30px;
        background: #fdfdfd;
        border: solid 1px #ddd;
        border-left: none;
        box-shadow: 2px 0px 2px rgba(0,0,0,0.1);
    }
    #sidebar .toggle:before {
        content: "";
        width: 15px;
        height: 15px;
        border-top: solid 3px #999;
        border-right: solid 3px #999;
        transform: rotateZ(45deg);
        position: absolute;
        top: 16px;
        left: 2px;
        opacity: 0.9;
    }
    #sidebar.open {
        box-shadow: 2px 0px 2px rgba(0,0,0,0.1);
        transform: translateX(0);
    }
    #sidebar .toggle.open:before {
        transform: rotateZ(-135deg);
        left: 9px;
    }
    #content {
        border-right: none;
    }
    .breadcrumb li {
        font-size: 13px;
    }
    #content {
        min-height: unset;
        padding: 15px 15px;
    }
    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        height: 10px;
        margin: 0 auto 0;
    }
    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 10px;
        margin: 0 0 0 0;
    }

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
    .breadcrumb li {
        font-size: 14px;
    }
}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {}

/*// Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {}

/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .nav-tabs .nav-link {
        font-size: 12px;
        padding: .5rem 0.5rem
    }
    .request-btn {
        font-size: 12px;
    }
}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {}

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

@media (max-width: 420px) {
    .nav-tabs .nav-link {
        font-size: 12px;
        padding: .5rem 0.5rem
    }
    .request-btn {
        font-size: 12px;
    }
    .tab-pane {
        padding: 10px;
    }
}