/* Colors */
.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;
}
.gray {
    color:#6c757d;
}
.gray-dark {
    color:#343a40;
}
.primary {
    color:#007bff;
}
.secondary {
    color:#6c757d;
}
.success {
    color:#28a745;
}
.info {
    color:#17a2b8;
}
.warning {
    color:#ffc107;
}
.danger {
    color:#dc3545;
}
.light {
    color:#f8f9fa;
}
.dark {
    color:#343a40;
}

.header-link > a {
    /* font-weight: 200; */
    color: white;
}

a:hover {
color: #17a2b8 !important;
text-decoration: none;
}

.header-color {
    background-color: inherit !important;
    color: #04f7ed !important;
    font-size: 15px !important;
}

.nav-border {
    border-bottom: 1px solid #4b545c;
    margin-top: 10px;
    margin-bottom: 8px;
}

.nav-border-bottom {
    border-bottom: 1px solid #4b545c;
}

.nav-border-top {
    border-top: 1px solid #4b545c;
}

.download-orange-btn {
    background: #FF4500;
    color: #fff;
    font-size: 15px;
}

.download-green-btn {
    background: #008000;
    color: #fff;
    font-size: 15px;
}

.download-blue-btn {
    background: #4169E1;
    color: #fff;
    font-size: 15px;
}

/* Start Color Picker */
.input-group-addon {
    padding: 3px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.colorpicker-element .input-group-addon i {
    height: 25px !important;
    width: 25px !important;
}

.colorpicker-saturation {
    cursor: context-menu !important;
}

.colorpicker-alpha, .colorpicker-hue {
    cursor: context-menu !important;
}

/* End Color Picker */

/* select 2  */
.select2-container--default .select2-selection--single {
    height: 38px;
    border: 1px solid #ced4da;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
}

.badge-purple {
    background-color: #5a3286;
    color: #fff;
}

.badge-orange {
    background-color: #FF4500;
    color: #fff;
}

.badge-magenta {
    background-color: #6b495d;
    color: #fff;
}

.badge-cyan {
    background-color: #215a6c;
    color: #fff;
}