/*-----------------------------------------------------------------------------------

    Template Name: Kiaalap - Kiaalap Admin Template 
    Description: Kiaalap Admin Template is a responsive admin template based on the famous Bootstrap framework it's easy to edit and customize by documentation.
    Author: Colorlib
    Version: 1.0form-select-list

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    1. Common
	2. Helper Class
	3. All Nested Class
	4. left sidebarpraLeft3
		4.1 left Sidebar switcher
	5. Header Top
	6. Breadcrumb
	7. Star Rating css
	8. Analytics
	9. widgets CSS
	10. Event
	11. Professors
	12. Student
	13. Courses
		13.1 Courses Info
		13.2. Course Payment
	14. Library
	15. Inbox
	16. Google Map
	17. Images Cropper
	18. Form Element
	19. Mini Sidebar
	20. Custom Scroll
	21. Wizard CSS
	22. Notification
	23. footer

-----------------------------------------------------------------------------------*/

/*----------------------------------------*/
/*  1. Common
/*----------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Condensed:wght@300&family=Sriracha&display=swap');


body {font-family: 'Poppins', 'Roboto', sans-serif; font-weight:400; background-color: #F6F8FA;}

.floatleft {float:left}
.floatright {float:right}
.alignleft {float:left;margin-right:15px;margin-bottom: 15px}
.alignright {float:right;margin-left:15px;margin-bottom: 15px}
.aligncenter {display:block;margin:0 auto 15px}
.notification-view .linkText {color: #597d35 !important; font-weight: bold;}
.pageLink {display: block; cursor: pointer; border-radius: 12px;}
.basic-list li .courseLink {font-weight: bold; font-size: 15px; display: block; color: #333;}
.basic-list li .courseLink:hover {color: #ff0000;}
.basic-list li .statusLink {margin: 0px; color: #999; margin-top: -5px; font-size: 12px; font-weight: normal;}
.logo-pro {display: none;}
.breadcome-area {margin-top: 50px;}
.topicList li{display: flex; justify-content: space-between; padding: 4px 15px; align-items: center;}
.topicList li .chapName{display: flex; justify-content: start; margin-right: 8px;}
.topicList li .chapName i {color: #333; margin-right: 8px; margin-top: 2px;}
.topicList li .btn-group{width: 107px;}
.topicList .chapNameIcon {margin: 0px -1px 0px 0px;}
.lectureBtn {margin-right: 3px; cursor: pointer; padding: 6px 10px; font-size: 12px !important; background-color: #006df0; color: #fff !important; border-radius: 4px;}
.lectureBtn:hover {opacity: 0.8;}
.submitBtn {margin-right: 3px; cursor: pointer; padding: 6px 10px; font-size: 15px !important; background-color: #006df0; color: #fff !important; border-radius: 4px;}
.submitBtn:hover {opacity: 0.8;}
.testBtn {cursor: pointer; padding: 6px 10px; font-size: 14px !important; background-color: #933ec5; color: #fff !important; border-radius: 4px;}
.testBtn:hover {opacity: 0.8;}
.startBtn {cursor: pointer; padding: 4px 10px; font-size: 13px !important; background-color: #f71074; color: #fff !important; border-radius: 4px;}
.startBtn:hover {opacity: 0.8;}
.startBtn2 {cursor: pointer; padding: 6px 10px; font-size: 14px !important; background-color: #933ec5; color: #fff !important; border-radius: 4px;}
.startBtn2:hover {opacity: 0.8;}
.chapterList {border: solid 1px #eee;}
.chapterList li .pdfLink {cursor: pointer;  margin: 0px; display: flex; color: #333; justify-content: start; padding: 12px 20px; align-items: center; border-bottom: solid 1px #eee;}
.chapterList li .pdfLink:hover {background-color: #f5f5f5; color: #333;}
.chapterList li .pdfLink.pdfDesLink {background-color: #f5f5f5; color: #333; cursor: default;}

.chapterList li .examLink {cursor: pointer; display: flex; color: #333; justify-content: space-between; padding: 12px 20px; align-items: center; border-bottom: solid 1px #eee;}
.chapterList li .examLink:hover {background-color: #f5f5f5; color: #333;}
.examBtn {cursor: pointer; padding: 4px 10px; font-size: 12px !important; color: #fff !important; border-radius: 4px;}
.examBtn:hover {opacity: 0.8;}
.tabBodyHeight {min-height: 440px; background-color: #fff;}


/*Exam-page css start*/

.product-payment-inner-st.examTop {padding: 10px 20px; background-color: #006df0;}
.examTop .examInner {display: flex; justify-content: space-between; align-items: center;}
.examTop .examInner h5 {font-size: 15px; color: #fff; margin: 0px; letter-spacing: 0.5px;}
.examTop .examInner img{margin-right: 10px;}
.examTop .examInner p{margin: 0px; color: #fff; font-weight: bold; font-size: 16px;}
.examInnerLeft {display: flex; justify-content: start; align-items: center;}
.examInnerLeft .time{margin-right: 10px;}
.time span {margin: 0px; color: #fff; font-size: 12px;}
.examSubjects {background-color: #fff; padding: 14px 14px; font-weight: bold; border: solid 1px #eee;}
.examQuestionBox {box-shadow: 0 .1rem .2rem rgba(0,0,0,.045)!important; background-color: #fff; padding: 20px; border: solid 1px #eee; margin: 15px 0px;}
.examQuestionBox .questionNumber {display: flex; justify-content: space-between; align-items: center;}
.examQuestionBox i {color: #ccc; margin-right: 10px;}
.examQuestionBox .question {padding: 10px 0px;}
.examOptionBox {}
.examOptionBox .option{margin-bottom: 10px; transition: all 0.3s ease 0s; box-shadow: 0 .1rem .2rem rgba(0,0,0,.045)!important; color: #333; display:flex; justify-content: start; align-items: center; background-color: #fff; padding: 16px; border: solid 1px #eee;}
.examOptionBox .option:hover {box-shadow: 0 .05rem .1rem rgba(0,0,0,.035)!important;}
.examOptionBox .option:hover span {color: #fff; font-weight: normal; background-color: #006df0; border: solid 1px #006df0;}
.examOptionBox .option:focus span {color: #fff; font-weight: normal; background-color: #006df0; border: solid 1px #006df0;}
.examOptionBox .option .optionNumber.active {color: #fff; font-weight: normal; background-color: #006df0; border: solid 1px #006df0;}
.examOptionBox .option span{color: #777; display: block; width: 30px; background-color: #fff; height: 30px; border: solid 1px #e7e7e7; line-height: 30px; font-size: 11px; margin-right: 10px; border-radius: 100px; text-align: center;}
.examOptionBox .option p{margin: 0px;}
.examFooter {background-color: #fff; margin-top: 50px; margin-bottom: 20px; padding: 0px;}
.examFooter .examFooterInner{display: flex; justify-content: space-between; align-items: center;}
.subAccordion {padding: 12px 20px; display: block; border-bottom: solid 1px #eee; color: #333;}
.subAccordion .fa {color: #ccc; margin-right: 6px;}
.subAccordion .progress {height: 6px; margin: 0px; margin-top: 5px;}
.quesCircle {cursor: pointer; margin: 0px 5px; display: inline-block; color: #777; width: 50px; background-color: #fff; height: 50px; border: solid 1px #e7e7e7; line-height: 50px; font-size: 13px; border-radius: 100px; text-align: center;}
.subpadd {padding: 6px 6px 6px 0px;}
.quesCircle.attQues {background-color: #933ec5; color: #fff;}
.quesCircle.skipQues {background-color: #ccc; color: #fff;}
.quesCircle.selQues {background-color: #009688; color: #fff;}

.m0 {margin: 0px;}
.color-white {color: #fff;}

/*LSRW-page css start*/

.lsrwRight {margin-top: 40px; text-align: center;}
.lsrwRight .textBox {display: inline-block; width: 350px;}
.xsmall {font-size: 11px; color: #999}
.lsrwRight2 {margin-top: 40px;}
.resultCaption{margin-top: 30px; font-size: 24px; font-weight: bold;}
.resultIcon2{width: 80px;  margin-right: 10px;}
.resultIcon{margin-bottom: 20px; font-weight: bold; width: 120px;}
.questionBox {margin: 18px 0px;}
.question {margin-bottom: 8px; font-weight: 600;}
.optList li{padding: 6px 0px; cursor: pointer; }
.optList .opt{height: 30px; width: 30px; border: solid 1px #ddd; background-color: #fff; border-radius: 100px; text-align: center; line-height: 30px; display: inline-block; margin-right: 10px;}
.optList .acitive .opt {background-color: #597d35; border: solid 1px #597d35; color: #fff;}
.questionTop {display: flex; justify-content: space-between; align-items: center;}
.circular-progress{
	position: relative;
	height: 200px;
	width: 200px;
	border-radius: 50%;
	background: conic-gradient(#7d2ae8 3.6deg, #ededed 0deg);
	display: flex;
	align-items: center;
	justify-content: center;
}
.circular-progress::before{
	content: "";
	position: absolute;
	height: 160px;
	width: 160px;
	border-radius: 50%;
	background-color: #fff;
}
.progress-value {
	position: relative;
	font-size: 30px;
	font-weight: bold;
	color: #7d2ae8;
}

.course-progress{
	position: relative;
	height: 150px;
	width: 150px;
	border-radius: 100%;
	background: conic-gradient(#65b12d 180deg, #ededed 0deg);
	display: flex;
	align-items: center;
	justify-content: center;
}
.course-progress::before{
	content: "";
	position: absolute;
	height: 130px;
	width: 130px;
	border-radius: 100%;
	background-color: #fff;
}
.course-progress-value {
	position: relative;
	font-size: 24px;
	font-weight: bold;
	color: #65b12d;
}

.practice-progress{
	position: relative;
	height: 250px;
	width: 250px;
	border-radius: 100%;	
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
}
.practice-progress::before{
	content: "";
	position: absolute;
	height: 180px;
	width: 180px;
	border-radius: 100%;
	background-color: #fff;
}
.practice-progress-value {
	position: relative;
	font-size: 24px;
	font-weight: bold;
	color: #65b12d;
}


.lsrwList {display: flex; justify-content: space-between; align-items: center;}
.lsrwList a {	
	padding:15px 25px;
	text-align: center;
	border-radius: 0px;
	background-color: #edeef3;
	display: block;
	color: #333;
	font-size: 15px;
	width: 25%;
}
.lsrwList a.active {background-color: #597d35; color: #fff;}
.lsrwList a:hover {background-color: #597d35; color: #fff;}

.smallTab {margin-top: 10px; padding: 15px}
.smallTab a {cursor: pointer; padding: 6px 10px; background-color: #eee; color: #333; font-size: 12px; border-radius: 4px;}
.smallTab a:hover {background-color: #933ec5; color: #fff; opacity: 0.7;}
.smallTab a.active {background-color: #933ec5; color: #fff}
.tabBody .boldText{font-weight: 600; margin: 0px;}
.boldText2{font-weight: 600;}
.tabBody .word {padding: 10px 40px; display: inline-block; font-size: 17px; border: solid 1px #ddd; color: #333; border-radius: 8px;}
.tabBody .word:hover {background-color: #398df3; color: #fff; cursor: pointer; border: solid 1px #398df3;}
.tabBodybtnBox{display: block;}
.tabBodybtnBox .skipLink{margin-left: 10px;}
.tabBody .para {margin: 15px 0px; padding: 15px; border: solid 1px #ddd; font-size: 15px; line-height: 24px;}
.para2 {height: 200px; overflow: auto; margin: 15px 0px; padding: 15px; border: solid 1px #ddd; font-size: 15px; line-height: 24px;}


/*sound css start*/

.hero {width: 100%; padding: 10px; display: flex; justify-content: center;}
.music {width: 100%; max-width: 900px; padding: 15px 20px; 
box-shadow: 0 0 20px 0px (red, 0, 0, 0.4); background-color: #eee; border: solid 1px #eee; color: #555; border-radius: 8px;}
.track {display: flex; align-items: center; margin-top: 20px; }
.track img {width: 60px; margin-right: 30px; cursor: pointer;}
.track div {flex: 1;}



.hero2 {width: 100%; display: flex; justify-content: center;}
.boxOver {width: 100%; max-width: 900px; padding: 15px;}
.music2 {width: 100%; max-width: 900px; padding: 15px 20px; 
box-shadow: 0 0 20px 0px (red, 0, 0, 0.4); background-color: #eee; border: solid 1px #eee; color: #555; border-radius: 8px;}
.track2 {margin-top: 20px; text-align: center; overflow: hidden;}
.track2 img {width: 40px; cursor: pointer; }
.track2 div {flex: 1;}
.waveformBox {background-color: #333; margin-bottom: 10px; overflow: hidden;}

.box {width: 90%; max-width: 900px; box-shadow: 0 0 20px 0px (red, 0, 0, 0.4); margin: 15px;
background-color: #eee; border: solid 1px #eee; color: #555; border-radius: 8px 8px 0px 0px;}
.box-header {padding: 10px 15px; background-color: #ddd; border-radius: 8px 8px 0px 0px;}
.box-body {padding: 15px; }

.underlinText {border-bottom: solid 2px #ff0000;}
.highlight {background-color: #ffff00;}
#textBox.textBoxBody {margin-top: 20px; margin-bottom: 20px; outline: none; padding: 15px; min-height: 160px; border: solid 1px #ddd; background-color: #fff;}


/*Speech Recognisation*/

section {
  min-height: 100vh;
  width: 100%;
  display: flex;
  align-items: flex-start;
  background-color: rgb(37, 37, 37);
  flex-direction: column;
  padding: 50px 0;
}
section h1 {
  color: rgba(255, 255, 255, 0.322);
  text-align: center;
  width: 100%;
  font-size: 50px;
  margin-bottom: 10px;
}
section p {
  text-align: center;
  color: rgba(255, 255, 255, 0.322);
  width: 100%;
  margin-bottom: 40px;
}
/* .container {
  width: 90%;
  max-width: 500px;
  margin: 0 auto;
  justify-content: center;
} */
.texts p {
  color: black;
  text-align: left;
  width: 100%;
  background-color: white;
  padding: 10px;
  border-radius: 8px;
  margin-bottom: 10px;
}
.texts p.replay {
  text-align: right;
}


.main {border: solid 2px #333;
	height: 99%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.speechtxt {
	border: solid 2px #ff0000;
	width: 100px;
	font-size: 25px;
	float: left;
	height: 40px;
	}
.speak {border: solid 2px #ff0000;
	width: 600px;
	float: left;
	height: 40px;
}
.speak input{
	width: 598px;
	height: 38px;
}

/*Chat-page css start*/
.chatLeft {background-color: #fff; min-height: 590px;}
.chatLeftTop {padding: 6px 15px; background-color: #eee; display: flex; justify-content: space-between; align-items: center;}
.chatLeftTop img {width: 40px; height: 40px; border-radius: 100px;}
.chatLeftTop  i {padding: 5px 10px; cursor: pointer;}
.searchBox {padding: 5px 15px; border-bottom: solid 1px #f0f2f5;}
.searchBox input {border-radius: 10px; background-color: #f0f2f5;}
.clientBox {padding: 10px; display: flex; justify-content: space-between; align-items: center; border-bottom: solid 1px #f0f2f5;}
.clientBox:hover {background-color: #f0f2f5;}
.clientBox .clientName {display: flex; justify-content: space-between; align-items: center;}
.clientName img {margin-right: 10px; width: 40px; height: 40px; border-radius: 100px;}
.clientName h5 {font-size: 15px; margin: 0px; margin-bottom: 2px; color: #666;}
.clientName .small {font-size: 13px; color: #777; margin: 0px;}
.clientBox .client-right {font-size: 13px; color: #777;}
.clientBox.active {background-color: #f0f2f5;}

.chatRight {background-color: #fff; min-height: 590px;}
.chatRightTop {padding: 6px 15px; background-color: #eee; display: flex; justify-content: space-between; align-items: center;}
.chatRightTop img {width: 40px; height: 40px; border-radius: 100px; margin-right: 6px;}
.chatRightTop  i {padding: 5px 10px;  cursor: pointer;}
.chatRightMiddle {position: relative; height: 480px; overflow-y: scroll;  background-color: #efeae2;}
.chatBody {vertical-align: bottom; padding: 20px;}
.chatRightBottom{padding: 15px; background-color: #f0f2f5;}
.chatRightBottom .iconLink{padding: 8px; cursor: pointer; margin: 0px 10px; display: inline-block; color: #333; font-size: 20px;}
.user-msg-block {text-align: right; padding: 10px;}
.client-msg-block {text-align: left;}
.user-msg {background-color: #198754; text-align: left; width: 60%; display: inline-block; padding: 6px 15px; color: #fff; border-radius: 6px;}
.client-msg {background-color: #0d6efd; width: 60%; display: inline-block; padding: 6px 15px; color: #fff; border-radius: 6px;}
.date-time {font-size: 11px; color: #f7f7f7; text-align: right; margin-top: 5px;}

/* .mLogo {display: block;}, Left Menu */
.breArea {margin-top: 20px;}
.myLeftMenu {display: none;}
.smallMenu {display: none;}
.slideLeft { visibility: visible; animation-name: fadeInLeft; display: block;}
.closeBtn {cursor: pointer; position: absolute; color: #888; right: 0px; top: 0px; text-align: center; line-height: 40px; width: 40px; height: 40px;}
.closeBtn span {font-size: 32px;}
.closeBtn:hover {color: #006df0;}
.topMenu{display: flex; justify-content: start; align-items: center; color: #fff;}
.topMenu h4 {margin: 0px; font-weight: normal; font-size: 16px;}
.topMenu .backIcon {padding: 20px 10px; color: #fff; display: block;}
/* .blackBox {display: none;} */
.main-logo {width: 120px; margin-top: 10px;}
.fixedBox {height: 400px; overflow: auto;}
.fixedBox2 {min-height: 630px !important;}
.center {text-align: center;}
.asset-inner .center {text-align: center;}
.statusBarOver p {margin: 0px; text-align: center;}
.status {background-color: #ddd; margin-top: 0px;}
.status .statusBar {height: 4px;}
.blueBack {background-color: #006df0 !important;  -webkit-print-color-adjust: exact; }
.purpleBack {background-color: #933ec5 !important;  -webkit-print-color-adjust: exact; }
.greenBack {background-color: #65b12d !important;  -webkit-print-color-adjust: exact; }
.redBack {background-color: #ed1450 !important;  -webkit-print-color-adjust: exact; }
.orangeBack {background-color: #ff8a65 !important;  -webkit-print-color-adjust: exact; }
.brownBack {background-color: #795548 !important;  -webkit-print-color-adjust: exact; }
.spacer {margin-bottom: 10px; height: 10px;}

.liveChatOver {border: solid 1px #eee;}
.liveChatOver .liveChatTop {border-bottom: solid 1px #eee; padding: 10px 20px; box-shadow:0px 0px 4px #ddd; color: #777; font-weight: bold;}
.liveChatOver .liveChatBottom {border-top: solid 1px #eee; padding: 10px 10px; position: relative; box-shadow: 0px -1px 4px #ddd; color: #777;} 
.liveChatBottom .userIcon {border-radius: 100px; margin-right: 40px; width: 30px; height: 30px;}
.liveChatBottom .sendIcon {cursor: pointer; width: 30px; height: 30px; text-align: center; line-height: 30px; margin-left: 10px; background-color: #42a5f5; border-radius: 100px;}
.liveChatBottom .sendIcon img{width: 12px;}

.chapterList2 li .word{padding: 10px 15px; display: block; margin: 0px; border-bottom: solid 1px #eee;}
.chapterList2 li .word:hover{background-color: #f7f7f7; cursor: pointer;}
.desText {line-height: 25px;}
.userBox {display: flex; justify-content: start; align-items: center;}
.userBox img {height: 60px; width: 60px; border-radius: 100px; margin-right: 15px;}
.userDetail {text-align: left;}
.userDetail h4 {margin: 0px; margin-bottom: 6px; text-align: left !important;}
.userDetail p {margin: 0px; color: #777; text-align: left !important;}
.userDetail p span {font-weight: bold;}
.courseHeading {height: 40px; overflow: hidden; line-height: 22px; font-size: 17px !important;}
.proHeight {height: 15px; text-align: center;}
.proHeight span {position: absolute; text-align: center; color: #597d35; font-size: 12px;}

.dropdown-menu li a{padding: 10px;}
.nextPreBox {display: flex; justify-content: space-between; align-items: center; margin-top: 40px;}
.nextPreBox .greenBtn {cursor: pointer; color: #fff; border: solid 1px #50961c; background-color: #65b12d; padding: 6px 15px; border-radius: 6px;}
.nextPreBox .defaultBtn {cursor: pointer; color: #333; border: solid 1px #ddd; background-color: #f7f7f7; padding: 6px 15px; border-radius: 6px;}
.vocabBoxOver {margin-bottom: 30px; text-align: center;}
.vocabBox {background-color: #fff; border: solid 1px #ddd; padding: 6px; display: inline-block; margin-right: 20px;}
.vocabImg {width: 160px; height: 160px;}

.vocabBox2 {cursor: pointer; border-radius: 6px; margin-bottom: 5px; background-color: #fff; border: solid 1px #ddd; padding: 6px; display: inline-block; vertical-align: top;}
.vocabBox2:hover {box-shadow: 0 .325rem .45rem rgba(0,0,0,.075)!important;}
.vocabBox2.active {box-shadow: 0 .325rem .45rem rgba(0,0,0,.075)!important;}
.vocabBox2.active i {color: blue !important;}
.vocabBox2.visited i {color: green !important;}
.vocabImg2 {width: 90px; height: 90px;}
.sound-icon2 {text-align: center; font-size: 24px; margin-top: -5px; margin-bottom: -5px; color: #555;}

.notNum{
	position:absolute;
	height:14px;
	width:14px;
	background:#ff0000;
	border-radius:50%;
	top: -7px;
    right: -2px;
	font-size: 10px; 
	text-align: center; 
	line-height: 14px;"
}
a.loginBtn {display: block !important; text-align: center; padding: 8px !important; background-color: #4d62cd !important; color: #fff;}
.loginBtn:hover {opacity: 0.8;}

.login-top-area {
    position: fixed;
	width: 100%;
    background-color: #4d62cd; 
    z-index: 99;
    right: 0;
    top: 0;
    margin: 0 auto;
    transition: all 0.3s;
	padding: 0px 20px;
	color: #fff;
}
.file-upload-inner.photoBoxOver {margin-top: 20px; display:flex !important; justify-content: start; align-items: center;}

.convLink {column-count: 2; column-gap: 40px;}
.convLink a {display: block; padding: 6px 10px;}
.convList {margin-top: 20px;}
.convList li {margin: 12px 0px; font-size: 16px;}
	wave {display: block  !important; overflow: hidden !important;}
.panel-group.edu-custon-design .accordion-head {display: flex; justify-content: space-between; align-items: center;}
.panel-group.edu-custon-design .accordion-head .panel-title {width: 100%;}

.videoBox {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 10000;
	background: rgba(0,0,0,0.90);
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	visibility: hidden;
	opacity: 0;	
	text-align: center;
	padding: 120px;
	overflow: hidden;
}

.videoBox .video{
	position: relative;
	width: 800px;
	height: 450px;
	outline: none;
	border: none;	
	/* display: flex;
	justify-content: center;
	align-items: center; */
	/* margin-top: 100px; */
}
.videoBox .close {
	position: absolute;
	top: 30px;
	right: 30px;
	cursor: pointer;	
	max-width: 32px;
	background-color: #000;
	padding: 6px;
	border-radius: 6px;	
}

.pdfBox {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 10000;
	background: rgba(0,0,0,0.95);
	width: 100%;
	height: 100%;
	display: none;
	text-align: center;
}
.pdfBox iframe{
	position: relative;
	width: 100%;
	height: 100%;
	outline: none;
border: none;	
}
.pdfBox .close2 {
	position: absolute;
	top: 30px;
	right: 30px;
	cursor: pointer;	
	max-width: 24px;
	background-color: #000;
	padding: 6px;
	border-radius: 6px;	
}
.btn-default.desBtn {background-color: #e6e6e6; cursor: default;}
.btn-default.desBtn:hover {background-color: #e6e6e6; cursor: default;}
.btnAddContent {font-size: 12px; padding: 4px 10px; background-color: #006df0; color: #fff; border-radius: 4px;}
.btnAddContent:hover {opacity: 0.8; color: #fff !important;}
.btnAddContent:focus {opacity: 0.8; color: #fff !important;}
.btnCMSContent {font-size: 12px; padding: 4px 10px; background-color: #933ec5; color: #fff; border-radius: 4px;}
.btnCMSContent:hover {opacity: 0.8; color: #fff !important;}
.btnCMSContent:focus {opacity: 0.8; color: #fff !important;}
.btnLSRWContent {font-size: 12px; padding: 4px 10px; background-color: #597d35; color: #fff; border-radius: 4px;}
.btnLSRWContent:hover {opacity: 0.8; color: #fff !important;}
.btnLSRWContent:focus {opacity: 0.8; color: #fff !important;}
#tableList tr th {font-size: 13px; padding: 12px 5px;}
#tableList tr td {font-size: 13px; padding: 5px 5px;}
.activeLink {background-color: #ecf1f4;}
.micBox {cursor: pointer; margin: 8px; border-radius: 100px;   display: inline-block; text-align: center; border: solid 1px #006df0; width: 40px; height: 40px;}
.micBox:hover {background-color: #006df0;  }
.micBox i {font-size: 18px; line-height: 40px; color: #006df0;}
.micBox:hover i {color: #fff; }


/* .typeBox { 
	margin-top: 20px;  margin-bottom: 20px; outline: none; padding: 15px; min-height: 160px; border: solid 1px #ddd; background-color: #fff;
} */

.typeBox{
    width: 100%;
	padding: 18px;
	height: 200px;
	border: solid 1px #ddd;
	background-color: #fff;
	border-radius: 6px; 
	margin-bottom: 20px;
	overflow: auto;   
}
.typeBox:focus{
    border: solid 1px #ddd;
    outline: none;
}

.textarea{
    width: 100%;
    height: 216px;
    padding: 18px;
    resize: none;
    border: solid 1px #ddd;
    border-radius: 6px;
	line-height: 24px;
}
.textarea:focus{
    border: solid 1px #ddd;
    outline: none;
}
.counter-container{
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}




/*old css*/
.legendBoxOver {display: flex; justify-content: start; align-items: center;}
.legendBox {margin-right: 10px; font-size: 12px;}

/* admin-dashboard */
.basic-list .batchStatus {display: flex; justify-content: space-between; align-items: center;}
.basic-list .batchName {line-height: 22px; font-weight: normal;}
.basic-list .batchStatusBox {width: 190px; text-align: right;}
.basic-list .batchStatusBox2 {text-align: right;}
.basic-list .batchStatusBox span {margin-left: 0px; font-size: 11px;}
.ha-bgColor {background-color: #4bc0c0;}
.a-bgColor {background-color: #36a2eb;}
.ua-bgColor {background-color: #ff6384;}
.ha-textColor {color: #4bc0c0;}
.a-textColor {color: #36a2eb;}
.ua-textColor {color: #ff6384;}
.legendBoxOver {display: flex; justify-content: start; align-items: center;}
.legendBox {margin-right: 10px; font-size: 12px;}
.myButton4 {padding: 8px 20px; display: inline-block; color: #fff; background-color: #006df0; margin-top: 0px; border-radius: 6px; font-size: 13px;}
.myButton4:hover {color: #fff; background-color: #0359c1;}
.myButton5 {padding: 8px 20px; display: inline-block; color: #fff; background-color: #303030; margin-top: 0px; border-radius: 6px; font-size: 13px;}
.myButton5:hover {color: #fff; background-color: #404040;}
.myButton6 {padding: 8px 20px; display: inline-block; color: #fff; background-color: #933ec5; margin-top: 0px; border-radius: 6px; font-size: 13px;}
.myButton6:hover {color: #fff; background-color: #7818b1;}
.form-control.myInput {background-color: #f3f3f3;}
.form-control.myInput2 {background-color: #fff; text-align: center;}
.creBox {padding: 10px 15px;}
.creBox h5 {font-size: 20px; margin-bottom: 0px;}
.creBox p {margin: 0px;}
.creBox.greenBox {border: solid 1px #d6e9c6; background-color: #dff0d8; color: #3c763d; }
.creBox.cyanBox {border: solid 1px #bce8f1; background-color: #d9edf7; color: #317099; }
.creBox.yellowBox {border: solid 1px #faebcc; background-color: #fcf8e3; color: #8a6d3b; }
.creBox.redBox {border: solid 1px #ebccd1; background-color: #f2dede; color: #b94442; }
.asset-inner .topicHead {background-color: #eee; }
.asset-inner .topicHead th{padding: 14px; border-top: solid 1px #ddd;}

.exam-box-over {background-color: #f7f7f7; padding: 15px 0px; margin: 5px;}
.exam-box-over .exam-box {background-color: #fff; margin: 0px; padding: 15px;}
.exam-box .exam-head {display: flex; justify-content: space-between; align-items: center; font-weight: bold;}
.exam-box .question-box {height: 150px; border: solid 1px #eee; padding: 15px;}
.exam-box .option-Box {padding: 25px 0px;}
.option-Box .quesNum {cursor: pointer; margin-right: 15px; width: 40px; height: 40px; line-height: 40px; font-size: 16px; border: solid 1px #ddd; border-radius: 100px; text-align: center; font-weight: normal;}
.option-Box .quesNum:hover{background-color: #009688; color: #fff;}
.option-Box li {display: flex; justify-content: start; align-items: center;margin-bottom: 15px;}
.option-Box li .rightAns{background-color: #009688; color: #fff;}
.exam-box-right {background-color: #fff; padding: 15px;}
.exam-box-right .rightHead{background-color: #7ea6d7; color: #fff; padding: 10px; font-size: 15px; text-align: center;}
.tagBox {margin: 20px 0px;}
.tagBox h5 {font-size: 15px; margin-bottom: 0px;}
.tagBox p {font-size: 15px; margin-top: 6px;}
.quesCircle.attQues {background-color: #933ec5; color: #fff;}
.quesCircle.skipQues {background-color: #ccc; color: #fff;}
.quesCircle.selQues {background-color: #009688; color: #fff;}
.student-img img{width: 30px !important;}


.topicRow {padding: 10px 15px !important; border-top: solid 1px #ddd; color: #ff0000;}
.topicRow:hover {
	background-color: #F2F2F2;
	cursor: pointer;
}
.hidden_row {display: none;}
.activeRow{background-color: #F2F2F2;}
.checkBtn {box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px; cursor: pointer; padding: 0px 16px; vertical-align: 6px; margin-left: -10px; line-height: 40px; display: inline-block; height: 40px; font-size: 14px !important; background-color: #006df0; color: #fff !important;}
.checkBtn:hover {opacity: 0.8;}
.checkBtnDes {box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px; padding: 0px 16px; vertical-align: 6px; margin-left: -10px; line-height: 40px; display: inline-block; height: 40px; font-size: 14px !important; background-color: #ddd !important; color: #999 !important;}
.nextBtn {cursor: pointer; box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px; padding: 0px 16px; vertical-align: 6px; margin-left: -10px; line-height: 40px; display: inline-block; height: 40px; font-size: 14px !important; background-color: #006df0 !important; color: #fff !important;}
.nextBtn:hover {opacity: 0.8;}
.finishBtn {cursor: pointer; box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px; padding: 0px 16px; vertical-align: 6px; margin-left: -10px; line-height: 40px; display: inline-block; height: 40px; font-size: 14px !important; background-color: #48aa34 !important; color: #fff !important;}
.finishBtn:hover {opacity: 0.8;}

.chapterList li .desBtn {background-color: #f5f5f5; cursor: default;}
.chapterList li .desBtn:hover {background-color: #f5f5f5; cursor: default;}

.resBoxOver {text-align: center;}
.resBox {width: 96px; margin: 2px; box-shadow: 0px 0px 6px 1px #ccc; display: inline-block; text-align: center; border: solid 1px #7d2ae8; padding: 18px 10px; border-radius: 12px;}
.resBox p {margin: 8px 0px;}
.resBox i {font-size: 24px;}
.resBox h4 {font-size: 22px; margin: 0px;}

.finishBtn {font-size: 14px; border-radius: 6px;}
.finishBtn:hover {opacity: 0.85;}

.single-cards-item.resultOver {padding: 20px;}
.cenHead2 {text-align: left; margin-bottom: 10px; padding: 10px 20px;}
.cenHead2 h5{ font-size: 22px;}
.statusBox {text-align: center; border-radius: 8px; font-size: 20px; width: 100%; padding: 14px; background-color: #d80027; color: #fff;}
.cenBox {max-width: 460px; width: 100%; display: inline-block;}

.resultBox {width: 120px; color: #005662; display: inline-block; margin: 8px 6px; border-radius: 10px; background-color: #fff; border: solid 1px #2baeeb; padding: 20px 10px;}
.resultBox i {font-size: 28px; color: #005662;}
.resultBox p {margin: 10px 0px; font-size: 13px; font-weight: normal;}
.resultBox h4 {margin: 0px; color: #005662;}
.roundBtnPurple {padding: 6px 16px; cursor: pointer; display: inline-block; color: #fff; background-color: #933ec5; margin-top: 0px; border-radius: 100px; font-size: 14px;}
.roundBtnPurple:hover {color: #fff; background-color: #79399f;}
.roundBtnInfo {padding: 6px 16px; cursor: pointer; display: inline-block; color: #fff; background-color: #006df0; margin-top: 0px; border-radius: 100px; font-size: 14px;}
.roundBtnInfo:hover {color: #fff; background-color: #0359c1;}
.roundBtnGreen {padding: 6px 16px; cursor: pointer; display: inline-block; color: #fff; background-color: #65b12d; margin-top: 0px; border-radius: 100px; font-size: 14px;}
.roundBtnGreen:hover {color: #fff; background-color: #5c9c2d;}

.answerModal {border-top: solid 1px #eee; display: none; bottom: 0px; z-index: 200; padding: 10px 10px 20px 10px; background-color: #fff; position: fixed;}
.closeBtn2 {cursor: pointer; position: absolute; color: #888; right: 0px; top: 0px; text-align: center; line-height: 40px; width: 40px; height: 40px;}
.closeBtn2 span {font-size: 32px;}
.closeBtn2:hover {color: #006df0;}
.single-cards-item.resultOver {padding: 20px;}

.quesListPre {padding: 10px 0px;}
.quesListPre a{display: inline-block;}
.quesListPre a span{display: inline-block; width: 45px; height: 45px; line-height: 45px; margin: 4px 2px; text-align: center; border-radius: 80px;}
.quesListPre a:hover span {background-color: #0080d8; font-weight: bold; color: #fff; opacity: 0.85; border: none; cursor: pointer;}
.quesListPre a span.attend {background-color: #0080d8; color: #fff;}
.quesListPre a span.skip {background-color: #ddd; color: #333;}
.legend li {display: inline-block; margin-right: 10px; font-size: 13px;}
.legend li .attend{width: 14px; border-radius: 100px; margin-right: 5px; vertical-align: -2px; height: 14px; background-color: #0080d8; display: inline-block;}
.legend li .skip{width: 14px; border-radius: 100px; margin-right: 5px; vertical-align: -2px; height: 14px; background-color: #ddd; display: inline-block;}
.legend li .notAttended{width: 14px; border-radius: 100px; margin-right: 5px; vertical-align: -2px; height: 14px; border: solid 1px #ccc; background-color: #fff; display: inline-block;}
 
 /*Review Answer*/
 .quesCircle.rightAns {background-color: #009688; font-weight: normal; color: #fff;}
 .quesCircle.rightAns:hover {opacity: 0.85;}
 .quesCircle.wrongAns {background-color: #ef5350; font-weight: normal; color: #fff;}
 .quesCircle.wrongAns:hover {opacity: 0.85;}
 .quesCircle.skipAns  {background-color: #ddd; font-weight: normal; color: #333;}
 .quesCircle.skipAns:hover {opacity: 0.85;}
 .examOptionBox .option2{margin-bottom: 10px; transition: all 0.3s ease 0s; box-shadow: 0 .1rem .2rem rgba(0,0,0,.045)!important; color: #333; display:flex; justify-content: start; align-items: center; background-color: #fff; padding: 16px; border: solid 1px #eee;}
 .examOptionBox .option2 span{color: #777; display: block; width: 30px; background-color: #fff; height: 30px; border: solid 1px #e7e7e7; line-height: 30px; font-size: 11px; margin-right: 10px; border-radius: 100px; text-align: center;}
 .examOptionBox .option2 p{margin: 0px;}
 .option2 .optionNumber.rightAns {background-color: #009688; font-weight: normal; color: #fff;}
 .option2 .optionNumber.wrongAns {background-color: #ef5350; font-weight: normal; color: #fff;}
 
.quesList li a.rightAns span {background-color: #009688; font-weight: normal; color: #fff;}
.quesList li a.wrongAns span {background-color: #ef5350; font-weight: normal; color: #fff;}
.quesList li a.skipAns span {background-color: #ddd; font-weight: normal; color: #333;}
.quesListPre a.rightAns span {background-color: #009688; font-weight: normal; color: #fff;}
.quesListPre a.wrongAns span {background-color: #ef5350; font-weight: normal; color: #fff;}
.quesListPre a.skipAns span {background-color: #ddd; font-weight: normal; color: #333;}
.legend2 li {display: inline-block; margin-right: 10px; font-size: 13px;}
.legend2 li .rightAns{width: 14px; border-radius: 100px; margin-right: 5px; vertical-align: -2px; height: 14px; background-color: #009688; display: inline-block;}
.legend2 li .wrongAns{width: 14px; border-radius: 100px; margin-right: 5px; vertical-align: -2px; height: 14px; background-color: #ef5350; display: inline-block;}
.legend2 li .skipAns{width: 14px; border-radius: 100px; margin-right: 5px; vertical-align: -2px; height: 14px; border: solid 1px #ddd; background-color: #ddd; display: inline-block;}

.legend3 li {display: inline-block; margin-right: 10px; font-size: 13px;}
.legend3 li .selected{width: 14px; border-radius: 100px; margin-right: 5px; vertical-align: -2px; height: 14px; background-color: #009688; display: inline-block;}
.legend3 li .visited{width: 14px; border-radius: 100px; margin-right: 5px; vertical-align: -2px; height: 14px; background-color: #933ec5; display: inline-block;}
.legend3 li .skipped{width: 14px; border-radius: 100px; margin-right: 5px; vertical-align: -2px; height: 14px; border: solid 1px #ddd; background-color: #ccc; display: inline-block;}

.answerModal {border-top: solid 1px #eee; display: none; bottom: 0px; z-index: 200; padding: 10px 10px 20px 10px; background-color: #fff; position: fixed;}
.closeBtn2 {cursor: pointer; position: absolute; color: #888; right: 0px; top: 0px; text-align: center; line-height: 40px; width: 40px; height: 40px;}
.closeBtn2 span {font-size: 32px;}
.closeBtn2:hover {color: #006df0;}
.single-cards-item.resultOver {padding: 20px;}

.conceptList2 li {padding: 15px; border-bottom: solid 1px #ccc;  background-color: #fff; display: flex; justify-content: start;}
.conceptList2 li:first-child {padding: 15px; border-bottom: solid 1px #ccc; border-top: solid 1px #ccc; background-color: #fff;}
.conceptList2 li span {margin-right: 10px;}

.conceptList3Over {background-color: #fff; border-radius: 12px; padding: 6px 0px;}
.conceptList3 li {padding: 15px; border-bottom: solid 1px #ccc;  background-color: #fff; display: flex; justify-content: start;}
.conceptList3 li:last-child {padding: 15px; border-bottom: none;  background-color: #fff; display: flex; justify-content: start;}


/* .conceptList3 li:first-child {padding: 15px; border-bottom: solid 1px #ccc; border-top: solid 1px #ccc; background-color: #fff;} */
.conceptList3 li span {margin-right: 10px;}
.single-review-st-item.resultOver2 {min-height: 594px; padding: 0px;}

.cenHead2 {text-align: left; margin-bottom: 10px; padding: 10px 20px;}
.cenHead2 h5{ font-size: 22px;}

.apBox {display: inline-block;}
.conceptBoxInnerOver {background-color: #fff; text-align: left; display: block; padding: 20px; border-radius: 8px; margin-bottom: 15px;}
.conceptBoxInner {display: flex; justify-content: space-between; align-items: center;} 
.conceptBoxInner h3 {font-size: 16px; color: #333; margin: 0px;}
.conceptBoxInner p {color: #333; font-size: 13px; margin-top: 5px;}

.studentList li {padding: 10px 15px; border-bottom: solid 1px #ddd;  background-color: #fff; display: flex; justify-content: start; align-items: center;}
.studentList li:first-child {padding: 10px 15px; border-bottom: solid 1px #ddd; border-top: solid 1px #ddd; background-color: #fff;}
.studentList li span {margin-right: 10px;}
.studentList img {height:40px; width:40px; border-radius:50%; margin-right: 10px;}
.studentList h3 {font-size: 15px; color: #333; margin: 0px;}
.conceptHead {padding: 0px 15px 5px 15px; text-align: left;}
.message-content.text {font-size: 14px; line-height: 24px; margin-top: 0px; color: #777;}
.message-content.ansBox {font-size: 14px; line-height: 24px; margin-top: 0px; color: #777; display: none;}
.whiteBG {background-color: #fff !important;}

.progOver {display: flex; justify-content: start; align-items: center;}
.progOver .progText {width: 180px; text-align: left; margin: 3px 0px; height: 30px;}
.progOver .progBar {margin-left: 0px; text-align: left; height: 30px; border-radius: 0px 6px 6px 0px;}
.progResultBox {display: flex; justify-content: start; align-items: center; border-radius: 10px; background-color: #ffead1; padding: 10px; margin-bottom: 15px; margin-top: -10px;}
.progResultBox .progPer {margin-right: 10px; font-size: 16px; background-color: #fff; border-radius: 80px; display: inline-block; width: 60px; height: 60px; text-align: center; line-height: 60px; font-weight: bold;}  
.progResultBox .progResText {font-size: 14px; color: #000;}
.playBtn {cursor: pointer; padding: 2px 10px; font-size: 12px !important; background-color: #eee; color: #000 !important; border-radius: 4px;}
.playBtn:hover {background-color: #333; color: #fff !important;}
.playBtn.active {background-color: #333; color: #fff !important;}
.playBtn i {margin-right: 4px;}
.playBtn.active2 {background-color: #e51460; color: #fff !important;}
.playBtn.active2:hover {opacity: 0.8;}
.startTestBtn {cursor: pointer; padding: 2px 10px; font-size: 12px !important; background-color: #65b12d; color: #fff !important; border-radius: 4px;}
.startTestBtn:hover { background-color: #333; color: #fff !important;}
.startTestBtn.active { background-color: #333; color: #fff !important;}
.senList li{padding: 10px 0px; border-bottom: solid 1px #eee;}
.green-text {color: #47a347;}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

.shadow {
    box-shadow: 0 .3rem .5rem rgba(0,0,0,.095)!important;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}

.alphaBoxOver {margin: 10px 0px; display: flex; justify-content: start; align-items: center; flex-wrap: wrap;}
.alphaBoxOver .alphaBox {margin: 3px; display: block; width: 32px; height: 32px; text-align: center; line-height: 32px; background-image: radial-gradient(#339bf8, #0a75d3); color: #fff; font-weight: bold; font-size: 16px; border-radius: 6px;}
.alphaBoxOver .alphaBox:hover {background-image: radial-gradient(#04dc28, #4fbb07); cursor: pointer;}
.alphaBoxOver .alphaBox.active {background-image: radial-gradient(#04dc28, #4fbb07); cursor: pointer;}

/* rolePlay */
.bg {
	width: 100%;
	height: 47vh;	
	background-repeat: no-repeat; 
	background-size: 100% 100%; 	
}
/* .callouts {
  list-style-type: none;
}
 */
 
 .callouts li {
  display: inline-block;
  position: relative;
	width: 100%;	
	padding: 15px;
	background-color: #fff;
  border: 1px solid #c1c1c1;
	border-radius: 4px;
	box-shadow: 0 0 10px #c1c1c1;
}

/* LEFT */
.callouts--left:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	left: -42px;
	top: 17px;
  border: 10px solid transparent;
  border-right: 32px solid rgb(193,193,193); /* IE8 Fallback */
  border-right: 32px solid rgba(193,193,193,0.5);
  z-index: 2;
}
.callouts--left:after {
  content: "";
	position: absolute;
	width: 0;
	height: 0;
	left: -31px;
	top: 20px;
  border: 8px solid transparent;
  border-right: 24px solid #fff;
  z-index: 3;
}

/* RIGHT */
.callouts--right:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	right: -42px;
	top: 17px;
  border: 10px solid transparent;
  border-left: 32px solid rgb(193,193,193); /* IE8 Fallback */
  border-left: 32px solid rgba(193,193,193,0.5);
  z-index: 2;
}
.callouts--right:after {
  content: "";
	position: absolute;
	width: 0;
	height: 0;
	right: -31px;
	top: 20px;
  border: 8px solid transparent;
  border-left: 24px solid #fff;
  z-index: 3;
}

.convList3 {margin: 0px;}
.convList3 li {display: flex; padding: 10px; justify-content: space-between; align-items: center; border-bottom: solid 1px #ddd;}

.convList3 .convIcon {text-align: center;}
.convList3 .comIcon {width: 24px; margin-right: 6px;}
.convList3 .perIcon {width: 16px;  margin-right: 6px;}
.convList3 .imgOver {width: 30px; text-align: center; display: inline-block;}
.convList3 .micIcon {display: block; cursor: pointer; width: 24px; height: 24px; text-align: center; line-height: 24px; color: #ff0000; border: solid 1px #ff0000; border-radius: 100px;}	
.convList3 .micIcon:hover {background-color: #ff0000; color: #fff;}
.convList3 .playIcon {display: block; cursor: pointer; width: 22px; height: 24px; padding-left: 2px; text-align: center; font-size: 12px; line-height: 24px; color: #ff0000; border: solid 1px #ff0000; border-radius: 100px;}	
.convList3 .playIcon:hover {background-color: #ff0000; color: #fff;}
.convList3 .boxOver3 {display: flex; align-items: center; }
.convList3 p {margin: 0px; padding: 0px 5px;}
.convList3 .convTextBox1 {border: none; font-family: 'Poppins', sans-serif; font-size: 14px; background-color: #fff;}

.readList li{margin: 14px 0px; font-size: 14px; line-height: 24px;}
.para p {font-size: 14px; line-height: 22px;}
.readList li .boldText {font-weight: bold;}
.senList2 li{padding: 10px 0px; border-bottom: solid 1px #eee; display: flex; justify-content: space-between;}
.senList2 .innerText {display: flex; align-items: center;} 
.senList2 .innerText i {margin-right: 5px;}
.greenRes {color: #35ba96}
.redRes {color: #e51460}
.blueRes {color: #0078d7}

.conPra li {display: flex; justify-content: space-between;}

.playBtn.greenbg {background-color: #34a853; color: #fff !important;}
.playBtn.greenbg:hover {opacity: 0.6;}




/* .pageLink:hover {background-color: #e0f0d0;}
.pageLink:hover .panel-body{background-color: transparent;} */

/*Scrollbar style*/

/* width */
::-webkit-scrollbar {
  width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #3d5c98; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #3d5c98; 
}

/* Design from 31-7-23 */
.breadcome-heading.courseHeader h4{margin: 0px 10px 10px 0px; text-align: left;}
.breadcome-heading.courseHeader .catBox{margin-right: 10px; width: auto;}
.breadcome-heading.courseHeader .catBox .catBtn{width: 200px; text-align: left; display: flex; justify-content: space-between; align-items: center;}
.breadcome-heading.courseHeader .catBox .catList{height: 400px; overflow: auto;}
.playBtn2 {cursor: pointer; padding: 4px 10px; font-size: 13px !important; background-color: #eee; color: #000 !important; border-radius: 4px;}
.playBtn2:hover {background-color: #333; color: #fff !important;}
.playBtn2.active {background-color: #333; color: #fff !important;}
.playBtn2 i {margin-right: 4px;}
.playBtn3 {cursor: pointer; padding: 5px 10px; font-size: 13px !important; background-color: blue; color: #fff !important; border-radius: 4px;}
.playBtn3:hover {background-color: #333; color: #fff !important;}
.playBtn3.active {background-color: #333; color: #fff !important;}
.playBtn3 i {margin-right: 4px;}
.practiceBoxOver {margin-top: 20px;}
.practiceBox {background-color: #fff; padding: 10px 20px; margin-bottom: 10px; border: solid 1px #ddd; border-radius: 12px;}
.prHead {font-size: 14px; font-weight: 500; margin: 0px;}
.prOver {display: flex; justify-content: space-between; align-items: center; margin-top: 5px; margin-bottom: 10px;}

.practiceBoxOver .practiceBox2 {padding: 3px; border-radius: 12px; background-color: #fff; margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center;}
.practiceBoxOver .practiceBox2 .prOver2 {border-radius: 12px 0px 0px 12px; height: 76px;  position: relative; background-color: #8f98ff; width: 100%; padding: 8px 20px;}
 .prOver2 p {margin: 0px; color: #fff !important; margin-bottom: 6px; font-weight: 600;}
 .prOver2 .checkIcon {color: #fff; margin-left: 8px;} 
.practiceBoxOver .practiceBox2 .praRight2 {border-radius: 0px 12px 12px 0px;  height: 76px; position: relative; background-color: #6e78df; width: 80px;  text-align: center;}
.praRight2 i{color: #fff; font-size: 22px; margin-top: 28px;}

.practiceBoxOver .practiceBox3 {padding: 3px; border-radius: 12px; background-color: #fff; margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center;}
.practiceBoxOver .practiceBox3 .prOver3 {border-radius: 0px 12px 12px 0px; height: 76px;  position: relative; background-color: #8f98ff; width: 100%; padding: 8px 20px;}
.prOver3 p {margin: 0px; color: #fff !important; margin-bottom: 6px; font-weight: 600;}
.prOver3 .checkIcon {color: #fff; margin-left: 8px;} 
.practiceBoxOver .practiceBox3 .praLeft3 {border-radius: 12px 0px 0px 12px;  height: 76px; position: relative; background-color: #6e78df; width: 50px;  text-align: center;}
.praLeft3 i{color: #fff; font-size: 22px; margin-top: 28px;}

.practiceBoxOver .readingBox {border: solid 4px #fff; min-height: 76px; padding: 3px; border-radius: 12px; background-image: linear-gradient(to right, #36ae7c 0px, #36ae7c 45px, #4dc591 45px, #4dc591 100%); margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center;}
.practiceBoxOver .readingBox .prOver3 {border-radius: 0px 12px 12px 0px; position: relative; width: 100%; padding: 8px 20px;}
.practiceBoxOver .readingBox .praLeft3 {border-radius: 12px 0px 0px 12px; position: relative; width: 45px;  text-align: center;}




.slider {position: relative; background: #000116; width: 204px; min-height: 204px; margin: 20px; overflow: hidden; border-radius: 10px;}
.slider .slide {position: absolute; width: 100%; height: 100%; clip-path: circle(0% at 0 50%)}
.slider .slide.active {clip-path: circle (150% at 0 50%); transition: 0.2s;}
.slider .slide img{position: absolute; width: 100%; height: 100%;  object-fit: cover;}
.navigation {height: 204px; display: flex; align-items: center; justify-content: space-between;}
.prev-btn, .next-btn{z-index: 999; font-size: 1em; color: #222; 
padding: 10px; background: rgba(0, 153, 189, 0.8); display: block;}
.prev-btn {border-radius: 0px 8px 8px 0px;}
.next-btn {border-radius: 8px 0px 0px 8px;}




/* Slideshow container */
.slideshow-container {
  /* width: 200px;
  height: 200px; */
  position: relative;
  margin: auto;
  margin-top: 20px;
  max-width: 500px;  
}

/*Image-slider */
* {box-sizing: border-box;}
.mySlides {display: block; text-align: center;}
.mySlides img {vertical-align: middle;}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: 32px;
  height: 32px;
  border-radius: 100px;
  padding: 12px;
  margin-top: -22px;
  color: #0099bd;
  font-weight: bold;
  font-size: 16px;
  transition: 0.6s ease;
  /* user-select: none; */
  margin-left: -45px;
  line-height: 8px;
  text-align: center;
  
}

/* Position the "next button" to the right */
.next {
  right: 0; 
  margin-right: -45px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,153,189,0.8);
  color: #fff;
}

/* Caption text */
.mySlides .text {
  color: #333;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  margin-top: 38px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

.backArrow {display: none;}



/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}
/*
.activity1 {display: none;}
.activity2 {display: none;}
.activity3 {display: none;}
 .activityBox {display: none;}
.exercise1 {display: none;}
.exercise2 {display: none;}
.exercise3 {display: none;}
.backArrow {display: none;} 
*/


/* new ui css */
.mainBox {font-family: poppins; display: flex; justify-content: center;}
.centerBox {display: flex; justify-content: center; align-items: center; padding: 20px; text-align: center; height: 100vh; max-width: 600px; width: 100%;}
.startBox img {width: 55%;}
.startBox h1{margin-top: 20px; color: #fff; font-size: 250%;}
.startBox p{color: #fff; margin: 20px; font-size: 17px;}
.buttonBox {margin-top: 40px}
.buttonBox .button-1 {display: block; padding: 10px 20px; font-size: 14px;}
.buttonBox .button-2 {display: block; padding: 10px 20px; font-size: 14px;}
.buttonBox .button-2:hover {background-color: orange;}
.buttonBox .button-3 {display: block; padding: 10px 20px; font-size: 14px;}
.buttonBox .button-3:hover {background-color: orange;}
.buttonBox .textLink {color: #fff; margin-top: 40px; display: block; font-size: 14px;}
.buttonBox .textLink:hover {color: orange;}

.darkBlue{background-color: #4d62cd;}
.lightBlue{background-color: #eff2ff;}
.centerBox .blueHead {font-size: 200%;}
.loginBox {width: 100%;}
.pageBack {border-radius: 12px; display: inline-block; border: solid 1px #d1d8ff; background-color: #fff; padding: 10px 15px;}
.pageBack i{font-size: 18px; color: #000a17;}
.pageBack:hover {background-color: #d1d8ff;}
.loginBox h2{font-size: 250%; color: #1f2e7d; margin-top: 50px;}
.loginBox p{color: #282d4e; margin: 0px; font-size: 17px; font-weight: 500;}
.inputBox {margin-top: 40px;}
.inputBox input{width: 100%; padding: 20px 15px; border: solid 1px #ddd; border-radius: 10px; margin: 10px 0px;}
.inputBox a{display: block; text-align: right !important; font-weight: 600;}
.textHeading {margin-top: 20px;}
.textHeading span{background-color: #7ce8b3; color: #303488; font-size: 40px; font-weight: bold; padding: 2px 12px; border-radius: 12px;}
.toggleDiv {display: block;}
.toggleDiv2 {display: none;}
.toggle-padding {padding: auto !important;}
.chapterHead {padding: 0px 20px; border-bottom: solid 1px #35438b;}
.chapterHead h3{font-size: 20px;}
.chapterHead p{margin: 0px;}
.chapterOver {display: flex; justify-content: center;}
.chapters {padding: 0px 15px;}
.chapters .chName {display: flex; align-items: center;}
.chapters .chName .imgBox{padding: 14px 10px; border-radius: 40px; background-color: #fff; text-align: center; box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;}
.chName .imgBox img{height: 50px;}
.chName .imgBox p{color: #000; margin-top: 8px; margin-bottom: 0px;}
.chName .imgBox h4{margin-bottom: 0px; margin-top: 4px; margin-bottom: 5px; font-size: 13px; line-height: 16px; font-weight: 500; color: #000; width: 120px;}
.light-green {background-color: #88ffc5 !important}
.light-red{background-color: #ffc888 !important;}
.light-cyan{background-color: #88eaff !important;}
.light-pink{background-color: #ffc0f9 !important;}
.conceptBox {color: #333; font-size: 16px; text-align: center; line-height: 32px; font-weight: bold; height: 32px; width: 32px; border-radius: 100px; position: absolute; background-color: #fff; box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;}
.conceptBox:hover{background-color: #88ffc5 !important; color: #333;}
.conceptBox.active{background-color: #88ffc5 !important}
.conceptBox.active .checkBox{position: absolute; font-size: 24px; margin-top: -54px; margin-left: 20px; color: #fff;}
.mobFooter {background-color: #fff; width: 100%; position: fixed; bottom: 0px;}
.mobFooter .footerInner {display: flex; justify-content: space-between; align-items: center;}
.footerInner li {width: 20%; text-align: center; padding: 6px 0px; border-right: solid 1px #ddd;}
.footerInner li .fLink {color: #999;}
.footerInner li .fLink i{font-size: 18px; }
.footerInner li .fLink p{margin: 0px; margin-top: -3px; font-size: 12px; font-weight: 600;}
.footerInner li .fLink:hover {color: #4d62cd;}
.footerInner li .fLink.active2 {color: #4d62cd;}

.tabBox {display: flex; justify-content: space-between; overflow: auto;}
.tabBox .tabLink {cursor: pointer; color: #696969; font-weight: 600; border-radius: 8px; width: 25%; text-align: center; background-color: #fff; margin: 5px; padding: 10px}
.tabBox .tabLink:hover {background-color: blue; color: #fff; font-weight: 500; }
.tabBox .tabLink.active{cursor: default; border-radius: 8px; width: 25%; text-align: center; font-weight: 500; background-color: blue; color: #fff; margin: 5px; padding: 10px;}
.tabBox .tabLink.desabled {background-color: #f9f9f9; color: #ccc; cursor: default;}


.phBtnBox {display: flex; flex-wrap: wrap; justify-content: start; align-items: center;}
.phBtnBox .button-73.phBtn{padding: 4px 20px 8px 20px !important; font-size: 22px;}
.phBtnBox .button-72.phBtn{padding: 2px 25px 10px 25px !important; text-shadow: 0px 0px 4px #333; font-size: 22px;}
.phRight {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start;}
.phRight .phInnerBox{text-align: center; padding: 15px; border: solid 1px #eee; border-radius: 10px; width: 49%;}
.phRight .phInnerBox h5 {font-size: 17px;}
.wpTable {width: 100%; font-size: 14px;}
.wpTable th{font-weight: 600 !important; font-size: 13px;}
.wpTable td {width: 33%; text-align: left; padding: 5px 0px;}
.wpTable td i{cursor: pointer; width: 26px; height: 26px; text-align: center; line-height: 26px; background-color: #f7f7f7; border: solid 1px #ddd; border-radius: 6px;}
.wpTable td span{padding: 2px 10px; background-color: blue; color: #fff; font-weight: 500;}
.box-title {font-size: 18px !important; color: #000 !important;}
.svgBox {width: 150px; height: 200px;}
.actBody .imgHeight {height: 95%; max-height: 272px;}

.courseBoxOver{display: flex; justify-content: start; align-items: center; width: 100%;}
.courseBoxOver img{padding: 3px; border: solid 1px #4d62cd; background-color: #fff; width: 60px; height: 60px; margin-right: 14px; border-radius: 50%;}
.courseBoxOver .courseInner{width: 100%;}
.courseBoxOver .courseInner h4{margin-bottom: 0px; margin-top: 0px; font-size: 16px;}
.courseProg{display: flex; align-items: center; margin-bottom: 5px;}
.courseProg .barOver{width: 100%; background-color: #ddd; height: 6px; border-radius: 100px;}
.courseProg .bar{border-radius: 100px 0px 0px 100px; background-color: #4d62cd; width: 40%; height: 6px; color: #fff;}
.courseProg .barText{margin-left: 10px; font-size: 11px;}
.courseBoxOver .courseBtn{display: flex; justify-content: space-between; align-items: center;}
.courseBtn .learBtn{font-size: 11px; margin-right: 10px; color: #fff; display: inline-block; background-color: #006df0; padding: 3px 10px; border-radius: 6px;}
.courseBtn .lsrwBtn{font-size: 11px; display: inline-block; color: #fff; background-color: #597d35; padding: 3px 10px; border-radius: 6px;}

.progBox {display: flex; align-items: center;}
.progBox h4{width: 80%; font-size: 13px; margin-right: 10px;}

.progBox .text-success {color: #65b12d;}
.progBox .progress .progress-bar-success {background-color: #65b12d;}
.progBox .text-info {color: #0091e6;}
.progBox .progress .progress-bar-info {background-color: #0091e6;}
.progBox .text-warning {color: #ffae0d;}
.progBox .progress .progress-bar-warning {background-color: #ffae0d;}

.cefrBox {text-align: center; margin-bottom: 20px;}
.cefrCircle {display: inline-block; font-size: 32px; font-weight: bold; width: 80px; height: 80px; color: #fff; text-align: center; line-height: 80px; border-radius: 50%;}
.cefrCircle.bgSuccess {background-color: #5cb85c;}
.cefrCircle.bgInfo {background-color: #0091e6;}
.cefrCircle.bgWaring {background-color: #5cb85c;}
.basic-list li .levelCircle{border-radius: 50%; margin-top: -5px; height: 38px; width: 38px; line-height: 24px; font-weight: 500; font-size: 15px;}
.bigIcon2 {text-align: center; margin: 20px 0px;}
.bigIcon2 a{cursor: pointer; border: solid 4px #fff; box-shadow: 0px 0px 16px #ccc; display: inline-block; border-radius: 12px; width: 100px; height: 100px;  background-color: #40b8f7;}
.bigIcon2 a:hover {background-color: blue;}
.bigIcon2 i {font-size: 60px; color: #fff; line-height: 95px;}


/* diffrent types of button */

.button-1 {
  background-color: #eee;
  border-radius: 8px;
  border-width: 0;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;
  font-size: 18px;
  font-weight: 500; 
  list-style: none; 
  padding: 16px 40px;
  text-align: center;
  transition: all 200ms;
  vertical-align: baseline;
  white-space: nowrap;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;
  margin: 10px;
}

.button-1:hover,
.button-1:focus {
  background-color: #0078d0;
  color: #fff;
}

.button-2 {
  background-color: #0078d0;
  border-radius: 8px;
  border-style: none;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;
  font-size: 18px;
  font-weight: 500;
  list-style: none;
  outline: none;
  padding: 16px 40px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: color 100ms;
  vertical-align: baseline;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;
  margin: 10px;
}
.button-2:hover,
.button-2:focus {
  background-color: #0078d0;
  color: #fff;
}

.button-3 {
  background-color: #48aa34;
  border-radius: 8px;
  border-style: none;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;
  font-size: 18px;
  font-weight: 500;
  list-style: none;
  outline: none;
  padding: 16px 40px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: color 100ms;
  vertical-align: baseline;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;
  margin: 10px;
}
.button-3:hover,
.button-3:focus {
  background-color: #48aa34;
  color: #fff;
}

.button-4 {
  background-color: #d71323;
  border-radius: 8px;
  border-style: none;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;
  font-size: 18px;
  font-weight: 500;
  list-style: none;
  outline: none;
  padding: 16px 40px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: color 100ms;
  vertical-align: baseline;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;
  margin: 10px;
}
.button-4:hover,
.button-4:focus {
  background-color: #d71323;
  color: #fff;
}

.button-5 {
  background-color: #8acd2e;
  border-radius: 8px;
  border-style: none;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;
  font-size: 14px;
  font-weight: 500;
  list-style: none;
  outline: none;
  padding: 16px 40px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: color 100ms;
  vertical-align: baseline;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;
  margin: 10px;
}
.button-5:hover,
.button-5:focus {
  background-color: #d71323;
  color: #fff;
}





.button-71 {
  background-color: #eee; 
  border: 0;
  border-radius: 56px;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;
  font-size: 18px;
  font-weight: 600;
  outline: 0;
  padding: 16px 21px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: all .3s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  cursor: pointer;
  box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;
  margin: 10px;
}

.button-71:before {
  background-color: initial;
  background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);
  border-radius: 125px;
  content: "";
  height: 50%;
  left: 4%;
  opacity: .5;
  position: absolute;
  top: 0;
  transition: all .3s;
  width: 92%;  
  
}

.button-71:hover {
  box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;
  transform: scale(1.06);
  color: #000;
}

.button-72 {
  background-color: #0078d0;
  border: 0;
  border-radius: 56px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;
  font-size: 18px;
  font-weight: 600;
  outline: 0;
  padding: 16px 21px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: all .3s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  cursor: pointer;
  box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;
  margin: 10px;
}

.button-72:before {
  background-color: initial;
  background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);
  border-radius: 125px;
  content: "";
  height: 50%;
  left: 4%;
  opacity: .5;
  position: absolute;
  top: 0;
  transition: all .3s;
  width: 92%;  
}

.button-72:hover {
  box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;
  transform: scale(1.05);
  color: #fff;
}

.button-73 {
  background-color: #48aa34;
  border: 0;
  border-radius: 56px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;
  font-size: 18px;
  font-weight: 600;
  outline: 0;
  padding: 16px 21px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: all .3s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  cursor: pointer;
  box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;
  margin: 10px;
}

.button-73:before {
  background-color: initial;
  background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);
  border-radius: 125px;
  content: "";
  height: 50%;
  left: 4%;
  opacity: .5;
  position: absolute;
  top: 0;
  transition: all .3s;
  width: 92%;  
}

.button-73:hover {
  box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;
  transform: scale(1.05);
  color: #fff;
}

.button-74 {
  background-color: #d71323;
  border: 0;
  border-radius: 56px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;
  font-size: 18px;
  font-weight: 600;
  outline: 0;
  padding: 16px 21px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: all .3s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  cursor: pointer;
  box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;
  margin: 10px;
}

.button-74:before {
  background-color: initial;
  background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);
  border-radius: 125px;
  content: "";
  height: 50%;
  left: 4%;
  opacity: .5;
  position: absolute;
  top: 0;
  transition: all .3s;
  width: 92%;  
}

.button-74:hover {
  box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;
  transform: scale(1.05);
  color: #fff;
}

@media (min-width: 768px) {
  .button-71 {
    padding: 16px 48px;
  }
  .button-72 {
    padding: 16px 48px;
  }
  .button-73 {
    padding: 16px 48px;
  }
  .button-74 {
    padding: 16px 48px;
  }
  
}


#myResBox {display: none; text-align: center; margin: 0px; position: fixed; width: 100%; top: 5%; z-index: 1003;}


	.activityBox {display: block; padding-bottom: 20px; font-family: 'Poppins', 'Roboto', sans-serif; }
	.activityList {}
	.activityList li .activityBox2{color: #333; padding: 15px; display: block; border: solid 1px #ddd; box-shadow: 0px 0px 10px #eee; margin: 6px 0px; border-radius: 10px;}
	.activityList li .activityBox2:hover{background-color: #8f98ff; color: #fff; cursor: pointer;}
	.activityList li .activityBox2:hover .small{color: #fff;}
	.activityList li .activityBox2 .actBoxText {font-size: 15px; font-weight: 600; display: flex; justify-content: space-between; align-items: center; }
	.activityList li .activityBox2 .small {font-size: 11px; color: #777;}
	.activityList li .activityBox2 .marks {padding: 4px 10px 3px 10px; border-radius: 20px; font-size: 12px; background-color: #8f98ff; color: #fff;}
	
	/* Activity Style Start*/	
	.activity1 {background-color: #fff; z-index: 1001; padding: 20px;  position: fixed; display: none; left: 25%; height: 100%; width: 50%;}
	.actCloseBtn {cursor: pointer; color: #888; margin-right: 15px; text-align: center; line-height: 40px; width: 40px; height: 40px;}
	.actCloseBtn span {font-size: 45px; font-weight: normal;}
	.actCloseBtn:hover {color: #006df0;}
	.activityHeader {display: flex; justify-content: start; align-items: center;}
	.activityHeader .actProgressOver {width: 220px; height: 14px; border-radius: 20px; background-color: #eee;}
	.activityHeader .actProgress {border-radius: 20px; position: relative; width: 30%; height: 14px; background-color: #91d437;}
	.actBody {width: 100%;}
	.actBody h4 {margin: 40px 0px;}
	.actBody .bigIcon {text-align: center; margin: 20px 0px;}
	.actBody .bigIcon a{cursor: pointer; border: solid 4px #fff; box-shadow: 0px 0px 16px #ccc; display: inline-block; border-radius: 12px; width: 70px; height: 70px;  background-color: #40b8f7;}
	.actBody .bigIcon a:hover {background-color: Blue;}
	.actBody .bigIcon i {font-size: 30px; color: #fff; line-height: 65px;}
	.actBody .actTextBox {margin-top: 30px; width: 100%;  display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
	.actBody .actTextBox .word {display: flex; align-items: center; justify-content: center; cursor: pointer; background-color: #f0f0f0; padding: 8px; color: #333; min-width: 150px; min-height: 100px; text-align: center; font-weight: 600; font-size: 24px; border-radius: 8px; border: solid 2px #ccc; margin: 8px; }
	.actBody .actTextBox .word:hover {color: #40b8f7; border: solid 2px #40b8f7;}
	.actBody .actTextBox .word.active {color: #40b8f7; border: solid 2px #40b8f7;}
	.actBody .actTextBox .word.right {color: #48aa34; border: solid 2px #48aa34;}
	.actBody .actTextBox .word.wrong {color: #d71323; border: solid 2px #d71323;}
	.actFooter {bottom: 20px; right: 0px; padding: 0px 13px 0px 20px; position: absolute;  width: 100%;}
	.actFooter a {font-weight: 600; border-radius: 8px; display: block; height: 40px; line-height: 40px; background-color: #8acd2e; color: #4e8108; text-align: center; font-size: 18px; }
	.actFooter a:hover {background-color: green; color: #fff; }
	.innerSide {display: flex;  align-items: center; height: 65vh;}
	.actResultBox {padding: 15px 0px; display: none;}
	.resultBoxInner {display: flex; justify-content: start; align-items: center; }
	.actResultBox .rIcon {color: #008000; font-size: 24px;}
	.actResultBox .rText {color: #008000; margin: 0px; margin-left: 10px;}
	.actResultBox .wIcon {color: #ff0000; font-size: 24px;}
	.actResultBox .wText {color: #ff0000; margin: 0px; margin-left: 10px;}
	/* Activity Style End*/
	/* Activity2 Style Start*/
	.activity2 {background-color: #fff; z-index: 1001; padding: 20px;  position: fixed; display: none; left: 25%; height: 100%; width: 50%;}
	/* .activity2 {left: -1500px; background-color: #fff; z-index: 410; padding: 20px;  position: fixed; display: block; height: 100%; width: 100%;} */
	.actBody .micIcon {text-align: center; margin: 30px 0px 20px 0px; }
	.actBody .micIcon a{border: solid 2px #fff; margin: 10px 0px; box-shadow: 0px 0px 16px #ccc; display: inline-block; border-radius: 80px; width: 80px; height: 80px; line-height: 95px; background-color: #fc1930;}
	.actBody .micIcon a:hover {background-color: blue;}
	.actBody .micIcon i {font-size: 40px; color: #fff; }
	.actBody .soundIcon {text-align: center; margin: 10px 0px;}
	.actBody .soundIcon a{border: solid 2px #fff; box-shadow: 0px 0px 16px #ccc; display: inline-block; border-radius: 12px; width: 60px; height: 60px; background-color: #40b8f7;}
	.actBody .soundIcon a:hover {background-color: blue;}
	.actBody .soundIcon i {font-size: 40px; color: #fff; line-height: 60px;}
	.innerSide2 {display: flex;  align-items: center; height: 75vh;}
	.activity2 .actBody h4 {margin: 20px 0px;}
	/* Activity2 Style End*/
	.activity3 {background-color: #fff; z-index: 1001;  position: absolute; display: none; left: 25%; height: 100vh; width: 50%;}
	/* .activity3 {left: -1500px; background-color: #fff; z-index: 410; position: absolute; display: block; height: 100%; width: 100%;} */
	.activity3 .topFixedArea {position: absolute; width: 100%; top: 0px; padding: 10px 20px 0px 20px; background-color: #fff;}
	
	.activity4 {background-color: #fff; z-index: 1001; padding: 20px;  position: fixed; display: none; left: 25%; height: 100%; width: 50%;}
	/* .activity4 {left: -1500px; background-color: #fff; z-index: 410; padding: 20px;  position: fixed; display: block; height: 100%; width: 100%;} */
	.activity4 .wriBox {text-align: center; margin-top: 20px;}
	.activity4 .wriBox input{margin: 4px; border: solid 1px #ccc; width: 30px; height: 30px; text-align: center; font-size: 18px; background-color: #f7f7f7; text-transform: uppercase;}
	.activity4 .innerSide2 {display: flex;  align-items: center; height: 65vh;}
	.redButtonOver {text-align: center; margin-top: 10px;}
	.redButton {cursor: pointer; background-color: #fe5454; border-radius: 6px; color: #fff; padding: 8px 15px; display: inline-block;}
	.redButton:hover {background-color: #d94747;}
	.exercise1 {background-color: #fff; z-index: 1001; padding: 20px;  position: fixed; display: none; left: 25%; height: 100%; width: 50%;}
	
	

	.optTextOver {display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap;}
	.optTextOver .optText {cursor: pointer; margin: 6px; border-radius: 6px; font-size: 14px;  color: #000; display: inline-block; border: solid 1px #ccc; background-color: #f7f7f7; padding: 6px 10px;}
	.optTextOver .optText:hover {background-color: #006df0; border: solid 1px #006df0; color: #fff;}
	.innerSide3 {display: flex;  align-items: center; height: 75vh;}
	.exercise2 {background-color: #fff; z-index: 1001; padding: 20px;  position: fixed; display: none; left: 25%; height: 100%; width: 50%;}
	.exercise3 {background-color: #fff; z-index: 1001; padding: 20px;  position: fixed; display: none; left: 25%; height: 100%; width: 50%;}
	.exercise4 {background-color: #fff; z-index: 1001; padding: 20px;  position: fixed; display: none; left: 25%; height: 100%; width: 50%;}
	.vocabImgOver {display: flex; justify-content: center; align-items: center; flex-direction: row; flex-wrap: wrap;}
	.vocabImg {background-color: #fff; margin: 5px; width: 150px; height: 120px; border: solid 1px #ccc; padding: 8px; border-radius: 12px;}
	.vocabImg:hover {border: solid 3px #006df0; }
	.activityBoxOver {padding: 20px; background-color: #fff; margin-top: 15px; border-radius: 10px;}
	.actBoxOver {display: flex; justify-content: space-between; align-items: center;}
	.actBox1 {display: flex; justify-content: start; align-items: center;}
	.actBox1 .icon{text-align: center; line-height: 40px; margin-right: 8px; width: 36px; height: 36px; border-radius: 100px; color: #fff; background-color: #ff0000;}
	.actBox1 .icon i {font-size: 18px; line-height: 37px;}
	.exercise {background-color: #fff; padding: 20px;  position: fixed; display: block; height: 100%; width: 100%;}
	
	.optTextOver2 {justify-content: center; flex-direction: row; flex-wrap: wrap;}
	.optTextOver2 .optText {cursor: pointer; margin: 6px; border-radius: 6px; font-size: 14px;  color: #000; display: inline-block; border: solid 1px #ccc; background-color: #f7f7f7; padding: 6px 10px;}
	.optTextOver2 .optText:hover {background-color: #006df0; border: solid 1px #006df0; color: #fff;}
	.optTextOver2 ul li {display: flex; align-items: center;}
	.optTextOver2 ul li .opNum{margin-right: 10px;}
		
	.blackBox {display: none; background-color: #000; opacity: 0.5; z-index: 120; position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh;}
	.blackBox1 {display: none; background-color: #000; opacity: 0.5; z-index: 1000; position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh;}
	.blackBox2 {display: none; background-color: #000; opacity: 0.5; z-index: 1002; position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh;}
	.blackBox3 {display: none; background-color: #000; opacity: 1; z-index: 1000; position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh;}
	.blackBox4 {display: none; background-color: #000; opacity: 0.5; z-index: 120; position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh;}
	.blackBox5 {display: none; background-color: #000; opacity: 0.5; z-index: 120; position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh;}
	.whiteBox {display: none; background-color: #fff; opacity: 1; z-index: 1000; position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh;}
	
	
	.mypad {padding: 0px 60px; background-color: #f7f7f7;}
	.finishBox {display: none; position: absolute; padding: 20px; z-index: 121; text-align: center; top: 25%; width: 100%;}
	.finishBoxInner {display: inline-block; background-color: #fff; max-width: 600px; width: 100%;}
	.finishBody {padding: 40px 20px;}
	.resCloseBtn {display: inline-block; cursor: pointer; color: #888; text-align: center; line-height: 40px; width: 40px; height: 40px;}
	.resCloseBtn span {font-size: 45px; font-weight: normal;}
	.resCloseBtn:hover {color: #006df0;}
	.examInnerLeft2 {display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; padding: 0px 12px;}
	.revAnsBox{background-color: #fff; padding: 0px 10px; display: block;}
	.examFooter2 {background-color: #f9f9f9; position: fixed; width: 100%; bottom: 0px; padding: 10px; display: none;}
	.examFooter2 .examFooterInner{display: flex; justify-content: space-between; align-items: center;}
	
	.sumCloseBtn {display: none; cursor: pointer; color: #888; margin-right: 15px; text-align: center; line-height: 40px; width: 40px; height: 40px;}
	.sumCloseBtn span {font-size: 45px; font-weight: normal;}
	.sumCloseBtn:hover {color: #006df0;}
	
	.holder .microphone {cursor: pointer; display: inline-block; color: #006df0; border: solid 1px #006df0; width: 40px; height: 40px; text-align: center; border-radius: 50%;}
	.holder .microphone:hover {background-color: #ff2038; color: #fff; border: solid 1px #ff2038;}
	.holder .microphone i {font-size: 20px; line-height: 40px; }
	
	.holder .microStop {cursor: pointer; display: inline-block; width: 40px; height: 40px; text-align: center; border-radius: 50%; background-color: #ff2038; color: #fff; border: solid 1px #ff2038;}
	.holder .microStop i {font-size: 14px; line-height: 40px; }
	
	.convBox {display: flex; align-items: center; padding: 10px 0px;}
	.convBox img {width: 52px; margin-right: 10px;}
	.convBox p {font-size: 16px; margin: 0px;}
	.convBox2 {display: flex; align-items: center; justify-content: end; padding: 10px 0px;}
	.convBox2 img {width: 52px; margin-left: 10px;}
	.convBox2 p {font-size: 16px; margin: 0px;}
	
	.rolePlay {background-color: #fff; z-index: 1001;  position: absolute; display: none; left: 25%; height: 100vh; width: 50%;}
	/* .activity3 {left: -1500px; background-color: #fff; z-index: 410; position: absolute; display: block; height: 100%; width: 100%;} */
	.rolePlay .topFixedArea {position: fixed; width: 100%; top: 0px; padding: 10px 20px 0px 20px; background-color: #fff;}
	.rolePlay .innerSide4 {display: flex; align-items: start !important; margin-top: 20px;}
	.speakerIcon {margin-right: 10px; border: solid 1px #ddd; border-radius: 4px; padding: 3px 6px; display: inline-block; background-color: #f7f7f7;}
	.microphoneIcon {margin-left: 10px; border: solid 1px #ddd; border-radius: 4px; padding: 4px 9px; display: inline-block; background-color: #f7f7f7;}
	
	.optSel {border: solid 3px #006df0 !important;}
	.opRight {border: solid 3px #48aa34 !important;}
	.opWrong {border: solid 3px #d71323 !important;}
	
	.optTextOver2 .optText.optSelMcq {cursor: default; border: solid 3px #006df0 !important; color: #fff !important; background-color: #006df0 !important;}
	.optTextOver2 .optText.opRightMcq {cursor: default; border: solid 3px #48aa34 !important; color: #fff !important; background-color: #48aa34 !important;}
	.optTextOver2 .optText.opWrongMcq {cursor: default; border: solid 3px #d71323 !important; color: #fff !important; background-color: #d71323 !important;}	
	.optTextOver2 .optText.optDesMcq {cursor: default; margin: 6px; border-radius: 6px; font-size: 14px;  color: #888; display: inline-block; border: solid 1px #ccc; background-color: #f7f7f7; padding: 6px 10px;}
	
	
	.writing1 {background-color: #fff; z-index: 1001;  position: absolute; display: none; left: 25%; height: 100vh; width: 50%;}	
	.writing1 .topFixedArea {position: absolute; width: 100%; top: 0px; padding: 10px 20px 0px 20px; background-color: #fff;}
	
	.practice {background-color: #fff; z-index: 1001;  position: absolute; display: none; left: 25%; height: 100vh; width: 50%;}	
	.practice .topFixedArea {position: absolute; width: 100%; top: 0px; padding: 10px 20px 0px 20px; background-color: #fff;}
	
	.rolePlayPopup {background-color: #fff; z-index: 1001;  position: absolute; display: none; left: 25%; height: 100vh; width: 50%;}	
	.rolePlayPopup .topFixedArea {position: absolute; width: 100%; top: 0px; padding: 10px 20px 0px 20px; background-color: #fff;}
	
	.sentence {background-color: #fff; z-index: 1001;  position: absolute; display: none; left: 25%; height: 100vh; width: 50%;}	
	.sentence .topFixedArea {position: absolute; width: 100%; top: 0px; padding: 10px 20px 0px 20px; background-color: #fff;}
	
	.quiz {background-color: #fff; z-index: 1001;  position: absolute; display: none; left: 25%; height: 100vh; width: 50%;}	
	.quiz .topFixedArea {position: absolute; width: 100%; top: 0px; padding: 10px 20px 0px 20px; background-color: #fff;}
	
	.test {background-color: #fff; z-index: 1001;  position: absolute; display: none; left: 25%; height: 100vh; width: 50%;}	
	.test .topFixedArea {position: absolute; width: 100%; top: 0px; padding: 10px 20px 0px 20px; background-color: #fff;}
	
	.speakingP1 {background-color: #fff; z-index: 1001;  position: absolute; display: none; left: 25%; height: 100vh; width: 50%;}	
	.speakingP1 .topFixedArea {position: absolute; width: 100%; top: 0px; padding: 10px 20px 0px 20px; background-color: #fff;}
	
	.resultP1 {background-color: #fff; z-index: 1001;  position: absolute; display: none; left: 25%; height: 100vh; width: 50%;}	
	.resultP1 .topFixedArea {position: absolute; width: 100%; top: 0px; padding: 10px 20px 0px 20px; background-color: #fff;}
	
	.speakingP2 {background-color: #fff; z-index: 1001;  position: absolute; display: none; left: 25%; height: 100vh; width: 50%;}	
	.speakingP2 .topFixedArea {position: absolute; width: 100%; top: 0px; padding: 10px 20px 0px 20px; background-color: #fff;}
	
	.speakingP3 {background-color: #fff; z-index: 1001;  position: absolute; display: none; left: 25%; height: 100vh; width: 50%;}	
	.speakingP3 .topFixedArea {position: absolute; width: 100%; top: 0px; padding: 10px 20px 0px 20px; background-color: #fff;}
		
	.courseCurr li a{display: block; color: #333; padding: 10px 12px; margin: 5px 0px; border: solid 1px #ccc;}
	.courseCurr li a span {margin-right: 10px;}
	.courseCurr li a:hover {background-color: blue; color: #fff;}
	
	.chapterHeading {margin-bottom: 14px; font-weight: normal}
	.actBox {padding: 10px; margin-bottom: 8px; text-align: center; border: solid 1px #ccc; border-radius: 20px;}
	.actBox .courses-title img {width: 60px;}
	.actBox .courses-title h5 {margin-bottom: 0px; margin-top: 10px;}
	.actBox .courses-title p {font-size: 12px; color: #888; margin: 2px 0px 5px 0px;}
	.actBox .stBtn {cursor: pointer; display: inline-block; background-color: #4d62cd; color: #fff; padding: 3px 14px; font-size: 12px; border-radius: 6px;}
	.actBox .stBtn:hover {opacity: 0.5;}
	.actBox .progress {text-align: center; margin-bottom: 15px; height: 5px; margin-top: 10px;}
	.actBox .progress .marks1 {margin-top: 6px; margin-left: -43px;}
	.actBox .progress .marks2 {margin-top: 6px; margin-left: -23px;}
	.pronList li{margin-bottom: 10px !important; padding: 10px; color: #ff0000 !important;}
	.vocWord {font-size: 11px; display: inline-block; cursor: pointer; border-radius: 4px; color: #333; padding: 3px 10px; backgrfound-color: #f7f7f7; border: solid 1px #ccc;}
	.vocWord:hover {background-color: #4285f4; color: #fff; border: solid 1px #4285f4;}
	.vocWord.active {background-color: #4285f4; color: #fff; border: solid 1px #4285f4;}
	
	/* Quiz */
	
	.quesBoxOver {}
	.opBoxOver{margin-top: 10px;}
	.opBox li{display: flex; align-items: center; cursor: pointer;  padding: 10px 0px; border-bottom: solid 1px #ddd;}
	.opBox li:hover .quNo{background-color: blue; color: #fff; border: solid 1px blue;}
	.opBox li .quNo{margin-right: 10px; display: block; border: solid 1px #ddd; text-align: center; border-radius: 50%; width: 34px; height: 34px; line-height: 34px;}
	.opBox li .quNo.active{background-color: blue; color: #fff; border: solid 1px blue;}
	.ansBoxOver {margin-top: 30px;}
	.ansBoxOver .boldText{font-weight: bold;}
	
	.phrList {margin-bottom: 20px; margin-top: 5px;}
	.phrList li{margin: 10px 0px; display: flex;}
	.phrList li .phNo{margin-right: 10px;}
	.testBtn2 {cursor: pointer; background-color: #08a2c7; color: #fff; display: inline-block; padding: 10px 20px; border: solid 1px #ddd; border-radius: 12px;}
	.testBtn2:hover {opacity: 0.5; color: #fff;}
	.tipsList {margin-left: -30px;}
	.tipsList li{margin-bottom: 10px;}
	.startBtn3 {cursor: pointer; padding: 6px 10px; font-size: 14px !important; background-color: #4d62cd; color: #fff !important; border-radius: 4px;}
	.startBtn3:hover {opacity: 0.8;}
	.startBtn4 {cursor: pointer; padding: 6px 10px; font-size: 14px !important; background-color: #08a2c7; color: #fff !important; border-radius: 4px;}
	.startBtn4:hover {opacity: 0.8;}
	.corrAns{cursor: pointer; color: #333; border-radius: 6px; display: inline-block; padding: 8px 20px; background-color: #e7e7e7; border: solid 1px #ccc;}
	.corrAns:hover{opacity: 0.8;}
	.exBox {display: none; background-color: #f5fafd; margin: 20px 30px; padding: 20px; border-radius: 10px; border: solid 1px #ddd; box-shadow: 3px 3px 2px #eee;}
	
	.startVoice {cursor: pointer; display: block; margin-right: 8px; color: #fff; text-align: center; line-height: 31px; width: 30px; height: 30px; border-radius: 50%;  background-color: #4285f4;}
	.startVoice:hover {opacity: 0.8;}
	.tabcontent {
	  display: none;	    
	  border-top: none;
	}
	
	.levelCircle{display: inline-block; border-radius: 50%; margin-top: -5px; height: 38px; width: 38px; line-height: 38px; font-weight: 500; font-size: 15px;}
	
	.soundIcon {cursor: pointer; text-align: center; margin: 10px 0px;}
	.soundIcon a{border: solid 2px #fff; box-shadow: 0px 0px 16px #ccc; display: inline-block; border-radius: 12px; width: 60px; height: 60px; background-color: #40b8f7;}
	.soundIcon a:hover {background-color: blue;}
	.soundIcon i {font-size: 40px; color: #fff; line-height: 60px;}
	
@media screen and (max-width: 767px) {
	.workingBox {margin: 0px 0px; }
	.mLogo {display: none;}
	.breArea {margin-top: 0px;}
	.header-right-info {float: right;}
	.myLeftMenu {display: block; position: absolute; margin-top: 20px; z-index: 100;}
	.leftMenuBar {color: #fff; font-size: 18px;}
	.smallMenu {display: none; left: -300px; position: absolute; width: 280px; min-height: 600px; margin-top: 10px; margin-left: 10px; border-radius: 12px; background-color: #fff; z-index: 410;}
	
	.stop-scrolling {overflow-y: hidden;}
	.start-scrolling {overflow-y: scroll;}
	.instDetail {padding: 20px 20px; text-align: center; border-bottom: solid 1px #ccc;}
	.instDetail Img {width: 80px;}
	#sidebar2 .sidebar-nav .metismenu a{color:#535353; font-size: 15px;}
	.myLeftMenu .topBackBtn{color: #fff; display: inline-block; width: 25px; vertical-align: 3px; cursor: pointer;}
	.pdBox {padding: 0px;}
	.breadcome-list.single-page-breadcome h5 {font-size: 16px;}
	
	.single-cards-item.resultOver {background-color: transparent;  padding: 0px;}
	.single-review-st-item.resultOver2 {min-height: auto;}
	.cenHead2 {text-align: center;}
	.apBox {display: none;}
	.resultBox {width: 96px; margin: 4px 2px;}
	.backBtn {display: none;}
	.student-report-full {margin: 0px; width: 100%;}
	.printBtn {display: block;}
	.breadcome-list h4 {text-align: center;}
	.fixedBox2 {height: auto; margin-bottom: 15px;}
	.trailer video {max-width: 90%;}
	.breadcome-heading.courseHeader .catBox{margin-right: 0px; margin-top: 10px;}
	.breadcome-heading.courseHeader .catBox .catBtn{width: 300px;}
	.custon-tab-menu-style1.myTabStyle {text-align: center;}
	.custon-tab-menu-style1.myTabStyle i {font-size: 18px; margin-left: 9px !important;}
	.custon-tab-menu-style1.myTabStyle span{font-size: 12px; display: block;}
	.custon-tab-menu-style1.myTabStyle li a.tabBtn{display: block !important; padding: 10px 5px 5px 5px !important; text-align: center !important;}
	.breadcome-area .breadcome-list {padding: 15px 20px !important;}
	.tab-content .tab-pane {padding: 0px 6px !important;}
	.vocabBoxOver {margin-top: 20px; margin-bottom: 20px;}	
	/*activity*/
	.activity1 {left: 0%; width: 100%;}
	.activity2 {left: 0%; width: 100%;}
	.activity3 {left: 0%; width: 100%;}
	.activity4 {left: 0%; width: 100%;}
	.exercise1 {left: 0%; width: 100%;}
	.exercise2 {left: 0%; width: 100%;}
	.exercise3 {left: 0%; width: 100%;}
	.exercise4 {left: 0%; width: 100%;}
	.rolePlay {left: 0%; width: 100%;}
	.writing1 {left: 0%; width: 100%;}
	.practice {left: 0%; width: 100%;}
	.sentence {left: 0%; width: 100%;}
	.test {left: 0%; width: 100%;}
	.quiz {left: 0%; width: 100%;}
	.speakingP1 {left: 0%; width: 100%;}
	.resultP1 {left: 0%; width: 100%;}
	.speakingP2 {left: 0%; width: 100%;}
	.speakingP3 {left: 0%; width: 100%;}
	/*chat style*/
	.fixedBox2 {display: none;}	
	.chatRight {display: none; left: -1500px; top: 0px; background-color: #fff; z-index: 410; padding: 0px;  position: fixed; display: block; height: 100%; width: 100%;}
	.chatRightBottom {background-color: #ddd; position: fixed; bottom: 0px; width: 100%;}
	.chatBoxOver {padding: 0px; text-align: center;}
	.chatBoxOver input{padding: 22px 18px; border-radius: 40px;}
	.chatRightMiddle {height: 100%; bottom: 70px; background-color: #fff;}
	.chatRightTop {position: fixed; top: 0px; z-index: 10; width: 100%;}
	.user-msg {width: 95%}
	.client-msg {width: 90%}
	.backArrow {display: inline-block;}
	.liveChatOver {margin-top: 15px;}
	.examInnerLeft {display: none;}
	.mypad {padding: 0px 0px; background-color: #fff;}
	.examInnerLeft2 {display: flex;} 
	.revAnsBox{position: absolute; top: 0px; left: -1200px; height: 100vh; width: 90%; z-index: 122;}
	.examFooter {display: none;}
	.examFooter2 {display: block; border-top: solid 1px #ddd;}
	.sumCloseBtn {display: block;}
	.centerBox img {width: 90%;}
	.toggleDiv {display: none;}
	.toggleDiv2 {display: block;}
	.toggle-padding {padding: 0px !important;}
	.tabBox .tabLink {width: 100%;}
	.phRight .phInnerBox {width: 100%;}
	
	.videoBox .video{width: 320px; height: auto;}
	.videoBox .close {position: absolute; top: 30px; right: 30px; cursor: pointer; max-width: 24px;}
	/* Slideshow container */
	.slideshow-container {width: 200px;}
	.mg-top-15{margin-top: 15px;}
}

@media screen and (max-width: 992px) {
	.mLogo {display: none;}
	.breArea {margin-top: 0px;}
	.header-right-info {float: right;}
	.myLeftMenu {display: block; position: absolute; margin-top: 20px; z-index: 100;}
	.leftMenuBar {color: #fff; font-size: 18px;}
	.smallMenu {display: none; left: -300px; position: absolute; width: 280px; min-height: 600px; margin-top: 10px; margin-left: 10px; border-radius: 12px; background-color: #fff; z-index: 410;}
	
	.stop-scrolling {overflow-y: hidden;}
	.start-scrolling {overflow-y: scroll;}
	.instDetail {padding: 20px 20px; text-align: center; border-bottom: solid 1px #ccc;}
	.instDetail h5 {margin-top: 10px;}
	.instDetail Img {width: 80px;}
	#sidebar2 .sidebar-nav .metismenu a{color:#535353; font-size: 15px;}
	.myLeftMenu .topBackBtn{color: #fff; display: inline-block; width: 25px; vertical-align: 3px; cursor: pointer;}
	.pdBox {padding: 0px;}
	.breadcome-list.single-page-breadcome h5 {font-size: 16px;}
	
	.single-cards-item.resultOver {background-color: transparent;  padding: 0px;}
	.single-review-st-item.resultOver2 {min-height: auto;}
	.cenHead2 {text-align: center;}
	.apBox {display: none;}
	.resultBox {width: 96px; margin: 4px 2px;}
	.backBtn {display: none;}
	.student-report-full {margin: 0px; width: 100%;}
	.fixedBox {height: auto; margin-bottom: 20px; }
	.fixedBox2 {height: auto; margin-bottom: 20px; display: none;}
	.trailer video {max-width: 90%;}
	/*activity*/
	.activity1 {left: 0%; width: 100%;}
	.activity2 {left: 0%; width: 100%;}
	.activity3 {left: 0%; width: 100%;}
	.activity4 {left: 0%; width: 100%;}
	.exercise1 {left: 0%; width: 100%;}
	.exercise2 {left: 0%; width: 100%;}
	.exercise3 {left: 0%; width: 100%;}
	.exercise4 {left: 0%; width: 100%;}
	.rolePlay {left: 0%; width: 100%;}
	.writing1 {left: 0%; width: 100%;}
	/*chat style*/
	.fixedBox2 {display: none;}	
	.chatRight {display: none; left: -1500px; top: 0px; background-color: #fff; z-index: 410; padding: 0px;  position: fixed; display: block; height: 100%; width: 100%;}
	.chatRightBottom {background-color: #ddd; position: fixed; bottom: 0px; width: 100%;}
	.chatBoxOver {padding: 0px; text-align: center;}
	.chatBoxOver input{padding: 22px 18px; border-radius: 40px;}
	.chatRightMiddle {height: 100%; bottom: 70px; background-color: #fff;}
	.chatRightTop {position: fixed; top: 0px; z-index: 10; width: 100%;}
	.user-msg {width: 95%}
	.client-msg {width: 90%}
	.backArrow {display: inline-block;}
	.liveChatOver {margin-top: 15px;}
	.mypad {padding: 0px 0px; background-color: #fff;}
	.examInnerLeft {display: none;}
	.examInnerLeft2 {display: flex;}
	.revAnsBox{position: absolute; top: 0px; left: -1200px; height: 100vh; width: 90%; z-index: 122;}
	.examFooter {display: none;}
	.examFooter2 {display: block; border-top: solid 1px #ddd;}
	.sumCloseBtn {display: block;}
	.toggleDiv {display: none;}
	.toggleDiv2 {display: block;}	
	.toggle-padding {padding: 0px !important;}
	.tabBox .tabLink {width: 100%;}
	.phRight .phInnerBox {width: 100%;}
}



/* End my style*/












a:focus {outline:0px solid}
img {max-width:100%;height:auto}
.fix {overflow:hidden}
p {margin:0 0 15px;}
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 10px;
  font-weight:600;
}
a {transition: all 0.3s ease 0s;text-decoration:none;}
a:hover{
  color: #ec4445;
  text-decoration: none;
}
a:visited, a:link, a:active {
  text-decoration: none;
}
a:active, a:hover {
  outline: 0 none;
}
ul{
list-style: outside none none;
margin: 0;
padding: 0
}
.clear{clear:both}
body {}
@font-face {
  font-family: 'educate-icon';
  src:
    url('fonts/educate-icon.ttf?ka5vvx') format('truetype'),
    url('fonts/educate-icon.woff?ka5vvx') format('woff'),
    url('fonts/educate-icon.svg?ka5vvx#educate-icon') format('svg');
  font-weight: normal;
  font-style: normal;
  
}
/*----------------------------------------*/
/*  2. Helper Class
/*----------------------------------------*/
.mg-tb-30{
	margin:30px 0px;
}
.mg-b-30{
	margin-bottom:30px;
}
.mg-tb-15{
	margin:15px 0px;
}
.mg-t-30{
	margin-top:30px;
}
.mg-b-10{
	margin-bottom:23px;
}
.mg-r-10{
	margin-right:10px;
}
.mg-ub-10{
	margin-bottom:17px;
}
.mg-t-15{
	margin-top:15px;
}
.mg-t-10{
	margin-top:10px;
}
.mg-b-15{
	margin-bottom:20px;
}
.mt-b-30{
	margin-bottom:30px;
}
.bg-green {
    background: #006DF0;
}
.bg-red {
    background: #933EC5;
}
.bg-blue {
    background: #65b12d;
}
.bg-purple {
    background: #D80027;
}
/*----------------------------------------*/
/*  3. All Nested Class
/*----------------------------------------*/
.product-sales-chart, .analytics-info-cs, .tranffic-als-inner, .analytics-rounded, .single-new-trend, .personal-info-wrap, .author-widgets-single, .calender-inner, .product-status-wrap, .review-tab-pro-inner, .income-dashone-total, .analytics-edu-wrap, .analytics-sparkle-line, .analysis-progrebar, .sparkline8-list, .sparkline9-list, .sparkline7-list, .sparkline10-list, .sparkline12-list, .sparkline13-list, .sparkline14-list, .sparkline13-list, .sparkline11-list, .x-editable-list, .code-editor-single, .blog-details-inner, .charts-single-pro, .about-sparkline, .sparkline-list, .button-ad-wrap, .tab-content-details, .sparkline16-list, .sparkline15-list, .tinymce-single, .single-product-item, .courses-inner, .single-latest-item, .product-payment-inner-st, .profile-info-inner, .contact-panel, .widget-int-shape, .social-media-edu{
	padding:15px;
	background:#fff;
	margin-bottom: 15px;
}
/*----------------------------------------*/
/*  4. left sidebar
/*----------------------------------------*/
.all-content-wrapper {
    margin-left: 220px;
    transition: all 0.3s;
}
.left-sidebar-pro {
    z-index: 9999;
    width: 240px;
}
#sidebar {
    min-width: 220px;
    background: #fff;
    color: #fff;
	position:fixed;
    transition: all 0.3s;
	z-index:999;
	height:100%;

}
.mini-navbar .all-content-wrapper {
    margin-left: 80px;
    transition: all 0.3s;
}
#sidebar.active {
    min-width: 80px;
    max-width: 80px;
    text-align: center;
}
#sidebar.active .sidebar-header h3, #sidebar.active .CTAs {
    display:none;
}

#sidebar.active .sidebar-header strong {
    display: block;
}

#sidebar.active ul li .sidebar-right-icon {
    display:none;
}
.bar-button-pro {
    margin: 13px 0px;
	font-size:16px;
	color:#fff;
}
#sidebar .sidebar-header strong {
    display: none;
    font-size: 1.8em;
}
.sidebar-header {
    text-align: center;
}
.sidebar-header h3 {
    font-size: 20px;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 5px;
}
#sidebar.active .sidebar-header .main-logo{
	display:none;
}
#sidebar.active .sidebar-header h3{
	display:none;
}
#sidebar.active .sidebar-header p{
	display:none;
}
#sidebar ul li a .sidebar-right-icon{
	float: right;
}
.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro{
	width:100%;
}
.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li{
	display:block;
	float:none;
	position:relative;
}
.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li .left-menu-dropdown{
	left:0px;
	top:0px;
	opacity:0;
	border-radius:0;
	border:0px solid #fff;
	box-shadow:none;
	background:#ebebeb;
}
.left-custom-menu-adp-wrap .dropdown-menu{
	position: relative;
	float: none;
}
.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li .left-menu-dropdown a:hover{
	padding:15px 30px;
	transition:all .4s ease 0s;
	background:#fff;
}
.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li.open .left-menu-dropdown{
	opacity:1;
	left: 0px;
	z-index:9999;
}
.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li.open .left-menu-dropdown.chart-left-menu-std{
	top:0px;
}
.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li.open .left-menu-dropdown.form-left-menu-std{
	top: 0px;
}
.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li.open .left-menu-dropdown.apps-left-menu-std{
	top: 0px;
}
.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li.open .left-menu-dropdown.pages-left-menu-std{
	top: 0px;
}
.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a{
	display: block;
    padding: 15px 20px;
    color: #444;
    transition: all .4s ease 0s;
    font-size: 16px;
}
.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a:hover, .left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a:focus, .left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a:active, .left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a:visited{
	background:#ebebeb;
	color:#444;
}
.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li .indicator-right-menu{
	float: right;
	font-size:12px;
}
#sidebar.active .left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li.open .left-menu-dropdown {
    left: 80px;
}
#sidebar.active .left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li .mini-dn {
    display:none;
}
#sidebar.active .left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li .big-icon {
    font-size:20px;
}
#sidebar.active .left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li > a {
    padding: 20px 20px;
}
/*----------------------------------------*/
/*  4.1 Left Sidebar switcher
/*----------------------------------------*/
.menu-switcher-pro {
	transition:all .4s ease 0s;
}
.mini-navbar .menu-switcher-pro {
    transition: all 0.3s;
}
.menu-switcher-pro button{
	background: none;
	border:none;
}
.menu-switcher-pro button:hover, .menu-switcher-pro button:focus, .menu-switcher-pro button:active, .menu-switcher-pro button:visited{
	background: none;
	border:none;
}
/*----------------------------------------*/
/*  5. Header Top
/*----------------------------------------*/
.header-top-menu .navbar-nav>li>a{
	padding: 20px 20px;
	color: #fff;
	font-size:14px;
}
.header-top-menu .navbar-nav>li a .angle-down-topmenu{
	margin-left:4px;
}
.header-top-menu .navbar-nav>li>a:hover{
	color: #03a9f4;
}
.header-top-menu .navbar-nav>li .dropdown-menu a{
	padding: 10px 20px;
	display:block;
	color: #303030;
}
.header-top-menu .navbar-nav>li .dropdown-menu a:hover{
	background:#2b2a2a;
}
.header-top-menu .navbar-nav>li .dropdown-menu{
	border: 0px solid #ccc; 
    border: 0px solid rgba(0,0,0,.15);
	background-color: #303030;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.175);
    box-shadow: 0 1px 4px rgba(0,0,0,.175);	
}
.header-right-info .navbar-nav>li .dropdown-menu{
	border: 0px solid #ccc; 
    border: 0px solid rgba(0,0,0,.15);
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.175);
    box-shadow: 0 1px 4px rgba(0,0,0,.175);	
}
.header-top-menu .nav>li>a:focus, .header-top-menu .nav>li>a:hover, .header-top-menu .nav>li>a:active {
    text-decoration: none;
    background-color: transparent;
}
.header-top-menu .nav .open>a, .header-top-menu .nav .open>a:focus, .header-top-menu .nav .open>a:hover{
	background-color: transparent;
}
.header-right-info .nav>li>a:focus, .header-right-info .nav>li>a:hover, .header-right-info .nav>li>a:active {
    text-decoration: none;
    background-color: transparent;
}
.header-right-info .nav.custon-set-tab>li>a:focus, .header-right-info .nav.custon-set-tab>li>a:hover, .header-right-info .nav.custon-set-tab>li>a:active {
	color:#03a9f4;
}
.header-right-info .nav.custon-set-tab>li>a {
	color:#303030;
}
.header-right-info .nav .open>a, .header-top-menu .nav .open>a:focus, .header-top-menu .nav .open>a:hover{
	background-color: transparent;
}
.header-right-info .navbar-nav{
	float:right;
	padding:17px 0px;
}
.admin-logo{
	padding:10px 0px;
}
.header-top-menu ul.header-top-nav li{
	display:inline-block;
	position:relative;
}
.header-top-menu ul.header-top-nav li ul.dropdown-header-top{
	position:absolute;
	top:130%;
	left:-10px;
	width:200px;
	background:#303030;
	opacity:0;
	transition: all 0.5s ease 0s;
	z-index:999;
	padding:10px 0px;
}
.header-top-menu ul.header-top-nav li ul.dropdown-header-top.in{
	opacity:1;
	top:100%;
	transition: all 0.5s ease 0s;
}
.admin-project-icon{
	margin-left:5px;
	font-size:10px;
	color:#fff;
}
.header-top-menu ul.header-top-nav li .dropdown-header-top li{
	display:block;
}
.header-top-menu ul.header-top-nav li .dropdown-header-top li a{
	display:block;
	color:#fff;
	padding:15px 20px;
}
.header-top-menu ul.header-top-nav li .dropdown-header-top li a:hover{
	background:#03a9f4;
}
.header-top-menu ul.header-top-nav li a{
	font-size:14px;
	color:#fff;
	text-decoration:none;
	text-transform:capitalize;
	display:block;
	padding:18px 10px;
}
.header-right-info {
	
}
.header-right-info ul.header-right-menu li{
	display:inline-block;
}
.header-right-info ul.header-right-menu li .author-message-top, .header-right-info ul.header-right-menu li .notification-author, .header-right-info ul.header-right-menu li .author-log{
   position:absolute;
   top:160%;
   left:-70px;
   width:330px;
   background:#343434;
   text-align:left;
   opacity:0;
   transition: all 0.5s ease 0s;
   visibility:hidden;
   z-index:999;
}
.header-right-info ul.header-right-menu li .dropdown-header-top.author-log{
   width:200px;
   padding:10px 0px;
}
.header-right-info ul.header-right-menu li .dropdown-header-top.author-log li{
   display:block;
}
.header-right-info ul.header-right-menu li .dropdown-header-top.author-log li a{
   padding:10px 20px;
   display:block;
   color:#303030;
   font-size:14px;
}
.header-right-info ul.header-right-menu li .dropdown-header-top.author-log li .author-log-ic{
   margin-right:10px;
}
.header-right-info ul.header-right-menu li .dropdown-header-top.author-log li a:hover, .header-right-info ul.header-right-menu li .dropdown-header-top.author-log li a:focus{
   background:#2b2a2a;
}
.header-right-info ul.header-right-menu li .author-message-top{
   left:-133px;
}
.header-right-info ul.header-right-menu li .notification-author{
   left:-134px;
}
.header-right-info ul.header-right-menu li .author-log{
   left:-2px;
}
.header-right-info ul.header-right-menu li.open .author-message-top, .header-right-info ul.header-right-menu li.open .notification-author, .header-right-info ul.header-right-menu li.open .author-log{
   opacity:1;
   top:170%;
   transition: all 0.5s ease 0s;
   visibility:visible;
}
.header-right-info ul.header-right-menu li ul.notification-menu li a {
	margin: 0px 20px;
	display:block;
	text-decoration:none;
	color:#fff;
	
}

.header-right-info ul.header-right-menu li ul.notification-menu li:hover h2  {
	color: #ff0000;
}

.header-right-info ul.header-right-menu li ul.message-menu li a {	
	padding: 12px 20px;
	display:block;
	text-decoration:none;
	color:#333;
}

.header-right-info ul.header-right-menu li ul.message-menu li a:hover {background-color: #f6f8fa; }


.header-right-info ul.header-right-menu li .message-view a, .header-right-info ul.header-right-menu li .notification-view a{
	display:block;
	color: #ccc;
	font-size: 14px;
	border-top:1px solid #383838;
	padding: 15px 0px;
	text-align:center;
	text-decoration:none;
}
.header-right-info ul.header-right-menu > li > a{
	display:inline-block;
	color:#fff;
	padding: 0px 0px 0px 20px;
	font-size:20px;
	text-decoration:none;
	position:relative;
}

.author-log i {margin-right: 15px;}

.indicator-nt{
	position:absolute;
	height:5px;
	width:5px;
	background:#03a9f4;
	border-radius:50%;
	top: -5px;
    right: 0px;
}
.indicator-ms{
	position:absolute;
	height:5px;
	width:5px;
	background:#03a9f4;
	border-radius:50%;
	top: -5px;
    right: -7px;
}
.header-right-info .admin-name{
	display: inline-block;
    color: #fff;
    font-size: 16px;
    position: relative;
    top: -2px;
	margin-left:2px;
}
.header-right-info .nav>li>a>img{
	width: 26px;
    border-radius: 50%;
}
.header-right-info .author-project-icon{
    color: #fff;
    font-size: 10px;
    position: relative;
    top: -4px;
	margin-left:5px;
}
.header-right-info .message-author{
   position:relative;
}

.header-right-info .author-message-top:before, .header-right-info .notification-author:before{
	position: absolute;
    content: "";
    display: inline-block;
    border-bottom: 10px solid #343434;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 0;
    right: 50%;
    top: -9px;
    margin-right: -10px;
    z-index: 99;
}
.header-right-info .author-message-top li a{
   color:#fff;
}
.author-message-top i {margin-right: 15px;}


.message-single-top h1, .notification-single-top h1{
	font-size: 16px;
    color: #303030;
    font-weight: 400;
    text-align: center;
    padding: 15px 0px;
    margin: 0px;
	border-bottom:1px solid #383838;
}
ul.message-menu, ul.notification-menu {
    height: 230px;
}
ul.message-menu li .message-img{
	float:left;
	width:70px;
	margin-right:10px;
}
ul.message-menu li .message-img img{
	border-radius:50%;
}
ul.notification-menu li .notification-icon{
	float: left;
    width: 40px;
    height: 40px;
   /*  background: #444; */
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    border-radius: 50%;
    margin: 0px 10px 5px 0px;
}

ul.notification-menu li .notification-icon img{
	
    border-radius: 50%;
   
}



ul.message-menu li .message-content, ul.notification-menu li .notification-content{
	position:relative;
}
ul.message-menu li .message-content .message-date, ul.notification-menu li .notification-content .notification-date{
	position:absolute;
	top:-2px;
	right:0px;
	font-size:13px;
	font-style: italic;
	color:#303030;
}
ul.message-menu li .message-content h2, ul.notification-menu li .notification-content h2{
	font-size:14px;
	font-weight:700;
	color:#303030;
	margin-bottom: 6px;
}
ul.message-menu li .message-content p, ul.notification-menu li .notification-content p{
	font-size:14px;
	line-height:20px;
	color:#303030;
}
.header-right-info ul.header-right-menu li.open > a{
	color:#fff;
}
.header-top-menu .navbar-nav>li.open > a{
	color:#03a9f4;
}
.header-right-info ul.header-right-menu li .admintab-wrap.menu-setting-wrap.menu-setting-wrap-bg.dropdown-menu {
    background:#343434;
}
.header-right-info ul.header-right-menu li .admintab-wrap.menu-setting-wrap.dropdown-menu {
    position: absolute;
    top: 170%;
    left: -358px;
    width: 400px;
	box-shadow: 0px 2px 3px rgba(0,0,0,.175);
	padding: 20px;
}
.note-heading-indicate {
    margin-top: 20px;
}
.note-heading-indicate h2{
	font-size:18px;
	color:#303030;
}
.note-heading-indicate p{
	font-size:14px;
	color:#303030;
}
.menu-setting-wrap.menu-setting-wrap-bg .nav-tabs>li.active>a, .menu-setting-wrap.menu-setting-wrap-bg .nav-tabs>li.active>a:focus, .menu-setting-wrap.menu-setting-wrap-bg .nav-tabs>li.active>a:hover
.notes-img{
	background:#303030;
}
.notes-img{
	float:left;
}
.notes-img img{
	border-radius:50%;
	width:60px;
}
.notes-list-flow .notes-content {
    margin-left: 80px;
}
.notes-list-flow .notes-content p{
    margin:0px;
	font-size:14px;
	color:#303030;
	line-height:22px;
}
.notes-list-flow .notes-content span{
	font-size:13px;
	color:#303030;
}
.notes-list-area ul.notes-menu-list li {
    margin: 10px 0px;
}
.notes-menu-scrollbar, .project-st-menu-scrollbar{
	height:315px;
}
.project-st-list-area ul.projects-st-menu-list li a{
	color:#303030;
}
.project-st-list-area ul.projects-st-menu-list li {
    padding: 10px 0px;
}
.projects-st-heading{
	position:relative;
}
.projects-st-heading .project-st-time{
	position:absolute;
	top:0px;
	right:0px;
	font-size:13px;
	color:#303030;
}
.projects-st-heading h2{
	font-size:16px;
	color:#303030;
}
.projects-st-heading p{
	font-size:14px;
	color:#303030;
	line-height:22px;
	margin:0px 0px 10px;
}
.projects-st-content p{
	font-size:14px;
	color:#303030;
	margin:0px 0px 5px;
}
.projects-st-content .progress{
	height: 5px;
	margin-bottom: 5px;
}
.projects-st-content.project-rating-cl .progress-bar{
	background-color: #f8ac59;
}
.projects-st-content.project-rating-cl2 .progress-bar{
	background-color: #03a9f4;
}
.project-list-flow, .notes-list-flow {
    margin-right: 15px;
}
ul.setting-panel-list li{
	display: block !important;
}
.checkbox-title-pro h2 {
    display: block;
    font-size: 14px;
    margin: 0px;
    padding: 8px 0px;
	color: #303030;
	font-weight:400;
}
.checkbox-title-pro{
	position:relative;
}
.ts-custom-check{
	position:absolute;
	right:0px;
	top:5px;
}
.onoffswitch {
    position: relative;
    width: 54px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #006DF0;
    border-radius: 3px;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s;
    -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 7px;
    background-color: #006DF0;
    color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 7px;
    background-color: #FFFFFF;
    color: #919191;
    text-align: right;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 16px;
    line-height: 16px;
    font-size: 10px;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.onoffswitch-switch {
    display: block;
    width: 18px;
    margin: 0;
    background: #FFFFFF;
    border: 2px solid #006DF0;
    border-radius: 3px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 36px;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0;
}
.header-top-menu .navbar-nav>li .dropdown-menu, .header-right-info ul.header-right-menu li .author-message-top, .header-right-info ul.header-right-menu li .notification-author, .header-right-info ul.header-right-menu li .author-log, .header-right-info ul.header-right-menu li .admintab-wrap.menu-setting-wrap.menu-setting-wrap-bg.dropdown-menu {
    background: #e12503;
}
.header-top-menu .navbar-nav>li .dropdown-menu a:hover, .header-right-info ul.header-right-menu li .dropdown-header-top.author-log li a:hover, .header-right-info ul.header-right-menu li .dropdown-header-top.author-log li a:focus, .header-drl-controller-btn.btn-info:active:focus, .btn-info:active:hover {
    background: #F6F8FA;
}
.menu-switcher-pro .btn-info:active, .menu-switcher-pro .btn-info:focus, .menu-switcher-pro .btn-info:hover, .menu-switcher-pro .btn-info:visited, .header-drl-controller-btn.btn-info:active:focus{
	background: #006DF0;
}





.header-right-info ul.header-right-menu li .message-view a, .header-right-info ul.header-right-menu li .notification-view a {
    border-top: 1px solid #c7290d;
}
.message-single-top h1, .notification-single-top h1 {
    border-bottom: 1px solid #F6F8FA;
}
.header-right-info .author-message-top:before, .header-right-info .notification-author:before {
    border-bottom: 10px solid #F6F8FA;
}
.header-top-menu .navbar-nav>li.open > a {
    color: #fff;
}
.header-top-menu .navbar-nav>li>a:hover {
    color: #fff;
}
.header-right-info .author-message-top:before, .header-right-info .notification-author:before {
    position: absolute;
    content: "";
    display: inline-block;
    border-bottom: 10px solid #e12503;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 0;
    right: 50%;
    top: -9px;
    margin-right: -10px;
    z-index: 99;
}
.menu-setting-wrap.menu-setting-wrap-bg .nav-tabs>li.active>a, .menu-setting-wrap.menu-setting-wrap-bg .nav-tabs>li.active>a:focus, .menu-setting-wrap.menu-setting-wrap-bg .nav-tabs>li.active>a:hover
 .notes-img {
    background: #e12503;
}
.breadcome-list {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #fff;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 15px;
    margin-top: 20px;
	border-radius: 12px;
}
.sr-input-func {
    position: relative;
    margin: 0;
	width: 180px;
	right: 0px;
	transition: .5s ease-out;
}
.sr-input-func a {
    position: absolute;
    top: 8px;
    right: -5px;
    color: #999;
	transition: .5s ease-out;
	font-size:14px;
}
.sr-input-func:focus a {
    color: #006DF0;
}
/*----------------------------------------*/
/*  6.  breadcrumb
/*----------------------------------------*/
.breadcome-heading .form-control, .sr-input-func .form-control:focus {
    border: 1px solid #ececec;
    font-size: 14px;
    height: 34px;
    color: #303030;
    padding-left: 20px;
    padding-right: 40px;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: none;
    border-radius: 30px;
    width: 200px;
}
.breadcome-heading .form-control:focus {
    border: 1px solid #006DF0;
}
ul.breadcome-menu {
    padding-top: 8px;
}
ul.breadcome-menu {
    text-align: right;
}
ul.breadcome-menu li {
    font-size: 14px;
    display: inline-block;
	color:#444;
}
ul.breadcome-menu li a{
    color:#444;
}
ul.breadcome-menu li a:hover{
    color:#7266BA;
}
/*-----------------------
	7. Star Rating css
-------------------------*/
.review-title span {
    font-size: 14px;
    padding-top: 5px;
    display: block;
}
.review-rating {
    text-align:left;
	float:left;
}
.rating {
  border: none;
}
.rating > input {
  display: none;
}
.rating > label:before {
  margin: 5px;
  font-size: 16px;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}
.rating > .half:before {
  content: "\f089";
  position: absolute;
}
.rating > label {
  color: #ddd;
  float: right;
}
.rating > input:checked ~ label, .rating:not(:checked) > label:hover, .rating:not(:checked) > label:hover ~ label {
  color: #e12503;
} 
.rating > input:checked + label:hover, .rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, .rating > input:checked ~ label:hover ~ label {
  color: #e12503;
}
.text-muted p{
	font-size:14px;
	margin:0;
}
.txt-primary p{
	font-size: 16px;
    font-weight: 700;
    margin: 0;
}
.custom-pro-edt-ds .btn-primary {
    background: #e12503;
	border-color: #e12503;
}
.custom-pro-edt-ds .btn-warning {
    background: #ccc;
    border-color: #ccc;
}
/*----------------------------------------*/
/*  8. Analytics
/*----------------------------------------*/
.payment-inner-pro i{
	color:#006DF0;
}
.income-rate-total h3 {
    color: #303030;
    font-size: 20px;
}
.income-rate-total {
    position: relative;
}
.price-graph {
    position: absolute;
    top: 0;
    right: 0;
}
.income-range p {
    font-size: 14px;
    color: #303030;
    margin: 0;
    float: left;
}
.income-range .income-percentange {
    font-size: 13px;
    color: #fff;
    float: right;
    padding: 0px 8px;
    border-radius: 2px;
}
.analytics-edu-wrap{
	overflow:hidden;
}
.analytics-edu{
	background:#fff;
	overflow:hidden;
}
.analytics-edu .skill{
	overflow:hidden;
}
.analytics-edu .progress{
	margin-bottom: 0px;
}
.analytics-edu2 .skill .progress-bar{
	background: #D80027 !important;
}
.analytics-edu3 .skill .progress-bar{
	background: #65b12d !important;
}
.analytics-edu4 .skill .progress-bar{
	background: #933EC5 !important;
}
.analytics-sparkle-line .analytics-content h5, .analytics-rounded .analytics-rounded-content h5, .analysis-progrebar .analysis-progrebar-content h5{
	font-size:16px;
	color:#303030;
}
.analytics-sparkle-line .analytics-content h2, .analytics-rounded .analytics-rounded-content h2, .analysis-progrebar .analysis-progrebar-content h2, .analytics-edu .skill .progress .lead-content h3{
	font-size:20px;
	color:#303030;
}
.analytics-edu .skill .progress .lead-content{
	top:-55px;
}
.analysis-progrebar-content .small p{
	font-size:14px;
	color:#303030;
	margin:0px;
}
.analysis-progrebar-content .progress{
	height: 5px;
	margin-bottom:10px;
}
.ug-1 .progress-bar{
	background:#006DF0;
}
.ug-2 .progress-bar{
	background:#933EC5;
}
.ug-3 .progress-bar.progress-bar-danger{
	background:#65b12d;
}
.ug-4 .progress-bar.progress-bar-danger{
	background:#D80027;
}
.skill-content-3 {
    overflow: hidden
}
.skill .progress .lead-content {
    left: 0;
    position: absolute;
    top: -50px;
    z-index: 9;
    width: 100%;
}
.skill .progress .lead-content h3{
    font-size: 20px;
    margin: 0px 0px;
}
.skill .progress .lead-content p{
    font-size: 14px;
    margin: 5px 0px;
}
.skill .progress {
    background-color: #f0f0f0;
    border-radius: 0;
    box-shadow: none;
    height: 5px;
    overflow: visible;
    position: relative;
	margin: 60px 0px;
	margin-bottom:0px;
}
.skill .progress.progress-bt {
    margin-bottom:0px;
}
.skill .progress-bar > span {
    background: #333 none repeat scroll 0 0;
    float: right;
    font-size: 11px;
    margin-right: 10px;
    margin-top: -26px;
    position: relative;
    padding: 0 5px;
	z-index:9;
}
.skill .progress-bar > span:before,
.skill .progress-bar > span:after {
    border: medium solid transparent;
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 0;
}
.skill .progress-bar > span:before {
    border-top-color: #333;
    border-width: 5px;
    left: 50%;
    margin-left: -5px;
}
.holax-shop h3,
.we-are-good-at h3 {
    font-size: 18px;
    margin-bottom: 25px;
}
.progress-bar.progress-bar-success{
	background:#006DF0;
}
.progress-bar.progress-bar-danger.ctn-vs-1{
	background:#006DF0;
}
.progress-bar.progress-bar-info.ctn-vs-2{
	background:#933EC5;
}
.progress-bar.progress-bar-success.ctn-vs-3{
	background:#65b12d;
}
.progress-bar.progress-bar-success.ctn-vs-4{
	background:#D80027;
}
.progress-bar.progress-bar-inverse.ctn-vs-5{
	background:#555;
}

.progress-bar.progress-bar-learning{
	background:#a1e371 !important;
}

.skill .progress:nth-child(1) .progress-bar {
    background: #006DF0;
}
.skill .progress:nth-child(2) .progress-bar {
    background: #933EC5;
}
.skill .progress:nth-child(3) .progress-bar {
    background: #2BCDC0;
}
/*-----------------------
9. widgets CSS
-------------------------*/
.m-t-xl {
    margin-top: 40px;
}
.m-t-xl h1{
    font-size:18px;
}
.stats-title h4{
	font-size:20px;
	color:#303030;
}
.stats-icon i, .icon-box i{
	font-size:30px;
}
.m-t-xl small, .content-bg-pro small{
	font-size:14px;
	line-height:24px;
	color:#444;
}
.content-box h2{
	font-size:20px;
	color:#303030;
}
.content-box p{
	font-size:14px;
	line-height:24px;
}
.content-box .mg-t-box{
	margin-top:15px;
}
.content-bg-pro h3{
	font-size:20px;
	color:#fff;
}
.content-bg-pro p{
	color:#fff !important;
}
.content-bg-pro .text-big{
	font-size:18px;
}
.btn-success.widget-btn-1{
	background:#006DF0;
	border:1px solid #006DF0;
}
.text-info {
    color: #3498db;
}
.wd-tb-cr .text-success {
    color: #006DF0;
}
.wd-tb-cr .text-info {
    color: #933EC5;
}
.wd-tb-cr .text-warning {
    color: #65b12d;
}
.wd-tb-cr .text-danger {
    color: #D80027;
}
.text-warning {
    color: #ffb606;
}
.text-danger {
    color: #e74c3c;
}
.text-danger.ctn-ic-1{
	color: #006DF0;
}
.text-success.ctn-ic-2{
	color: #933EC5;
}
.text-success.ctn-ic-3{
	color: #65b12d;
}
.text-success.ctn-ic-4{
	color: #D80027;
}
.text-success.ctn-ic-5{
	color: #555;
}
.text-big.font-light{
	color:#fff;
}
.content-bg-pro small{
	color:#fff;
}

/*----------------------------------------*/
/*  10. Event
/*----------------------------------------*/
.calender-inner .fc-state-default{
	background:#006DF0;
	color:#fff;
	background-image:none;
	text-shadow:none;
	outline:none;
}
/*----------------------------------------*/
/*  11. Professors
/*----------------------------------------*/
.hpanel .panel-body {
    background: #fff;
    border-radius: 2px;
    padding: 20px;
    position: relative;
}
.program-widget-bc .table.table-striped{
	margin-bottom:0px;
}
.hpanel.contact-panel-cs .panel-body, .hpanel.widget-int-shape .panel-body{
	padding:0;
	box-shadow:none;
}
.social-media-in{
	float:right;
}
.social-media-in a{
	height: 25px;
    width: 25px;
    background: #006DF0;
    font-size: 13px;
    border-radius: 50%;
    display: block;
    line-height: 25px;
    text-align: center;
    color: #fff !important;
    margin-top: 0px;
    margin-bottom: 5px;
	transition: all .4s ease 0s;
}
.social-media-in a:hover{
    background: #006DF0;
	transition: all .4s ease 0s;
}
.custom-panel-jw h3 {
    font-size: 16px;
    margin-bottom: 0px;
    color: #303030;
    margin-top: 15px;
}
.custom-panel-jw .all-pro-ad {
    font-size: 14px;
    color: #999;
	margin-bottom:5px;
}
.professor-stds-int{
	display:flex;
}
.contact-stat span, .contact-stat strong {
    font-size: 13px;
    color: #fff;
}
.product-payment-inner-st{
	padding:20px;
	background:#fff;
}
#myTab3.tab-review-design, #myTabedu1.tab-review-design{
	padding: 0px 0px 20px 0px;
	background:#fff;
}
#myTab3.tab-review-design li a, #myTabedu1.tab-review-design li a{
	padding-right: 40px;
	text-transform:capitalize;
}
#myTab3.tab-review-design li i, #myTabedu1.tab-review-design li i{
	margin-right:5px;
}
ul.tab-custon-design li, ul.tab-review-design li {
    display: inline-block;
}
#myTab3.tab-review-design li a, #myTabedu1.tab-review-design li a {
    padding-right: 40px;
    text-transform: capitalize;
	position:relative;
	transition:all .4s ease 0s;
}
#myTab3.tab-review-design li a:before, #myTab4.tab-review-design li a:before, #myTabedu1.tab-review-design li a:before {
    position: absolute;
    bottom: -15px;
    left: 0px;
    width: 0%;
    height: 2px;
    background: #006DF0;
    content: "";
	transition:all .4s ease 0s;
}
#myTab3.tab-review-design li.active a:before, #myTab4.tab-review-design li.active a:before, #myTabedu1.tab-review-design li.active a:before {
    position: absolute;
    bottom: -15px;
    left: 0px;
    width: 80%;
    height: 2px;
    background: #006DF0;
    content: "";
	transition:all .4s ease 0s;
}
ul.tab-custon-design li.active a, ul.tab-review-design li.active a {
    color: #006DF0 !important;
}
ul.tab-custon-design li a, ul.tab-custon-design li a:hover, ul.tab-custon-design li a:focus, ul.tab-review-design li a, ul.tab-review-design li a:hover, ul.tab-review-design li a:focus {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    color: #909090;
}
ul.tab-custon-design, ul.tab-review-design {
   padding-bottom: 20px;
    width: 100%;
    background: #fff;
}
.profile-details-hr {
    margin-top: 20px;
}
.address-hr p{
	font-size:15px;
	line-height:24px;
	color:#303030;
}
.address-hr{
	text-align:center;
	margin:5px 0px;
}
.address-hr.biography{
	text-align:left;
}
.address-hr a{
	font-size:20px;
	color:#444;
}
.address-hr h3{
	font-size:20px;
	color:#303030;
	font-weight:400;
	margin:0px;
}
.message-avatar {
    height: 36px;
    width: 36px;
    border-radius: 50%;
    margin-top: 1px;
}
.chat-message {
    padding: 10px 0px;
}
.chat-message:last-child {
    padding-bottom:0px;
}
.chat-discussion .chat-message .message-avatar {
    float: left;
    margin-right: 10px;
}
.chat-discussion .chat-message .message {
    text-align: left;
    margin-left: 0px;
}
.chat-discussion .message {
    background-color: #f7f8fa;
    text-align: left;
    display: block;
    padding: 10px 20px;
    position: relative;
    border-radius: 4px;
}
.message-content {
    display: block;
	font-size:14px;
	color:#303030;
	line-height:24px;
	margin: 10px 0px;
}
.chat-discussion .chat-message .message-date {
    float: right;
}
.message .message-author{
	font-weight:700;
	font-size:16px;
	color:#303030;
}
.skill-title h2{
	font-size:20px;
}
.ex-pro ul li {
    padding: 4px 0px;
    font-size: 14px;
    color: #303030;
}
.ex-pro ul li i{
    margin-right:5px;
}
/*----------------------------------------*/
/*  12. Student
/*----------------------------------------*/
.student-dtl h2{
	font-size:18px;
	color:#303030;
}
.student-dtl p.dp, .student-dtl p.dp-ag{
	font-size:14px;
	color:#303030;
	margin:0;
}
.student-inner-std{
	text-align:center;
	background:#fff;
}
.student-dtl{
	padding:20px;
}

/*----------------------------------------*/
/*  13. Courses
/*----------------------------------------*/
.courses-title h2{
	font-size:16px;
	color:#303030;
	margin-top: 10px;
	line-height: 20px;
}
.courses-alaltic .cr-ic-r, .single-item-comment-view .cr-ic-r {
	margin-right:10px;
}
.course-des p{
	margin:2px 0px;
	font-size:14px;
	color:#303030;
}
.course-des{
	margin:10px 0px;
}

.product-buttons {
	display: flex; 
	justify-content: space-between;
}

.product-buttons .learnBtn{
	border:none;
	background:#006DF0;
	color:#fff;
	padding:5px 10px;
	border-radius:3px;
	transition:all .4s ease 0s;
	font-size:12px;
	cursor: pointer;
}

.product-buttons .desBtn{
	border:none;
	background:#eee;
	color:#999;
	padding:5px 10px;
	border-radius:3px;
	transition:all .4s ease 0s;
	font-size:12px;
	cursor: default;
}
.product-buttons .lsrwBtn{
	border:none;
	background:#597d35;
	color:#fff;
	padding:5px 10px;
	border-radius:3px;
	transition:all .4s ease 0s;
	font-size:12px;	
}

.product-buttons button{
	border:none;
	background:#006DF0;
	color:#fff;
	padding:5px 10px;
	border-radius:3px;
	transition:all .4s ease 0s;
	font-size:14px;	
}

.product-buttons .lsrwBtnDes{
	border:none;
	background:#ddd;
	color:#888;
	padding:5px 10px;
	border-radius:3px;
	transition:all .4s ease 0s;
	font-size:14px;
	cursor: no-drop;
}




#single-product-tab .active img{
	border:1px solid #e12503;
}
ul#single-product-tab{
	margin-top:10px;
	margin-left:-5px;
	margin-right:-5px;
}
ul#single-product-tab li{
	width:25%;
	float:left;
	padding:0px 5px;
	border:1px solid transparent;
}
.single-pro-list {
  margin-top: 20px;
}
.single-product-details h1{
	font-size:20px;
}
.single-product-details h1, .single-pro-size h6, .color-quality-details h5, .color-quality h4, .single-social-area h3, .sb-shop-product-single h2{
	font-weight:700;
	color:#333;
	text-transform:uppercase;
}
.single-pro-star, .list-star{
	color: #e12503;
	font-size:14px;
}
.single-pro-star i{
	margin:0px 1px;
}
.single-pro-price{
	margin:10px 0px;
}
.single-regular, .list-regular{
	color:#333333;
	font-weight:700;
	font-size:24px;
}
.single-old, .list-old{
	color:#909090;
	font-weight:400;
	font-size:14px;
	margin:0px 10px;
}
.single-pro-cn h3{
	font-size:14px;
	color:#333;
	font-weight:400;
	text-transform:uppercase;
}
.single-pro-cn p, .list-pro-cn p{
	font-size:14px;
	color:#606060;
	font-weight:400;
	line-height: 24px;
}
.single-pro-size h6, .color-quality-details h5, .color-quality h4, .single-social-area h3{
	font-size:14px;
}
.single-pro-size{
	margin:10px 0px;
}
.single-pro-size span{
	    color: #333;
    font-size: 12px;
    background: #fff;
    border: 1px solid rgba(0,0,0,.12);
}
.color-quality-details{
	float:left;
}
.color-quality-details .red, .sidebar-color-area .red{
	background:#00ffff;
}
.color-quality-details .green, .sidebar-color-area .green{
	background:#ef7676;
}
.color-quality-details .yellow, .sidebar-color-area .yellow{
	background:#f06eaa;
	border: 1px solid #05c2f9;
}
.color-quality-details .black, .sidebar-color-area .black{
	background:#2094ed;
}
.color-quality-details .white, .sidebar-color-area .white{
	background:#f7941d;
}
.single-pro-size span, .color-quality-details span {
  display: inline-block; 
  font-weight: 300;
  height: 25px;
  line-height: 25px;
  text-align: center;
  width: 25px;
  margin-right:10px;
}
.single-arrow-area{
	height:25px;
	width:25px;
	border: 1px solid #ececec;
}
.color-quality {
  float: left;
  margin: 0px 90px;
}
.pro-quantity-changer a {
  border: 1px solid #ececec;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  text-align: center;
  width: 25px;
  cursor:pointer;
  color:#333;
  text-decoration:none;
}
.pro-quantity-changer [type="text"] {
  border: 1px solid #ececec;
  height: 25px;
  text-align: center;
  width: 50px;
  color:#333;
  font-weight:400;
  font-size:12px;
}
.color-quality-pro{
	margin:10px 0px;
}
.single-social-area a{
	border:1px solid #979797;
	color:#909090;
}
.single-social-area a:hover{
	color:#fff;
}
.pro-button, .pro-viwer{
	float:left;
	margin:10px 0px;
}
.pro-button, .list-pro-button{
	height: 40px;
  line-height: 40px;
  text-align: center;
  width: 150px;
  background: #e12503 none repeat scroll 0 0;
  border-radius: 25px;
  transition: all .4s ease 0s;
}
.pro-button a, .pro-button a:focus, .list-pro-button a, .list-pro-button a:focus{
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}
.pro-viwer{
	margin:10px 10px;
}
.pro-viwer a, .list-pro-viwer a {
     border: 1px solid #e12503;
    border-radius: 50%;
    color: #e12503;
    display: inline-block;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
    margin-right: 5px;
}
.review-content-section{
	margin-top: 15px;
    margin-left: 0px;
    margin-right: 0px;
}
.review-content-section p{
	color:#303030;
	font-weight:400;
	font-size:14px;
	line-height:24px;
}
.suggested-heading{
	width:33%;
}
.single-social-area a:hover {
    background: #e12503;
    border: 1px solid #e12503;
}
.single-social-area a {
    border-radius: 50%;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
    margin: 0px 2px;
}
.single-social-area {
    margin-top: 10px;
}
ul.tab-custon-design{
	margin: 0 auto;
}
ul.tab-custon-design, ul.tab-review-design{
  padding: 15px 35px;
  width: 100%;
  background:#fff;
}
ul.tab-custon-design li, ul.tab-review-design li{
	display:inline-block;
}
ul.tab-custon-design li span, ul.tab-review-design li span{
	margin:0px 20px;
	color:#e12503;
	font-size:14px;
}
ul.tab-custon-design li a, ul.tab-custon-design li a:hover, ul.tab-custon-design li a:focus, ul.tab-review-design li a, ul.tab-review-design li a:hover, ul.tab-review-design li a:focus{
	font-size:18px;
	font-weight:700;
	text-transform:uppercase;
	text-decoration:none;
	color:#909090;
}
.hpanel .vw-mb{
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
}
.panel-body {
    padding: 15px;
	background:#fff;
}
.hpanel.hbggreen .panel-body {
    background: #62cb31;
    color: #fff;
}
.hpanel.hbgblue .panel-body {
    background: #3498db;
    color: #fff;
}
.hpanel.hbgyellow .panel-body {
    background: #ffb606;
    color: #fff;
}
.hpanel.hbgred .panel-body {
    background: #e74c3c;
    color: #fff;
}
.content-bg-pro small{
	color:#fff;
}
.hpanel.hbggreen.bg-1 .panel-body{
	background:#006DF0 !important;
}
.hpanel.hbgblue.bg-2 .panel-body{
	background:#933EC5 !important;
}
.hpanel.hbgyellow.bg-3 .panel-body{
	background:#65b12d !important;
}
.hpanel.hbgred.bg-4 .panel-body{
	background:#D80027 !important;
}
.custom-product-edit{
	background:#fff;
}
.input-group-addon {
    background-color: #e12503;
    color: #fff;
}
.mg-b-pro-edt{
	margin-bottom:15px;
}
.form-control.pro-edt-select{
	width:100%;
}
.custom-pro-edt-ds button, .product-edt-remove button{
	padding:5px 15px;
	margin-right:10px;
}
.custom-pro-edt-ds .btn-primary{
	background:#e12503;
}
.custom-pro-edt-ds .btn-warning{
	background:#ccc;
	border-color: #ccc;
}
.form-radio input {
    width: auto;
    opacity: 0.00000001;
    position: absolute;
    left: 0;
}
.radio label:hover .helper {
    color: #4099ff;
}
.radio .helper {
    position: absolute;
    top: -0.15rem;
    left: -0.25rem;
    cursor: pointer;
    display: block;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #999;
}
.radio .helper::after, .radio .helper::before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    margin: 0.25rem;
    width: 1rem;
    height: 1rem;
    -webkit-transition: -webkit-transform 0.28s ease;
    transition: -webkit-transform 0.28s ease;
    transition: transform 0.28s ease,-webkit-transform 0.28s ease;
    border-radius: 50%;
    border: 0.125rem solid #4099ff;
}
.radio.radiofill .helper::after {
    background-color: #4099ff;
}
.radio .helper::after {
    -webkit-transform: scale(0);
    transform: scale(0);
    background-color: #4099ff;
    border-color: #4099ff;
}
.radio.radiofill input:checked~.helper::after {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.radio input:checked~.helper::after {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}
.product-edt-remove button{
	margin-top:20px;
}
.product-edt-pix-wrap {
    padding: 40px 0px;
}
.pro-edt-img {
    margin-bottom: 20px;
}
.review-pro-edt button{
	padding:5px 15px;
	background:#e12503;
	border-color: #e12503;
}
.analysis-progrebar-ctn .progress {
    height: 5px;
    margin-bottom: 10px;
}
.analysis-progrebar-ctn{
	padding:20px;
	background:#fff;
}
.graph-rp{
	text-align:right;
}
.graph-rp-dl p {
	font-size:14px;
	color:#999;
}
ul.cus-product-sl-rp li i{
	margin-right:5px;
}
.pro-sl-hd span{
	font-size:16px;
	color:#303030;
}
.actions-graph-rp a{
	font-size:14px;
	color:#999;
	background:#F6F8FA;
	box-shadow: none !important;
} 
.cus-gh-hd-pro h2{
	font-size:20px;
}
.analysis-progrebar-ctn h4, .tranffic-als-inner h3{
	font-size:20px;
}
ul.two-part-sp li{
	display:inline-block;
	width: 49%;
	font-size:20px;
	font-weight:700;
}
.sp-cn-r .text-success{
	color:#303030;
}
.sp-cn-r i{
	color:#006DF0;
}
.sp-cn-r i, .graph-two-ctn i, .graph-three-ctn i, .graph-four-ctn i{
	font-size:14px;
}
.graph-two-ctn .text-purple{
	color:#303030;
}
.graph-two-ctn i{
	color:#933EC5;
}
.graph-three-ctn .text-info{
	color:#303030;
}
.graph-three-ctn i{
	color:#65b12d;
}
.graph-four-ctn .text-danger{
	color:#303030;
}
.graph-four-ctn i{
	color:#D80027;
}
.analytics-info-cs h3{
	font-size:20px;
}
.stats-row {
    margin-bottom: 20px;
}
.stat-item {
    display: inline-block;
    padding-right: 15px;
}
.single-new-trend {
    position: relative;
    transition: all 0.3s ease 0s;
}
.single-new-trend > a, .product-tabs a, .widget-image > a, .single-brand > a, .blog-img > a {
    display: block;
}
.single-new-trend img, .single-new-trend img {
    width: 100%;
}
.featured-product-list .overlay-content h2 {
    font-size: 18px;
    left: 20px;
}
.overlay-content h2 {
    color: #5a5a5a;
    font-size: 20px;
    font-weight: 700;
    left: 10px;
    position: absolute;
    top: 10px;
    transition: all 0.3s ease 0s;
}
.btn-small {
    background: #24caa1;
    color: #fff !important;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 10px;
    position: absolute;
    right: 10px;
    text-align: center;
    text-transform: uppercase;
    top: 10px;
	border-radius:2px;
}
.featured-product-list .overlay-content .product-action {
    bottom: 45px;
}
.overlay-content .product-action {
       bottom: 40px;
    left: 50%;
    position: absolute;
    margin-left: -43px;
}
.product-action > ul, #checkout-review-table thead, .single-brand {
    text-align: center;
}
.product-action li, .all-adress-info, .product-attributes > span, .left-content span, .shop-tab-pill ul li, .team-member > a, .footer-left > a {
    display: inline-block;
}
.featured-product-list .product-action a {
    height: 28px;
    line-height: 26px;
    width: 28px;
}
.product-action a {
    border: 1px solid #ddd;
    display: block;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 35px;
}
.featured-product-list .overlay-content h4 {
    left: 20px;
}
.overlay-content h4 {
    bottom: 10px;
    color: #5a5a5a;
    font-size: 15px;
    font-weight: 700;
    left: 10px;
    margin: 0;
    position: absolute;
    transition: all 0.3s ease 0s;
	font-size:15px;
}
.pro-rating {
    bottom: 8px;
    position: absolute;
    right: 10px;
}
.widget-head-info-box {
    width: 100%;
    height: 240px;
    color: #fff;
    background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
    background-size: 400% 400%;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite;
}
.personal-info-ano .widget-head-info-box {
    background: #2eb7f3;
}
.widget-head-info-box{
	padding:20px;
	text-align: center;
}
.stat-item h6{
	font-size:12px;
	margin-bottom:5px;
}
.analytics-rounded-content h2, .persoanl-widget-hd h2, .fc-center h2{
	font-size:20px;
}
.widget-text-box p{
	font-size:14px;
	line-height:24px;
}
.widget-text-box {
    margin-top: 10px;
}
.author-wiget-inner{
	text-align:center;
	padding:20px;
}
.fc-content .fc-title {
    color: #fff;
    padding: 5px 5px;
    display: inline-block;
    font-size: 14px;
}
.fc-content .fc-time {
    color: #fff;
    font-size: 14px;
}
.fc button, .fc-button-group, .fc-time-grid .fc-event .fc-time span{
	display:block;
}
.header-top-area {
    position: fixed;
   /*  background: -webkit-linear-gradient(90deg, #5f00a2 0%, #dc0023 100%);
    background: linear-gradient(90deg, #5f00a2 0%, #dc0023 100%);  */  
	background-color: #4d62cd;
    z-index: 99;
    left: 220px;
    right: 0;
    top: 0;
    margin: 0 auto;
    transition: all 0.3s;
}
.jqstooltip {
  width: auto !important;
  height: auto !important;
}
.mini-navbar .header-top-area{
	left: 80px;
	z-index:9999;
}
.breadcome-list.single-page-breadcome{
	padding-top: 20px;
    padding-bottom: 20px;
}
.mg-b-pro-edt {
    margin-bottom: 15px;
}
.custom-product-edit{
	margin-top:20px;
}
.product-edt-pix-wrap {
    padding: 40px 0px;
}
.pro-edt-img img{
	width:60%;
}
.product-edt-remove button {
    margin-top: 20px;
	background-color: #e12503;
    border-color: #e12503;
}
/*----------------------------------------*/
/*  13.1 Courses Info
/*----------------------------------------*/
.blog-box{
	background:#fff;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}
.blog-std {
    padding-top: 15px;
}
.blog-std p {
    margin: 2px 0px;
}
.custom-blog-hd{
	background:#fff;
	border: 1px solid rgba(0,0,0,.12);
}
.blog-std p{
	margin:2px 0px;
}
.blog-std{
	padding-top:15px;
}
.blog-pra p{
	margin:0;
}
.blog-img img {
    margin-bottom: 10px;
}
.blog-image {
    position: relative;
}
.blog-image img{
	border: 1px solid rgba(0,0,0,.12);
}
.blog-date {
    background: #006DF0;
    border: 4px solid #fff;
    border-radius: 50%;
    bottom: -25px;
    color: #fff;
    height: 70px;
    left: 0;
    line-height: 15px;
    position: absolute;
    text-align: center;
    width: 70px;
}
.blog-date p {
    font-weight: 400;
    margin: 0;
    padding: 7px 10px;
    font-size: 16px;
    display: block;
    line-height: 20px;
}
.blog-date .blog-day {
    font-size: 14px;
}
.details-blog-dt {
    margin-left: 60px;
    margin-bottom: 20px;
}
.details-blog-dt a, .details-blog-dt a:hover, .details-blog-dt a:focus {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
}
.blog-details a.blog-ht, .blog-details a.blog-ht:hover, .blog-details a.blog-ht:focus {
    font-size: 20px;
    font-weight: 700;
    color: #303030;
    text-transform: capitalize;
    text-decoration: none;
}
.blog-details p {
    color: #303030;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}
.comment-head h3::before, .lead-head h3:before {
    background: #e7e7e7 none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
}
.comment-head h3::before, .comment-head h3::after {
    width: 37%;
}
.comment-head h3::after, .lead-head h3:after {
    background: #e7e7e7 none repeat scroll 0 0;
    content: "";
    height: 1px;
    right: 0;
    position: absolute;
    top: 50%;
}
.user-comment {
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 15px;
}
.user-comment img {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
	border-radius: 50%;
}
.comment-head h3 {
    margin: 20px 0;
    text-transform: uppercase;
    position: relative;
    text-align: center;
}
.comment-head h3, .comment-details h4, .lead-head h3 {
    color: #303030;
    font-size: 16px;
    font-weight: 400;
}
.blog-sig-details-dt span {
    margin: 10px 80px 0;
    display: inline-block;
}
.comment-details p {
    color: #303030;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}
.comment-replay {
    float: right;
    color: #006DF0;
    font-size: 14px;
    text-transform: uppercase;
}
.lead-head h3 {
    text-transform: uppercase;
    position: relative;
    text-align: center;
}
.lead-head h3:before, .lead-head h3:after {
    width: 30%;
}
.comment-head h3::before, .lead-head h3:before {
    background: #e7e7e7 none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
}
.lead-head h3:before, .lead-head h3:after {
    width: 30%;
}
.comment-head h3::after, .lead-head h3:after {
    background: #e7e7e7 none repeat scroll 0 0;
    content: "";
    height: 1px;
    right: 0;
    position: absolute;
    top: 50%;
}
.user-comment {
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 15px;
}
.admin-comment {
    padding: 20px 0px;
    padding-left: 40px;
}
.user-coment2 {
    border-bottom: none;
    padding: 20px 0px;
}
.coment-area input[type="text"] {
    height: 40px;
}
.coment-area input[type="text"], .coment-area textarea {
    width: 100%;
    border: 1px solid #e7e7e7;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    padding: 0px 10px;
    outline: none;
}
.coment-area input[type="text"]:focus, .coment-area textarea:focus {
    border: 1px solid #006DF0;
}
.coment-area input[type="submit"] {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    color: #fff;
    padding: 10px 30px;
    background: #006DF0;
    border: none;
    border-radius: 2px;
    transition: all .4s ease 0s;
	outline:none;
}
.coment-area textarea {
    padding-top: 10px;
}
/*----------------------------------------*/
/*  13.2. course Payment
/*----------------------------------------*/
#myTab4.tab-review-design li a {
    padding-right: 40px;
    text-transform: capitalize;
	position:relative;
	transition:all .4s ease 0s;
}
.payment-card {
    padding: 20px;
	background:#fff;
}
.payment-inner-pro i{
	font-size:40px;
	float:right;
}
.payment-inner-pro h5{
	font-size:20px;
	margin-bottom:30px;
}
.credit-card-custom a, .waves-light{
	background:#006DF0;
	border-color: #006DF0;
}
.payment-method-ht i {
    font-size: 50px;
    margin-right: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.payment-adress{
	text-align:center;
}
.payment-adress button{
	background:#006DF0;
	border-color:#006DF0;
}
.payment-adress button:hover, .payment-adress button:focus, .payment-adress button:active, .payment-adress button:visited, .credit-card-custom a:hover, .credit-card-custom a:focus, .credit-card-custom a:active, .credit-card-custom a:visited, .waves-light:hover, .waves-light:focus, .waves-light:active, .waves-light:visited{
	background:#006DF0;
	border-color:#006DF0;
	outline:none;
	cursor:pointer;
}
.product-cart-dn {
    display: none;
}
.product-status-wrap.border-pdt-ct{
	box-shadow:none;
}
.payment-adress.mg-t-15{
	margin-top:0px;
}
/*----------------------------------------*/
/*  14. Library
/*----------------------------------------*/
.add-product a {
    float: right;
    position: absolute;
    top: 20px;
    right: 35px;
    background: #006DF0;
    padding: 6px 20px;
    color: #fff;
    border-radius: 4px;
}
.product-status-wrap h4 {
    font-size: 20px;
    color: #303030;
    margin-bottom: 20px;
}
.product-status-wrap table {
    width: 100%;
}
.product-status-wrap table th {
    padding: 20px 5px;
    vertical-align: top;
    border-top: 1px solid #e9ecef;
}
.product-status-wrap table th {
    vertical-align: bottom;
    border-bottom: 2px solid #e9ecef;
	white-space: nowrap;
}
.product-status-wrap th, .product-status-wrap td {
    padding: 10px;
    text-align: left;
    font-size: 14px;
	color:#303030;
}
.product-status-wrap table td {
    padding: 9px 7px;
    border-top: 1px solid #e9ecef;
	white-space: nowrap;
}
.product-status-wrap img {
    width: 40px;
}
.product-status-wrap .pd-setting {
    border: none;
    color: #fff;
    padding: 5px 15px;
    font-size: 13px;
    background: #006DF0;
    border-radius: 3px;
	outline:none;
}
.product-status-wrap .ps-setting {
    border: none;
    color: #fff;
    padding: 5px 15px;
    font-size: 15px;
    background: #933EC5;
    border-radius: 3px;
	outline:none;
}
.product-status-wrap .ds-setting {
    border: none;
    color: #fff;
    padding: 5px 15px;
    font-size: 15px;
    background: #D80027;
    border-radius: 3px;
	outline:none;
}
.asset-inner {
    overflow-y: hidden;
    width: 100%;
}
.custom-pagination ul.pagination li a{
	font-size:14px;
	color:#303030;
}
.custom-pagination ul.pagination li a:focus{
	background:#006DF0;
	color:#fff;
}
.custom-pagination .pagination{
	margin: 20px 0px 0px 0px;
	position: relative;
    top: 6px;
}
.sales-report-stn-his button.product-btn-history, button.pd-setting-ed {
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 3px;
    border: 1px solid rgba(0,0,0,.12);
    background: #f5f5f5;
}
button.pd-setting-ed {
    display: inline-block;
    margin-right: 5px;
}
.product-status-wrap.drp-lst table td {
    padding: 20px 7px;
    border-top: 1px solid #e9ecef;
}
/*----------------------------------------*/
/*  15. Inbox
/*----------------------------------------*/
.inbox-bt-mg{
    margin-bottom:15px;
}
.mg-b-23 {
    margin-bottom: 23px;
}
.mg-b-20, .mg-b-23 {
    margin-bottom: 20px;
}
ul.mailbox-list li.active a, ul.h-list li.active a {
    background: #f7f9fa;
    border: 1px solid #e4e5e7;
    font-weight: 600;
    border-radius: 1px;
}
ul.mailbox-list li a, ul.h-list li a {
   padding: 8px 15px;
    display: block;
    font-size: 14px;
	transition:all .4s ease 0s;
	color:#303030;
}
ul.mailbox-list li a:first-child{
	margin-top:0px;
}
.mailbox-hd {
    background: #fff;
}
.mailbox-pagination {
    text-align: right;
}
.table.table-mailbox>tbody>tr>td, .table.table-mailbox>tbody>tr>th, .table.table-mailbox>tfoot>tr>td, .table.table-mailbox>tfoot>tr>th, .table.table-mailbox>thead>tr>td, .table.table-mailbox>thead>tr>th {
    padding: 0px;
    vertical-align: middle;
	white-space:nowrap;
}
.table-mailbox tr.unread td a {
    font-weight: 600;
    font-size: 14px;
}
.panel-body a {
    font-size: 14px;
    color: #444;
    margin-top: 15px;
	transition:all .4s ease 0s;
}
.contact-footer, .panel-footer {
    background: #F6F8FA;
}
.active-hook .btn-default{
	transition:all .4s ease 0s;
	outline:none;
}
.active-hook .btn-default:active{
	transition:all .4s ease 0s;
	outline:none;
}
.active-hook .btn-default:hover, .active-hook .btn-default:active, .active-hook .btn-default:focus{
	background: #006DF0;
	color:#fff;
	border:1px solid #006DF0;
	transition:all .4s ease 0s;
}
.hpanel.email-compose {
    background: #fff;
	padding:20px;
}
.hpanel .panel-body.panel-csm{
	border: 0px solid rgba(0,0,0,.12);
}
.mailbox-view .panel-heading, .hpanel.email-compose .panel-heading {
    padding: 0px 0px 10px 0px;
}
.panel-heading.hbuilt.mailbox-hd{
	padding: 20px 20px 0px 20px;
}
.table.table-hover.table-mailbox{
	margin-bottom:0px;
}
.custom-address-mailbox {
    margin-bottom: 20px;
}
.file-body i.fa {
    font-size: 40px;
	padding:20px 0px;
}
.incon-ctn-view{
	text-align:center;
}
.btn-success.compose-btn {
    background-color: #006DF0;
    border-color: #006DF0;
    color: #fff;
	margin-top:0px;
}
.panel-body.no-padding{
	box-shadow:none;
}
.panel-body p {
    font-size: 14px;
    color: #303030;
    line-height: 24px;
}
.btn-primary.ft-compse {
    background-color: #006DF0;
    border-color: #006DF0;
    color: #fff;
}
.cts-ml-in {
    margin-top: 20px;
}
.cts-ml-in input[type="text"] {
    font-size: 14px;
    padding: 6px 15px;
    display: block;
}
.cts-ml-in .btn-default {
    padding: 8px 15px;
    color: #303030;
    font-size: 14px;
}
.ib-btn-gp button{
	font-size:14px;
	color:#303030;
}
.ib-tb .label-warning{
	background:#006DF0;
}
.ib-tb .label-info{
	background:#933EC5;
}
.ib-tb .label-danger{
	background:#D80027;
}
.ib-ml-ft {
    font-size: 14px;
    color: #fff;
	background: #006DF0;
}
ul.mailbox-list li i {
    margin-right: 5px;
}
.input-sm{
	font-size:14px;
}
.compose-multiple-email .multipleInput-container {
    height: 55px;
    padding: 5px;
}
.multipleInput-container {
    border: 1px #ccc solid;
    padding: 1px;
    padding-bottom: 0;
    cursor: text;
    font-size: 13px;
    width: 100%;
    height: 40px;
    overflow: auto;
    background-color: white;
    border-radius: 0px;
	padding:0px 10px;
}
.multipleInput-container ul {
    list-style-type: none;
    padding-left: 0px !important;
}
.multipleInput-container input {
    font-size: 13px;
    width: 150px;
    height: 24px;
    border: 0;
    margin-bottom: 1px;
    outline: none;
}
.email_search {
    width: 100% !important;
}
li.multipleInput-email {
    float: left;
    margin-right: 2px;
    margin-bottom: 1px;
    border: 1px #006DF0 solid;
    background: #006DF0;
    color: #fff;
    padding: 4px 10px;
    border-radius: 2px;
}
li.multipleInput-email a{
    background: #none;
    color: #fff;
    margin-left: 4px;
    display: inline-block;
    padding: 0px 1px;
}
.form-horizontal .control-label{
	padding-top: 10px;
}
.panel-body .note-editor.note-frame.panel.panel-default{
	margin-bottom: 0px;
}
.panel-body .dropmail{
	margin-bottom:20px;
	margin-top:20px;
}
.dropmail .dropzone.dz-clickable .dz-message{
	border: 1px #fff solid;
}
.dropmail .download-custom i{
	color:#999;
	font-size:30px;
}
.dropmail .download-custom h2{
	color:#999;
	font-size:16px;
}
.dropmail .download-custom p{
	color:#999;
}
.dropmail .dropzone.dropzone-custom{
	border: 2px dashed #999;
}
.contact-panel-cs .contact-footer, .contact-panel-cs .panel-footer{
	background:#006DF0;
}
.form-control.dt-tb{
	height:35px;
}
.ft-pn{
	background:#F6F8FA;
}
.ft-pn a{
	font-size:14px;
	color:#303030;
}
td.text-right.mail-date {
    padding-right: 15px !important;
}
.static-table-list .table{
	margin-bottom:0px;
}
.hpanel.email-compose .panel-body{
	padding:0px;
}
/*----------------------------------------*/
/*  16. Google Map
/*----------------------------------------*/
#map, #map1, #map2, #googleMap, #maplan, #map6, #map7, #map8 {
    height: 100%;
}
.google-map-single {
    width: 100%;
    height: 300px;
}
/*----------------------------------------*/
/*  17. Images Cropper
/*----------------------------------------*/
.img-preview-custom{
	height: 130px;
    width: 200px;
	overflow: hidden;
}
.dual-list-box-inner .other-method{
	margin-top:15px;
}
.images-cropper-pro .btn-primary{
	background-color: #006DF0;
    border-color: #006DF0;
}
.images-cropper-pro .btn-primary:active:focus, .images-cropper-pro .btn-primary:active:hover{
	background-color: #006DF0;
    border-color: #006DF0;
}
.images-action-pro .btn-warning{
	background-color: #006DF0;
    border-color: #006DF0;
}
.images-action-pro .btn-warning:active, .images-action-pro .btn-warning:focus, .images-action-pro .btn-warning:hover{
	background-color: #006DF0;
    border-color: #006DF0;
}
.img-preview-custom {
    height: 130px;
    width: 200px;
    overflow: hidden;
}
.img-croper-fl{
	display:flex;
}
.common-pre-dz{
	margin-left:15px;
}
.images-cropper-pro .btn{
	margin:5px 0px;
}
/*----------------------------------------*/
/*  18. Form Element
/*----------------------------------------*/
.sparkline8-graph .basic-login-inner, .sparkline8-graph .login-social-inner, .sparkline9-graph .basic-login-form-ad, .sparkline11-graph .basic-login-form-ad{
	text-align:left;
}
.form-group-inner {
    margin-bottom: 15px;
}
.form-group-inner label{
	font-size:14px;
	color:#303030;
}
.form-group-inner input[type="email"], .form-group-inner input[type="password"], .form-group-inner input[type="text"], .form-select-list .custom-select-value{
	font-size:14px;
	color:#303030;
	border:1px solid #ddd;
	outline:none;
	border-radius:0px;
	box-shadow: none;
	
}
.icheckbox_square-green, .iradio_square-green {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(img/green1.png) no-repeat;
    border: none;
    cursor: pointer;
}
.icheckbox_square-green {
    background-position: 0 0;
}
.icheckbox_square-green.hover {
    background-position: -22px 0;
}
.icheckbox_square-green.checked {
    background-position: -44px 0;
	transition: all 0.3s ease 0s;
}
.login-btn-inner .check-label{
	margin-left:5px;
}
.login-btn-inner .label-check-inner{
	margin:0px;
	padding-top:5px;
}
.login-social-inner{
	margin-bottom:20px;
}
.login-social-inner a.button {
    line-height: 42px;
    text-decoration: none;
	margin-right:5px;
}
.login-social-inner .btn-social {
    position: relative;
}
.login-social-inner .span-left {
    padding-left: 55px;
    padding-right: 15px;
}
.login-social-inner .facebook {
    background-color: #3b5998;
}
.login-social-inner .twitter, .login-social-inner .twitter:hover, .login-social-inner .twitter:focus, .login-social-inner .facebook, .login-social-inner .facebook:hover, .login-social-inner .facebook:focus, .login-social-inner .googleplus, .login-social-inner .googleplus:hover, .login-social-inner .googleplus:focus, .login-social-inner .linkedin, .login-social-inner .linkedin:hover, .login-social-inner .linkedin:focus {
    color: #fff;
    text-shadow: 0 1px rgba(0, 0, 0, 0.08);
}
.login-social-inner .button {
    border: 0;
    height: 42px;
    color: #fff;
    line-height: 1;
    font-size: 15px;
    cursor: pointer;
    text-align: center;
    vertical-align: top;
    display: inline-block;
    -webkit-user-drag: none;
    text-shadow: 0 1px rgba(255, 255, 255, 0.2);
}
.login-social-inner .button{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    outline: none;
}
.login-social-inner .facebook:hover, .login-social-inner .facebook:focus {
    background-color: #25385F;
}
.login-social-inner .facebook span {
    background-color: #31497D;
}
.login-social-inner .btn-social span {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    display: inline-block;
    text-align: center;
    position: absolute;
    width: 42px;
    left: 0;
}
.login-social-inner .btn-social i {
    font-size: 22px;
    position: relative;
    top: 2px;
}
.login-social-inner .twitter span {
    background-color: #009AD5;
}
.login-social-inner .twitter {
    background-color: #00acee;
}
.login-social-inner .twitter:hover, .login-social-inner .twitter:focus {
    background-color: #00749F;
}
.login-social-inner .googleplus span {
    background-color: #C03121;
}
.login-social-inner .googleplus:hover, .login-social-inner .googleplus:focus {
    background-color: #8D2418;
}
.login-social-inner .googleplus {
    background-color: #dd4b39;
}
.login-social-inner .linkedin span {
    background-color: #084261;
}
.login-social-inner .linkedin:hover, .login-social-inner .linkedin:focus {
    background-color: #084261;
}
.login-social-inner .linkedin {
    background-color: #0077B5;
}
.login-horizental {
    margin-top: 20px;
}
.form-group-inner label.login2 {
    margin: 0px;
    padding: 7px 0px;
}
.inline-basic-form .form-group-inner{
	margin-bottom:0px;
}
.modal-login-form-inner{
	text-align:left;
}
.modal-edu-general .modal-body .modal-basic-inner p{
	margin-bottom:15px;
}
.bt-df-checkbox {
    padding: 8px 0px;
    margin: 0;
}
.bt-df-checkbox .radio-checked {
    margin-right: 8px;
}
.icheckbox_square-green.checked {
    background-position: -44px 0;
}
.icheckbox_square-green.checked.disabled {
    background-position: -88px 0;
}
.iradio_square-green {
    background-position: -109px 0;
}
.iradio_square-green.hover {
    background-position: -131px 0;
}
.iradio_square-green.checked {
    background-position: -153px 0;
	transition: all 0.3s ease 0s;
}
.iradio_square-green.checked.disabled {
    background-position: -197px 0;
}
.inline-checkbox-cs {
    padding: 7px 0px;
}
.inline-checkbox-cs .checkbox-inline{
	padding-left:0px;
}
.form-group-inner.input-with-success label{
	color: #1ab394;
}
.form-group-inner.input-with-success input[type="text"]{
	border: 1px solid #1ab394;
}
.form-group-inner.input-with-warning label{
	color: #f8ac59;
}
.form-group-inner.input-with-warning input[type="text"]{
	border: 1px solid #f8ac59;
}
.form-group-inner.input-with-error label{
	color: #ed5565;
}
.form-group-inner.input-with-error input[type="text"]{
	border: 1px solid #ed5565;
}
.inline-remember-me label {
    margin: 0px; btn-default
}
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.input-group-addon:first-child {
    border-right: 0;
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group-btn .btn, .form-bc-ele .btn{
	padding: 10px 12px;
}
.input-group-addon {
    background-color: #fff;
    border: 1px solid #E5E6E7;
    border-radius: 1px;
    color: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding: 6px 12px;
    text-align: center;
}
.input-group-addon{
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.form-control {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    color: inherit;
    display: block;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
	height:40px;
	box-shadow:none;
}
.form-control:focus {
    border-color: #006DF0;
    outline: 0;
    box-shadow: none;
}
.custom-go-button .btn-primary, .custom-dropdowns-button .dropdown-toggle, .dropdown-segmented .dropdown-toggle, .dropdown-segmented .btn-white {
    background-color: #006DF0;
    border-color: #006DF0;
    color: #FFFFFF;
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.custom-go-button .btn-primary, .custom-go-button .btn-primary:active, .custom-go-button .btn-primary:focus, .custom-dropdowns-button .dropdown-toggle, .custom-dropdowns-button .dropdown-toggle:active, .custom-dropdowns-button .dropdown-toggle:focus, .dropdown-segmented .dropdown-toggle, .dropdown-segmented .dropdown-toggle:active, .dropdown-segmented .dropdown-toggle:focus{
	border-top-right-radius: 0;
    border-bottom-right-radius: 0;
	background-color: #006DF0;
    border-color: #006DF0;
}
.dropdown-segmented .dropdown-toggle, .dropdown-segmented .dropdown-toggle:active, .dropdown-segmented .dropdown-toggle:focus{
	border-left:1px solid #006DF0;
}
.cancel-wp .btn-white, .cancel-wp .btn-white:active, .cancel-wp .btn-white:focus{
	border-radius:0px;
	outline:none;
}
.file-upload-inner.ts-forms input[type="text"]:hover, .file-upload-inner.ts-forms input[type="text"]:focus, .file-upload-inner.ts-forms input[type="text"]:active, .file-upload-inner.ts-forms .file-button:hover + input{
	border: 1px solid #006DF0;
}
.file-upload-inner.ts-forms input[type="text"]{
	height: 40px;
}
.file-upload-inner.ts-forms .file-button, .file-upload-inner.ts-forms .file-button:active, .file-upload-inner.ts-forms .file-button:focus{
	background: #006DF0;
	border-radius:0px;
	width:70px;
	height: 40px;
	line-height: 40px;
	top:0px;
}
.file-upload-inner.ts-forms .prepend-small-btn .file-button, .file-upload-inner.ts-forms .prepend-big-btn .file-button {
    left: 0px;
}
.file-upload-inner.ts-forms .prepend-big-btn input[type="text"] {
    padding-left: 81px;
}
.file-upload-inner.ts-forms .icon-left, .file-upload-inner.ts-forms .icon-right{
	top:0px;
}
.file-upload-inner.file-upload-inner-right.ts-forms .file-button, .file-upload-inner.file-upload-inner-right.ts-forms .file-button:active, .file-upload-inner.file-upload-inner-right.ts-forms .file-button:focus{
	right: 0px !important;
}
.file-upload-inner.file-upload-inner-right.ts-forms .append-small-btn .file-button input, .file-upload-inner.file-upload-inner-right.ts-forms .append-big-btn .file-button input{
	right: 0px !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #03a9f4;
}
.chosen-select-single label{
	font-weight:400;
	font-size:14px;
}
.spacer-b16a {
    text-align: left;
    margin-bottom: 5px;
}
.sliderv-wrapper.green-slider.green-left-pro {
    margin-left: 8px;
}
.sliderv-wrapper.black-slider.slider-bl-pro {
    margin-top: 22px;
}
.input-mask-title{
	text-align:right;
	padding: 10px 0px;
}
.input-mark-inner, .data-custon-pick, .touchspin-inner{
	text-align:left;
}
.input-mask-title label, .input-mark-inner .help-block, .data-custon-pick label, .touchspin-inner label{
	font-size:14px;
	font-weight:400;
}
.input-mark-inner .form-control, .data-custon-pick .form-control{
	border-radius:0px;
}
.input-mark-inner .form-control:focus, .input-mark-inner .form-control:active, .data-custon-pick .form-control:focus, .data-custon-pick .form-control:active{
	outline:none;
	box-shadow:none;
	border: 1px solid #006DF0;
}
.form-group.data-custon-pick.data-custom-mg{
	margin-bottom:0px;
}
.datepicker table tr td.active.active, .datepicker table tr td span.active.active{
	background-color: #006DF0;
    border-color: #006DF0;
}
.ts-forms .tsbox {
    position: relative;
}
.ts-forms .label {
    font-size: 14px;
    margin-bottom: 15px;
    height: 14px;
    color: #303030;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 5px 0px;
}
.colorpicker-inner.ts-forms.mg-b-23{
	margin: 14px 0px;
}
.ts-forms label {
    display: block;
    color: inherit;
    font-weight: normal;
    text-align: left;
    margin-bottom: 0;
}
.ts-forms {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    color: rgba(0,0,0,.54);
    line-height: 1;
    position: relative;
}
.ts-forms input[type="text"], .ts-forms input[type="password"], .ts-forms input[type="email"], .ts-forms input[type="search"], .ts-forms input[type="url"], .ts-forms textarea, .ts-forms select {
	background: #fff;
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 0px;
    color: rgba(0,0,0,.87);
    display: block;
    font-family: inherit;
    font-size: 14px;
    height: 34px;
    padding: 10px 15px;
    width: 100%;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all.4s;
    -moz-transition: all.4s;
    -ms-transition: all.4s;
    -o-transition: all.4s;
    transition: all.4s;
}
.sp-replacer {
    background-color: #e0e0e0;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    border: none;
    bottom: 0;
    cursor: pointer;
    display: block;
    outline: none;
    padding-left: 16px;
    padding-top: 0px;
    position: absolute;
    right: 0;
    top: 0;
    width: 52px;
    color: rgba(0,0,0,.56);
    -webkit-transition: color.4s;
    -moz-transition: color.4s;
    -ms-transition: color.4s;
    -o-transition: color.4s;
    transition: color.4s;
}
.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.sp-replacer {
	top: 20px !important;
    padding-left: 10px !important;
}
.sp-preview {
    position: relative;
    width: 25px;
    height: 20px;
    border: solid 1px #222;
    margin-right: 5px;
    float: left;
    z-index: 0;
    top: 5px;
}
.sp-dd {
    padding: 2px 0;
    height: 16px;
    line-height: 16px;
    float: left;
    font-size: 10px;
    margin-top: 5px;
}
.dual-list-box-inner option{
	padding:0px 15px;
}
.inbox-email-menu-list .nav-tabs>li>a{
	border: 0px solid transparent;
}
.x-editable-list .table{
	margin-bottom:0px;
}
.menu-list-mg-b.menu-list-wrap{
	margin-bottom:40px
}

.main-sparkline8-hd h1, .main-sparkline9-hd h1, .main-spark7-hd h1, .main-sparkline10-hd h1, .main-sparkline11-hd h1, .main-sparkline12-hd h1, .main-sparkline13-hd h1, .main-sparkline14-hd h1{
	font-size:20px;
	color:#303030;
}
.basic-choropleth {
    height: 400px;
    width: 100%;
}
.alert-title.dropzone-custom-sys h2, .download-custom h2, .alert-title h2, .code-editor-single h2 {
    font-size: 18px;
    color: #303030;
}
.mini-navbar .charts-single-pro .bar-mini-ds{
	display:none;
}
.alert-title.dropzone-custom-sys p, .download-custom p, .alert-title p, .sparkline-content p {
    font-size: 14px;
    color: #303030;
    line-height: 24px;
}
.sparkline-content a {
    font-size: 14px;
    color: #303030;
}
.preloader-single {
    background: #fff;
    width: 100%;
    height: 350px;
    padding: 15px;
}
.file-cs-ctn {
    text-align: center;
    padding: 30px 0px !important;
}
.custonfile .btn-primary {
    color: #fff;
    background-color: #86bc42;
    border-color: #86bc42;
}
.dropdown-menu.filedropdown{
	width:100%;
}
.dropdown-menu.filedropdown li a{
	margin-top:0px;
	padding:8px 20px;
}
.dropdown-menu.filedropdown li i{
	margin-right:5px;
}
.custom-panel-jw a{
	font-size:18px;
}
.project-people img {
    width: 28px;
    height: 28px;
    margin-left: 2px;
    margin-bottom: 4px;
}
.panel-body a {
    font-size: 14px;
    color: #303030;
    margin-top: 15px;
}
.custom-panel-jw .social-media-in a {
    margin-top: 5px;
}
.project-value h2 {
    font-size: 25px;
    color: #444;
    margin-top: 10px;
}
.custom-project-dsl h2 {
    margin: 0;
    padding: 10px 15px;
    background: #ddd;
    font-size: 16px;
}
.m-t-none {
    font-size: 20px;
    color: #444;
}
.custom-address-mailbox div {
    margin: 5px 0px;
}
.panel-csm h4{
	font-size:18px;
	color:#303030;
}
.project-dtl-info h1 {
    font-size: 25px;
    color: #444;
}
.back-backend a {
    background: #006DF0;
	border-color:#006DF0;
}
.back-backend a:hover {
    background: #006DF0;
	border-color:#006DF0;
}
.back-link {
    float: left;
    width: 100%;
    margin: 10px;
}
.content-error h1 {
    font-size: 35px;
    color: #444;
	text-transform:uppercase;
}
.content-error .counter {
    color: #006DF0;
}
.content-error {
    text-align: center;
    margin: 0px 20px;
}
.content-error p {
    font-size: 14px;
    color: #444;
    line-height: 24px;
}
.content-error a {
    display: inline-block;
    margin: 0px 5px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    padding: 10px 30px;
    border-radius: 3px;
    background: #006DF0;
    transition: all .4s ease 0s;
}
.login-footer a{
	color:#006DF0;
}
.login-footer {
    margin-top: 15px;
}
.main-spark-hd h1, .smart-main-spark-hd h1{
	font-size:20px;
}
.custom-datatable-overright table tbody tr td a {
    color: #303030;
    font-size: 14px;
}
.custom-datatable-overright table tbody tr td {
    padding-left: 10px !important;
    padding-right: 5px !important;
    font-size: 14px;
    text-align: left;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #006DF0;
    border-color: #006DF0;
}
.fixed-table-pagination {
    padding: 0px 10px;
}
.tab-content-details h2 {
    font-size: 20px;
    color: #303030;
}
.tab-content-details {
    text-align: center;
    background: #fff;
    padding: 20px 100px;
}
.tab-content-details p {
    font-size: 14px;
    color: #303030;
    line-height: 24px;
	margin-bottom:0px;
}
.color-line {
    background: #f7f9fa;
    height: 6px;
    background-image: -webkit-linear-gradient(left,#006DF0,#006DF0 25%,#933EC5 25%,#933EC5 35%,#65b12d 35%,#65b12d 45%,#D80027 45%,#D80027 55%,#ffb606 55%,#ffb606 65%,#e67e22 65%,#e67e22 75%,#e74c3c 85%,#e74c3c 85%,#c0392b 85%,#c0392b 100%);
    background-image: -moz-linear-gradient(left,#006DF0,#006DF0 25%,#933EC5 25%,#933EC5 35%,#65b12d 35%,#65b12d 45%,#D80027 45%,#D80027 55%,#ffb606 55%,#ffb606 65%,#e67e22 65%,#e67e22 75%,#e74c3c 85%,#e74c3c 85%,#c0392b 85%,#c0392b 100%);
    background-image: -ms-linear-gradient(left,#006DF0,#006DF0 25%,#933EC5 25%,#933EC5 35%,#65b12d 35%,#65b12d 45%,#D80027 45%,#D80027 55%,#ffb606 55%,#ffb606 65%,#e67e22 65%,#e67e22 75%,#e74c3c 85%,#e74c3c 85%,#c0392b 85%,#c0392b 100%);
    background-image: linear-gradient(to right,#006DF0,#006DF0 25%,#933EC5 25%,#933EC5 35%,#65b12d 35%,#65b12d 45%,#D80027 45%,#D80027 55%,#ffb606 55%,#ffb606 65%,#e67e22 65%,#e67e22 75%,#e74c3c 85%,#e74c3c 85%,#c0392b 85%,#c0392b 100%);
    background-size: 100% 6px;
    background-position: 50% 100%;
    background-repeat: no-repeat;
}
.form-group-inner {
    margin-bottom: 15px;
}
.form-group-inner label{
	font-size:14px;
	color:#303030;
}
.form-group-inner input[type="email"], .form-group-inner input[type="password"], .form-group-inner input[type="text"], .form-select-list .custom-select-value{
	font-size:14px;
	color:#303030;
	border:1px solid #eee;
	outline:none;
	border-radius:0px;
	box-shadow: none;
}
.form-group-inner input[type="email"]:focus, .form-group-inner input[type="password"]:focus, .form-group-inner input[type="text"]:focus, .form-select-list .custom-select-value:focus{
	border:1px solid #006DF0;
	outline:none;
	border-radius:0px;
	box-shadow: none;
}
.icheckbox_square-green, .iradio_square-green {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(img/green1.png) no-repeat;
    border: none;
    cursor: pointer;
}
.icheckbox_square-green {
    background-position: 0 0;
}
.icheckbox_square-green.hover {
    background-position: -22px 0;
}
.icheckbox_square-green.checked {
    background-position: -44px 0;
	transition: all 0.3s ease 0s;
}
.login-btn-inner .check-label{
	margin-left:5px;
}
.login-btn-inner .label-check-inner{
	margin:0px;
	padding-top:5px;
}
.login-btn-inner .login-submit-cs{
	background-color: #006DF0;
    border-color: #006DF0;
	font-size:14px;
	font-weight:400;
	border-radius:0px;
}
.modal-bootstrap.modal-login-form {
    padding: 7px 20px;
    background-color: #006DF0;
    display: inline-block;
    text-align: center;
}
.modal-bootstrap.modal-login-form a{
    color:#fff;
}
.login-btn-inner .btn-primary.active.focus, .login-btn-inner .btn-primary.active:focus, .login-btn-inner .btn-primary.active:hover, .login-btn-inner .btn-primary:active.focus, .login-btn-inner .btn-primary:active:focus, .login-btn-inner .btn-primary:active:hover, .login-btn-inner .btn-primary:hover, .login-btn-inner .btn-primary:active, .login-btn-inner .btn-primary:focus{
	background-color: #006DF0;
    border-color: #006DF0;
	border-radius:0px;
	outline: 0px auto -webkit-focus-ring-color;
    outline-offset: 0px;
}
.create-account-sign a{
	color: #006DF0;
    font-size: 100px;
    padding: 5px 70px;
    display: block;
}
.login-social-inner{
	margin-bottom:20px;
}
.login-social-inner a.button {
    line-height: 42px;
    text-decoration: none;
	margin-right:5px;
}
.login-social-inner .btn-social {
    position: relative;
}
.login-social-inner .span-left {
    padding-left: 55px;
    padding-right: 15px;
}
.login-social-inner .facebook {
    background-color: #3b5998;
}
.login-social-inner .twitter, .login-social-inner .twitter:hover, .login-social-inner .twitter:focus, .login-social-inner .facebook, .login-social-inner .facebook:hover, .login-social-inner .facebook:focus, .login-social-inner .googleplus, .login-social-inner .googleplus:hover, .login-social-inner .googleplus:focus, .login-social-inner .linkedin, .login-social-inner .linkedin:hover, .login-social-inner .linkedin:focus {
    color: #fff;
    text-shadow: 0 1px rgba(0, 0, 0, 0.08);
}
.login-social-inner .button {
    border: 0;
    height: 42px;
    color: #fff;
    line-height: 1;
    font-size: 15px;
    cursor: pointer;
    text-align: center;
    vertical-align: top;
    display: inline-block;
    -webkit-user-drag: none;
    text-shadow: 0 1px rgba(255, 255, 255, 0.2);
}
.login-social-inner .button{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    outline: none;
}
.login-social-inner .facebook:hover, .login-social-inner .facebook:focus {
    background-color: #25385F;
}
.login-social-inner .facebook span {
    background-color: #31497D;
}
.login-social-inner .btn-social span {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    display: inline-block;
    text-align: center;
    position: absolute;
    width: 42px;
    left: 0;
}
.login-social-inner .btn-social i {
    font-size: 22px;
    position: relative;
    top: 2px;
}
.login-social-inner .twitter span {
    background-color: #009AD5;
}
.login-social-inner .twitter {
    background-color: #00acee;
}
.login-social-inner .twitter:hover, .login-social-inner .twitter:focus {
    background-color: #00749F;
}
.login-social-inner .googleplus span {
    background-color: #C03121;
}
.login-social-inner .googleplus:hover, .login-social-inner .googleplus:focus {
    background-color: #8D2418;
}
.login-social-inner .googleplus {
    background-color: #dd4b39;
}
.login-social-inner .linkedin span {
    background-color: #084261;
}
.login-social-inner .linkedin:hover, .login-social-inner .linkedin:focus {
    background-color: #084261;
}
.login-social-inner .linkedin {
    background-color: #0077B5;
}
.form-group-inner label.login2 {
    margin: 0px;
    padding: 10px 0px;
}
.bt-df-checkbox {
    padding: 8px 0px;
    margin: 0;
}
.bt-df-checkbox .radio-checked {
    margin-right: 8px;
}
.icheckbox_square-green.checked {
    background-position: -44px 0;
}
.icheckbox_square-green.checked.disabled {
    background-position: -88px 0;
}
.iradio_square-green {
    background-position: -109px 0;
}
.iradio_square-green.hover {
    background-position: -131px 0;
}
.iradio_square-green.checked {
    background-position: -153px 0;
	transition: all 0.3s ease 0s;
}
.iradio_square-green.checked.disabled {
    background-position: -197px 0;
}
.inline-checkbox-cs {
    padding: 7px 0px;
}
.inline-checkbox-cs .checkbox-inline{
	padding-left:0px;
}
.checkbox.login-checkbox label {
    padding-left: 0px;
}
.btn-success.loginbtn {
    background-color: #006DF0;
    border-color: #006DF0;
}
.lock-inner i {
    font-size: 60px;
    color: #006DF0;
}
.lock-inner .text-success {
    color: #006DF0;
}
.lock-inner .btn-primary {
    background: #006DF0;
	border-color:#006DF0;
}
.poss-recover .btn-success {
    background-color: #006DF0;
    border-color: #006DF0;
}
.main-sparkline16-hd h1, .main-sparkline15-hd h1{
	font-size:20px;
}
.knob-single input {
    position: absolute;
    top: 0px;
    right: 25px;
}
.download-custom i {
    font-size: 40px;
}
.dropzone-custom-sys {
    text-align: center;
    padding: 30px 100px;
    background: #fff;
}
element.style {
    display: inline-block;
    width: 721px;
    height: 355px;
    vertical-align: top;
}
div#sparklinehome canvas {
    width: 100% !important;
}
/* .header-top-area {
    background: #597d35;
} */
.sidebar-nav .metismenu{
	background-color: transparent !important;
	/* background: -webkit-linear-gradient(90deg, #f2fdff 0%, #fff5f4 100%);
    background: linear-gradient(90deg, #f2fdff0%, #fff5f4 100%); */ 
	overflow: auto !important;
	
}
.sidebar-nav .metismenu .active{
	background-color: #F6F8FA;
}
.sidebar-nav {
    background: #fff;
}
.sidebar-nav ul{
	background: #fff;
}
#sidebar.active .sidebar-nav ul.metismenu li ul.submenu-angle{
	position: absolute;
    right: -180px;
    top: 0px;
    text-align: left;
    width: 180px;
    background: #fff;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.175);
    box-shadow: 0 1px 4px rgba(0,0,0,.175);
}
#sidebar.active .sidebar-nav .metismenu a:hover, #sidebar.active .sidebar-nav .metismenu a:focus, #sidebar.active .sidebar-nav .metismenu a:active{
	background:#F6F8FA;
}
#sidebar.active .mCustomScrollBox{
	overflow:unset;
}
#sidebar.active .mCSB_container{
	overflow:unset;
}
.sidebar-nav .metismenu a{
	color:#8d9498;
	font-size: 14px;
}
.sidebar-nav .metismenu a:hover, .sidebar-nav .metismenu a:focus, .sidebar-nav .metismenu a:active {
    background: #F6F6F6;
}
.header-top-menu .navbar-nav>li .dropdown-menu, .header-right-info ul.header-right-menu li .author-message-top, .header-right-info ul.header-right-menu li .notification-author, .header-right-info ul.header-right-menu li .author-log, .header-right-info ul.header-right-menu li .admintab-wrap.menu-setting-wrap.menu-setting-wrap-bg.dropdown-menu {
    background: #fff;
}
.header-top-menu .navbar-nav>li .dropdown-menu a:hover, .header-right-info ul.header-right-menu li .dropdown-header-top.author-log li a:hover, .header-right-info ul.header-right-menu li .dropdown-header-top.author-log li a:focus, .header-drl-controller-btn.btn-info:active:focus, .btn-info:active:hover {
    background: #F6F8FA;
}
.header-top-menu .navbar-nav>li.open > a {
    color: #fff;
}
.header-top-menu .navbar-nav>li>a:hover {
    color: #fff;
}
#sidebar {
    background: #fff;
}
#sidebar .sidebar-header {
    background: #fff;
}
#sidebar.active .sidebar-header {
    padding-top:10px;
	position:relative;
	z-index:9;
	padding-bottom:10px;
}
.order-st i {
    background: #86bc42;
}
.product-details-btn button, .product-details-btn-2 button {
    background: #86bc42;
}
.single-product-text .button-default.cart-btn {
    background: #006DF0;
}
.history-anl-icon i {
    background-color: #86bc42;
}
.footer-copyright-area {
   /*  background: #597d35; */
    background: #707be9;
	padding: 20px 0px;
    text-align: center;
}
.message-single-top h1, .notification-single-top h1 {
    border-bottom: 1px solid #F6F8FA;
}
.header-right-info ul.header-right-menu li .message-view a, .header-right-info ul.header-right-menu li .notification-view a {
    border-top: 1px solid #F6F8FA;
}
.header-right-info .author-message-top:before, .header-right-info .notification-author:before {
    border-bottom: 10px solid #fff;
}
.header-right-info ul.header-right-menu li.open > a {
    color: #fff;
}
.indicator-ms {
    background: #fff;
}
.indicator-nt {
    background: #fff;
}
.menu-setting-wrap.menu-setting-wrap-bg .nav-tabs>li.active>a, .menu-setting-wrap.menu-setting-wrap-bg .nav-tabs>li.active>a:focus, .menu-setting-wrap.menu-setting-wrap-bg .nav-tabs>li.active>a:hover
 .notes-img {
    background: #F6F8FA;
}
.header-right-info .nav.custon-set-tab>li>a:focus, .header-right-info .nav.custon-set-tab>li>a:hover, .header-right-info .nav.custon-set-tab>li>a:active {
    color: #303030;
}
.edu-custon-design .panel-heading {
    background: #006DF0;
    color: #fff;
}
.panel-group.edu-custon-design .accordion-head a:hover, .panel-group.edu-custon-design .accordion-head a:focus, .panel-group.edu-custon-design .accordion-head a:active {
    color: #fff;
}
.analytics-sparkle-line .analytics-content .tuition-fees {
    font-size: 14px;
    float: right;
    margin-top: 8px;
	color: #999;
	font-weight:300;
}
.storage-right {
    float: right;
    margin-bottom: 0px;
    margin-top: -25px;
    font-size: 16px !important;
}
.analysis-progrebar-content .progress {
    width: 100%;
	margin-bottom: 6px;
}
.single-item-rating {
    float: right;
    margin-top: -32px;
    color: #ffb463;
}
.single-item-rating i{
    font-size:14px;
}
.product-price h3{
	font-size:25px;
}
.product-buttons button:hover{
	background:#006DF0;
	transition:all .4s ease 0s;
}
.single-product-text a, .single-latest-text a{
    color: #444;
    display: block;
	font-size:18px;
}
.single-product-text .cards-hd-dn{
    margin-top: 17px;
}
.single-product-text.edu-pro-tx a{
    margin-top: -1px;
}
.single-product-image img{
	width:100%;
}
.single-product-text a:hover, .single-latest-text a:hover{
	color:#006DF0;
	transition:all .4s ease 0s;
}
.single-product-text .button-default.cart-btn:hover{
	background:#006DF0;
	transition:all .4s ease 0s;
}
.single-latest-image {
    float: left;
}
.single-latest-text {
    background: #fff;
    overflow: hidden;
    padding: 10px 0 25px 30px;
}
.single-latest-text p{
	font-size: 14px;
    color: #444;
    margin: 10px 0px;
}
.single-latest-text .button-default{
	font-size:14px;
	background:#86bc42;
	padding: 5px 10px;
    border-radius: 3px;
    transition: all .4s ease 0s;
	color:#fff;
	display: inline;
}
.single-latest-text .button-default:hover{
	background:#2d3e50;
	color:#fff;
}
.progress-skill .progress {
    height: 5px;
    margin-bottom: 10px;
}
.progress-skill h2{
	font-size:16px;
	color:#444;
}
.progress-green {
    background-color: #006DF0;
}
.progress-yellow {
    background-color: #933EC5;
}
.progress-blue {
    background-color: #65b12d;
}
.progress-red {
    background-color: #D80027;
}
.blog-sig-details-dt.courses-info span {
    margin: 10px 50px 0;
    display: inline-block;
}
.social-media-edu, .single-review-st-text{
	    display: flex;
}
.single-review-st-text{
	padding: 7.7px 0px;
}
.single-review-st-text:last-child{
	padding-bottom: 0px;
}
.social-media-edu i {
    font-size: 40px;
    line-height: 54px;
	color:#006DF0;
}
.social-media-edu.twitter-cl i {
	color:#933EC5;
}
.social-media-edu.linkedin-cl i {
	color:#65b12d;
}
.social-media-edu.youtube-cl i {
	color:#D80027;
}
.social-edu-ctn {
    margin-left: 15px;
}
.social-edu-ctn h3{
	font-size:16px;
	text-transform:capitalize;
	color:#006DF0;
}
.twitter-cl .social-edu-ctn h3{
	color:#933EC5;
}
.linkedin-cl .social-edu-ctn h3{
	color:#65b12d;
}
.youtube-cl .social-edu-ctn h3{
	color:#D80027;
}
.social-edu-ctn p{
	font-size:14px;
	margin:0;
	color: #303030;
}
.single-product-text img {
    width: 100px;
    height: 100px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    border-radius: 100%;
	margin-top: -70px;
}
.single-product-text{
	padding:20px;
	text-align:center;
}
.single-product-text.edu-pro-tx {
    padding: 20px 0px 0px 0px;
}
.single-product-text.edu-pro-tx h5 {
    line-height: 20px;
    margin-bottom: 5px;
	color: #444;
}
.single-cards-item, .single-review-st-item, .white-box{
	background:#fff;
	overflow:hidden;
	border-radius: 12px;
}
.single-review-st-item, .white-box{
	padding:20px;
	
}
.single-product-text .ctn-cards{
	font-size:14px;
	color:#444;
	line-height:24px;
}
.single-product-text .follow-cards {
    font-size: 14px;
    color: #fff;
    background: #006DF0;
    display: inline-block;
    padding: 5px 20px;
    border-radius: 3px;
}
.single-product-text .follow-cards:hover {
    color: #fff;
}
.cards-dtn {
    margin-top: 27px;
}
.single-product-text .cards-hd-dn{
	font-size:18px;
}
.single-product-text h5{
	font-size:14px;
	color:#999;
	font-weight:300;
}
.cards-dtn h3{
	font-size:18px;
	color:#303030;
	margin:0;
}
.cards-dtn p{
	font-size:14px;
	color:#303030;
	margin:0;
}
.single-review-st-text img{
	height:40px;
	width:40px;
	border-radius:50%;
}
.review-ctn-hf h3{
	font-size:14px;
	color:#303030;
	margin-bottom:5px;
}
.review-ctn-hf, .review-item-rating {
    margin-left: 15px;
}
.review-ctn-hf p{
	font-size:14px;
	color:#303030;
	margin:0;
}
.single-review-st-hd h2{
	font-size:18px;
	color:#303030;
}
.review-item-rating i {
    font-size: 14px;
    margin-top: 15px;
	color:#ffb463;
}
.review-ctn-hf{
	margin-top:5px;
}
.review-item-rating {
    text-align: right;
    margin-left: auto;
	margin-top:5px;
}
.single-product-text.edu-pro-tx{
	text-align:left;
}
.label-purple {
    background-color: #9675ce;
}
.basic-list li {
    display: block;
    padding: 11.6px 0;
    border-bottom: 1px solid rgba(120,130,140,.13);
    line-height: 27px;
    color: #303030;
    font-size: 14px;
}
.basic-list li:last-child {
    border-bottom: 0px solid rgba(120,130,140,.13);
	padding-bottom:0px;
}
.basic-list .label {
    margin-top: 0px;
    padding: 7px 10px;
    font-size: 12px;
    border-radius: 2px;
}
.label-danger.label-1{
	background:#006DF0;
}
.label-purple.label-2{
	background:#933EC5;
}
.label-success.label-3{
	background:#65b12d;
}
.label-info.label-4{
	background:#D80027;
}
.label-purple.label-7{
	background:#555;
}
.white-box h3{
	font-size:16px;
	color:#444;
}
.country-state .progress{
	height:4px;
	margin-bottom: 0px;
}
.country-state h2{
	font-size:18px;
	color:#444;
	margin-bottom:2px;
}
.country-state li {
    margin: 26px 0px;
}
.country-state small{
	font-size:14px;
	color:#303030;
}
.white-box.analytics-info-cs h3{
	font-size:16px;
	color:#303030;
}
.analytics-content .progress{
	height:5px;
	margin-bottom:0;
}
.analytics-content .text-success{
	color:#006DF0;
}
.analytics-content .text-danger{
	color:#933EC5;
}
.analytics-content .text-info{
	color:#65b12d;
}
.analytics-content .text-inverse{
	color:#D80027;
}
.progress-bar.progress-bar-danger{
	background:#933EC5;
}
.progress-bar.progress-bar-info{
	background:#1fb9fc;
}
.progress-bar.progress-bar-inverse{
	background:#D80027;
}
.progress-bar.progress-bar-danger.hd-tp-1{
	background:#006DF0;
}
.projects-st-content.project-rating-cl .progress-bar.hd-tp-2{
	background:#933EC5;
}
.progress-bar.hd-tp-3{
	background:#65b12d;
}
.projects-st-content.project-rating-cl2 .progress-bar.hd-tp-4{
	background:#D80027;
}
.progress-bar.progress-bar-danger.hd-tp-5{
	background:#9675ce;
}
.projects-st-content.project-rating-cl .progress-bar.hd-tp-6{
	background:#555;
}
.cus-product-sl-rp li h5{
	color:#999;
	font-weight:300;
}
.menu-switcher-pro .btn-info:active, .menu-switcher-pro .btn-info:focus, .menu-switcher-pro .btn-info:hover, .menu-switcher-pro .btn-info:visited, .header-drl-controller-btn.btn-info:active:focus{
	background: #006DF0;
	outline:none;
}
.mini-navbar .single-review-st-text img {
    height: 56px;
    width: 56px;
}
.mini-navbar .single-product-text img {
    width: 116px;
    height: 116px;
}
.mini-navbar .country-state li {
    margin: 28.5px 0px;
}
.mini-navbar .basic-list li {
    padding: 11.6px 0px;
}
.widget-cl-1 .text-success{
	color:#006DF0;
}
.widget-cl-2 .text-info{
	color:#933EC5;
}
.widget-cl-3 .text-warning{
	color:#65b12d;
}
.widget-cl-4 .text-danger{
	color:#D80027;
}
.btn-success.widget-btn-1:active, .btn-success.widget-btn-1:hover, .btn-success.widget-btn-1:focus, .btn-success.widget-btn-1:visited{
	background:#006DF0;
	border:1px solid #006DF0;
	outline:none;
}
.btn-info.widget-btn-2:active, .btn-info.widget-btn-2:hover, .btn-info.widget-btn-2:focus, .btn-info.widget-btn-2:visited{
	background:#933EC5;
	border:1px solid #933EC5;
	outline:none;
}
.btn-info.widget-btn-2{
	background:#933EC5;
	border:1px solid #933EC5;
}
.btn-warning.widget-btn-3{
	background:#65b12d;
	border:1px solid #65b12d;
}
.btn-warning.widget-btn-3:active, .btn-warning.widget-btn-3:hover, .btn-warning.widget-btn-3:focus, .btn-warning.widget-btn-3:visited{
	background:#65b12d;
	border:1px solid #65b12d;
	outline:none;
}
.btn-danger.widget-btn-4{
	background:#D80027;
	border:1px solid #D80027;
}
.btn-danger.widget-btn-4:active, .btn-danger.widget-btn-4:hover, .btn-danger.widget-btn-4:focus, .btn-danger.widget-btn-4:visited{
	background:#D80027;
	border:1px solid #D80027;
	outline:none;
}
.add-professors .invalid, .addcourse .invalid, .comment .invalid, .addcoursepro .invalid, .add-department .invalid {
    color: #D80027;
}
.form-group textarea{
	width:100%;
	height:134px;
	padding:10px;
	border:1px solid #e5e6e7;
	outline:none;
	line-height:24px;
}
.form-group.edit-ta-resize textarea{
	height:144px;
}
.form-group textarea:focus{
	border:1px solid #006DF0;
}
.add-professors .form-group, .addcoursepro .form-group{
	margin: 10px 0px;
}
.add-professors .file-upload-inner.ts-forms input[type="text"]{
	margin: 10px 0px;
}
.m-t-md .btn-success{
	background-color: #006DF0;
    border-color: #006DF0;
}
.m-t-md .btn-primary{
	background-color: #933EC5;
    border-color: #933EC5;
}
.m-t-md .btn-warning{
	background-color: #65b12d;
    border-color: #65b12d;
}
.addcourse .form-group{
	margin:10px 0px;
}
.pro-ad .dropzone.dropzone-custom{
	border: 0px dashed #86bc42;
}
.dropzone.dz-clickable .dz-message{
	border: 2px dashed #ccc;
	margin: 0px 0px;
	padding: 20px;
}
.pro-ad .dropzone.dz-started .dz-message{
	display:block;
	height: 175px;
}
.pro-ad .dropzone.dz-started .edudropnone{
	display:none;
}
.pro-ad .dropzone .dz-preview {
    position: absolute;
    bottom: 115px;
}
.pro-ad .download-custom i{
    color: #999;
    font-size: 25px;
    margin-bottom: 10px;
}
.pro-ad .download-custom h2, .pro-ad .download-custom p{
    font-size: 14px;
    color: #999;
}
.pro-ad .dropzone{
    padding:0px;
}
.pro-ad .form-group textarea{
	height: 134px;
}
.pro-ad.addcoursepro .form-group textarea{
	height: 234px;
}
.hd-pro-img{
	overflow:hidden;
	opacity:0;
}
.alert-up-pd .invalid {
    position: relative;
    top: 10px;
}
.pro-ad .dropzone.dz-clickable{
    cursor: auto;
}
.pro-ad .dropzone .download-custom{
    cursor: pointer;
}
.payment-adress .waves-effect.waves-light{
	cursor:poiner;
}
.comment .form-group{
	margin-bottom:0px;
}
.comment input[type="text"], .comment textarea{
	margin:15px 0px;
}
.payment-adress.comment-stn{
	text-align:left;
}
.add-department .form-group{
	margin:10px 0px;
}
.datatable-dashv1-list .form-control{
	height:35px;
}
.datatable-dashv1-list .btn-default{
	outline:none
}
.datatable-dashv1-list .editable-submit{
	background:#006DF0;
	color:#fff;
	border:1px solid #006DF0;
}
.datatable-dashv1-list .btn-default:hover, .datatable-dashv1-list .btn-default:focus, .datatable-dashv1-list .btn-default:active, .datatable-dashv1-list .editable-submit:hover, .datatable-dashv1-list .editable-submit:focus, .datatable-dashv1-list .editable-submit:active{
	background:#006DF0;
	color:#fff;
}
.dropdown-segmented .btn{
	padding: 9px 12px;
}
.multi-uploader-cs .dropzone.dropzone-custom{
	border: 2px dashed #006DF0;
}
.multi-uploader-cs .dropzone.dz-clickable .dz-message{
	border: 0px dashed #006DF0;
}
.custom-login h3, .ps-recovered h3{
	font-size:20px;
	color:#303030;
}
.custom-login p, .ps-recovered p{
	font-size:14px;
	color:#303030;
}
.footer-lg-pro a{
	font-size:14px;
	color:#006DF0;
}
.country-state li:last-child {
    margin-bottom:0px;
}
.pwstrength_viewport_progress .progress, .pwstrength_viewport_progress2 .progress, .pwstrength_viewport_progress4 .progress, .form-group.mg-b-pass {
	margin-bottom:0px;
}
/*----------------------------------------*/
/*  19. Mini Sidebar
/*----------------------------------------*/
#sidebar.active .sidebar-nav .metismenu {
    margin-top: 12px;
}
.mini-navbar .dropzone.dz-clickable .dz-message {
   padding: 32px 20px;
}
.mini-navbar #sidebar.active .sidebar-nav ul.metismenu li ul.submenu-angle.interface-mini-nb-dp{
	top:-30px;
}
.mini-navbar #sidebar.active .sidebar-nav ul.metismenu li ul.submenu-angle.chart-mini-nb-dp{
	top:-40px;
}
.mini-navbar #sidebar.active .sidebar-nav ul.metismenu li ul.submenu-angle.form-mini-nb-dp{
	top:-100px;
}
.mini-navbar #sidebar.active .sidebar-nav ul.metismenu li ul.submenu-angle.app-mini-nb-dp{
	top:-170px;
}
.mini-navbar #sidebar.active .sidebar-nav ul.metismenu li ul.submenu-angle.page-mini-nb-dp{
	top:-210px;
}
.sparkline-content p{
	line-height:27px;
}
.sparkline-content.peity-ctn p{
	line-height:26px;
}
.mini-navbar .sparkline-content p{
	font-size: 15px;
    line-height: 29px;
}
.form-group-inner:last-child{
	margin-bottom:0px;
}
.note-editor.note-frame.panel.panel-default{
	margin-bottom:0px;
}
.custon-tab-style1 p:last-child, .edu-custon-design .admin-panel-content p:last-child{
	margin-bottom:0px;
}
.edu-tab1 .nav-tabs{
	border-bottom: 0px solid #ddd;
}
/*----------------------------------------*/
/*  20. Custom Scroll
/*----------------------------------------*/
.comment-scrollbar, .timeline-scrollbar, .messages-scrollbar, .project-list-scrollbar {
    height: 580px;
}
.mCSB_outside+.mCSB_scrollTools {
    right: -15px;
    margin: 0px 0px;
}
.message-menu .mCSB_outside+.mCSB_scrollTools, .notification-menu .mCSB_outside+.mCSB_scrollTools, .left-custom-menu-adp-wrap .mCSB_outside+.mCSB_scrollTools {
    right: 0px;
    margin: 0px 0px;
}
.mCS-light-1.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #006DF0; }
.mCS-light-1.mCSB_scrollTools .mCSB_draggerRail{ background-color: #ccc; } 
/*-----------------------
21. Wizard CSS
-------------------------*/
.wizard > .steps{
    position: relative;
    display: block;
    width: 100%;
}
.wizard.vertical > .steps{
    display: inline;
    float: left;
    width: 30%;
}
.wizard > .steps .number{
    font-size: 1.429em;
}
.wizard > .steps > ul > li{
    width: 25%;
}
.wizard > .steps > ul > li,.wizard > .actions > ul > li{
    float: left;
}
.wizard.vertical > .steps > ul > li{
    float: none;
    width: 100%;
}
.wizard > .steps a,.wizard > .steps a:hover,.wizard > .steps a:active{
    display: block;
    width: auto;
    margin: 0 0.5em 0.5em;
    padding: 1em 1em;
    text-decoration: none;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.wizard > .steps .disabled a,.wizard > .steps .disabled a:hover,.wizard > .steps .disabled a:active{
    background: #eee;
    color: #aaa;
    cursor: default;
}
.wizard > .steps .current a,.wizard > .steps .current a:hover,.wizard > .steps .current a:active{
    background: #2184be;
    color: #fff;
    cursor: default;
}
.wizard > .steps .done a,.wizard > .steps .done a:hover,.wizard > .steps .done a:active{
    background: #9dc8e2;
    color: #fff;
}
.wizard > .steps .error a,.wizard > .steps .error a:hover,.wizard > .steps .error a:active{
    background: #ff3111;
    color: #fff;
}
.wizard > .content{
    background: #eee;
    display: block;
    margin: 0.5em;
    min-height: 35em;
    overflow: hidden;
    position: relative;
    width: auto;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.wizard.vertical > .content{
    display: inline;
    float: left;
    margin: 0 2.5% 0.5em 2.5%;
    width: 65%;
}
.wizard > .content > .body{
    float: left;
    position: absolute;
    width: 95%;
    height: 95%;
    padding: 2.5%;
}
.wizard > .content > .body ul{
    list-style: disc !important;
}
.wizard > .content > .body ul > li{
    display: list-item;
}
.wizard > .content > .body > iframe{
    border: 0 none;
    width: 100%;
    height: 100%;
}
.wizard > .content > .body input{
    display: block;
    border: 1px solid #ccc;
}
.wizard > .content > .body input[type="checkbox"]{
    display: inline-block;
}
.wizard > .content > .body input.error{
    background: rgb(251, 227, 228);
    border: 1px solid #fbc2c4;
    color: #8a1f11;
}
.wizard > .content > .body label{
    display: inline-block;
    margin-bottom: 0.5em;
}
.wizard > .content > .body label.error{
    color: #8a1f11;
    display: inline-block;
    margin-left: 1.5em;
}
.wizard > .actions{
    position: relative;
    display: block;
    text-align: right;
    width: 100%;
}
.wizard.vertical > .actions{
    display: inline;
    float: right;
    margin: 0 2.5%;
    width: 95%;
}
.wizard > .actions > ul{
    display: inline-block;
    text-align: right;
}
.wizard > .actions > ul > li{
    margin: 0 0.5em;
}
.wizard.vertical > .actions > ul > li{
    margin: 0 0 0 1em;
}
.wizard > .actions a,.wizard > .actions a:hover,.wizard > .actions a:active{
    background: #2184be;
    color: #fff;
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.wizard > .actions .disabled a,.wizard > .actions .disabled a:hover,.wizard > .actions .disabled a:active{
    background: #eee;
    color: #aaa;
}
.current-info{
	display:none;
}
#example-basic-h-1, #example-basic-h-0, #example-basic-h-2, #example-basic-h-3{
	display:none;
}
.product-cart-inner .wizard > .steps a, .product-cart-inner .wizard > .steps a:hover, .product-cart-inner .wizard > .steps a:active{
	padding:10px 15px;
	line-height: 24px;
	font-size:14px;
	background:#e12503;
}
.product-cart-inner .wizard > .steps .disabled a, .product-cart-inner .wizard > .steps .disabled a:hover, .product-cart-inner .wizard > .steps .disabled a:active{
	background: #fff;
    color: #444;
}
.product-cart-inner .wizard > .content > .body{
	background:#fff;
	width:100%;
}
.product-cart-inner .wizard > .content{
	background:#fff;
	border: 1px solid rgba(0,0,0,.12);
}
.product-cart-inner .wizard > .content > .body input {
    width: 35px;
}
.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active {
    background: #e12503;
}
.product-list-cart .product-status-wrap{
	border: 0px solid rgba(0,0,0,.12);
	padding:0px;
}
.product-list-cart .product-status-wrap table th{
	border: 0px solid rgba(0,0,0,.12);
}
.product-list-cart h3{
	font-size:16px;
}
.product-delivary input, .payment-details input{
	width:100% !important;
}
.payment-details button, .product-confarmation button{
	background: #e12503;
	border-color:#e12503;
}
.product-confarmation {
    text-align: center;
}
.product-confarmation p{
    padding: 0px 130px;
    line-height: 24px;
    font-size: 14px;
}
.error-pagewrap {
    min-height: 100vh;
    text-align: center;
	
}
.error-pagewrap:before {
    content: '';
    height: 100vh;
    width: 1px;
}
.error-page-int, .error-pagewrap:before {
    vertical-align: middle;
    display: inline-block;
}
.error-page-int  {
    max-width: 500px;
    padding: 20px 0;
    width: 95%;
    position: relative;
    margin: 0 auto;
}
.error-page-int img {width: 120px; margin-bottom: 10px;}
.content-error a{
	margin:5px 5px;
	display:inline-block;
}
.nk-ds-n-pro{
	display:none;
}
.nk-ds-n-pro-t-0{
	margin-top:0px;
}
.devit-card-custom .form-group{
	margin:10px 0px;
}
.custom-product-edit {
    margin-top: 0px;
}
.login-horizental.lg-hz-mg{
	margin-top:0px;
}
.content-error .hpanel {
	text-align: left;
}
.content-error #loginForm a{
	padding: 6px 0px;
	margin: 5px 0px;
	border:none;
}
.header-right-info .author-message-top::before, .header-right-info .notification-author::before {
	position: unset;
	display: block;
	border-width: 0px;
}
.profile-img img{
	width:100%;
}
.c3-align-dlt{
	display:none;
}
/*----------------------------------------*/
/*  22. Notification
/*----------------------------------------*/
.notification-bt .btn{
	border-radius:3px;
}
.notification-bt .btn-info{
	background-color: #006DF0;
    border-color: #006DF0;
}
.notification-bt .btn-warning{
	background-color: #933EC5;
    border-color: #933EC5;
}
.notification-bt .btn-danger{
	background-color: #D80027;
    border-color: #D80027;
}
.notification-bt .btn-success{
	background-color: #65b12d;
    border-color: #65b12d;
}
.notification-bt .btn-info:focus, .notification-bt .btn-info:active, .notification-bt .btn-info:visited, .notification-bt .btn-warning:focus, .notification-bt .btn-warning:active, .notification-bt .btn-warning:visited{
	background-color: #006DF0;
    border-color: #006DF0;
	outline:none;
}
.notification-bt .btn-warning:focus, .notification-bt .btn-warning:active, .notification-bt .btn-warning:visited{
	background-color: #933EC5;
    border-color: #933EC5;
	outline:none;
}
.notification-bt .btn-danger:focus, .notification-bt .btn-danger:active, .notification-bt .btn-danger:visited{
	background-color: #D80027;
    border-color: #D80027;
	outline:none;
}
.notification-bt .btn-success:focus, .notification-bt .btn-success:active, .notification-bt .btn-success:visited{
	background-color: #65b12d;
    border-color: #65b12d;
	outline:none;
}
.info-md a{
	background-color: #933EC5;
    border-color: #933EC5;
}
.warning-md a{
	background-color: #65b12d;
    border-color: #65b12d;
}
.danger-md a{
	background-color: #D80027;
    border-color: #D80027;
}
.chart-ds-n-ex{
	display:none;
}
/*----------------------------------------*/
/*  23. footer
/*----------------------------------------*/
.footer-copy-right p {
    margin: 0px;
    font-size: 15px;
    color: #fff;
}
.footer-copy-right a{
	color:#fff;
	text-decoration:none;
}

#mcq-generator input, #mcq-generator button {
    display: block;
    margin: 10px 0;
    padding: 10px;
}

#mcq-generator button {
    background-color: #007bff;
    color: white;
    border: none;
    cursor: pointer;
}

#mcq-generator button:hover {
    background-color: #0056b3;
}