@charset "utf-8";
/* CSS Document */
body{margin: 0; padding: 0; font-family: 'Roboto', sans-serif; font-size: 16px; color: #222;}
*{margin: 0; padding: 0; box-sizing: border-box; font-family: 'Roboto', sans-serif; outline: none;}
.maindiv{padding: 30px 20px; float: left; width: 100%;}
a{text-decoration: none; color: #333;}
a.btn{display: block; background: #333; color: #fff; padding:15px; border-radius: 7px; text-align: center; font-weight: bold;}
a.btnsm{display: block; background: #333; color: #fff; padding:7px; border-radius: 4px; text-align: center; font-weight: bold;}
a.btnbrd{display: block; border:1px #333 solid; color: #333; padding:15px; border-radius: 7px; text-align: center; font-weight: bold;}
a.btnsmbrd{display: block; border:1px #333 solid; color: #333; padding:7px; border-radius: 4px; text-align: center; font-weight: bold;}

span.lableset{display: inline-block; background: #7ce077; border:1px #169e0f solid; color: #333; padding:7px; border-radius: 4px; text-align: center; font-weight: bold;}
span.lablenotset{display: inline-block; background: #e07c77; border:1px #b92f28 solid; color: #333; padding:7px; border-radius: 4px; text-align: center; font-weight: bold;}
.inblock{display: inline-block !important;}
h1{margin: 0 0 15px 0; padding: 0; font-size:40px;}
h2{margin: 0 0 15px 0; padding: 0; font-size:34px;}
h3{margin: 0 0 15px 0; padding: 0; font-size:30px;}
h4{margin: 0 0 15px 0; padding: 0; font-size:25px;}
h4 span{font-size:20px;}
h5{margin: 0 0 15px 0; padding: 0; font-size:20px;}
h6{margin: 0 0 2px 0; padding: 0; font-size:18px;}
h6 span{font-size:16px; font-weight: normal;}
h1.box{background: #2B2B2B; color: #fff; padding: 40px 20px; margin-bottom: 25px; text-align: center;}
img{max-width: 100%;}
.fld{float:left !important;}
.frd{float:right !important;}
.fldn{float: none !important}
.w10p{width: 10%; float: left;}
.w15p{width: 15%; float: left;}
.w20p{width: 20%; float: left;}
.w21p{width: 21%; float: left;}
.w25p{width: 25%; float: left;}
.w30p{width: 30%; float: left;}
.w31p{width: 31%; float: left;}
.w32p{width: 32%; float: left;}
.w33p{width: 33%; float: left;}
.w38p{width: 38%; float: left;}
.w40p{width: 40%; float: left;}
.w47p{width: 47%; float: left;}
.w50p{width: 50%; float: left;}
.w60p{width: 60%; float: left;}
.w62p{width: 62%; float: left;}
.w66p{width: 66%; float: left;}
.w65p{width: 65%; float: left;}
.w70p{width: 70%; float: left;}
.w75p{width: 75%; float: left;}
.w80p{width: 80%; float: left;}
.w90p{width: 90%; float: left;}
.w100p{width: 100%;}
.w48p{width: 48%; display: inline-block;}
.centertext{text-align: center;}
.righttext{text-align: right;}
.lefttext{text-align: left;}
.formbox{width: 100%; display: block;}
.formbox label,.formbox select,.formbox textarea{width: 100%; display: block; margin-bottom: 10px; font-size: 14px;}
.formbox textarea{resize: none;}
.formbox label span,.redtext{color: red;}
.formbox select,.formbox input,.formbox textarea{border:1px #999 solid; padding: 8px; font-size: 14px;}
.formbox input[type="file"]{padding: 5px;}
.mb5{margin-bottom: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}
.mt25{margin-top: 25px !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
.mb25{margin-bottom: 25px !important;}
.mb40{margin-bottom: 40px !important;}

.pl15{padding-left: 15px;}
.pr15{padding-right: 15px;}
.plr15{padding-left: 15px; padding-right: 15px;}

.pt10{padding-top: 10px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}


.mrl2p{margin-left: 2%; margin-right: 2%;}
.mrl3p{margin-left: 3%; margin-right: 3%;}
.mrl5p{margin-left: 5%; margin-right: 5%;}

.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.ml5{margin-left: 5px;}


.textlink{width: 100%; text-align: center;}
.textlink a{color: #333; text-decoration: underline;}
.textlink a:hover{text-decoration: none;}

.tabs{width: 100%;}
.tabbox{text-align: center; width: 49%; display: inline-block}
.tabtitle{font-size: 14px; margin-bottom: 5px;}
.tabprocess{width: 100%; background: #fff; border:2px #333 solid; height: 10px; border-radius: 10px; margin-bottom: 30px;}
.tabprocess.active{background: #333}

.phoneicon{margin-bottom: 7px; background: url("../images/mobile.svg") no-repeat center left; background-size: 20px; padding-left: 30px;}
.emailicon{margin-bottom: 7px; background: url("../images/email.svg") no-repeat center left; background-size: 20px; padding-left: 30px;}

.dashboardicon{width: 44%; text-align: center; float: left; margin-left: 3%; margin-right: 3%; border:1px #c2c2c2 solid; border-radius: 10px; padding:10px 15px; margin-bottom: 20px;}
.iconbox{width: 100%; height: 90px;}
.iconname{width: 100%; font-weight: bold; line-height: 24px;}
.userphoto{width: 100%; float: left; position: relative; padding-right:40px;}
.userphoto span{position: absolute; width: 30px; height: 30px; bottom:0; right: 10px;}

.brdbox{border:1px #333 solid; border-radius: 10px; padding: 10px; float: left;}
.brdbtm{border-bottom: 1px #c2c2c2 solid; padding-bottom: 20px;}