.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}

.mt-10{margin-top: 10px}
.mt-20{margin-top: 20px}
.mt-30{margin-top: 30px}
.mt-40{margin-top: 40px}
.mt-50{margin-top: 50px}

.m-0{margin: 0px;}
.h130{min-height: 130px}

.mb-20{margin-bottom: 20px;}
.border0{ border: 0px !important;}

.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; }


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; }
h5{ font-size: 14px; font-weight: 600; 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}


#pte {margin: 70px 15px 0 315px !important; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; font-family: 'Montserrat', sans-serif;}
#pte .bredcum{margin-left: -15px; margin-right: -15px; padding: 10px 30px;}
#pte .bredcum .tittle h2{ font-size: 26px; font-weight: 600; color: #000000 }
#pte .bredcum .link{ font-size: 12px; color: #919191 }hg
#pte .bredcum .link a{ font-size: 12px; color: #919191; text-decoration: none; padding: 5px}
#pte .bredcum .link a:after {content:'>'; padding-left: 5px;}


#pte .edt .fourboxtop{position: relative; margin-bottom: 15px;}
#pte .edt .fourboxtop .tittle{font-size: 13px; padding: 20px; color: #555;}
#pte .edt .fourboxtop .icon {color: rgba(0, 0, 0, 0.15); font-size: 60px; position: absolute; bottom: 10px; width: 100%;}
#pte .edt .fourboxtop .icon i { color: #89cae8 !important; font-size: 60px; float: left; padding-left: 15px}
#pte .edt .fourboxtop .count {padding-top: 15px; font-weight: normal; font-size: 20px; /* margin-top: -4px; */ color: #555; font-weight: 700; text-align: right; padding-right: 15px}

#pte .edt .box1{ position: relative; padding-left: 30px}
#pte .edt .congrets{ position: relative;}
#pte .edt .congrets h4 span{ font-weight: 600; padding: 0 15px;}
#pte .edt .congrets h4 small{ color: #1ccb5c;}
#pte .edt .congrets h4 small .fa{ color: #1ccb5c; font-size: 20px;}
#pte .edt .graph-chart { position: relative; color: #000}
#pte .edt .graph-chart .head{ position: relative;}
#pte .edt .graph-chart .head h2 {color: #000 !important}
#pte .edt .graph-chart .head h2 .fa{ font-size: 20px; border: #000 solid 1px; padding: 6px 12px; border-radius: 50%; font-weight: normal; margin-left: 20px;}

#pte .edt table.tabledata{ position: relative;}
#pte .edt table.tabledata tr td.status{position: relative;}
#pte .edt table.tabledata tr td.status span{display: block;width: 5px;height: 15px;float: left;margin: 0px 3px;position: absolute;border: 0px;bottom: 0px;background-color: #d2d2d2; border-radius: 25px 25px 0 0;}
#pte .edt table.tabledata tr td.status span.two{height: 25px;left: 20px;}
#pte .edt table.tabledata tr td.status span.three{height: 34px;left: 30px;}
#pte .edt table.tabledata tr td.status p{padding-top: 5px; float: left; position: absolute; left: 60px; font-weight: 500; font-size: 16px;}
#pte .edt table.tabledata tr th small, #pte .edt table.tabledata tbody tr td small{width: 30%; display: inline-block; color: #8f8f8f; font-weight: normal; margin: 6px 0px 0px;}


#pte .edt .graph-chart .head .information{border: #c4c4c4 solid 1px; padding:10px 20px; background-color: #f2f2f2; display: block; float: right; margin: -30px 0px 0 20px; text-align: center; border-bottom: #ffa200 solid 5px; border-radius: 0 0 5px 5px; color: #5a5a5a;}
#pte .edt .graph-chart .head .information p, #pte .edt .graph-chart .head .information h2{ color: #5a5a5a !important; }

#pte .edt .analysistab{ position: relative;}
#pte .edt .analysistab .filter .fa{font-size: 16px; padding:9px 10px; background-color: #f7f7f7; border-radius: 50%;}
#pte .edt .analysistab span.marks{background-color: #d6f2ff; padding: 5px 30px; text-align: center; border-radius: 15px;}
#pte .edt .analysistab span.time{background-color: #e6e6e6; padding: 5px 30px; text-align: center; border-radius: 15px;}
#pte .edt .analysistab .date{color: #30424b; font-size: 14px;}
#pte .edt .analysistab .nav-tabs > li {position: relative; top: 0px; left: 0px; background-color: #eee; color: #a6a7a8; font-weight: 600; width: 20%; text-align: center;}
#pte .edt .analysistab .nav-tabs li.active a { color: #43a4d3 !important; background-color: #fff}
#pte .edt .analysistab .nav-tabs li.active { color: #43a4d3 !important; background-color: #fff}
#pte .edt .analysistab .nav-tabs > li.active > a, #pte .edt .analysistab .nav-tabs > li.active > a:hover, #pte .edt .analysistab .nav-tabs > li.active > a:focus{ color: #43a4d3 !important; background-color: #fff}

#pte .library .nav-tabs > li {position: relative; top: 0px; left: 0px; background-color: #eee; color: #a6a7a8; font-weight: 600; width: 25%; text-align: center;}
#pte .library .nav-tabs li.active a { color: #43a4d3 !important; background-color: #fff}
#pte .library .nav-tabs li.active { color: #43a4d3 !important; background-color: #fff}
#pte .library .nav-tabs > li.active > a, #pte .edt .analysistab .nav-tabs > li.active > a:hover, #pte .edt .analysistab .nav-tabs > li.active > a:focus{ color: #43a4d3 !important; background-color: #fff}

#pte .edt .topic-analysis{ position: relative;}
#pte .edt .topic-analysis .green{ background-color: #8ee973; min-height: 270px;}
#pte .edt .topic-analysis .pink{ background-color: #ff8373; min-height: 270px;}
#pte .edt .topic-analysis .green ul, #pte .edt .topic-analysis .pink ul{list-style: none; padding: 0px; margin: 0px;   }
#pte .edt .topic-analysis .green h2, #pte .edt .topic-analysis .pink h2{color: #000 !important; margin-bottom: 20px !important; font-weight: 500 !important;}
#pte .edt .topic-analysis .green ul li, #pte .edt .topic-analysis .pink ul li{color: #000; padding: 5px 5px; font-weight: 500;}

#pte .edt .topic-analysis .nav-tabs > li {position: relative; top: 0px; left: 0px; font-weight: 600; width: 25%; text-align: center;}
#pte .edt .topic-analysis .nav-tabs li.active a { color: #43a4d3 !important; background-color: #fff; border-bottom: 0px;}
#pte .edt .topic-analysis .nav-tabs li.active { color: #43a4d3 !important; background-color: #fff}
#pte .edt .topic-analysis .nav-tabs > li.active > a, #pte .edt .analysistab .nav-tabs > li.active > a:hover, #pte .edt .analysistab .nav-tabs > li.active > a:focus{ color: #43a4d3 !important; background-color: #fff}


.nav-tabs > li > a:before { content: ''; position: absolute; left: 0; width: 20%; height: 0; border-bottom: 2px solid #2196F3; bottom: 2px; -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); -moz-transition: 0.1s ease-in; -o-transition: 0.1s ease-in; -webkit-transition: 0.1s ease-in; transition: 0.1s ease-in; left: 40%;}
#pte .edt .analysistab table td a{color: #43a4d3; border: #43a4d3 solid 1px; border-radius: 5px; padding: 10px 25px; font-weight: 600; text-decoration: none;}
#pte .edt .analysistab .table tbody tr td, #pte .edt .analysistab .table tbody tr th{ padding-top: 20px; padding-bottom: 20px;}


#pte .edt .vscta{ position: relative; margin-top: 17%;}
#pte .edt .vscta a{padding:6% 15%; border-radius: 5px; font-size: 16px; font-weight: 600; text-decoration: none;}
#pte .edt .vscta a:hover{background-color: #30424b; color: #fff;}

/*Article*/
#pte .article{position: relative; padding: 5px 10px;}
#pte .article .shareicon{position: relative;}
#pte .article .shareicon ul {list-style: none; padding: 0px; margin: 0px;}
#pte .article .shareicon ul li{display: inline-block;}
#pte .article .shareicon ul li a{background-color: #eee; color: #919191; font-size: 18px; /* padding: 10px; */ border-radius: 50%; height: 40px; width: 40px; line-height: 44px; margin-right: 10px; display: block; text-align: center; margin-bottom: 10px;}
#pte .article .posted{color: #919191; font-size: 12px; text-align: right;}

#pte .db{ position: relative;}
#pte .db .darkgreen{background-color: #589440; padding: 20px 10px 10px 10px;}
#pte .db .darkgreen h2{margin-top: 40px;}
#pte .db .bg_heading_1{ background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 63%, rgba(160,252,221,1) 100%); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); color: #2e384d; }
#pte .db .bg_heading_1 img{ margin: 0px 40px 0 10px;}
#pte .db .bg_heading_1 p{ font-size: 14px; color: #2e384d;}

#pte .db .bg_heading_2{ background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 63%, rgba(160,252,221,1) 100%); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); color: #2e384d; }

#pte .db .bg_heading_2 p{ font-size: 14px; color: #2e384d; margin-bottom: 0px; padding-left: 30px;}
#pte .db .bg_heading_2 a{ font-size: 16px; color: #3fa4d3; margin-bottom: 0px; padding-right: 30px; font-weight: 600; /* margin-top: 31px; */ padding-top: 20px; display: block;}

#pte .db .recommendations { position: relative;}
#pte .db .recommendations .heading{ padding-left: 20px; padding-top: 10px}
#pte .db .recommendations .heading img{ margin: 0px 20px 0 10px;}
#pte .db .recommendations .heading p{font-size: 14px;}
#pte .db .recommendations a{ color: #000}

#pte .db .recommendations .heading .status{border: #c4c4c4 solid 0px; padding: 10px 20px; background-color: #ffffff; display: block; float: right; margin: -20px 0px 0 20px; text-align: center; border-bottom: #43a3d3 solid 5px; border-radius: 0 0 5px 5px; color: #5a5a5a; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); }


#pte .db .recommendations .carousel-control { 
    width: 8%;
    width: 0px;
}
#pte .db .recommendations .carousel-control.left,
#pte .db .recommendations .carousel-control.right { 
    margin-right: 40px;
    margin-left: 32px; 
    background-image: none;
    opacity: 1;
}
#pte .db .recommendations .carousel-control > a > span {
    color: white;
	  font-size: 29px !important;
}

.carousel-col { 
    position: relative; 
    min-height: 1px; 
    padding: 5px; 
    float: left;
 }

 .active > div { display:none; }
 .active > div:first-child { display:block; }

/*xs*/
@media (max-width: 767px) {
  .carousel-inner .active.left { left: -50%; }
  .carousel-inner .active.right { left: 50%; }
	.carousel-inner .next        { left:  50%; }
	.carousel-inner .prev		     { left: -50%; }
  .carousel-col                { width: 50%; }
	.active > div:first-child + div { display:block; }
}

/*sm*/
@media (min-width: 768px) and (max-width: 991px) {
  .carousel-inner .active.left { left: -50%; }
  .carousel-inner .active.right { left: 50%; }
	.carousel-inner .next        { left:  50%; }
	.carousel-inner .prev		     { left: -50%; }
  .carousel-col                { width: 50%; }
	.active > div:first-child + div { display:block; }
}

/*md*/
@media (min-width: 992px) and (max-width: 1199px) {
  .carousel-inner .active.left { left: -33%; }
  .carousel-inner .active.right { left: 33%; }
	.carousel-inner .next        { left:  33%; }
	.carousel-inner .prev		     { left: -33%; }
  .carousel-col                { width: 33%; }
	.active > div:first-child + div { display:block; }
  .active > div:first-child + div + div { display:block; }
}

/*lg*/
@media (min-width: 1200px) {
  /* .carousel-inner .active.left { left: -25%; }
  .carousel-inner .active.right{ left:  25%; }
	.carousel-inner .next        { left:  25%; }
	.carousel-inner .prev		     { left: -25%; } */
  .carousel-col                { width: 25%; }
	.active > div:first-child + div { display:block; }
  .active > div:first-child + div + div { display:block; }
/* 	.active > div:first-child + div + div + div { display:block; } */
}

#pte .db .recommendations .block {
	width: 306px;
	height: 230px;
    border-radius: 5px;
    margin-bottom: 20px;
    position: relative;
}
#pte .db .recommendations .block p{ color: #919191; font-size: 13px; text-transform: uppercase;}
#pte .db .recommendations .block a.btn1{background-color: #3fa4d3; color: #fff; font-size: 14px; padding: 10px; border-radius: 10px; text-align: center; font-weight: 600; position: absolute; bottom: 20px; width: 91%; text-decoration: none; left:10px;}
#pte .db .recommendations .block a.btn2{background-color: #fff; color: #3fa4d3; font-size: 14px; padding: 10px; border-radius: 10px; text-align: center; font-weight: 600; position: absolute; bottom: 20px; width: 91%; text-decoration: none; border: #3fa4d3 solid 1px; left:10px;}



.locked {background: rgba(0, 0, 0, 0.8);}
.red {background: #ff7c4a;}
.blue {background: #43a4d3;}
.green {background: #4bba25;}
.yellow {background: #feca57;}

#pte .db .subject{ position: relative;}
#pte .db .subject .subbox{ position: relative;}
/*#pte .db .subject .progbar{margin-top: 30px;}*/
#pte .db .subject .progbar .progress{background-color: #eee; border-radius: 10px; height: 10px; margin: 10px 0px;}
#pte .db .subject .progbar .progress .progress-bar{background-color: #fff; border-radius: 10px; color: #000;}
#pte .db .subject .subbox .locked{position: absolute; width: 100%; height: 100%; top: 0px; text-align: center; border-radius: 5px; width: 94%;}
#pte .db .subject .subbox .locked i{ margin-top: 15%; background-color: #fff; border: #eee solid 1px; border-radius: 50%; padding: 10px; color: #000;}


#pte .db .subject .nav-tabs > li {position: relative; top: 0px; left: 0px; background-color: #eee; color: #a6a7a8; font-weight: 600; width: 20%; text-align: center;}
#pte .db .subject .nav-tabs li.active a { color: #43a4d3 !important; background-color: #fff}
#pte .db .subject .nav-tabs li.active { color: #43a4d3 !important; background-color: #fff}
#pte .db .subject .nav-tabs > li.active > a, #pte .db .subject .nav-tabs > li.active > a:hover, #pte .db .subject .nav-tabs > li.active > a:focus{ color: #43a4d3 !important; background-color: #fff}


#pte .db .pratice { position: relative; margin-bottom: 20px;}
#pte .db .pratice h2 small {font-size: 14px;}
#pte .db .pratice h2 small a {margin: 0px 0px 0 30px; font-weight: 600}
#pte .db .pratice span {margin: 30px 10px 0 0;}
#pte .db .pratice span a{color: #919191; text-decoration: underline;}




#pte .db .praticebox { position: relative;}
#pte .db .praticebox .card .header{background-color: #43a4d3;}
#pte .db .praticebox .card .body{position: relative;}
#pte .db .praticebox .card .body ul{list-style: none; padding: 0px; margin: 0px;}
#pte .db .praticebox .card .body ul li{ color: #919191; padding-left: 5px; font-size: 14px; margin-bottom: 10px;}
#pte .db .praticebox .card .body ul li .fa{margin-right: 5px;}

#pte .db .praticebox .card .body .tags span{ background-color: #f9fafb; border-radius: 15px; padding: 5px 15px;}
#pte .db .praticebox .card .body a{background-color: #fff; color: #3fa4d3; font-size: 14px; border: #3fa4d3 solid 1px; display: block; margin: 20px 0px 0px; padding: 10px; border-radius: 10px; text-align: center; font-weight: 600; text-decoration: none;}

#pte .db .praticebox .card .body a:hover{ background-color: #3fa4d3; color: #fff; font-size: 14px; border: #3fa4d3 solid 1px; }

#pte .db .praticebox .locked{position: absolute; width: 100%; height: 93%; top: 0px; text-align: center; border-radius: 5px; z-index: 10; margin-right: 0px; margin-left: 15px;}
#pte .db .praticebox .locked i{ margin-top: 18%; background-color: #fff; border: #eee solid 1px; border-radius: 50%; padding: 10px; color: #000;}
#pte .db .praticebox .card .locked{position: absolute; width: 100%; height: 100%; top: 0px; text-align: center; border-radius: 5px; z-index: 1;}
#pte .db .praticebox .card .locked i{ margin-top: 55%; background-color: #fff; border: #eee solid 1px; border-radius: 50%; padding: 10px; color: #000;}

#pte .db .newsarticle{ position: relative;}
#pte .db .newsarticle .article{border: #efefef solid 1px; border-radius: 5px; padding: 10px;}
#pte .db .newsarticle .article img{margin-left: 15px;}
#pte .db .newsarticle .article p{font-size: 14px; margin-bottom: 5px; color: #30424b;}
#pte .db .newsarticle .article small{font-size: 12px; color: #969696}

.locked{position: absolute; width: 100%; height: 100%; top: 0px; text-align: center; border-radius: 5px; z-index: 10;}
.locked i{ margin-top: 35%; background-color: #fff; border: #eee solid 1px; border-radius: 50%; padding: 10px; color: #000;}



#pte .db .subject {position: relative;}
#pte .db .subject .chapters{position: relative;}

#pte .db .subject .chapters .locked{position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; text-align: center; border-radius: 5px; width: 100%; z-index: 2;}
#pte .db .subject .chapters .locked i{ margin-top: 20px; background-color: #fff; border: #eee solid 1px; border-radius: 50%; padding: 10px; color: #000;}

#pte .db .subject .chapters .number h4{ color: #43a4d3; font-weight: 600; margin: 0px; padding: 0px;}
#pte .db .subject .chapters .detail h4{ color: #000; font-weight: 600; margin: 0px; padding: 0px;}
#pte .db .subject .chapters .detail .progbar{margin: 15px 0 0 0;}
#pte .db .subject .chapters .detail .progbar .progress .progress-bar{background-color: #43a4d3;}
#pte .db .subject .chapters .cta{padding-top: 15px; text-align: center;}
#pte .db .subject .chapters .cta a{padding: 10px 30px; margin-right: 10px; border-radius: 5px; font-size: 14px; font-weight: 600; text-decoration: none;}

#pte .study{ position: relative;}
#pte .study .video{ position: relative;}
/*#pte .study .video h2{color: #fff}*/
#pte .study .video ul{ list-style: none; margin: 0px; padding: 0px;}
#pte .study .video ul li{border: #000 solid 1px; border-radius: 5px; width: 19%; margin-right: 1%; float: left; display: block;}
#pte .study .video ul li a{color: #000; text-decoration: none;}
#pte .study .video ul li a img{ width: 100%;}
#pte .study .video ul li a p{ padding: 15px; font-size: 14px;}

#pte .study .notes{ position: relative;}
#pte .study .notes ul{ list-style: none; margin: 0px; padding: 0px;}
#pte .study .notes ul li{border: #000 solid 1px; border-radius: 5px; width: 19%; margin-right: 1%; float: left; display: block;}
#pte .study .notes ul li a{color: #000; text-decoration: none;}
#pte .study .notes ul li a .icon{ background-color: #59676f; padding: 20px 10px; text-align: center; }
#pte .study .notes ul li a p{ padding: 15px; font-size: 14px;}
#pte .study .videopopup .option{border-left: #eee solid 1px; padding: 10px 0px; text-align: right;}
#pte .study .videopopup .option p{ font-size: 14px; margin-bottom: 15px;}
#pte .study .videopopup .option p .fa{ font-size: 14px; margin: 0px 10px;}
#pte .study .videopopup .option p span{margin-right: 10px;}
#pte .study .videopopup .option small{ background-color: #f9fafb; border-radius: 15px; padding: 5px 15px;}
#pte .study .videopopup .rightbar{padding: 20px 10px 0px;background-color: #3c3c3c; border-radius: 5px;}
#pte .study .videopopup .rightbar h2{color: #fff !important; font-size: 20px !important; margin: 0px 0px 15px;}
#pte .study .videopopup .rightbar ul{list-style: none;margin: 0px; padding: 0px}
#pte .study .videopopup .rightbar ul li{color: #000; text-decoration: none; display: inline-block; margin-bottom: 10px;}
#pte .study .videopopup .rightbar ul li a{color: #000; text-decoration: none;}
#pte .study .videopopup .rightbar ul li a img{ width: 100%; padding-right: 10px;}
#pte .study .videopopup .rightbar ul li a p{font-size: 14px;padding: 0px 4px;color: #fff;}
#pte .study .videopopup .rightbar ul li a .col-sm-6{padding: 0px !important;}

#pte .library{ position: relative;}
#pte .library .topbaner{ position: relative;}
#pte .library .topbaner img{ width: 100%;}

#pte .library .topbaner h3{ margin: 0 0 20px 0 !important}
#pte .library .topbaner .posted{color: #919191; font-size: 12px; text-align: right; padding-top: 10px;}

/*#pte .article{position: relative; padding: 5px 10px;}*/
#pte .library .topbaner .shareicon{position: relative;}
#pte .library .topbaner .shareicon ul {list-style: none; padding: 0px; margin: 0px;}
#pte .library .topbaner .shareicon ul li{display: inline-block;}
#pte .library .topbaner .shareicon ul li a{background-color: #eee; color: #919191; font-size: 18px; /* padding: 10px; */ border-radius: 50%; height: 40px; width: 40px; line-height: 44px; margin-right: 10px; display: block; text-align: center; margin-bottom: 10px;}

.panel-default > .panel-heading{ background-color: #fff; border: 0px; border-radius: 5px !important;}
.panel-default { border-radius: 5px !important;}
#accordion .panel-default .panel-body {background-color: #fff;}
.panel-default .panel-body {background-color: #434343;}
#accordion .panel-default .panel-body h3{margin: 0 0 15px 0px; color: #000 !important}
.panel-default .panel-body h3{margin: 0 0 15px 0px; color: #fff !important}
.panel-post .panel-body .post .post-heading p{ color: #fff !important;}
#pte .library .library .body .tab-content .tab-pane { position: relative;}
#pte .library .library .body .tab-content .tab-pane .panel-group .panel-heading{ background-color: #fff !important;}

.socialicon{ position: relative;}
.socialicon ul{ list-style: none; padding: 0px; margin: 0px;}
.socialicon ul li{display: block; float: left; margin: 5px 10px; min-width: 50px; text-align: center;}
.socialicon ul li span{background-color: #e2e5e7; padding: 10px 20px; text-align: center; border-radius: 25px; font-size: 14px; color: #949494; display: block;}
.socialicon ul li .fa{background-color: #e2e5e7; border-radius: 50%; font-size: 14px; width: 30px; height: 30px; line-height: 30px; text-align: center; margin-bottom: 10px; color: #ff0606;}
.socialicon ul li { color: #a7a7a7; font-size: 14px;}
.panel-group .panel .panel-heading a{padding: 10px 10px 0px;display: block;/* background-color: #000; */float: right;position: absolute;right: 30px;top: 0px;}

.rightsocial{ position: relative; padding-top: 15px;}
.rightsocial ul{ list-style: none; padding: 0px; margin: 0px;}
.rightsocial ul li{display: block; float: left; margin: 5px 10px; min-width: 50px; text-align: center;}
.rightsocial ul li span{background-color: #e2e5e7; padding: 10px 20px; text-align: center; border-radius: 25px; font-size: 14px; color: #000; display: block;}
.rightsocial ul li .fa{background-color: #fff; border-radius: 50%; font-size: 14px; width: 30px; height: 30px; line-height: 30px; text-align: center; margin-bottom: 10px; color: #000; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);}

#pte .video{ position: relative; padding: 0 0 20px 0;}
#pte .video img{ width: 100%; margin-bottom: 20px;}
#pte .video p{font-size: 14px; padding: 0 10px;}
#pte .video .iconbar{ position: relative;}
#pte .video .iconbar small{font-size: 12px; color: #969696; padding: 0 10px;}
#pte .video .iconbar a .glyphicon{ background-color: #eee; color: #000000; font-size: 12px; /* padding: 10px; */ border-radius: 50%; height: 30px; width: 30px; line-height: 30px; margin-right: 10px; display: block; text-align: center; margin-bottom: 10px; float: right;}

/*Rightside*/

#pte .db .rightside{ position: relative;}

#pte .db .rightside .preparedness{ position: relative;}
#pte .db .rightside .preparedness h4{color: #30424b}
#pte .db .rightside .preparedness .fa{font-weight: normal !important; margin-right: 10px;  font-size: 18px; color: #30424b;}
#pte .db .rightside .preparedness i{font-weight: normal !important; margin-right: 10px;  font-size: 18px; color: #30424b;}
#pte .db .rightside .preparedness span .fa{font-weight: normal !important; border: #30424b solid 1px; width: 20px; height: 20px; font-size: 13px; text-align: center; line-height: 22px; border-radius: 50%; margin: 0px; color: #30424b}

#pte .db .rightside .bluebox{ position: relative;}
#pte .db .rightside .bluebox p{width: 75%;}
#pte .db .rightside .bluebox h3{margin: 5px 0px;}
#pte .db .rightside .preparedness span a{font-size: 13px; color: #000; text-decoration: underline;}
#pte .db .rightside .alog{position: relative;}
#pte .db .rightside .alog ul{ list-style: circle; margin: 0px; padding: 0px 0 0 10px;}
#pte .db .rightside .alog ul li{border-bottom: #e2e5e7 solid 1px; padding-bottom: 20px; margin-bottom: 10px;}
#pte .db .rightside .alog ul li h4{ margin-bottom: 20px; font-size: 16px;}
#pte .db .rightside .alog ul li h4 .fa{ font-size: 14px; margin-right: 5px; color: #4bba25}
#pte .db .rightside .alog ul li small{font-size: 12px; font-style: italic; margin-right: 5px; color: #919191}
#pte .db .rightside .alog ul li small.graybg{background-color: #e2e5e7; border-radius: 15px; padding: 5px 15px; font-style: normal;}



.bar {fill: #d81c3f;}
.bar:hover {fill: darkgray;}
.axis {font: 10px sans-serif;}
.axis path, .axis line { fill: none; stroke: #000; shape-rendering: crispEdges;}
.x.axis path {display: none;}

/* .panel-heading {
  padding: 0;
	border:0;
}
.panel-title>a, .panel-title>a:active{
	display:block;
	padding:15px;
  color:#555;
  font-size:16px;
  font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
  word-spacing:3px;
	text-decoration:none;
}
.panel-heading  a:before {
   font-family: 'Glyphicons Halflings';
   content: "\e114";
   float: right;
   transition: all 0.5s;
      background-color: #f7f7f7;
    padding: 10px;
    border-radius: 50%;
    margin-top: 10px;
}
.panel-heading.active a:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
} 
 */

#graph{
  display: inline-block;
  height: 200px;
  width: 30%;
}
#graph_rounded{
  display: inline-block;
  height: 200px;
  width: 30%;
}
#graph_rect{
  display: inline-block;
  height: 300px;
  width: 20%;
}

.morris-hover{position:absolute;z-index:1000;}.morris-hover.morris-default-style{border-radius:10px;padding:6px;color:#666;background:rgba(255, 255, 255, 0.8);border:solid 2px rgba(230, 230, 230, 0.8);font-family:sans-serif;font-size:12px;text-align:center;}.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0;}
.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:0.1em 0;}

.close{background-color: #ff1d1d !important; color: #fff; opacity: 1; padding: 5px 12px !important; border-radius: 50%; font-size: 30px; font-weight: normal;}

.yellowbar{background-color: #ffbd54 !important;}
.greenbar{background-color: #1ccb5c !important;}
.redbar{background-color: #e62753 !important;}



/* override position and transform in 3.3.x */
.carousel-inner .item.left.active {
  transform: translateX(-33%);
}
.carousel-inner .item.right.active {
  transform: translateX(33%);
}

.carousel-inner .item.next {
  transform: translateX(33%)
}
.carousel-inner .item.prev {
  transform: translateX(-33%)
}

.carousel-inner .item.right,
.carousel-inner .item.left { 
  transform: translateX(0);
}


.carousel-control.left,.carousel-control.right {background-image:none;}
#myCarousel .carousel-inner .item{padding-top: 10px;}

.cr{background-color: rgb(224, 244, 253); border: #bce1f3 solid 1px;}
.cr h1{margin-top: 60px;}
.cr h1 img{width: 35%}
.cr h1 span{margin-top: 15px;}


section {
  width: 75%;
  margin: auto;
}

.divider {
  width: 75%;
  margin: 100px auto;
  height: 2px;
  background-color: #333;
}

.item {
  height: 10rem;
  padding: 1rem;
  opacity: 0.4;
  transition: .4s ease all;
  margin: 0 20px;
  transform: scale(0.9);
}

.owl .item {
  background: #4DC7A0;
}

.slick .item {
  background: #3498db;
}

.active .item, .slick-center {
  opacity: 1;
  transform: scale(1);
}

.owl-controls {
  position: absolute;
  margin-top: 300px;
}


.flex-wrapper {
  display: flex;
  flex-flow: row nowrap;
}

.single-chart {
  width: 33%;
  justify-content: space-around ;
}

.circular-chart {
  display: block;
  margin: 10px auto;
  max-width: 80%;
  max-height: 250px;
}

.circle-bg {
  fill: none;
  stroke: #eee;
  stroke-width: 4.5px;
}

.circle {
  fill: none;
  stroke-width: 4;
/*  stroke-linecap: round;*/
  animation: progress 1s ease-out forwards;
}

@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}

.circular-chart.orange .circle {
  stroke: #30414a;
}

.circular-chart.green .circle {
  stroke: #4CC790;
}

.circular-chart.blue .circle {
  stroke: #3c9ee5;
}

.percentage {
  fill: #666;
  font-family: sans-serif;
  font-size: 0.5em;
  text-anchor: middle;
}



@media only screen and (max-width: 500px) {
    .theme-red .bars{color: #337ab7 !important;}
    #pte .bredcum{background-color: #fff}
    #pte{margin: 70px 0 0 0px !important;}
    #pte .edt .graph-chart .head .information{float: initial; margin: 20px 0 0 0;}
    #pte .edt .vscta{margin: 3% auto 13%; text-align: center;}
    #pte .study .video ul li, #pte .study .notes ul li{width: 100%; margin: 0 0px 20px 0;}
    
    
    
}


/*------------Sandeep Gupta Css Start------------*/


#sg-new-d .progress {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    height: 13px;
    border: 1px solid #747474;
}

#sg-new-d .wbox h6{ font-size: 16px;
    font-weight: 500;
    text-align: center;
    padding-bottom: 20px;}
	
#sg-new-d .wbox p {
	margin-bottom: -10px;
}	
#sg-new-d .wbox h5{color:#479e56;margin-right: 70px;position:relative;}
#sg-new-d .wbox h5:before {
    content: " ";
    width: 2px;
    height: 26px;
    background-color: #479e56;
    position: absolute;
    top: 19px;
}
#sg-new-d .recommended-task-slider h1{font-size: 20px;font-weight: 500;color: #30424b;}

#sg-new-d .attempt-test {
background: rgb(2,0,36);
background: linear-gradient(99deg, rgba(2,0,36,1) 0%, rgba(204,231,246,1) 0%, rgba(245,252,249,1) 100%);
    border-radius: 7px;
}
#sg-new-d .study-concept {
background-image: linear-gradient(to right, #ccf6d0, #d3f8dd, #ddfae8, #e8fbf1, #f5fcf9);
    border-radius: 7px;
}

#sg-new-d .carousel-inner .item {
	height: unset;
    margin: 0px;
    padding-top: 20px;
    opacity: unset;
    padding: 20px 30px;
}

#sg-new-d .carousel-indicators {
    top: 335px;
}

#sg-new-d .badge {
    display: inline-block;
    min-width: 27px;
    min-height: 27px;
    font-weight: 400;
    color: #000;
    text-align: center;
    border: 1px solid;
    vertical-align: middle;
    background-color: #fff;
    line-height: 25px;
	border-radius: 50%;
	    padding: 0;
    font-size: 15px;
}

#sg-new-d .attempt-test .pull-left p{
	font-size: 17px;
    font-weight: 500;
    color: #36424b;
	}
	#sg-new-d .study-concept .pull-left p{
	font-size: 17px;
    font-weight: 500;
    color: #36424b;
	}
	
#sg-new-d .last-test-score{border: 1px solid #8fcde8;
    background-image: linear-gradient(to left, #e8eff4, #eaf3f6, #edf6f7, #f1f9f8, #f5fcf9);
    padding: 14px;
    border-radius: 5px;
height:120px;}
	
	#sg-new-d .last-test-score2{ border: 1px solid #80e8aa;
    background-color:#fff;  
    padding: 14px;
    border-radius: 5px;
	height:120px;}
	
#sg-new-d .last-test-score .maks {
    font-weight: 600;
    font-size: 16px;
    margin-top: 8px;
    margin-bottom: -10px;
    color: #999d9c;
}
#sg-new-d .study-concept .maks {
    font-weight: 600;
    font-size: 16px;
    margin-top: 8px;
    margin-bottom: -10px;
    color: #999d9c;
}

#sg-new-d .last-test-score .maks span{
	font-size: 30px;
	color:#36424b;
}
#sg-new-d .study-concept  .maks span{
	font-size: 30px;
	color:#36424b;
}

#sg-new-d .display-class{display: flex!important;justify-content: space-between;}	

#sg-new-d .practice h4{font-size: 22px;
    letter-spacing: 1.2px;
    font-weight: 500;}
	
#sg-new-d .vscta a {
    padding: 8px 40px;
    border-radius: 0;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

#sg-new-d .check .badge {
	    line-height: 20px;
		    background-color: #23bc35;
			border:0px;
}
#sg-new-d .check .badge .material-icons{padding-top: 3px;font-size:17px;color:#fff;}

#sg-new-d .carousel-control .material-icons{ margin-top: 97%;
    margin-left: 90px;
    font-size: 34px;    color: #36424b;}
	
#sg-new-d .sidebar {
width: 150px;}

#sg-new-d section{width: auto;}

#sg-new-d  #pte {
    margin: 70px 15px 0 160px !important;

}

.theme-red .sidebar .menu .list li.active {
    color: #30424b!important;
    background-color: #43a4d3!important;
    margin-left: 0!important;
    border-radius: 0!important;
    padding-top: 0px!important;
    padding: 10px!important;
    text-align: center!important;
}

.theme-red .sidebar .menu .list li{
    color: #30424b!important;
    
    margin-left: 0!important;
    border-radius: 0!important;
    margin-top:10px;
    padding: 10px!important;
    text-align: center!important;
border-bottom: 1px solid #807979;
}

.nav-icon p{
	margin-bottom: 0px;
    margin-top: 10px;
    color: #fff;
    font-size: 15px;}

.sidebar .menu .list a {
    color: #ffffff;
    position: relative;
    vertical-align: middle;
    width: 100%;
    padding: 5px 0px;
display: unset;
}

.Guide {
display: flex;
    margin-top: 15px;
    font-size: 12px;
    font-weight: 400;}


.subjectwisereadness > .panel-group .panel-heading a:after {
	 font-family: 'Glyphicons Halflings';
	 content: "\e260";
	position: absolute;
         top: 33%;
    right: 20px;
    font-size: 22px;
    color: #30424b;
    background-color: #ededed;
    border-radius: 50%;
    padding: 2px;
    text-align: center;
    width: 33px;
    height: 33px;
}

.subjectwisereadness .panel-group .panel-heading a.collapsed:after {
    font-family: 'Glyphicons Halflings';
	content: "\e259";
	position: absolute;
       top: 33%;
    right: 20px;
    font-size: 22px;
    color: #30424b;
    background-color: #ededed;
    border-radius: 50%;
    padding: 2px;
    text-align: center;
    width: 33px;
    height: 33px;
}

.subjectwisereadness .panel-heading {
    position: relative;
    background-color: #e6e6e6;
    margin-bottom: 0;
    border-radius: 3px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.subjectwisereadness #accordion .panel-heading h4{
	font-size: 25px;
    letter-spacing: 2px;
}

#sg-new-d .study{ position: relative;}
#sg-new-d .study .video{ position: relative;}
/sg-new-dte .study .video h2{color: #fff}*/
#sg-new-d .study .video ul{ list-style: none; margin: 0px; padding: 0px;}
#sg-new-d .study .video ul li{border: #000 solid 1px; border-radius: 5px; width: 19%; margin-right: 1%; float: left; display: block;}
#sg-new-d .study .video ul li a{color: #000; text-decoration: none;}
#sg-new-d .study .video ul li a img{ width: 100%;}
#sg-new-d .study .video ul li a p{ padding: 15px; font-size: 14px;}
 sg-new-d
#sg-new-d .study .notes{ position: relative;}
#sg-new-d .study .notes ul{ list-style: none; margin: 0px; padding: 0px;}
#sg-new-d .study .notes ul li{border: #000 solid 1px; border-radius: 5px; width: 19%; margin-right: 1%; float: left; display: block;}
#sg-new-d .study .notes ul li a{color: #000; text-decoration: none;}
#sg-new-d .study .notes ul li a .icon{ background-color: #59676f; padding: 20px 10px; text-align: center; }
#sg-new-d .study .notes ul li a p{ padding: 15px; font-size: 14px;}
#sg-new-d .study .videopopup .option{border-left: #eee solid 1px; padding: 10px 0px; text-align: right;}
#sg-new-d .study .videopopup .option p{ font-size: 14px; margin-bottom: 15px;}
#sg-new-d .study .videopopup .option p .fa{ font-size: 14px; margin: 0px 10px;}
#sg-new-d .study .videopopup .option p span{margin-right: 10px;}
#sg-new-d .study .videopopup .option small{ background-color: #f9fafb; border-radius: 15px; padding: 5px 15px;}
#sg-new-d .study .videopopup .rightbar{padding: 20px 10px 0px;    background-color: #666666;margin-top: 27px;border-radius: 5px;}
#sg-new-d .study .videopopup .rightbar h2{color: #fff !important; font-size: 20px !important; margin: 0px 0px 15px;}
#sg-new-d .study .videopopup .rightbar ul{list-style: none;margin: 0px; padding: 0px}
#sg-new-d .study .videopopup .rightbar ul li{color: #000; text-decoration: none; display: inline-block; margin-bottom: 10px;}
#sg-new-d .study .videopopup .rightbar ul li a{color: #000; text-decoration: none;}
#sg-new-d .study .videopopup .rightbar ul li a img{ width: 100%; padding-right: 10px;}
#sg-new-d .study .videopopup .rightbar ul li a p{font-size: 14px;padding: 0px 4px;color: #fff;}
#sg-new-d .study .videopopup .rightbar ul li a .col-sm-6{padding: 0px !important;}

#sg-new-d .study .modal {background-color: rgb(67, 67, 67);}
#sg-new-d .study .modal .modal-content {box-shadow: unset!important;}
#sg-new-d .modal .modal-content .modal-body {padding: 0px 25px;}
#sg-new-d .modal .modal-header {border: none;padding: 0px 25px 5px 25px;}
#sg-new-d .modal .close:hover, .close:focus {
    color: unset;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 1;
}

body {
background-color: #f4f6f8;
}

#sg-new-d .progress-bar-custom .progress {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 11px;
    height: 8px;
    border: 0;
    margin-top: 13px;
}

#sg-new-d .progress-bar-custom .progress .progress-bar {
    line-height: 28px;
    background-color: #30424b;
}

#sg-new-d .readiness-progress {
	display:flex;font-size: 18px;justify-content: space-between;    margin-top: 9px;    color: #30424b;
}

#sg-new-d .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group{
	    border-top: 0px;
		padding: 15px 30px;
		background-color: #e6e6e6;
}

#sg-new-d .readiness-row {
	box-shadow: 0 1px 9px rgba(0, 0, 0, 0.13);
	background-color: #fff;
    border-radius: 5px;
}

#sg-new-d .readiness-row .readiness-progress {
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    margin-top: 13px;
    color: #30424b;
}

#sg-new-d .praticebox .locked i {
    margin-top: 4%!important;
     
}

#sg-new-d .praticebox .locked {
    position: absolute;
    top: 0px;
	height: 100%!important;
    text-align: center;
    border-radius: 5px;
    z-index: 10;
    margin-right: 0!important;
    margin-left: 0!important;
}

#sg-new-d .panel-body .praticebox .locked i {
    margin-top: 2%!important;
}
/*------------Sandeep Gupta Css End------------*/