body {
  font-family: 'Raleway', sans-serif;
}

.bg-light-blue {
  background-color: #2779B7;
  color:white
}

/* ************************** Blue ***********************/
.bg-blue-1 {
  background-color: #34a5ec;
  color:white
}
.bg-blue-2 {
  background-color: #2779b7;
  color:white
}
.bg-blue-3 {
  background-color: #2368b2;
  color:white
}
.bg-blue-4 {
  background-color: #1e4d9a;
  color:white
}
.bg-blue-5 {
  background-color: #163D7B;
  color:white
}

/* ************************** Blueish ***********************/
.bg-blueish-1 {
  background-color: #8095ff;
  color:white
}
.bg-blueish-2 {
  background-color: #5f72eb;
  color:white
}
.bg-blueish-3 {
  background-color: #4e63e1;
  color:white
}
.bg-blueish-4 {
  background-color: #3746a9;
  color:white
}
.bg-blueish-5 {
  background-color: #283488;
  color:white
}


/* ************************** Cyan ***********************/
.bg-cyan-1 {
  background-color: #1ed8e5;
  color:white
}
.bg-cyan-2 {
  background-color: #16bbc4;
  color:white
}
.bg-cyan-3 {
  background-color: #12989f;
  color:white
}
.bg-cyan-4 {
  background-color: #1d6d70;
  color:white
}
.bg-cyan-5 {
  background-color: #134648;
  color:white
}

/* ************************** green ***********************/
.bg-green-1 {
  background-color: #2fd78e;
  color:white
}
.bg-green-2 {
  background-color: #24aa6b;
  color:white
}
.bg-green-3 {
  background-color: #13834b;
  color:white
}
.bg-green-4 {
  background-color: #205c38;
  color:white
}
.bg-green-5 {
  background-color: #143f26;
  color:white
}

/* ************************** magenta ***********************/
.bg-magenta-1 {
  background-color: #ff80b0;
  color:white
}
.bg-magenta-2 {
  background-color: #f3649d;
  color:white
}
.bg-magenta-3 {
  background-color: #e14e85;
  color:white
}
.bg-magenta-4 {
  background-color: #a93765;
  color:white
}
.bg-magenta-5 {
  background-color: #88284a !important;
  color:white
}

/* ************************** orange ***********************/
.bg-orange-1 {
  background-color: #ffc295;
  color:white
}
.bg-orange-2 {
  background-color: #dc704d;
  color:white
}
.bg-orange-3 {
  background-color: #e1512f;
  color:white
}
.bg-orange-4 {
  background-color: #a43a20;
  color:white
}
.bg-orange-5 {
  background-color: #6b2616;
  color:white
}

/* ************************** purple ***********************/
.bg-purple-1 {
  background-color: #e779ff;
  color:white
}
.bg-purple-2 {
  background-color: #ac3fed;
  color:white
}
.bg-purple-3 {
  background-color: #8927de;
  color:white
}
.bg-purple-4 {
  background-color: #6c2eb5;
  color:white
}
.bg-purple-5 {
  background-color: #501385;
  color:white
}

/* ************************** red ***********************/
.bg-red-1 {
  background-color: #ff8080;
  color:white
}
.bg-red-2 {
  background-color: #f36464;
  color:white
}
.bg-red-3 {
  background-color: #e14e42;
  color:white
}
.bg-red-4 {
  background-color: #a93737;
  color:white
}
.bg-red-5 {
  background-color: #882828;
  color:white
}

/* ************************** Gray ***********************/
.bg-grey-1 {
  background-color: #F5F5F5;
  color:black
}
.bg-grey-2 {
  background-color: #EDEDED;
  color:black
}
.bg-grey-3 {
  background-color: #E5E5E5;
  color:black
}
.bg-grey-4 {
  background-color: #DEDEDE;
  color:black
}
.bg-grey-5 {
  background-color: #D9D9D9;
  color:black
}


.bg-dark-blue {
  background-color: #163D7B;
  color:white
}

.text-light-blue {
  color:#2779B7
}

.text-dark-blue {
  color:#163D7B !important
}

.rb-10 {
  border-radius: 10px
}

.h-500 {
  height:400px
}

.hr-white {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(255,255,255, 0.5);
}

.height-470 {
  height: 470px
}

.text-orange {
  color:#eac77d
}

.text-red {
  color:#eb1c23
}

.text-grey {
  color:#a9a9a9
}

.bg-orange {
  background-color: #eac77d;
  color:white
}

.bg-red {
  background-color: #eb1c23;
  color:white
}

.bg-grey {
  background-color: #DCDCDC;
  color:white
}


.text-blue-3 {
  color:#2368b2;
}

.custom_statistic_card
{
    position:absolute;
    left:40%;
    top:-20px;
    border-radius:50%;
}

/* ====================== Buttons ==================== */

.custom_btn_light {
  background-color: white;
  color: #165797;
  font-weight: bold;
  background-image:none !important;
  font-weight: bold !important;
}

.custom_btn_outline_light {
  background-color: transparent;
  color: #white;
  font-weight: bold;
  background-image:none !important;
  box-shadow: none;
  border: .5px solid black;
  border-color:white !important;
  cursor: pointer;
}

.custom_footer_font {
  font-size: 11px
}

.text-bold {
  font-weight: bold;
}

.input-background-color-white {
  background-color: #f1f1f1;
  color: black;
}
.input-background-color-white:focus {
  background-color: #f1f1f1;
  color: black;
}


.text-blue-1 {
  color:#34a5ec
}
.text-blue-2 {
  color:#2779b7
}
.text-blue-3 {
  color:#2368b2
}
.text-blue-4 {
  color:#1e4d9a
}
.text-blue-5 {
  color:#163D7B
}



.text-blueish-1 {
  color: #8095ff;
}
.text-blueish-2 {
  color: #5f72eb;
}
.text-blueish-3 {
  color: #4e63e1;
}
.text-blueish-4 {
  color: #3746a9;
}
.text-blueish-5 {
  color: #283488;
}


.text-cyan-1 {
  color: #1ed8e5;
}
.text-cyan-2 {
  color: #16bbc4;
}
.text-cyan-3 {
  color: #12989f;
}
.text-cyan-4 {
  color: #1d6d70;
}
.text-cyan-5 {
  color: #134648;
}

.text-green-1 {
  color: #2fd78e;
}
.text-green-2 {
  color: #24aa6b;
}
.text-green-3 {
  color: #13834b;
}
.text-green-4 {
  color: #205c38;
}
.text-green-5 {
  color: #143f26;
}

.text-magenta-1 {
  color: #ff80b0;
}
.text-magenta-2 {
  color: #f3649d;
}
.text-magenta-3 {
  color: #e14e85;
}
.text-magenta-4 {
  color: #a93765;
}
.text-magenta-5 {
  color: #88284a !important;
}

.text-orange-1 {
  color: #ffc295;
}
.text-orange-2 {
  color: #dc704d;
}
.text-orange-3 {
  color: #e1512f;
}
.text-orange-4 {
  color: #a43a20;
}
.text-orange-5 {
  color: #6b2616;
}

.text-purple-1 {
  color: #e779ff;
}
.text-purple-2 {
  color: #ac3fed;
}
.text-purple-3 {
  color: #8927de;
}
.text-purple-4 {
  color: #6c2eb5;
}
.text-purple-5 {
  color: #501385;
}

.text-red-1 {
  color: #ff8080;
}
.text-red-2 {
  color: #f36464;
}
.text-red-3 {
  color: #e14e42;
}
.text-red-4 {
  color: #a93737;
}
.text-red-5 {
  color: #882828;
}

.text-grey-1 {
  color: #F5F5F5;
}
.text-grey-2 {
  color: #EDEDED;
}
.text-grey-3 {
  color: #E5E5E5;
}
.text-grey-4 {
  color: #DEDEDE;
}
.text-grey-5 {
  color: #D9D9D9;
}

.font-bold {
  font-weight: bold;
}


.box {
border-radius: 5px;
padding: 10px;
margin: 10px 0;
}
.light {
border-color: #ffeeba;
background-color: #fff3cd;
color:#777;
/* text-align: right */
}
.box::after {
content: "";
clear: both;
display: table;
}
.box img {
float: left;
max-width: 60px;
width: 100%;
margin-right: 20px;
border-radius: 50%;
}
.box img.right {
float: right;
margin-left: 20px;
margin-right:0;
}
.time-right {
float: right;
color: #aaa;
}
.time-left {
float: left;
color: #999;
}