/* 
  Responsive v1.0.1 by @Momin - https://www.globusnet.it

*/
@media (min-width: 768px) {
    /* .sidebar-mini.sidebar-collapse .main-header .logo {
        width: 50px;
        color: #FFFFFF;
        background-color: #3D4696;
    } */
    .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span {
        background-color: #3D4696 !important;
    }
    .box-header > .fa,
    .box-header > .glyphicon,
    .box-header > .ion,
    .box-header .box-title{
        margin-top: 5px;
    }
    .d-sm-block{
        display: block !important;
    }
    .linvlice-list-items{
        max-height: 665px;
        overflow-y: scroll;
    }
}

@media (max-width: 767px) {
    .mobile-mt-10,
    .box-header > .fa,
    .box-header > .glyphicon,
    .box-header > .ion,
    .box-header .box-title{
        margin-top: 6px;
    }
    .main-header .navbar{
        border-top: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
    }
    .main-header .navbar,
    .navbar-custom-menu > .navbar-nav,
    .skin-green .main-header .navbar .nav > li > a{
        background-color: #f8f8f8 !important;
    }
    .d-none{
        display:none !important;
    }
}

@media (max-width: 620px) {
    .box-header > .fa,
    .box-header > .glyphicon,
    .box-header > .ion,
    .box-header .box-title{
        margin-top: 0px;
        margin-bottom: 10px;
    }
    .box-header .btn{
        margin-bottom: 3px;
    }
    .filter-compare-info{
        margin-bottom: 6px !important;
    }
    #patientsChart{
        width: 100%;
        height: 160px !important;
    }
    #appointmentsChart{
        width: 100%;
        height: 200px !important;
    }
}
@media (min-width: 621px) {
    .d-filter-flex{display: flex !important;}
    .justify-content-filter-between{justify-content: space-between !important;}
    .item-align-filter-center{align-items: center !important;}
}
@media (max-width: 411px){
    .mobile-bottom-margin-10{
        margin-bottom: 10px !important;
    }
    .mobile-top-margin-10{
        margin-top: 10px !important;
    }
}

@media (min-width: 992px) {
    .d-md-flex{display: flex !important;}
    .justify-content-md-between{justify-content: space-between !important;}
    .item-align-md-center{align-items: center !important;}
    .patients-per-day-chart{
        min-height: 204px;
    }
    .gap-md-3>div:nth-child(1),
    .gap-md-3>div:nth-child(3){
        padding-right:8px !important;
    }
    .gap-md-3>div:nth-child(2),
    .gap-md-3>div:nth-child(4){
        padding-left:8px !important;
    }
    .doctor-chart-panel,
    .specialization-chart-panel{
        min-height: 328px;
    }
    .gap-lgmd-3>div:nth-child(1){
        padding-right:8px !important;
    }
    .gap-lgmd-3>div:nth-child(2){
        padding-left:8px !important;
    }
}
@media (min-width: 1199px) {
    .gap-lg-3>div:nth-child(1),
    .gap-lgmd-3>div:nth-child(1){
        padding-right:8px !important;
    }
    .gap-lg-3>div:nth-child(2),
    .gap-lgmd-3>div:nth-child(2){
        padding-left:8px !important;
    }
}
@media (min-width:412px) and (max-width:767px) {
    .col-sd-12{width: 100% !important;}
    .col-sd-6{width: 50% !important;}
    .col-sd-4{width: 33.3333% !important;}
    .col-sd-3{width: 25% !important;}
    .col-sd-1,
    .col-sd-10,
    .col-sd-11,
    .col-sd-12,
    .col-sd-2,
    .col-sd-3,
    .col-sd-4,
    .col-sd-5,
    .col-sd-6,
    .col-sd-7,
    .col-sd-8,
    .col-sd-9 {
        float: left;
    }
    .gap-md-3>div:nth-child(1),
    .gap-md-3>div:nth-child(3){
        padding-right:8px !important;
    }
    .gap-md-3>div:nth-child(2),
    .gap-md-3>div:nth-child(4){
        padding-left:8px !important;
    }
}
@media (min-width:768px) and (max-width:991px) {
    .col-sm-12{width: 100% !important;}
    .col-sm-6{width: 50% !important;}
    .col-sm-4{width: 33.3333% !important;}
    .col-sm-3{width: 25% !important;}
    .gap-md-3>div:nth-child(1),
    .gap-md-3>div:nth-child(3){
        padding-right:8px !important;
    }
    .gap-md-3>div:nth-child(2),
    .gap-md-3>div:nth-child(4){
        padding-left:8px !important;
    }
}

@media (min-width:1920px) and (max-width:2199px) {
    .common-info{
        padding-top: 2px;
        height: 111.5px;
    }
    .line-height-16{
        line-height: 18px;
    }
    .linvlice-list-items{
        max-height: 780px;
    }
}

@media (min-width:2200px) and (max-width:8000px) {
    .common-info{
        padding-top: 10px;
        height: 128px;
    }
    .line-height-16{
        line-height: 20px;
    }
    .linvlice-list-items{
        max-height: 880px;
    }
}