/* -- Color & Background-Color -- */

.color-blue {
    color: rgb(0, 96, 112);
}

.color-light-blue {
    color: rgb(86, 169, 186);
}

.color-gray {
    color: rgb(231, 231, 232);
}

.color-dark-grey {
    color: rgb(173, 173, 178);
}

.color-yellow {
    color: rgb(243, 182, 50);
}

.bg-blue {
    background-color: rgb(0, 96, 112);
}

.bg-light-blue {
    background-color: rgb(86, 169, 186);
}

.bg-grey {
    background-color: rgb(231, 231, 232);
}

.bg-dark-grey {
    background-color: rgb(173, 173, 178);
}

.bg-light-grey {
    background-color: rgb(210, 211, 213);
}

.bg-yellow {
    background-color: rgb(243, 182, 50);
}

.bg-red {
    background-color: rgb(187, 11, 36);
}

.bg-green {
    background-color: rgb(76, 169, 44);
}

.border-gradient {
    margin-top: 10px;
    border: 0;
    height: 5px;
    background-image: -webkit-linear-gradient(left, rgb(0, 96, 112), rgb(86, 169, 186));
    background-image: -moz-linear-gradient(left, rgb(0, 96, 112), rgb(86, 169, 186));
    background-image: -ms-linear-gradient(left, rgb(0, 96, 112), rgb(86, 169, 186));
    background-image: -o-linear-gradient(left, rgb(0, 96, 112), rgb(86, 169, 186));
}

.gradient {
    background-image: -webkit-linear-gradient(left, rgb(0, 96, 112), rgb(86, 169, 186));
    background-image: -moz-linear-gradient(left, rgb(0, 96, 112), rgb(86, 169, 186));
    background-image: -ms-linear-gradient(left, rgb(0, 96, 112), rgb(86, 169, 186));
    background-image: -o-linear-gradient(left, rgb(0, 96, 112), rgb(86, 169, 186));
}

/* END -- Color & Background-Color -- END */