.blue { color: #007bff; }
.indigo { color: #6610f2; }
.purple { color: #6f42c1; }
.pink { color: #e83e8c; }
.red { color: #dc3545; }
.orange { color: #fd7e14; }
.yellow { color: #ffc107; }
.green { color: #28a745; }
.teal { color: #20c997; }
.cyan { color: #17a2b8; }
.white { color: #fff; }
.black { color: #000; }
.gray { color: #6c757d; }
.gray-dark { color: #343a40; }
.primary { color: #5867dd; }
.secondary { color: #e1e1ef; }
.success { color: green; }
.info { color: #5578eb; }
.warning { color: #ffb822; }
.danger { color: #DB4437; }
.light { color: #f8f9fa; }
.dark { color: #343a40; }

.bg-blue { background-color: #007bff; }
.bg-indigo { background-color: #6610f2; }
.bg-purple { background-color: #6f42c1; }
.bg-pink { background-color: #e83e8c; }
.bg-red { background-color: #dc3545; }
.bg-orange { background-color: #fd7e14; }
.bg-yellow { background-color: #ffc107; }
.bg-green { background-color: #28a745; }
.bg-teal { background-color: #20c997; }
.bg-cyan { background-color: #17a2b8; }
.bg-white { background-color: #fff; }
.bg-gray { background-color: #6c757d; }
.bg-gray-dark { background-color: #343a40; }
.bg-primary { background-color: #5867dd; }
.bg-secondary { background-color: #e1e1ef; }
.bg-success { background-color: green; }
.bg-info { background-color: #5578eb; }
.bg-warning { background-color: #ffb822; }
.bg-danger { background-color: #DB4437; }
.bg-light { background-color: #f8f9fa; }
.bg-dark { background-color: #343a40; }


.label { padding: .3rem 1rem; }
.label-blue { color: #007bff; background-color: #007bff15; }
.label-indigo { color: #6610f2; background-color: #6610f215; }
.label-purple { color: #6f42c1; background-color: #6f42c115; }
.label-pink { color: #e83e8c; background-color: #e83e8c15; }
.label-red { color: #dc3545; background-color: #dc354515; }
.label-orange { color: #fd7e14; background-color: #fd7e1415; }
.label-yellow { color: #ffc107; background-color: #ffc10715; }
.label-green { color: #28a745; background-color: #28a74515; }
.label-teal { color: #20c997; background-color: #20c99715; }
.label-cyan { color: #17a2b8; background-color: #17a2b815; }
.label-white { color: #fff; background-color: #ffffff15; }
.label-gray { color: #6c757d; background-color: #6c757d15; }
.label-gray-dark { color: #343a40; background-color: #343a4015; }
.label-primary { color: #5867dd; background-color: #5867dd15; }
.label-secondary { color: #e1e1ef; background-color: #e1e1ef15; }
.label-success { color: #0abb87; background-color: #0abb8715; }
.label-info { color: #5578eb; background-color: #5578eb15; }
.label-warning { color: #ffb822; background-color: #ffb82215; }
.label-danger { color: #DB4437; background-color: #DB443715; }
.label-light { color: #f8f9fa; background-color: #f8f9fa15; }
.label-dark { color: #343a40; background-color: #343a4015; }

.ltr { direction: ltr; }
.no-decoration { text-decoration: none; }
.no-decoration:hover { text-decoration: none; }
.no-resize { resize: none; }
.v-middle { vertical-align: middle; }
.v-top { vertical-align: top; }
.pointer {  cursor: pointer; }

.w100p { width: 100%; }
.w25p { width: 25%; }
.w20p { width: 20%; }
.w25 { width: 25px; }
.w40 { width: 40px; }
.w50 { width: 50px; }
.w75 { width: 75px; }
.w85 { width: 85px; }
.w100 { width: 100px; }
.w120 { width: 120px; }
.w150 { width: 150px; }
.w200 { width: 200px; }
.w300 { width: 300px; }

.font-size-12 { font-size: 12px; }

.min-height-75 { min-height: 75px; }
.h100p { height: 100% }
.max-h100p { max-height: 100% }
.h45 { height: 45px; }
.h50 { height: 50px; }

.margin-top-1 { margin-top: 1px }
.margin-top-3 { margin-top: 3px; }
.margin-top-5 { margin-top: 5px; }
.padding-right-35 { padding-right: 35px; }
.padding-left-35 { padding-left: 35px; }

.pointer { cursor: pointer; }

.nowrap { white-space: nowrap; }

.padding-25 { padding: 25px; }
.padding-50 { padding: 50px; }
.padding-75 { padding: 75px; }
.padding-100 { padding: 100px; }