#main { padding: 10px 20px 10px; min-height:80vh;}
@media (min-width: 1200px) {
    #main, #footer { margin-left: 0px; }
}
.section {min-height:71vh;}
.btn-group-xs > .btn, .btn-xs { padding: .50rem .4rem; font-size: .875rem; line-height: .5; border-radius: .2rem; }
.pagetitle { margin-bottom: 0px!important;}
.required:after { content:"*"; color:red; }

.header-nav .notifications .notification-item { padding: 5px 0px !important; }
.header-nav .notifications .notification-item h4 { margin-bottom: 5px; }
.header-nav .notifications .notification-item p { margin-bottom: 3px; }

.dashboard .card { padding:0px!important; }
.dashboard .card-title { padding:0.1rem!important; padding-top:0.2rem!important; }
.card-title { padding:0.1rem!important; padding-top:0.2rem!important; border-bottom:1px solid;}
.dashboard .card-icon { font-size: 25px; width: 40px; height: 40px; }
.dashboard .info-card h6 { font-size: 22px; font-weight: 700; }
.card-header {padding:0.5rem;}
.card-body {padding:0.5rem;}
.customers-card {width:100%;}

.customers-card {width:100%; overflow: hidden;}
.customers-card .card-title {
    font-size:16px;
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}