﻿body {
}






@media screen and (min-width: 768px) {
    .toggled .page-content {
        padding-left: 207px !important;
    }

    #close-sidebar {
        /*display:none;*/
    }
}

@media (max-width: 1300px) {
    .toggled .page-content {
        padding-left: 0px !important;
    }

    .preloader {
        text-align: center;
        margin-top: 54%;
    }

    .form-group {
        margin-bottom: 8px !important;
        /*padding: 0px 0px !important;*/
    }
}

@media (max-width: 1200px) {

    table.table.CustomTable.mt-2 {
        width: 1200px;
    }

    .bootstrap-select .btn.dropdown-toggle, .hierarchy-select btn.dropdown-toggle {
        
        font-size: 11px;
       
    }


    ::-webkit-input-placeholder { /* Edge */
       
        font-size: 11px;
    }

    :-ms-input-placeholder { /* Internet Explorer */
     
        font-size: 11px;
    }

    ::placeholder {
      
        font-size: 11px;
    }
}

 


    @media (max-width: 1150px) {

        .Tabs .nav-link {
            font-size: 10px;
        }

        .CustomTable td {
            font-size: 11px;
        }
        .Tabs .nav-link {
            font-size: 10px;
            width: 49.5%;
            margin-bottom: 2px;
        }
        .NotificationCustom a {
           
            font-size: 11px;
        }

        .col-md-1.form-group, .col-md-2.form-group, .col-md-3.form-group, .col-md-4.form-group, .col-md-5.form-group, .col-md-6.form-group, .col-md-7.form-group, .col-md-8.form-group, .col-md-9.form-group, .col-md-10.form-group, .col-md-11.form-group, .col-md-12.form-group {
            max-width: 49%;
            min-width: 49%;
        }
/*
        .col-md-1 input, .col-md-2 >input, .col-md-3 input, .col-md-4 input, .col-md-5 input, .col-md-6 input, .col-md-7 input,
        .col-md-8 input, .col-md-9 input, .col-md-10 input, .col-md-11 input, .col-md-12 input {
            max-width: 50%;
            min-width: 49%;
        }*/

        .sidebar-wrapper .sidebar-menu ul li a {
           
            font-size: 10px;
          
        }
        .sidebar-submenu ul li a {
            font-size: 10px !important;
           
        }
    }



@media (max-width: 500px) {


    .col-md-1.form-group, .col-md-2.form-group, .col-md-3.form-group, .col-md-4.form-group, .col-md-5.form-group, .col-md-6.form-group, .col-md-7.form-group, .col-md-8.form-group, .col-md-9.form-group, .col-md-10.form-group, .col-md-11.form-group, .col-md-12.form-group {
        max-width: 100%;
        min-width: 100%;
    }

    #SearchBoxDv {
        display: none;
    }

    .hdr_right {
        max-width: 257px;
    }

    .btnBulkLead {
        display: none;
    }







    .NotificationMasterDv {
        width: 96%;
    }
}


    @media (max-width: 1200px) {
        .card-header h5 {
            font-size: 10px;
        }

        .badgeDashboard {
            min-width: 40px !important;
            height: 27px;
            padding: 10px 0px;
            font-size: 9px;
        }

        .card .card-body a {
            font-size: 11px;
        }

        .card .card-body h5 {
            font-size: 11px;
        }

        li.list-group-item.p-1.RecentCallHistory a {
            font-size: 10px !important;
        }

        .form-row > .col.equel-grid, .form-row > [class*="col-"].equel-grid {
            padding-right: 0px;
            padding-left: 0px;
            margin-bottom: 0px;
        }

        .table-card {
            margin: 0 2px !important;
        }

        .c3-legend-item {
            font-size: 11px;
        }
    }

    @media(max-width: 767px) {
        .table-scrollable {
            overflow: scroll;
        }
    

    }

    @media (max-width: 768px) {
        .header {
            padding-left: 0px;
        }
    }

    @media (max-width: 426px) {
        .header {
            padding-left: 0px;
        }
    }

    @media (max-width: 328px) {
        .hdr_right1 {
            padding-right: 0px !important;
        }
    }

@media (max-width: 328px) {
  
}






@media (min-width: 576px) {
    .modal-dialog {
        max-width: 650px;
    }
}