.white_bg{ background-color: #ffffff !important; color: #000;}
.wbox{ background-color: #ffffff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); color: #2e384d; }
.bluebox{ background-color: #43a4d3; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); color: #fff; }
.white-box{ background-color: #ffffff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); color: #2e384d; }
.white-box .icon i{ color: #89cae8; }
.white-box:hover{ background-color: #d6f2ff;}
.leftnav{background-color: #30424b; color: #ffffff;}
.navbar .logo{width: 300px; padding: 5px 10px;}
.navbar .logo img{ width: 100%;}
.br-5{border-radius: 5px}
.br-10{border-radius: 10px}
.br-20{border-radius: 20px}
.br-30{border-radius: 30px}
.br-40{border-radius: 40px}
.br-50{border-radius: 50px}
.p10{padding: 10px;}
.p20{padding: 20px;}
.p30{padding: 30px;}
.p40{padding: 40px;}
.p50{padding: 50px;}

.mb-10{margin-bottom: 10px}
.mb-20{margin-bottom: 20px}
.mb-30{margin-bottom: 30px}
.mb-40{margin-bottom: 40px}
.mb-50{margin-bottom: 50px}

.h130{min-height: 130px}

.mb-20{margin-bottom: 20px;}
.border0{ border: 0px !important;}
.borderright{border-right: #797979 solid 1px;}

.btn1{ background-color: #3fa4d3; color: #fff; font-size: 14px; }
.btn2{ background-color: #fff; color: #3fa4d3; font-size: 14px; border: #3fa4d3 solid 1px; }
.btn2:hover{ background-color: #3fa4d3; color: #fff; font-size: 14px; border: #3fa4d3 solid 1px; }

.d-block{display: inline-block; width: 150px; padding: 5px 20px;}

h1{ font-size: 30px; font-weight: 600; color: #000000; font-family: 'Montserrat', sans-serif;}
h2{ font-size: 26px !important; font-weight: 600 !important; color: #000000 !important; font-family: 'Montserrat', sans-serif !important; }
h3{ font-size: 20px; font-weight: 600; color: #000000; font-family: 'Montserrat', sans-serif; }
h4{ font-size: 18px; font-weight: normal; color: #000000; font-family: 'Montserrat', sans-serif; }

.border1{border: #c5c7c7 solid 1px; background-color: #fff;}

/*.sidebar{background-color: #30424b !important;}*/


.userinfo{ position: relative;}
.userinfo button{ width: 180px; margin: 5px 10px; box-shadow: none !important; text-align: left;}
.userinfo p{white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; font-size: 14px; max-width: 200px; color: #000; margin-bottom: 0px; margin-top: 5px;}
.userinfo small.points{ color: #919191}

#instructions{position: relative; color: #30424b}
#instructions .topbg{background-color: #30424b; padding: 5px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); color: #fff;}
#instructions .topbg h2{color: #fff !important; margin: 0px; padding: 10px 0; font-size: 24px !important;}
#instructions .bodycopy{padding: 20px;}
#instructions .bodycopy p a.ctalink{color: #41a4d4; font-size: 20px; font-weight: 500; text-decoration: none; margin-top: 20px; display: block;}
#instructions .bodycopy p a.ctalink:hover{ color: #30424b}
#instructions .bodycopy .content{position: relative; padding: 0px}
#instructions .bodycopy .content h4{font-weight: 600; font-size: 14px; margin-bottom: 20px; text-decoration: underline;}
#instructions .bodycopy .content ol{padding: 0px; margin: 0px 0 0 15px; font-size: 14px;}
#instructions .bodycopy .content ol li{margin-bottom: 10px}
#instructions .bodycopy .content ol li p{margin: 5px 20px }
#instructions .bodycopy .content ol li p span{display: inline-block; width: 30px; height: 30px; /*    background-color: #eee;*/ /* float: left; */ margin-right: 10px; border: #000 solid 1px; border-radius: 5px;}

#instructions .begin{position: relative; padding: 20px;}
#instructions .begin p {margin-bottom: 15px;}
#instructions .begin p select{margin-left: 30px;}
#instructions .begin h3{color: #41a4d4; font-size: 20px; font-weight: 500; text-decoration: none; margin-top: 20px; display: block;}

#instructions{ position: relative;}
#instructions .userprofile{padding-top: 150px;}
#instructions .userprofile h3{font-size: 17px; font-weight: 600; text-decoration: underline; padding: 0px; margin: 10px 0px 20px;}


.yellowbar{background-color: #ffbd54 !important;}
.greenbar{background-color: #8fcb26 !important;}
.redbar{background-color: #e54507 !important;}
.lightbar{background-color: #e8e8e8 !important;}
.bluebar{background-color: #9f73c7 !important;}

@media only screen and (max-width: 500px) {
    
    
    
    
}