/**********************************************
 * BACKGROUND *********************************
 **********************************************/
.bg-primary {
    background-color: #3697d9 !important;
}

.bg-shadow-dark {
    background-color: rgba(0, 0, 0, .1);
}

.bg-shadow-light {
    background-color: rgba(255, 255, 255, .1);
}

.bg-shadow-dark {
    background-color: rgba(0, 0, 0, .1);
}

.bg-shadow-light {
    background-color: rgba(255, 255, 255, .1);
}

.bg-primary-washed {
    background-color: #b2c6db;
}

.bg-semi-light {
    background-color: #d2d3d4 !important;
  }

/**********************************************
 * TEXT ***************************************
 **********************************************/
.text-default {
    color: #3697d9 !important;
}

.text-light-blue {
    color: #49aff3 !important;
}

.text-light {
    color: #FFFFFF !important;
}

.text-dark.text-hover-default:hover,
.text-hover-default:hover {
    color: #3697d9 !important;
}

.text-grey{
    color: #737272 !important;
}

/**********************************************
 * BUTTON *************************************
 **********************************************/
.btn-primary {
    color: #FFFFFF;
    background-color: #3697d9;
    border-color: #3697d9;
}

.btn-primary:hover {
    color: #FFFFFF;
    background-color: #4676A6;
    border-color: #4676A6;
}

.btn-primary.focus,
.btn-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(54, 151, 217, .5);
}

.btn-primary:not([disabled]):not(.disabled).active,
.btn-primary:not([disabled]):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    color: #FFFFFF;
    background-color: #4676A6;
    border-color: #4676A6;
    box-shadow: 0 0 0 .2rem rgba(54, 151, 217, .5);
}

/*********************************************
* BORDER *************************************
**********************************************/
.bordered {
    border-color: #F1F1F1;
}

.border-b-default {
    border-bottom-color: rgba(54, 151, 217, .15) !important;
}

/*********************************************
* OTHERS *************************************
**********************************************/

.color-alert{
    color: #ffc107 !important;
}

.color-success{
    color: #28a745 !important;
}

.color-error{
    color: #dc3545 !important;
}

.color-info{
    color: #17a2b8 !important;
}