/* PALETTE:

    #2A92C6 | Main
    #1E648E | Main (darker)
    #dc3545 | Danger
    #802121 | Danger (darker)
    #444444 | Header bg
    #EEEEEE | Tint
    #F3F3F3 | Light
    #232323 | Shade
*/

/************************
    Main color
*/
.crtf-background-main,
/* select list overrride */
#wrapper .dropdown-item:active,
#wrapper .dropdown-item.active {
    background: #2A92C6;
}

.btn.btn-primary:hover, .btn.btn-primary:active {
    background: #2A92C6 !important;
}

.crtf-color-main,
#wrapper .crtf-color-main,
/* Special case for back arrows */
.back-arrow:hover, .back-arrow:focus {
    color: #2A92C6;
}

.img-thumbnail:hover {
    color: #2A92C6;
}

/* special case for loading spinner */
.loading-spinner {
    border-top-color: #2A92C6 !important;
}

.btn:not(.fa):focus, .page-link:focus {
    box-shadow: 0px 0px 7px #2A92C6 !important;
}

/************************
    Main color (darker) 
*/

/* Assign primary button */
.btn.btn-primary,
/* data-tables overrides */
.table > thead > tr {
    background: #1E648E;
}

.crtf-ctrl-button, .crtf-ctrl-button:hover, .crtf-ctrl-button:focus {
    color: #1E648E;
}

/************************
    Secondary color 
*/
/************************
    Secondary color (darker)
*/

/************************
    Danger color 
*/
.btn.btn-danger {
    background: #dc3545;
}
.field-validation-error {
    color: #dc3545;
}

/************************
    Danger color (darker)
*/
.btn.btn-danger:hover, .btn.btn-danger:active {
    background: #802121;
}
.error-message {
    color: #802121 !important;
}
.btn.btn-danger {
    border-color: #802121;
}

/************************
    Header color
*/
.crtf-header-colors {
    background: #444444;
    color: white;
}

/************************
    Gray tint
*/
.crtf-color-gray {
    color: #6a6a6a;
}
.crtf-background-gray {
    background: #6a6a6a;
}
.crtf-border-gray {
    border-color: #6a6a6a;
}

.btn.btn-outline-secondary {
    color: #6a6a6a;
    background: white;
    border-color: #414141;
}
.btn.btn-outline-secondary:hover, .btn.btn-outline-secondary:active {
    color: white;
    background: #6a6a6a;
}


/************************
    Medium gray tint
*/

.crtf-border-medium-gray {
    border-color: #989898;
}

/************************
    Light gray tint 
*/
.crtf-color-tint {
     color: #EEEEEE;
}
.crtf-background-tint {
    background-color: #EEEEEE;
}
.crtf-border-tint {
    border-color: #EEEEEE;
}
/************************
    Lighter gray tint
*/
.crtf-background-light,
/* data-table override */
.table .unactive {
    background-color: #F3F3F3;
}

.loading-spinner {
    border-color: #F3F3F3;
}

/************************
    White tint 
*/
.crtf-color-light,
/* select list overrride */
.bootstrap-select .dropdown-item:active,
.bootstrap-select .dropdown-item.active,
/* data-table override */
.table > thead > tr {
    color: #F3F3F3;
}

/************************
    Black tint 
*/
.crtf-color-shade {
    color: #232323;
}
.crtf-background-shade {
    background-color: #232323;
}
.btn.btn-primary {
    border-color: #232323 !important;
}


/* something */

.e-mark { /* E1 */
    background: #fbf4d9;
    color: #333;
}
.table-hover .e-mark:hover {
    background: #e7e2cf;
}

/* special for pagination */
.page-item.active .page-link {
    background: #EEEEEE;
    border-color: #dee2e6;
    color: #232323;
}
.page-item.active .page-link:hover, .page-link:hover {
    background: #1E648E;
    color: #EEEEEE;
}
.page-link {
    color: #2A92C6;
}