*{padding: 0;margin: 0;box-sizing: border-box;font-family: inherit;}



:root{

	--light: #909090;

	--green: #054289;
	--blue: #054289;

	--yellow: #ffcb05;

}

.center{text-align: center;}

img{max-width: 100%;}

.yellow{color: var(--yellow);}

body{font-size: 16px;font-family: 'Roboto';}

/*.header{background: url(../img/prosper-learning-scren.jpg) no-repeat center center;background-size: 100% 100%;min-height: 500px;}*/

.header{background: url(../img/prosper-learning-scren1.jpg) no-repeat center top;background-size: cover;height:/* 100% */100vh; position:relative;background-position: center center;}

header{}

.main{max-width: 100%;margin: auto;}

h1{font-size: 30px;margin-bottom: 15px;}

h2{font-size: 20px;margin-bottom: 10px;}

p{margin-bottom: 10px;color: #909090;font-weight: 500;}

a{color: var(--yellow);}



/*.inner-body{width: calc(100% - 40px);margin-right: 20px;margin-left: 20px;margin-top: -40px;background: #fff;padding: 20px 30px;border-radius: 10px;

box-shadow: 0 5px 10px 0 #e1e1e1;margin-bottom: 30px;}*/



.inner-body{/*width: calc(35% - 40px);*/margin:auto; background: #fff;padding:20px 30px;border-radius: 0;

/*box-shadow: 0 5px 10px 0 #e1e1e1;*/ margin-bottom: 10px; position:absolute; left:0; right:0;/* bottom:0;*/top:10%; /*height:210px;*/border-radius: 10px;max-width: 500px;
max-height: 400px;
width: 95%;}



.inner-body h1{margin-top: 0px; margin-bottom:0px; font-size: 22px!important;}





input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]){width: 100%;display: block;/*padding: 0px;*/border: 1px solid var(--light);

font-size: 15px;}

.form-wrapper{margin-top: 20px;margin-bottom: 10px;}

.form-wrapper label{display: block;padding-bottom: 0px;font-weight: 500;}

.form-wrapper input[type="submit"]{display: block;width: 100%;padding: 5px 0;text-align: center;margin-top: 10px;background: var(--green);

border: 1px solid var(--green);border-radius: 5px;color: #fff;font-size: 20px;margin-bottom: 15px;}

.otp-wrapper{display: flex;justify-content: space-between;}

.otp-wrapper input{width: 23% !important;min-height: 33px;text-align: center;}



.arr-back{text-align: center;}

.arr-back a{display: inline-block;height: 50px;width: 50px;text-align: center;padding-top: 8px;background: var(--green);border-radius: 50%;margin-top: 40px;}

.arr-back img{display: block;max-width: 40px;margin: auto;}



.top-header,.body{background: #fff;}

.top-header{width: 100%;padding: 0px 10px;box-shadow: 0 0 2px 0 #ccc;}

.top-header,.logo{display: flex;justify-content: space-between;align-items: center;}

.logo img{margin-right: 10px;}

/* .main-bg{background: url(../img/main-bg.jpg) no-repeat top left / cover;display: flex;flex-wrap: wrap;} */

.main-bg{background: /*url(../img/header-bg.jpg) no-repeat center center / cover;*/display: block;flex-wrap: wrap;}



.bar span{display: block;margin: 5px 0;height: 2px;width: 35px;background: #000;}

/*.bell{width: 26px;}*/

.bell{/*width: 36px; background: #f1f1f1; border-radius: 50%; height: 36px; padding:5px;*/}

.bell.hide{opacity: 0;}

.logo{margin-left: 20px;margin-right: auto;text-transform: uppercase;}

.logo img{width: 60px;}



/**---Tabs------**/

.tab-head{display: flex;justify-content: space-between;text-align: center;padding: 0 10px;}

.tab-content{width: 100%;float: left;}

/* .tabs{width: 100%;background:#054289;} */
.tabs {
  width: 100%;
  background: #39A36B;
  margin-top: 5px;
}
.tab-head li{width: 33.333%;list-style: none;}

/* .tab-head li a{display: block;padding: 20px 0;color: #fff;font-weight: 600;text-transform: uppercase;text-decoration: none;border-bottom: 3px solid transparent;} */

.tab-head li a{display: block;padding: 5px 0;color: #fff;font-weight: 400;text-transform: uppercase;text-decoration: none;border-bottom: 3px solid transparent;font-size: 18px;}





.tab-head li.active a{border-bottom-color: var(--yellow);}

.tab-content .inner{display: none;padding: 20px;}

.tab-content .inner.active{display: block;}




.progress-bar{background-color:#13447e!important;}
.progress-bar,.lists,.progress,.from-to{width: 100%;float: left; }



/*.lists{background: #fff;padding: 40px;;}*/
.lists {    background: #fff;    padding: 20px; height:100vh}
.lists .item{width: 100%;float: left;margin-bottom: 2px;padding: 10px 20px;color: #000;margin-left:5px;margin-right:5px;margin-bottom: 10px;border: 1px solid #eee;}

.lists .item:hover{
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.lists .image{float: left;width: 24%;max-width: 170px; padding-top:10px;}

.lists .content{float: left;width: 76%;padding-left: 15px; padding-top: 0px;}

.lists .content h2,.lists .content p{font-weight: 400;font-size: 17px;}

.lists .content p{font-size: 15px;color: #fff; padding-left: 5px;}

.from-to{padding: 15px 0;font-size: 13px;}

.progress-bar{border: 1px solid var(--light);border-radius: 5px;}

.progress-bar span{height: 10px;background: var(--green);display: block;width: 27%;}

.progress p{font-size: 14px;font-weight: 400;}



/*.footer{ position: fixed;/*bottom: 0;* bottom:0px; left: 0;width: 100%;z-index: 9999;background: #fff;box-shadow: 0 0 12px 0 /*#eee* #404040;border-bottom: 5px solid #39A36B;}
*/
.footer {
    position: fixed;
    /* bottom: 0; */
    bottom: 0px;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 0 12px 0 #d5d5d5;
    border-bottom: 3px solid #39A36B;
}

.footer ul{display: flex;justify-content: space-between;width: 100%;list-style: none;margin-bottom: 0;}

.footer li{width: 33.333%;text-align: center;}

.footer a{color: /*#565f70*/#404040;text-decoration: none;display: block;padding: 15px 0;}
/*.footer a img{margin: auto;height: /*30px*35px;margin-bottom: 10px;display: block;}*/
.footer a img {    margin: auto;    height: 30px;    margin-bottom: 0px;    display: block;}

.footer .active img.without-hover,.footer a img.hover{display: none;}

.footer .active img.hover{display: block;}

.footer .active a{color: var(--green);}



.body{width: 100%;float: left;min-height: 80px;padding-bottom: 80px;}

/* .indivisual-page{display: flex;justify-content: space-between;width: 100%;align-items: center;padding: 10px;text-transform: uppercase;} */

.indivisual-page{display:flex; justify-content: space-between; width: 100%; align-items: center;padding: 10px 30px;text-transform: uppercase;background: #054289;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,7db9e8+100 */
background: rgb(30,87,153); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 */
}

.indivisual-page h1{color: #fff;margin: auto;font-size: 20px;padding: 9px;}

/*.indivisual-page .back{width: 20px;}*/

.indivisual-page .back{/*background: #0f4279; border-radius: 50%; height: 40px; width: 40px; padding:8px;*/}

.indivisual-page .bell img{filter: brightness(100);display: block;}



.champ-list{width: 100%;float: left;background: #39a36b;padding: 20px 40px;}

.champ-list ul > a{width: 100%;float: left;background: #fff;margin-bottom: 10px;display: flex;

	align-items: center;justify-content: space-between;padding: 15px 20px;}

.champ-list .content{margin-right: auto;margin-left: 10px;display: flex;align-items: center;}

.champ-list .content .user-icon{width: 60px; height:60px; borde-radius:50%; margin-right: 10px;}

.champ-list .content h2{color: #505050;font-size: 15px;margin-bottom: 2px;}

.champ-list .icon{width: 30px;}

.champ-list .points p{margin-bottom: 0;color: var(--green);font-weight: 500;font-size: 15px;}



.phase{width: 100%;float: left;background: #fff;padding: 20px 40px;}

.phase > h3,.champ-list > h3{text-transform: uppercase;}

.champ-list > h3{margin-bottom: 0;background: #fff;padding-top: 20px;padding-bottom: 10px;padding-left: 20px;}

.champ-list > h3::before{content: "";float: right;min-height: 20px;width: 30px;background: url(../img/chart.png);background-size: cover;

margin-right: 20px;}

.phase > h3::after,.champ-list > h3::after{content: "";display: block;width: 50px;background: var(--yellow);height: 2px;}

.phase a{color: #000;text-decoration: none;}

.phase .list a{display: block;padding:15px /* 13px 0 */;padding-left: 60px;position: relative;  margin-top: 10px; }

.phase .list a h3{font-weight: 400;font-size: 17px;}

.phase .list a .step{position: absolute;left: 0;top: 50%;transform: translateY(-50%);height: 40px;width: 40px;border: 1px solid #e8e8e8;

background: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: /*#f5f5f5*/ #39a36b;}

.phase .list a .step *{position: relative;z-index: 1;}

.phase .list a .step::after{content: "";height: 32px;width: 32px;border: 1px solid #e8e8e8;border-radius: 50%;position: absolute;

left: 3px;top: 3px;background: #fff;z-index: 0;}

.phase .list a::before{background-color:none; content: "";height: 100%;left: 18px;top: 0;position: absolute;width: 4px;
 /* border: 1px solid #e8e8e8; */ border-bottom: 0;border-top: 0;}

.phase .list a::after{content: "";height: 1px;width: 100%;display: block;margin-top: 20px;background: #fff;position: absolute;

right: 0;width: calc(100% - 60px);bottom: 0;}

.phase .list p{margin: 0;font-weight: 400;font-size: 15px;}

.champ-list .content p{font-weight: 400;}

.phase .list a.active .step,.phase .list a.active::before {background: #00a853;}

.phase .list a.active .step,.phase .list a.active .step::after{border-color: #00a853;}

.phase .list a.active .icon p{color: #00a853;}

.phase .list a:first-child::before{top: 14px;}

.phase .list a:last-child::before{bottom: 14px;top: auto;position: absolute;right: 20px;}

.rihgt-icon{top: 40px;position: absolute;right: 20px;}

.phase .rihgt-icon::after{border-right: 1px solid #000;border-bottom: 1px solid #000;height: 24px;width: 24px;display: block;

content: "";transform: rotate(-45deg);}



.assetmt {width:100%;}

.assetmt h3{background: #fff;padding: 10px;padding-left: 20px;text-transform: uppercase;padding-bottom: 0;}

.assetmt .full .content{padding-left: 0;width: 100%;}

.assetmt .content{position: relative;}

.assetmt .forum{position: absolute;right: 20px;top: -30px;width: 50px;}

.assetmt :not(.full) .content .from-to{padding-top: 5px;}

.progress-bar.width-0 span{width: 0;}

.lists .item h4{font-weight: 400;}

.assetmt .item-with-image{padding-top: 0px;position: relative;}





.inner-page-content{width: 100%;float: left;background: #fff;padding: 20px;}

.inner-page-content h2{font-weight: 300;}

.contact-page select{padding: 10px;background: transparent;}

.contact-page input[type],.contact-page select,.contact-page textarea{border: 0 !important;width: 100%;display: block;padding-left: 0 !important;

color: #000;font-size: 18px !important;margin-bottom: 30px;border-bottom: 1px solid #ccc !important;}

.contact-page :focus{outline: none;}

.contact-page ::placeholder{font-size: 0;}

.contact-page .label{color: #b9b9b9;font-size: 16px;}

.contact-page input[type="submit"]{padding: 14px 0 !important;color: #fff;border-radius: 2px;background: var(--green);}

.contact-page input[type="submit"]:hover{background: var(--green);cursor: pointer;}



.left-nav{position: fixed;left: 0;top: 0;height: 100%;width: 100%;background: #054289;z-index: 0;}

.left-nav .logo{justify-content: center;position: relative;min-height: 70px;align-items: center;}

.left-nav .logo img{margin-left: 0;margin-right: auto;position: absolute;left: 0;top: 10px;}

.left-nav .logo span{margin: auto;}

.left-header{background: #fff;box-shadow: 0 0 3px 0 #000;position: relative;}



.left-nav-content ul{background: #fff;margin-top: 10px;list-style-type: none;}

.left-nav-content li a{display: block;padding:12px 15px;color: #000;text-decoration: none;border-bottom: 1px solid #e0e0e0;

position: relative;}

.left-nav-content li a::after{content: "";height: 10px;width: 10px;border-bottom: 1px solid #e0e0e0;

border-right: 1px solid #e0e0e0;position: absolute;right: 15px;top: 0;transform: rotate(-45deg);top: 15px;}

.left-nav-content li a img{vertical-align: middle;margin-right: 10px;width: 25px;}

/*.left-nav-content h3{
	padding-left: 15px;
	padding-top: 0;
	color: #fff;
	padding-bottom: 10px;
	text-transform: uppercase;
}*/

.left-nav-content h3 {
  padding-left: 15px;
  padding-top: 0;
  color: #fff;
  padding: 10px;
  text-transform: uppercase;
  background: #39a36b;
}



.logout{text-align: center;/*padding-top: 50px;padding-bottom: 50px;background: #054289;*/}

/*.logout a{color: #000;text-decoration: none;justify-content: center;align-items: center;}*/

.logout a img{vertical-align: middle;margin-right: 10px;width: 16px;}

.left-nav-content{/*max-height: 75vh;*overflow: auto;*/}

.bar a{display: block;}



.notifications li{list-style: none;margin-bottom: 10px;border-bottom: 2px solid #dbdee3;}

.notifications a,.notifications h3,.notifications p{font-weight: 300;}

.notifications h3{font-weight: 400;padding-bottom: 5px;}

.notifications a{color: #909090;text-decoration: none;}



.notific-content p{font-weight: 400;color: #000;}

.notific-content .heading p{font-weight: 300;padding-top: 10px;}

.profile-wrap a{background: #fff;padding: 10px 15px;/*display: flex;align-items: center;*/text-decoration: none;color: #000;}

.profile-wrap .image{padding-right: 10px;float: none;margin-right: auto;
margin-left: auto;width: 100%;}
.profile-wrap .content{
	float: none;
	width:100%;
}
.profile-wrap h3{padding-left: 10px;padding-bottom: 5px;}

.profile-wrap p{margin-bottom: 0;color: #000;font-weight: 300;}

.profile-imge{display: table;margin: auto;padding: 10px 0;padding-top: 30px;}

.inner-page-content label{display: block;}

.contact-page input[type="date"]{background: url(../img/calendar.png) no-repeat right 5px center !important;}



.lists.in-forms .content h2{margin-bottom: 2px;}

.lists.in-forms .content p{color: #000;font-size: 14px;}

.topic-area{color: #99958f;font-size: 12px;display: flex;}

.topic-area *{color: inherit;font: inherit;}

.topic-area .topic{padding-right: 5px;}

.topic-area img{width: 14px;vertical-align: middle;}

.form-content{width: 100%;float: left;background: #fff;clear: both;}



.add-topic a{color: #fff;text-decoration: none;font-weight: 600;}

.indivisual-page.forum-inner h1{/*margin-left: 25px;*/}



.search-forms{position: relative;padding: 10px 0;background: #d7d2ce;}

.search-forms button{position: absolute;right: 15px;top: 20px;background: transparent;border: 0;cursor: pointer;}

.search-forms input{border: 0 !important;padding-left: 20px !important;}

.search-forms button img{width: 16px;}

.without-image.lists .content{width: 100%;padding-left: 0;}

.lists.without-image .content p.posted-by{color: #999;}

.lists.without-image .content p.posted-by strong{color: #000;}

.lists.without-image .content h3{color: var(--green);font-weight: 400;font-size: 15px;margin-bottom: 10px;}

.without-image .topic-area{justify-content: space-between;padding-top: 20px;}

.without-image .topic-area.left{justify-content: flex-start;}

.without-image .topic-area.left .topic{padding-right: 20px;}



.border-wrap{padding:10px;margin: 0 -15px;border-top: 1px solid #ccc;margin-top: 15px;}

.border-wrap p{font-size: 17px !important;margin-bottom: 0;}

.post-comment{clear: both;display: flex;justify-content: space-between;padding-top: 20px;}

.post-comment a{color: var(--green);text-decoration: none;border: 2px solid var(--green);text-transform: capitalize;line-height: normal;

padding: 5px 10px;border-radius: 4px;}

.submit-reset{display: flex;justify-content: space-between;}

.submit-reset input{width: 49% !important;}



.comments .lists .item{background: #fafaf9;min-height: 100vh;}

.contact-page.comment-form input[type="text"]{background: transparent;}

.contact-page.comment-form input[type="text"]:focus{border-bottom-color: var(--green) !important;}

.submit-reset input[type="submit"],

.submit-reset input[type="reset"]{border: 2px solid var(--green) !important;

background: var(--green);cursor: pointer;color: #fff;text-transform: uppercase;}

.submit-reset input[type="submit"]:hover,

.submit-reset input[type="reset"]{background: transparent;color:#000;}

.submit-reset input[type="reset"]:hover{background: var(--green);color: #fff;}



.assetmt .lists .image{width: 15%;}

.assetmt .lists .content{width: 85%;}

.time-ramain{text-align: center;padding-top: 20px;}

.time-ramain p{color: #000;}

.quiz{padding: 10px 15px;padding-top: 30px;}

.quiz .item{padding-bottom: 10px;}

.quiz .next{color: #fff;background: var(--green);text-decoration: none;display: inline-block;padding: 8px 25px;border-radius: 4px;

border: 1px solid var(--green);margin-top: 30px;}

.quiz .next:hover{background: transparent;color: #000;}

.quiz .item{display: none;}

.quiz .item.active{display: block;}

.quiz .item label{width: 100%;display: block;margin-bottom: 12px;}

.quiz .item label input{margin-right: 8px;}

.quiz .item p{color: #000;font-size: 21px;margin-bottom: 20px;}



.thank-you img{width: 400px; display: block; margin:auto;}

.thank-you h2{text-align: center;text-transform: uppercase;color: var(--green);font-weight: 400; font-size:20px;}









@media screen and (max-width: 767px){

	.header{min-height: 340px;}

	/* rj 17-11 */

	.field_box{ width:100%!important; float:left; margin:0 10px;}

	.parameter p{width:100%!important; text-align:center; padding-right:0!important;}

	.parameter ul li{width:100%!important; margin-bottom:3px!important; text-align:center;}

	.scale p{width:100%!important; text-align:center; padding-right:0!important;}

	.scale ul li img { max-width:40px!important;}

	.traingbox .left p{width:100%!important;}

	.traingbox .left ul{float:left!important;}
	
	.percent-homepage{  
	position: absolute;
    padding: 15% !important;
    font-size: 18px;
}

}





/* training feedback css rj */



h1.text-black{ color:#000!important;}

.field_box{ width:46.5%; float:left; margin:0 10px;}

.pull-right{float:right;}

.contact-page input[type="date"] { font-size: 15px!important; background:none!important;}

.blacktext{color:#000; font-size:14px; font-weight:normal;}

.parameter{color:#000; width:100%;}

.parameter p{color:#000; float:left; line-height:25px; padding-right:20px;}

.parameter ul{ padding:0; margin:0;}

.parameter ul li.pink{ padding:5px 40px; margin:0px 10px 0 0px; font-size:14px; font-weight:bold; border-radius:50px; border: #db898a solid 1px; list-style:none; float:left;}

.parameter ul li.orange{ padding:5px 25px; margin:0px 10px 0 0px; font-size:14px; font-weight:bold; border-radius:50px; border: #ffcb9e solid 1px; list-style:none; float:left;}

.parameter ul li.yellow{ color:#000; padding:5px 25px; margin:0px 10px 0 0px; font-size:14px; font-weight:bold; border-radius:50px; border: #fff98c solid 1px; list-style:none; float:left;}

.parameter ul li.blue{ padding:5px 20px; margin:0px 10px 0 0px; font-size:14px; font-weight:bold; border-radius:50px; border: #b9e2f8 solid 1px; list-style:none; float:left;}

.parameter ul li.green{ padding:5px 20px; margin:0px 10px 0 0px; font-size:14px; font-weight:bold; border-radius:50px; border: #acdcaf solid 1px; list-style:none; float:left;}





.scale{color:#000;}

.scale p{color:#000; float:left; line-height:25px; padding-right:20px; width:86px;}

.scale ul{ padding:0; margin:0;}

.scale ul li img{max-width:90px; text-align:center;}

.scale ul li.pink{ padding:5px 24px; margin:0px; font-size:14px; font-weight:bold; list-style:none; float:left;}

.scale ul li.orange{ padding:5px 3px; margin:0px 10px 0 0px; font-size:14px; font-weight:bold; list-style:none; float:left;}

.scale ul li.yellow{ color:#000; padding:5px 4px; margin:0px; font-size:14px; font-weight:bold; list-style:none; float:left;}

.scale ul li.blue{ padding:5px 10px; margin:0px; font-size:14px; font-weight:bold; list-style:none; float:left;}

.scale ul li.green{ padding:5px 9px; margin:0px; font-size:14px; font-weight:bold; list-style:none; float:left;}



.traingbox{ padding:0px; margin-top:20px;}

.traingbox .traingfeedtopic{ background:#eaf1dd; color:#000; font-size:14px; font-weight:bold; padding:8px;}

.traingbox .left{padding:0px 0px 0px 5px; margin:0;}

.traingbox .left p{ font-size:10px; color:#000; font-weight:normal;float:left; width:65%; line-height: 1.5; padding:0; margin-bottom:7px;}

.traingbox .left ul{ font-size:10px; color:#000; border:#000 solid 1px; float:right; padding:4px;padding-right: 0;}

.traingbox .left ul li {display:inline; font-size:10px; color:#000; display:inline; list-style:none; padding:5px 5px; font-weight:bold;}

.traingbox .left ul li.listgreen{ background:#d6e3bc; font-size:10px; color:#000; padding:4px 5px; font-weight:bold;}

.traingbox .left ul li.listgreen:last-child{ background:#d6e3bc; font-size:10px; color:#000; padding-right:5px; font-weight:bold;}



p.copyright{font-size:10px!important; color:#999999;}

.text-alignleft{text-align:left!important; margin:0;}







/* rj 2611 */



.champ-list .content .user-icon img {

    border-radius: 50px;

    height: 60px;

    width: 60px;

    background-position: center center;

}

.progress {

    height: 5px!important;

    margin-bottom: 5px!important;

    overflow: hidden;

    background-color: #f5f5f5!important;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);

    box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);

}

 input.resendButton[type=submit]{background:transparent!important; border: none; font-weight: bold; text-decoration: underline;color: #0042b2;}
 
 
 #all {
  padding: 20px;
}

.courseBox {
  display: flex;
  /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
  padding: 10px;
  margin: 10px;
  border: 1px solid #eee;
}

.courseBox:hover {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.courseBox .coursebox-title{
	font-weight: 600;
	font-size: 25px;
	margin-top: 10px;
	margin-bottom: 2px;
	color: #054289;
}


.courseBox .from-to {
  padding: 10px 0;
  font-size: 13px;
}

.body{
	/* padding: 0 50px; */
}

ul.noticelist > li{
	list-style-type:none;
}

.logout a {
  color: #194270;
  text-decoration: none !important;
  background: #fff;
  padding: 5px 35px;
  border-radius: 3px;
  font-size: 25px;
}

.bg-blue{
	background: #054289;
color: #fff;
}

.body {
  margin-bottom:95px;
}

.important-notice {
  /* border-top: 3px solid #003480; */
}

.ml-1 {
  margin-left: 5px;
}

.tab-content.col-sm-7 {
  overflow: auto;
  max-height: 470px;
}

.importantnoticebox {
	transform: translateZ(0);
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	width: 100%;
	max-height: 450px;
	overflow: hidden;
}

.importantnoticebox > #nt-example1-container > ul#nt-example1 {
  overflow: hidden;
  width: 100%;
  padding: 10px;
}

.importantnoticebox > #nt-example1-container > ul#nt-example1 li {
	display: block;
	/*height: 30px;*/
	padding: 10px 10px;
	margin-bottom: 10px;
	background:#d4f4c8;
	color: #2d6400;
}


.phase > .list > a:hover {
 /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
}


#nt-example1-prev {
  padding: 5px;
  font-size: 25px;
}

#nt-example1-next {
  padding: 5px;
  font-size: 25px;
}


.bell-icon{
	font-size:20px;padding:9px;color:#0042b2;border: 1px solid #eee;border-radius: 50%;
}

.bell-icon.fa.fa-bell:hover {
  background: #0042b2;
  color: #fff;
  border: none;
}

a:focus, a:hover {
  text-decoration: none;
}


.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3b679e+0,2b88d9+50,207cca+51,7db9e8+100;Blue+Gloss+%232 */
background: rgb(59,103,158); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}

.btn-info{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fceabb+0,fccd4d+50,f8b500+51,fbdf93+100;Orange+3D+%235 */
background: rgb(252,234,187)!important; /* Old browsers */
background: -moz-linear-gradient(top,  rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%)!important; /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%)!important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 )!important; /* IE6-9 */
border-color: #da9f46!important;
}

.btn-success{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9dd53a+0,a1d54f+50,80c217+51,7cbc0a+100;Green+Gloss+%231 */
background: rgb(157,213,58)!important; /* Old browsers */
background: -moz-linear-gradient(top,  rgba(157,213,58,1) 0%, rgba(161,213,79,1) 50%, rgba(128,194,23,1) 51%, rgba(124,188,10,1) 100%)!important; /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%)!important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 )!important; /* IE6-9 */
}

.footer a:hover{background:#bcf598;}
/*.footer a {
    color: #e53838!important;
    text-decoration: none;
    display: block;
    padding: 15px 0;
    font-weight: bold;
}*/
.footer a {
    color: #e53838 !important;
    text-decoration: none;
    display: block;
    padding: 7px 0 0;
    font-weight: bold;
}
.tab-head {
    display: flex;
    justify-content: space-between;
    text-align: center;
    padding: 0 10px;
    background: rgb(191,210,85);
    background: -moz-linear-gradient(top, rgba(191,210,85,1) 0%, rgba(142,185,42,1) 50%, rgba(114,170,0,1) 51%, rgba(158,203,45,1) 100%);
    background: -webkit-linear-gradient(top, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%);
    background: linear-gradient(to bottom, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 );
}

.important-notice > div > h3{color:#46bae7;}

.champ-list {
    width: 100%;
    float: left;
    background: #f5f5f5;
    padding: 20px 40px;
}
.filterbox{ margin-bottom:15px;}
.card{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3b679e+0,2b88d9+50,207cca+51,7db9e8+100;Blue+Gloss+%232 */
background: rgb(59,103,158)!important; /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%)!important; /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%)!important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=1 )!important; /* IE6-9 fallback on horizontal gradient */
}




.camerapermission-require {
  position: absolute;
  background: rgba(0, 0, 0, 0.28);
  width: 100%;
  height: 100%;
  color: #e53838;
  bottom: 0;
  left: 0;
  z-index: 9;
  text-align: center;
}

.camerapermission-require > .permission-text-holder {
  font-size: 30px;
  position: relative;
  margin: auto;
  top: 50;
  background: #fff;
  padding: 20;
}

.badge-danger{
	background:#d43f3a !important;
}

.badge-warning {
  background: #f8c230 !important;
}

/*******addded on 12 august *******/
.percent-homepage{  
	position: absolute;
    padding: 36%;
    font-size: 18px;
}

}