@media (min-width: 1200px){
    .mt0-xl {
        margin-top: 0px;
    }
}

@media (min-width: 992px){
    .logo {
        left: 0;
    }
    .sideleft {
        left: 0;
    }
    .header {
        left: 230px;
    }
    .sideLeft{
        left:0;
    }

    /*MENU*/
    .collapsed-menu .logo {
        left: -230px;
    }
    .collapsed-menu .header {
        left: 0;
    }
    .collapsed-menu .sideLeft {
        width: 60px;
        left:0;
    }
    .collapsed-menu .mainPanel {
        margin-left: 60px;
    }
    .collapsed-menu .menuItemIcon {
        transform: translateX(-4px);
    }
    .collapsed-menu .sideLeft .sidebarLabel {
        visibility: hidden;
    }
    .collapsed-menu .infoList {
        display: none;
    }
    .collapsed-menu .contentPanel {
        margin-left: 290px;
    }
    .collapsed-menu .sideLeft .sidebarLabel {
        visibility: hidden;
    }
    .expand-menu .sideLeft .sidebarLabel {
        visibility: visible;
    }
    .expand-menu .sideLeft {
        width: 230px;
        left: 0px;
    }
    .expand-menu .infoList {
        display: block;
    }
    .mainPanel {
        margin-left: 230px;
    }
    .lhide{
        display: none;
    }
    .opacity0I-l {
        opacity: 0 !important;
    }
}

@media (min-width: 576px){
    .mt0-sm {
        margin-top: 0px;
    }
}

@media (max-width: 1000px){
    .button{
        float:left;
        padding: 8px;
        font-size: 15px;
    }
}
@media (max-width: 705px){
    .col-xs-12{
        width: 100%;
        float: left;
        margin-top: 5px;
    }
}
@media (max-width: 800px){
    .col-1,
    .col-2,
    .col-2-5,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-10,
    .col-11,
    .col-12,
	.m-col12 {
        width: 100%;
        float: left;
        flex: none;
        max-width: 100%;
    }
    form label {
        font-size: 0.7rem;
        line-height: 1.4;
    }
    .nav-item{
        width: 100%;
        float: left;
        border: none;
    }
    .nav-link{
        border: none!important;
        padding: 10px 0!important;
    }
    .nav-link.active{
        color: #e30714!important;
        font-family: 'gotham_bold';
    }
    .dataTables_wrapper .dataTables_filter{
        margin-top: 0;
    }
	.m-mt20 {
		margin-top:20px;
	}
}

@media (max-width: 576px){
    .dtr-title{
        float:left;
        width: 100%;
        font-family: 'gotham_bold';
        line-height:1.5;
    }
    .dtr-data{
        float:left;
        width: 100%;
        line-height:1.5;
    }
    .btn.btn-brand{
        font-size: 12px;
        padding: 5px 7px;
    }
    .dataTables_filter input{
        padding: 5px;
        height: 31px;
    }
    .dataTables_filter button{
        height: 31px;
        padding: 5px 10px;
        margin: 0!important;
    }
    body{
        min-width: 320px;
    }
    .searchData{
        margin-bottom: 5px;
    }
    #datatable_wrapper{
        overflow-y: scroll;
    }
    table.dataTable tr.child ul li{
        border: none;
    }
    table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
        background-color: #e30714!important;
        color: white!important;
    }
    .px30{
        padding-left: 10px;
        padding-right: 10px;
    }
    .card .p30{
        padding: 15px;
    }
    .table td, .table th {
        font-size: 0.7rem;
    }
}

@media (max-width: 470px){
    .ml5{
        margin-left: 0;
    }
    .centerItems{
        display: table;
        margin: auto;
        width: auto;
        float: none;
    }
    .centerItem{
        display: table;
        margin: 5px auto;
        width: auto;
        float: none!important;
    }
    h1, .h1{
        margin-bottom: 5px;
        font-size: 1.6rem;
    }
    h5, .h5 {
        font-size: 0.8rem;
        letter-spacing: 0;
    }
    .btn{
        margin: 2px!important;
        font-size: 11px;
        padding: 5px 4px;
    }
    .h36{
        margin: 0px!important;
    }
    .mobile-right{
        float: right!important;
    }
    table.dataTable tr.child ul{
        width: 100%;
    }
}

@media screen and (max-width: 1300px) {
    #tableBootstrap {
        border: 0;
    }
    #tableBootstrap caption {
        font-size: 1.3em;
    }
    #tableBootstrap thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    #tableBootstrap tr {
        display: block;
        margin-bottom: .625em;
    }
    #tableBootstrap td:first-child{
        display: none;
    }
    #tableBootstrap td {
        display: block;
        font-size: .8em;
        text-align: right;
        padding: 10px 5px 0 5px;
        width: 50%;
        float: left;
    }
    #tableBootstrap td:before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        margin-bottom: 10px;
    }
    #tableBootstrap td:last-child {
        border-bottom: 0;
    }
}
@media screen and (max-width: 700px) {
    #tableBootstrap td {
        padding: 10px 0px 0 0px;
        width: 100%;
        float: left;
    }
    .pagination li{
        display: none;
    }
    .pagination li:first-child{
        display: block;
    }
    .pagination li:last-child{
        display: block;
    }
}