.brand-back-col{
    background: linear-gradient(to right,#8971ea,#7f72ea,#7574ea,#6a75e9,#5f76e8);
    color: #fff;
}

.brand-back-col:hover{
    color: #fff;
}

 .btn-group-xs > .btn, .btn-xs {
     padding: .25rem .4rem;
     font-size: .875rem;
     line-height: .5;
     border-radius: .2rem;
 }

 .btn-group-sm > .btn, .btn-sm {
     padding: .5rem .5rem;
     font-size: .875rem;
     line-height: .5;
     border-radius: .2rem;
 }


.badge-light-yellow{
    color: #000;
    background-color: #f0d218;
}

.bg-light-yellow {
    background-color: #f0d218 !important;
}



.badge-light-green {
    color: #000;
    background-color: #80d064;
}

.bg-light-green {
    background-color: #80d064 !important;
}


.badge-dark-green {
    color: #fff;
    background-color: #008c57;
}

.bg-dark-green {
    background-color: #008c57 !important;
}

.badge-cyan{
    color: #fff;
    background-color: #34abb3;
}

.bg-cyan {
    background-color: #34abb3 !important;
}

.badge-purple{
    color: #fff;
    background-color: #87316e;
}

.bg-purple {
    background-color: #87316e !important;
}



.ui-timepicker-standard a {
    border: 1px solid transparent;
    color: #1c2d41;
    display: block;
    padding: 0.2em 0.4em;
    text-decoration: none;
}

.col-fixed-300 {
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
}