body {
    /*background-image: url("/media/images/texture.jpg");*/
    background-color: #f4f4f4;
    background-size:cover;
    background-repeat:repeat;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

 main {
    flex: 1 0 auto;
}
nav .brand-logo.brand-logo-lg{
    display:none;
}
@media only screen and (max-width: 992px){
    nav .brand-logo.brand-logo-lg{
        display:inline-block;
    }
}

@media only screen and (min-width: 993px){
    nav ul a.sidenav-trigger {
        display:block;
    }
}
@media screen and (max-width: 280px) {
    nav ul a{
         padding: 0 5px;
    }
}
nav .brand-logo{
    font-size:1.5em;
}
input{
    font-size:12px !important;
    /*height:2.2rem !important;*/
}

.sidenav .collapsible-header, .sidenav.fixed .collapsible-header{
    padding: 0 32px !important;
}
.sidenav .collapsible-body li a, .sidenav.fixed .collapsible-body li a{
    padding: 0 50px;
}

.sidenav .collapsible-header i{
    font-size:24px;
}

 /*Tables custom CSS*/
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    background:none;
    background-color:#c2c2c2;
    border:none;
    color:white !important;
    font-size:12px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    background:none;
    background-color:lightgrey;
    border:none;

}
table.dataTable thead th, table.dataTable thead td{
    border-bottom: 1px solid #9e9e9e !important;
}

@media only screen and (max-width: 992px){
    table.responsive-table td{
        min-height: 2em;
    }
}
table.dataTable.no-footer{
    border-bottom: 1px solid #9e9e9e;
}

@media screen and (max-width: 640px){
    .dataTables_wrapper .dataTables_length{
        float:left !important;
        width:60px;
    }
}
@media screen and (max-width: 640px){
    .dataTables_wrapper .dataTables_filter{
        float:right !important;
        width:auto;
        margin-top: 0em;
    }
}
.dataTables_info{
    color:grey !important;
}

@media only screen and (min-width: 0){
    html {
        font-size: 12px;
    }
}

/*table tr{*/
/*    cursor:pointer ;*/
/*}*/
th { font-size: 12px; }
td { font-size: 12px; }

.containercard{
    background-color:white;
    margin:0% 10% 0% 10% !important;
    min-height: 100vh;
}
.dropdown-content li>a, .dropdown-content li>span{
    font-size: 12px;
}
 @media screen and (max-width: 640px){
    .containercard{
        margin:0 !important;
    }
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{
    border: none;
    font-family: 'Material Icons';
    content: "expand_more";
    bottom:0; left:0;top:calc(100%/2.7); border-radius: 0px;
    background-color: white;
    color:black;
    font-size:20px;
    box-shadow: none;
    width:auto;
}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before{
    background-color: none;
    font-family: 'Material Icons';
    content: "expand_less";

}
.modal-small{
    width:500px;
    height:auto;
    overflow:visible;
    max-height: 90%;
}
@media screen and (max-width: 640px){
    .modal-small{
        width:350px;

    }
}
.dataTables_length select {
    display:block;
}