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

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

.boxactive{ background-color: #d6f2ff;}


/*.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 .icon1 { color: rgba(0, 0, 0, 0.15); font-size: 60px; position: relative; bottom: 10px; width: 100%; display: inline-block; margin-top: 10px}
#pte .edt .fourboxtop .icon1 i { color: #444 !important; font-size: 30px; float: left; padding:0px 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 .fourboxtop .count1 {padding-top: 5px; font-weight: normal; font-size: 16px; /* margin-top: -4px; */ color: #555; text-align: left; 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;}
#pte .edt .chapters{position: relative;}
#pte .edt .chapters p{margin-bottom: 5px;}
#pte .edt .chapters span{width: 15px; height: 10px; display: inline-block; margin-right: 10px;}


#pte .edt .vscta1{ position: relative;}
#pte .edt .vscta1 a{ padding: 10px 30px; border-radius: 5px; font-size: 16px; font-weight: 700; text-decoration: none; display: inline-block; margin-bottom: 20px;}
#pte .edt .vscta1 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 !important;}
.blue {background: #43a4d3 !important;}
.green {background: #4bba25 !important;}
.yellow {background: #feca57 !important;}

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