/* CUSTOM FONTS INTEGRATION */
/* Proxima Nova Fonts */
@font-face {
 font-family: 'proxima_nova';
 src: url('../fonts/proximaNovaRegular.eot');
 src: url('../fonts/proximaNovaRegular.eot?#iefix') format('embedded-opentype'), url('../fonts/proximaNovaRegular.woff') format('woff'), url('../fonts/proximaNovaRegular.ttf') format('truetype'), url('../fonts/proximaNovaRegular.svg#proxima_nova_altregular') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'proxima_nova_semibold';
 src: url('../fonts/proximaNovaSemibold.eot');
 src: url('../fonts/proximaNovaSemibold.eot?#iefix') format('embedded-opentype'), url('../fonts/proximaNovaSemibold.woff2') format('woff2'), url('../fonts/proximaNovaSemibold.woff') format('woff'), url('../fonts/proximaNovaSemibold.ttf') format('truetype'), url('../fonts/proximaNovaSemibold.svg#proxima_nova_ltsemibold') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'proxima_nova_bold';
 src: url('../fonts/proximaNovaBold.eot');
 src: url('../fonts/proximaNovaBold.eot?#iefix') format('embedded-opentype'), url('../fonts/proximaNovaBold.woff2') format('woff2'), url('../fonts/proximaNovaBold.woff') format('woff'), url('../fonts/proximaNovaBold.ttf') format('truetype'), url('../fonts/proximaNovaBold.svg#proxima_nova_bold') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'proxima_nova_light';
 src: url('../fonts/proximaNovaThin.eot');
 src: url('../fonts/proximaNovaThin.eot?#iefix') format('embedded-opentype'), url('../fonts/proximaNovaThin.woff') format('woff'), url('../fonts/proximaNovaThin.ttf') format('truetype'), url('../fonts/proximaNovaThin.svg#proxima_nova_ltthin') format('svg');
 font-weight: normal;
 font-style: normal;
}
/*html, body{ height:100%;}*/

/*navbar start*/
body{font-family: "proxima_nova"; font-size:13px; background:#f6f9fc;color:#172B4D; padding-top:60px;}
body.bg{ background:url(../images/banner.png) no-repeat; background-size:cover; padding-top:0;}
.wraper {align-items: center;min-height: 83vh;position: relative;width: 100%;position: relative;}
.logInSect{min-height: 300px;max-width: 430px;width: 100%;margin:auto;display: flex; flex-wrap:wrap; margin-top:30px;}
.logo{ width:100%; text-align:center; margin:25px 0;}
.logInBox{border-radius: 6px;padding:30px 40px;min-height: 300px;max-width: 430px;overflow:hidden;width: 100%;margin:auto;background: #fff;box-shadow: 0 0 12px rgb(0 0 0 / 15%); margin:10px 0;}
.loginTitle{font-family: 'proxima_nova_bold';color: #091e44;font-size: 22px;line-height: 34px;margin-bottom:20px;}
.loginRow { float:left; width:100%; margin-bottom:15px; position:relative; margin-top:5px; }
.loginRow input { background:#fff; width:100%; border:solid 2px #b3bac5; border-radius:3px; padding:5px 10px; height:40px; }
.form-control, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="email"]:focus { box-shadow: none; border-color:#3f82db; background:#f4f5f7; }
.errorText{ font-size:12px; color:#F00;}
.signForgot { float:right; margin-top: 5px; font-size: 12px; font-family: 'proxima_nova_semibold'; }
button.loginBtn { border: solid 0px #0052cc; background:#0052cc; padding:10px 14px; text-align:center; color:#fff; border-radius:4px; float:left; width:100%; margin:0; text-transform:uppercase; font-family: 'proxima_nova_semibold'; font-size:14px; float:right; }
button.loginBtn:hover, button.loginBtn:focus { background:#0b469e; }
.copyRight { width:100%; font-size:13px; color:#fff; float:left; margin:10px auto; text-align:center; }

.topLinks{ display:flex; text-align:right; font-size:12px;left:0px; background:#fff; padding:6px 0 0;position: fixed;width: 100%; top:0; z-index:9;}
.topLinks a{ margin:0 6px;}
.topLinks li{display:inline-block; list-style:none}
.topLinks ul{float:right; width:200px;}
/* .fixed-top{ top:24px;} */
.bg-dark {background-color: #fff !important;}
.mainNav .navbar-light .navbar-nav .nav-link{ font-size:14px;padding:18px 20px 10px; color:#091e44; }
.mainNav .navbar-light .navbar-nav li:last-child a{ padding-right:0;}
.mainNav .dropdown-toggle::after{ display:none;}
.navbar-expand-md.bg-dark .navbar-nav{ padding-left:25px;}
.navbar-dark .navbar-brand{ margin-left:0px;padding-top: 0;}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show >.nav-link {color: #2196f3;}
.mainNav .navbar{padding: 10px 0 16px;}
.mainNav .navbar-nav a{font-size:14px; padding: 15px 10px; display:block;}
.navbar-brand img{ max-width:170px; width: 117px;}

.section{ float:left; width:100%; padding:40px 0;}
.section-1{ float:left; width:100%; padding:30px 0 20px;}
.homebg{background:url(../images/banner-home.png) no-repeat;    background-size: cover;}
.homebg h1{ margin:0; padding:60px 0 40px; font-weight:normal; text-align:center; color:#fff;}
.homebg h1 .bTitle-1{ display:block; font-size:40px;font-family: 'proxima_nova_light';}
.homebg h1 .bTitle-2{ display:block; font-size:50px;font-family: 'proxima_nova_bold';padding: 7px 0 15px;}
.homebg h1 .bTitle-3{ display:block; font-size:16px;}
.hBtn{ margin:0 auto; float:left; width:100%; text-align:center;}
.hBtn a{ border-radius:3px; text-align:center; color:#fff; padding:10px 25px; background:#00e226; font-size:16px;}
.hBtn a:hover{ background:#0acb2a; text-decoration:none;}

.mTitleB{ text-align:center; max-width:730px; margin:0 auto; padding:0 10px;}
.sTitle-1{ font-size:34px;font-family: 'proxima_nova_bold'; padding-bottom:5px;}
.sTitle-2{ font-size:18px;font-family: 'proxima_nova_semibold'; color:#4a4a4a; }
h2.innerTitle-1{font-size:29px;font-family: 'proxima_nova_bold'; padding-bottom:5px; margin-top:5px;}
.innerTitle-2{font-size:18px; line-height:34px; color:#4a4a4a;}
.textPdR{ padding-right:40px;}
.textPdL{ padding-left:40px;}
.cHDownload{font-size:18px; color:#777; padding-top:10px; margin-bottom:20px;}
.cHDownload a:hover{ text-decoration:underline;}
.cHDownload i{ color:#017338;}

.boxDiv1{ border-radius:10px; background:#fff; padding:40px 10px;box-shadow: 0px 1px 8px #B8C5D54D;/*max-width: 460px;*/margin-left: auto;}
.boxDiv2{ border-radius:10px; background:#fff; padding:40px 10px;box-shadow: 0px 1px 8px #B8C5D54D;/*max-width: 460px;*/margin-right: auto;}
.copyRight2{ text-align:center; font-size:13px; color:#4c4c4c; padding:10px;}

.sTitle-3{font-size:38px;font-family: 'proxima_nova_bold'; padding-bottom:5px;}
.sTitle-3 span{font-family: 'proxima_nova_light';}
.sTitle-4{ font-size:16px; color:#4c4c4c;}
.dAList{ display:inline-block; border-radius:100px; background:#fff; border:solid 1px #2196f3; padding:6px 12px; font-size:16px; color:#2196f3; margin:10px; cursor:pointer;}
.dAList i{ font-size:20px; margin-right:8px; float:left; margin-top:2px;}
.dAList .fa-circle{ color:#2196f3;}
.dAList .fa-check-circle{ display:none; color:#fff;}
.dAList:hover{background:#2196f3; color:#fff;}
.dAList:hover i{ color:#fff;}
.dAList.active { background:#2196f3; color:#fff;}
.dAList.active .fa-circle{ display:none;}
.dAList.active .fa-check-circle{ display:inline-block;}

.uploadB{ max-width:940px; background:#fff;box-shadow: 0px 1px 5px #00000029; min-height:100px; padding:50px; margin:0 auto; margin-top:60px;}
.dUpload{ display:flex; width:100%;font-size:16px;}
.uploadinfo{ border-radius:4px; background:#eee; padding:10px; height:50px; width:60%;}
.attchFile{ margin-left:-5px; border-radius:4px; height:50px; width:140px; background:#2e4465; color:#fff; text-align:center; line-height:50px; position:relative; overflow:hidden;}
.attchFile input{position: absolute;padding: 10rem;margin: -5rem;left: 0;top: 0; cursor:pointer; z-index:1;}

.runBtn{ border-radius:4px; height:50px; width:180px; background:#2e4465; color:#fff; text-align:center; line-height:50px; margin-left:10px; border:none;}
.runBtn i{ margin-left:5px;}
.innerTitle-3{ font-size:20px;font-family: 'proxima_nova_bold'; text-align:left; }
ul.instList{text-align:left;  margin:10px 0 0 15px; padding:0;}
ul.instList li{ list-style-type:none; padding:6px 10px; font-size:16px; color:#4a4a4a;}
ul.instList li i{ float:left; margin-left:-25px; color:#2196f3; margin-top:3px;}

.submitSuccess{ padding:100px 0; text-align:center; font-size:38px;font-family: 'proxima_nova_light'; max-width:760px; margin:0 auto;}
.submitSuccess i{ display:block; color:#2196f3; margin-bottom:15px; font-size:60px;}
.submitSuccess span{font-family: 'proxima_nova_bold';}
.chart-wrapper{display: flex;flex-wrap: wrap;}
.tableList{ max-width:900px; margin:30px auto 0; }
.tableList table{ border:0; width:100%; border-collapse: collapse; table-layout: fixed;}
.tableList table tr th{ font-size:14px;font-family: 'proxima_nova_semibold'; font-weight:normal; padding:8px 5px;}
.tableList table tr td{ font-size:14px; font-weight:normal; color:#4a4a4a;padding:8px 5px;}
.tableList table tr { border-bottom:solid 1px #c7d6e5;}
.cHDownload i{ font-size:14px;}
.bg .header-block{display:none}
.bg .copyRight2{display:none}
.form-control.ng-invalid.ng-touched{border:1px solid #ff0000;}
.content-container{padding-top:10px;}
.content-container #yes-button{margin-top:10px;background: #0b469e;}
.header-block .mat-button{line-height:18px;}
.fixed-top{z-index:999}
.dAList{position:relative}
.section-1 li input[type='checkbox']{position:absolute; top: 11px;left: 16px;opacity: 0;}
.section-1 li{display:inline-block}
.section-1 li  input[type='checkbox']:checked+label{background: #2196f3; color: #fff;}
.section-1 li  input[type='checkbox']:checked+label .fa-check-circle{display:block}
.section-1 li  input[type='checkbox']:checked+label .fa-circle{display:none}
.main-content{clear:both; width:100%}
.ancorlink{ color:#007bff !important; cursor:pointer}
.boxDivim1.boxDiv1,.boxDiv2.boxDivim8,.boxDiv1.boxDivim2,.boxDiv2.boxDivim3,.boxDiv1.boxDivim4,.boxDiv1.boxDivim6,.boxDiv2.boxDivim7,.boxDiv2.boxDivim5{padding:20px 10px; text-align:center}
.boxDivim1 img{width:170px; }.boxDivim8 img{width:285px;}.boxDivim2 img{width:250px;}
.boxDivim3 img{width:339px;}.boxDivim6 img{width:220px;}.boxDivim7 img{width:261px;}.boxDivim5 img{width:318px}.boxDivim4 img{height:205px}
.btn{padding: 1px 9px;}
.dropdown-menu{ right:0px; left:auto}
.genderblock{ margin:15px 10px;}
.genderblock span strong{width:200px; display:inline-block; margin-right:10px;}
.chartblock {background: #fff;box-shadow: 0px 1px 5px #00000029; min-height: 100px; padding: 20px; width: 48%; margin:10px;float: left;}
.chartblock  h2{font-size:15px; margin-bottom: 15px; border-bottom: 1px solid #edf1f6; padding: 0px 0 16px 0px;font-weight:bold;}
.modal-dialog{width: 650px; max-width: 650px}
.chartblock1{width:98%;}
.modal-body{height: 460px; overflow-y: scroll;}
.modal-title{font-size:18px;}
.modal-body .tableList {margin-top:0px;}
.btn-back{width:68px;height:33px;border-radius:3px;border:1px solid #b0c2d5; padding:6px 20px; text-decoration:none;color:#172b4d;font-size:13px;font-weight:400; margin-right:8px;}
.btn-back:hover{ text-decoration:none;}
.btn-export{border:1px solid #026cce; padding:6px 16px;border-radius:3px; text-decoration:none;color:#172b4d;font-size:13px;font-weight:400; margin-right:8px;}
.btn-export:hover{ text-decoration:none;}
.btn-pdfReport{ border:0px;background:#026cce; padding:6px 16px; border-radius:3px; text-decoration:none;color:#ffffff;font-size:13px;font-weight:400;margin-left: -1px;}
.btn-pdfReport:hover{ text-decoration:none; color:#ffffff}
.company-details{ margin:24px 0px; overflow:hidden;padding: 0 0 0 40px;}
.company-details ul{ list-style:none; margin:0; padding:0;}
.company-details li{ float:left; margin-right:44px;}
.company-details span{display:block; color:#7c7c7c; font-size:13px}
.company-details strong{ color:#333333; font-size:13px;}
.chartblock{background: #fff;box-shadow: 0px 1px 5px #00000029;
min-height:360px;padding:20px;width: 550px;margin:20px 0px 0px;float: left; border-radius:10px; border:1px solid #d1d9e2}
.chartblock h2{font-size:16px; color:#333333; font-weight:bold}
.chartblock1{background: #fff;box-shadow: 0px 1px 5px #00000029;
min-height:360px;padding:20px;width: 100%;margin:20px 0px 0px; border-radius:10px; border:1px solid #d1d9e2}
.chartblock1 h2{font-size:16px; color:#333333; font-weight:bold; }
.chartblock1 span{color:#7c7c7c; font-size:13px;  margin-left:20px}
.chartblock1 strong{color:#333333; font-weight:bold; font-size:16px}
.chart-body{   min-height:300px}
.tableList1{ max-width:100%; margin:24px auto 0; min-height:300px;}
.tableList1 table{ border:0; width:100%;}
.tableList1 table tr th{ font-size:14px;font-family: 'proxima_nova_semibold'; font-weight:normal; padding:14px 0;}
.tableList1 table tr td{ font-size:14px; font-weight:normal; color:#4a4a4a;padding:5px 0;}
.tableList1 table tr { border-bottom:solid 1px #c7d6e5;}
.tableList1 table tr:last-child { border-bottom:none;}
.tableList1 table tr th:first-child {font-size: 14px; font-family: 'proxima_nova_bold';}
.company-icon{float:left;margin: 0 10px 0 0;}
.excel-icon{ margin-right:8px; padding-bottom:3px}
.pdf-icon{margin-right:8px; padding-bottom:3px}
.companyTitle h2 span{    display: block;
    padding-left: 40px;}
.companyTitle span{color:#7c7c7c;font-size:13px}
@media (max-width:766px){
	.container {max-width: 90%; padding:0;}
	.dAList{ font-size:14px;}
	.dAList i{ font-size:18px;}
	.textPdL, .textPdR{ padding:0;}
}

@media (max-width:575px){	
	.container {max-width: 90%;}
	.boxDiv1{ margin:0;}
	.section-1{ padding:30px 0;}
	h2.innerTitle-1{ font-size:26px;}
	.topLinks .container{ padding-right:0;}
	.dAList{ margin:10px 0; width:49%; text-align:left; display:inline-flex; line-height:16px;}
	.dAList i{ margin-top:-2px;}
}
	
.mat-simple-snackbar-action button {
	border: grey solid;
}

#outer{
	width: 100%;
	text-align: center;
}
.inline{
	display: inline-block;
}
button.formBtn { border: solid 0px #0052cc; background:#0052cc; padding:10px 14px; text-align:center; color:#fff; border-radius:4px; float:left; width:47%; margin-right:8px; text-transform:uppercase; font-family: 'proxima_nova_semibold'; font-size:14px; }
button.formBtn:hover, button.loginBtn:focus { background:#0b469e; }
button.formBtn1 { padding:6px 11px; text-align:center; color:#fff; border-radius:4px; float:left; width:47%; margin-right:8px; text-transform:uppercase; font-family: 'proxima_nova_semibold'; font-size:14px; }
button.formBtn1.blue:hover { background:#0b469e; }
button.formBtn1.red:hover{ border: solid 0px #ba0a22; background:#ba0a22; }

.formBtn1.blue{ border: solid 0px #0052cc; background:#0052cc; }
.formBtn1.red{ border: solid 0px #e2102b; background:#e2102b; }