@media (max-width:767px){
    .hidden-xs{
        display:none!important;
    }
}
.user-image{
    width : 31px !important;
    height: 31px !important;
    margin: 0px !important;
}

.border-primary  {
    color: #007bff !important;
    font-weight: bold;
}
.border-warning  {
    color: #ffc107 !important;
    font-weight: bold;
}
.border-info     {
    color: #17a2b8 !important;
    font-weight: bold;
}
.border-danger   {
    color: #dc3545 !important;
    font-weight: bold;
}
.border-success  {
    color: #28a745 !important;
    font-weight: bold;
}
.border-indigo   {
    color: #6610f2 !important;
    font-weight: bold;
}
.border-lightblue{
    color: #3c8dbc !important;
    font-weight: bold;
}
.border-navy     {
    color: #001f3f !important;
    font-weight: bold;
}
.border-purple   {
    color: #6f42c1 !important;
    font-weight: bold;
}
.border-fuchsia  {
    color: #f012be !important;
    font-weight: bold;
}
.border-pink     {
    color: #e83e8c !important;
    font-weight: bold;
}
.border-maroon   {
    color: #d81b60 !important;
    font-weight: bold;
}
.border-orange   {
    color: #fd7e14 !important;
    font-weight: bold;
}
.border-lime     {
    color: #01ff70 !important;
    font-weight: bold;
}
.border-teal     {
    color: #20c997 !important;
    font-weight: bold;
}
.border-olive    {
    color: #3d9970 !important;
    font-weight: bold;
}

.veryweak{
    background-color: #FFA0A0;
    border-color: #F04040!important;
}
.weak{
    background-color: #FFB78C;
    border-color: #FF853C!important;
}
.medium{
    background-color: #FFEC8B;
    border-color: #FC0!important;
}
.strong{
    background-color: #C3FF88;
    border-color: #8DFF1C!important;
}

.card-background{
    background-color: #f2f2f2;
}
.max-button-append{
    width: 45px;
}
.avatar-profile{
    max-width:196px;
    width:100%
}
.avatar-table{
    max-width:55px;
    width:100%;
    border-radius: 50%;
    display: block;
    margin: auto;
}
.column-max{
    width: 125px;
    max-width: 125px;
}
.input-max{
    max-width: 100px;
    width: 100px;
}
.padding-head{
    padding: 12px !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}
.hidden{
    display: none!important;
}