/*
    JTS Board
*/

@media (min-width: 1921px){
     
}
@media (min-width: 1200px){
       
}

@media (min-width: 992px) and (max-width: 1199.98px) { 

}

@media (min-width: 992px){
    .navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right {margin-left: auto;}
    .sidebar-icon-only .navbar .navbar-brand-wrapper {width: 70px;}
    .sidebar-icon-only .navbar .navbar-brand-wrapper .brand-logo {display: none;}
    .sidebar-icon-only .navbar .navbar-brand-wrapper .brand-logo-mini {display: inline-block;}
    .sidebar-icon-only .navbar .navbar-menu-wrapper {width: calc(100% - 70px);}
    .sidebar-icon-only .sidebar {width: 70px;}
    .sidebar-icon-only .main-panel {width: calc(100% - 70px);}
    .sidebar-icon-only .sidebar .nav .nav-item {position: relative; padding: 0;}   
    .sidebar-icon-only .sidebar .nav .nav-item.nav-profile { display: none;}
    .sidebar-icon-only .sidebar .nav .nav-item .nav-link {display: block;text-align: center;}
    .sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link {text-align: left; padding-left: 20px;}
    .sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-title {border-radius: 0 5px 5px 0px;}
    .sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-title, 
    .sidebar-icon-only .sidebar .nav .nav-item .nav-link .badge, 
    .sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-sub-title, .sidebar-icon-only .sidebar .nav .nav-title {display: none;}
    .sidebar-icon-only .sidebar .nav .nav-item .nav-link i.menu-icon {margin-right: 0;margin-left: 0;}
    .sidebar-icon-only .sidebar .nav .nav-item .nav-link i.menu-arrow {display: none;}
    .sidebar-icon-only .sidebar .sidebar-actions {display: none;}
    .sidebar-icon-only .sidebar .nav {overflow: visible;}
    .sidebar-icon-only .sidebar .nav.sub-menu {padding: 0 0 0 1.5rem;}

    .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title {display: -webkit-box;display: -ms-flexbox;
        display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background: #fcfcfc;padding: 0.5rem 1.4rem;
        left: 70px;position: absolute;text-align: left;top: 0;bottom: 0;width: 190px;z-index: 1;line-height: 1.8; }
    .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title:after {display: none;}
    .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse,.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing {
        display: block;padding: .5rem 0;background: #fcfcfc;border-radius: 0 0 5px 0;position: absolute; left: 70px;width: 190px; }

    .sidebar-icon-only .sidebar .nav .nav-item .collapse {display: none;}


}

@media (min-width: 768px) and (max-width: 991.98px) { 
  
}

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

    .mb-100{margin-bottom: 80px;}
    .mb-80{margin-bottom: 65px;}
    .mb-60{margin-bottom: 50px;}
    .mb-50{margin-bottom: 40px;}
    .mb-40{margin-bottom: 32px;}
    .mb-30{margin-bottom: 24px;}
    .mb-20{margin-bottom: 16px;}
    .mb-15{margin-bottom: 12px;}
    .mb-10{margin-bottom: 8px;}
    .mb-5{margin-bottom: 5px;}

    .ml-100{margin-left: 80px;}
    .ml-80{margin-left: 65px;}
    .ml-60{margin-left: 50px;}
    .ml-50{margin-left: 40px;}
    .ml-40{margin-left: 32px;}
    .ml-30{margin-left: 24px;}
    .ml-20{margin-left: 16px;}
    .ml-15{margin-left: 12px;}
    .ml-10{margin-left: 8px;}
    .ml-5{margin-left: 5px;}

    .mr-100{margin-right: 80px;}
    .mr-80{margin-right: 65px;}
    .mr-60{margin-right: 50px;}
    .mr-50{margin-right: 40px;}
    .mr-40{margin-right: 32px;}
    .mr-30{margin-right: 24px;}
    .mr-20{margin-right: 16px;}
    .mr-15{margin-right: 12px;}
    .mr-10{margin-right: 8px;}
    .mr-5{margin-right: 5px;}

    .mt-100{margin-top: 80px;}
    .mt-80{margin-top: 65px;}
    .mt-60{margin-top: 50px;}
    .mt-50{margin-top: 40px;}
    .ml-40{margin-top: 32px;}
    .mt-30{margin-top: 24px;}
    .mt-20{margin-top: 16px;}
    .mt-15{margin-top: 12px;}
    .mt-10{margin-top: 8px;}
    .mt-5{margin-top: 5px;}
    

}



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

    .mb-100{margin-bottom: 50px;}
    .mb-80{margin-bottom: 40px;}
    .mb-60{margin-bottom: 30px;}
    .mb-50{margin-bottom: 25px;}
    .mb-40{margin-bottom: 20px;}
    .mb-30{margin-bottom: 15px;}
    .mb-20{margin-bottom: 10px;}
    .mb-15{margin-bottom: 8px;}
    .mb-10{margin-bottom: 5px;}

    .ml-100{margin-left: 50px;}
    .ml-80{margin-left: 40px;}
    .ml-60{margin-left: 30px;}
    .ml-50{margin-left: 25px;}
    .ml-40{margin-left: 20px;}
    .ml-30{margin-left: 15px;}
    .ml-20{margin-left: 10px;}
    .ml-15{margin-left: 8px;}
    .ml-10{margin-left: 5px;}

    .mr-100{margin-right: 50px;}
    .mr-80{margin-right: 40px;}
    .mr-60{margin-right: 30px;}
    .mr-50{margin-right: 25px;}
    .mr-40{margin-right: 20px;}
    .mr-30{margin-right: 15px;}
    .mr-20{margin-right: 10px;}
    .mr-15{margin-right: 8px;}
    .mr-10{margin-right: 5px;}

    .mt-100{margin-top: 50px;}
    .mt-80{margin-top: 40px;}
    .mt-60{margin-top: 30px;}
    .mt-50{margin-top: 25px;}
    .ml-40{margin-top: 20px;}
    .mt-30{margin-top: 15px;}
    .mt-20{margin-top: 10px;}
    .mt-15{margin-top: 8px;}
    .mt-10{margin-top: 5px;}
    .h1, h1 {font-size: 1.8rem;}
    .h2, h2 {font-size: 1.6rem;}
    .h3, h3 {font-size: 1.4rem;}
    .h4, h4 {font-size: 1.2rem;}
    .h5, h5 {font-size: 1rem;}
    .h6, h6 {font-size: 0.8rem;}
    
    .navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini {display: inline-block;}
    .navbar .navbar-brand-wrapper .navbar-brand.brand-logo {display: none;}
    .navbar .navbar-menu-wrapper {width: auto;padding-left: 15px; padding-right: 15px;}
    .navbar .navbar-menu-wrapper .navbar-toggler:not(.navbar-toggler-right) {display: none;}
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown {position: static;}
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown {left: 20px;right: 20px;top: 70px;
    width: calc(100% - 40px);}
    .navbar .navbar-menu-wrapper .navbar-toggler.navbar-toggler-right {padding-left: 15px;padding-right: 11px;
        border-right: none;}    
    .sidebar-offcanvas {position: fixed;max-height: calc(100vh - 70px);top: 70px;bottom: 0;overflow: auto;right: -260px;
    -webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out; }
    .sidebar-offcanvas.active {right: 0;}
    .main-panel {margin-left: 0;width: 100%;}
    .footer {padding: 20px;}
    .navbar .navbar-brand-wrapper {width: 75px;}

}


/** Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
    .content-wrapper {padding: 1.75rem 1.25rem;}
    .login-container .form-container {padding: 25px;}

    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-text {display: none;}
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {margin-left: .8rem;margin-right: .8rem;}
    .card .card-body {padding: 1.5rem 1.5rem;}

    span.round-tab {height: 40px; width: 40px; line-height: 40px;}
    .wizard .nav-tabs > li {margin-bottom: 12px;}

    .btn {padding: 15px; min-width: 75px;}
    .page-header {margin-bottom: 1rem; display: block!important;}
}


/** Extra small devices (portrait phones, less than 576px)**/
@media (max-width: 575.98px) { 


    .h1, h1 {font-size: 1.25rem;}
    .h2, h2 {font-size: 1.40rem;}
    .h3, h3 {font-size: 1.15rem;}
    .h4, h4 {font-size: 1rem;}
    .h5, h5 {font-size: 0.8rem;}
    .h6, h6 {font-size: 0.70rem;}
    .navbar .navbar-brand-wrapper {
    width: 55px;
}
    



    

     
    

 }


@media (max-width: 1199px) and (orientation: portrait) {

}

@media (max-width: 1199px) and (orientation: landscape) {

}