:root {
    --orange: #db6c00;
    --lightgrey: #faf0e6;
    --darkgrey: #4b4b4b;
    --lightgreen: #5aed5a;
}

.bg-white{
    background-color:white;
}
.bg-dark {
    background-color: #222222;
    color: white;
}
.bg-medium-dark {
    background-color: #3b3b3b;
    color: white;
}
.theme-blue {
    color: #21418c;
}
.bg-yellow {
    background-color: #dbaf37!important;
    color:white!important;
}
.blue-bg, .bg-blue {
    background-color: #476eb6;
    color: white;
}
a.btn.bg-blue:hover, .btn.bg-blue:hover {
    background-color: #3c8ac6;
    color: white;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}
a.btn.bg-yellow:hover, .btn.bg-yellow:hover {
    background-color: #ebc458;
    color: white;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}
.grey-bg {
    background-color: #efefef;
    color: #4b4b4b;
    /*height:100%;*/
}
.grey-light-bg {
    background-color: #f3f3f3;
    color: #4b4b4b;
    /*height:100%;*/
}
.grey_transparant_box {
    background-color: rgb(12, 12, 12,0.6);
}
/*.small-yellow-btn {
    background-color: #dbaf37;
    padding: 0px 3px;
}*/