.card-stats .card-body
{
    padding: 0.5rem 0.7rem;
}


.footer .copyright
{
    font-size: .6rem !important;
}

.breadcrumb {
    margin-bottom: 1rem;
    padding: 0.5rem 0.5rem;
    font-size: 0.6rem !important;
}

.form-group {
    margin-bottom: 1.0rem;
}

/*.form-control {
    height: calc(2.55rem + 1px);
    padding: .125rem .65rem;
    }*/

    .table td, .table th {
        white-space: normal;
    }

    .table-sm th, .table-sm td {
        padding: .3rem;
    }

    .column-50 {
     width: 50%;
 }


 @media (min-width: 768px)
 {
    .navbar-vertical.navbar-expand-md
    {
        max-width: 250px !important;
    }
}

.form-control-xl {
    font-size: 0.9rem;
    line-height: 1.5;
    display: block;
    width: 100%;
    height: calc(1.75rem + 2px);
    padding: .2rem .65rem;
    transition: all .2s cubic-bezier(.68, -.55, .265, 1.55);
    color: #8898aa;
    border: 1px solid #cad1d7;
    border-radius: .375rem;
    /*background-color: #fff;*/
    background-clip: padding-box;
    box-shadow: none;
}

.form-control {
    font-size: 0.9rem;
    line-height: 1.5;
    display: block;
    width: 100%;
    height: calc(2.15rem + 2px);
    padding: .4rem .75rem;
    transition: all .2s cubic-bezier(.68, -.55, .265, 1.55);
    color: #8898aa;
    border: 1px solid #cad1d7;
    border-radius: .375rem;
    /*background-color: #fff;*/
    background-clip: padding-box;
    box-shadow: none;
}

.form-group {
    margin-bottom: 0.8rem;
}

.card-header {
    padding: 0.6rem 1.5rem !important;
}

.btn {
 box-shadow: none !important; 
}

.page-item.active .page-link {
    box-shadow: none !important;
}

.table th, .table td {
 padding: 0.6rem !important; 
}

h2, .h2 {
    font-size: 1.0rem;
}

h3, .h3 {
    font-size: 0.9rem;
}

h4, .h4 {
    font-size: 0.9rem;
}

.scope-font {
    font-size: 0.8rem !important;
}

.modal-body {
    padding: 0rem 1.5rem !important;
}

.modal-footer {
    padding-top: 0rem !important;
}

.alert {
    padding: 0.7rem 1.5rem !important;
}

.footable.table {
    margin-bottom: 0px !important;
}

.badge-info {
    color: #fff;
    background-color: #11cdef;
}
.badge-warning {
    color: #fff;
    background-color: #fb6340;
}

.badge-inactive {
    color: #fff;
    background-color: #ffd600;
}
.badge-success {
    color: #fff;
    background-color: #2dce89;

}

.badge-total {
    color: #fff;
    background-color: #8965e0;

}

@media (min-width: 576px)
{
    .p-5 {
        padding: 0rem;

    }
}

.modal {
    overflow: auto !important;
}

.legend-label span {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    display: inline-block;
    margin-right: .5rem;
}

/* color */
.bg-red { background-color: #fc381d;}
.bg-pink { background-color: #e91e63;}
.bg-purple { background-color: #9c27b0;}
.bg-deepPurple { background-color: #673ab7;}
.bg-indigo { background-color: #3f51b5;}
.bg-blue { background-color: #3794fc;}
.bg-lightBlue { background-color: #03a9f4;}
.bg-cyan { background-color: #00bcd4;}
.bg-teal { background-color: #009688;}
.bg-green { background-color: #51c81c;}
.bg-lightGreen { background-color: #8bc34a;}
.bg-lime { background-color: #cddc39;}
.bg-yellow { background-color: #ffeb3b;}
.bg-amber { background-color: #ffc107;}
.bg-orange { background-color: #fcb41d;}
.bg-deepOrange { background-color: #ff5722;}

.roundy {
    border-radius: 50px;
}

.dot {
    text-align: center;
    padding: 5px;
    border-radius: 50%;
    color: #ffffff;
    vertical-align: middle;
}