@charset "utf-8";
@import url('flag-icon.min.css');
/* CSS Document */

@import url("flag-icon.min.css");

* { margin:0px; padding:0px; box-sizing:border-box; }
@font-face {
    font-family: 'Helvetica';
    src: url('fonts/Helveticaregular.eot');
    src: url('fonts/Helveticaregular.eot') format('embedded-opentype'),
         url('fonts/Helveticaregular.woff2') format('woff2'),
         url('fonts/Helveticaregular.woff') format('woff'),
         url('fonts/Helveticaregular.ttf') format('truetype'),
         url('fonts/Helveticaregular.svg#Helveticaregular') format('svg');
}

@font-face {
    font-family: 'HelveticaBold';
    src: url('fonts/HelveticaBold.eot');
    src: url('fonts/HelveticaBold.eot') format('embedded-opentype'),
         url('fonts/HelveticaBold.woff2') format('woff2'),
         url('fonts/HelveticaBold.woff') format('woff'),
         url('fonts/HelveticaBold.ttf') format('truetype'),
         url('fonts/HelveticaBold.svg#HelveticaBold') format('svg');
}
@font-face {
    font-family: 'Poppins';
    src: url('fonts/PoppinsRegular.eot');
    src: url('fonts/PoppinsRegular.eot') format('embedded-opentype'),
         url('fonts/PoppinsRegular.woff2') format('woff2'),
         url('fonts/PoppinsRegular.woff') format('woff'),
         url('fonts/PoppinsRegular.ttf') format('truetype'),
         url('fonts/PoppinsRegular.svg#PoppinsRegular') format('svg');
	font-weight:400;
	font-style:normal;	 
}
@font-face {
    font-family: 'Poppins';
    src: url('fonts/PoppinsItalic.eot');
    src: url('fonts/PoppinsItalic.eot') format('embedded-opentype'),
         url('fonts/PoppinsItalic.woff2') format('woff2'),
         url('fonts/PoppinsItalic.woff') format('woff'),
         url('fonts/PoppinsItalic.ttf') format('truetype'),
         url('fonts/PoppinsItalic.svg#PoppinsItalic') format('svg');
	font-weight:400;
	font-style:italic;	 
}
@font-face {
    font-family: 'Poppins';
    src: url('fonts/PoppinsLight.eot');
    src: url('fonts/PoppinsLight.eot') format('embedded-opentype'),
         url('fonts/PoppinsLight.woff2') format('woff2'),
         url('fonts/PoppinsLight.woff') format('woff'),
         url('fonts/PoppinsLight.ttf') format('truetype'),
         url('fonts/PoppinsLight.svg#PoppinsLight') format('svg');
	font-weight:300;
	font-style:normal;	 
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/PoppinsLightItalic.eot');
    src: url('fonts/PoppinsLightItalic.eot') format('embedded-opentype'),
         url('fonts/PoppinsLightItalic.woff2') format('woff2'),
         url('fonts/PoppinsLightItalic.woff') format('woff'),
         url('fonts/PoppinsLightItalic.ttf') format('truetype'),
         url('fonts/PoppinsLightItalic.svg#PoppinsLightItalic') format('svg');
	font-weight:300;
	font-style:italic;	 
}
@font-face {
    font-family: 'Poppins';
    src: url('fonts/PoppinsBold.eot');
    src: url('fonts/PoppinsBold.eot') format('embedded-opentype'),
         url('fonts/PoppinsBold.woff2') format('woff2'),
         url('fonts/PoppinsBold.woff') format('woff'),
         url('fonts/PoppinsBold.ttf') format('truetype'),
         url('fonts/PoppinsBold.svg#PoppinsBold') format('svg');
	font-weight:700;
	font-style:normal;	
	
}
@font-face {
    font-family: 'Poppins';
    src: url('fonts/PoppinsBoldItalic.eot');
    src: url('fonts/PoppinsBoldItalic.eot') format('embedded-opentype'),
         url('fonts/PoppinsBoldItalic.woff2') format('woff2'),
         url('fonts/PoppinsBoldItalic.woff') format('woff'),
         url('fonts/PoppinsBoldItalic.ttf') format('truetype'),
         url('fonts/PoppinsBoldItalic.svg#PoppinsBoldItalic') format('svg');
	font-weight:700;
	font-style:italic;	
}


h1,h2,h3,h4,h5,h6,strong,b{font-family:'Poppins'; font-weight:700;}
body, body.about_us { margin:0px; padding:0px; font-size:14px; color:#333333; font-family:'Poppins'; font-weight:300; }
.wrapper { width:1170px; margin:0 auto; }
.wrapper:after, .wrapper:before { clear:both; display:table }
a, img { border:0px; text-decoration:none; }
img { max-width:100%; }
ul, ul li { list-style:none;}
.push_left { float:left; }
.push_right { float:right; }
.clear { clear:both; }
.hidden { display: none }
/*****************************/
header { width:100%; display:block; clear:both; padding:5px 0px 0px; }
.fixed { background: #fff ; left: 0; position: fixed; top: 0; width: 100%; z-index: 99999; }
.fixed .logo > img { height: 65px; transition: all 0.8s ease 0s; width: auto; }
.logo > img { transition: all 0.8s ease 0s; }
.logo { float:left; cursor:pointer; }
.search-main { border: 1px solid #919191; border-radius: 20px;  margin: 18px 0px 0px 0px; /*margin: 17px 0 0 170px; */}
.search-main input { background: #fff ; border: 0 none; border-radius: 20px; display: inline-block; padding: 11px 10px; width: 270px; }
.search-main #fkbx-spch { background: rgba(0, 0, 0, 0) url("../images/mic.png") no-repeat scroll center bottom; cursor: pointer; display: inline-block; height: 33px !important; margin: 0px 7px; vertical-align: top; width: 24px !important; top:1px !important; border: 0px; outline: none; }
.search-main .si-btn.listening { background: rgba(0, 0, 0, 0) url("../images/mic.gif") no-repeat scroll center bottom !important; border: 0px; outline: none; }
/*.header_login { float: right; margin-top: 17px; }*/
.header_login {	margin-top: 10px;	width: 100%;padding: 20px;}
.header_login #login_form input[type="text"], .header_login #login_form input[type="password"], .header_login #login_form input[type="email"] { border: 1px solid #e1e1e1; padding: 6px 10px; width: 160px; margin:0px 3px; float:left }
.header_login #login_form .submit_btn { background: #faae00 ; border: 0 none; color: #fff; cursor: pointer;  font-size: 14px; font-weight: 600; margin-left: 3px; padding: 4px 5px 5px; }

.header_login #forgot_password_form input[type="text"], .header_login #forgot_password_form input[type="password"], .header_login #forgot_password_form input[type="email"] { border: 1px solid #e1e1e1; padding: 6px 10px; width: 160px; margin:0px 3px; float:left }
.header_login #forgot_password_form .submit_btn { background: #faae00 ; border: 0 none; color: #fff; cursor: pointer;  font-size: 14px; font-weight: 600; margin-left: 3px; padding: 4px 5px 5px; }


.main_nav { background: #2b72f2 ; clear: both; display: block; }
.main_nav ul li { float:left }
.main_nav ul li a { background: rgba(0, 0, 0, 0) url("../images/nav-border.png") repeat-y scroll left top; color: #fff; display: block; padding: 12px 19px; text-transform: uppercase; transition: all 0.5s ease 0s; }
/*.main_nav ul li a:hover, .main_nav ul li.active a { transition: all 0.5s ease 0s; background:#faae00 }*/
.main_nav ul li a:hover, .main_nav ul li.active a { transition: all 0.5s ease 0s; background:#0754e0 }

/***************************/
#main_banner { display:block; width:100%; text-align:center; /*background: url('../homeslider/images/slide1.jpg'); background-size: 100%;*/position:relative }
/***************************/
.reception_year { width:100%; display:block; padding:30px 0px; }
.reception_year .col-left { float:left; width:180px; display:none }
.reception_year .col-left .col { cursor:pointer; border-radius: 5px; color: #fff; margin-bottom: 10px; padding: 10px; text-align: center; width: 100%; }
.reception_year .col-left .col .title { font-size: 18px; font-weight: 600; padding: 10px 0; text-transform: uppercase; }
.reception_year .col-left .red { background:#f3342e }
.reception_year .col-left .green { background:#5da356 }
.reception_year .col-right { float:left; width:100%; }
.reception_year .col-right .title { color: #1f1f1f; font-size:32px; font-weight: 600; text-align: center; }
.reception_year .col-right .col { float: left; height:230px; margin-bottom: 25px; margin-left: 2.5%; width: 31.6667%; word-wrap: break-word; }
.reception_year .col-right .col .title { background: #ececec ; color: #333333; display: block; font-size: 16px; padding: 0; text-shadow: 0 0 0 transparent; width: 100%; }
.reception_year .col-right .colors-activity { margin:25px 0px 0px; }
.reception_year .col-right .col .inner { border: 1px solid #bcbcbc; border-radius: 5px; font-size: 14px; height: 123px; margin: 0; overflow-y: hidden; padding: 25px 3px; text-align: center; width: 195px; }
.reception_year .col-right .col .inner.front p { font-size: 13px; }
.reception_year .col-right .col .back { border: 1px solid #bcbcbc; border-radius: 5px; height: 123px; margin:0px; overflow-y: hidden; width: 195px; text-align:center; font-size:13px; padding:0px }
.reception_year .col-right .col .inner .ico { display: block; text-align: center; }
.reception_year .col-right .col .inner ul li { display:block; padding: 5px 5px; font-size: 5px; line-height: 14px; list-style-type: disc; text-align:center; }
.reception_year .col-right .col .inner ul li a { color:#333333; font-size:12px; font-weight:600 }
.reception_year .col-right .col .inner ul li a .bold { font-weight: 800; }
.reception_year .col-right .colors-activity .col:nth-child(3n+1) { margin-left:0px; }
.reception_year .col-right .coming_soon { text-align:center }
.reception_year .col-right .coming_soon .main_heading { display: block; font-size: 12px; font-weight: 600; padding:4px 5px 0; }
.reception_year .col-right .coming_soon p { color: #333333; font-size: 12px; font-weight: 600; padding:0px 5px; line-height:16px; }
/***************************/
#students { background:#ecf0f5; display:block; padding:40px 0px ;position:relative}
#students .left-section { background: #fff ; border-radius: 5px; border-top: 3px solid #3c8dbc; float: left; min-height: 382px; padding:0px 0px 10px; width: 305px;/*width:30% ;*/clear: both; }
#students .left-section .title { background: #3c8dbc ; color: #fff; font-size: 21px; font-weight: 600; padding: 7px 0; text-align: center; text-transform: uppercase; margin-bottom:20px; }
.star-of-week .title { background: #3c8dbc ; color: #fff; font-size: 21px; font-weight: 600; padding: 6px 0; text-align: center; text-transform: uppercase; margin-bottom:13px; }
#students .left-section .text-col { background:#fff; color:#333; text-align:center; width:100%; padding:5px 10px 10px 10px }
#students .left-section .text-col .name { font-size: 18px; font-weight: 600; padding: 7px 0; }
#students .left-section .text-col .team { padding:7px 0 2px; }
#students .right-section { background: #fff ; border-radius: 3px; border-top: 0 none; float: left; margin-left: 15px; padding: 0; width: 850px;/*width:69%;*//* min-height: 395px; */}
#students .right-section .tab li { float:left }
#students .right-section .tab li a { font-weight:700; background: #b7b7b7 ; border-radius: 0; color: #fff; float: left; margin-right: 4px; padding: 7px 15px; cursor:pointer }
#students .right-section .tab li a:hover { color: #fff; background:#9e9e9e; }
#students .right-section .student-details { width:100% }
#students .right-section .student-details td { border: 0 none; padding:7px 5px; vertical-align:middle; border-right:1px solid #ededed; border-bottom:1px solid #f4f4f4; text-align:left; font-size:16px; }
#students .right-section .student-details td:first-child { border-left:1px solid #ededed; }
#students .right-section .student-details { border-top:0px solid #ededed; margin:0px;border-left: 0px; }
#students .right-section .student-details tr:hover { background-color: #f5f5f5; }
#students .right-section .student-details td img[alt="flag"] { padding: 0 5px; position: relative; top: 2px; width: 40px; }
/***************************/
#testimonial { background:#2b72f2 url(../images/clouds.png) repeat center center; display:block; padding:50px 0px 10px; color:#fff; background-size: 100% 100%; }
#testimonial .title { color: #fff;  font-size: 32px; font-weight: 300; margin-bottom: 60px; text-align: center; text-transform: uppercase; }
#testimonial .columns > li { float: left; text-align: center; width: 30%; position:relative; }
#testimonial .columns > li span + span { display:none }
#testimonial .columns > li.active span + span {margin: 30px auto;right: 0;  display: block; left: 0;  text-align: center; width:50%; font-size:16px; font-style:italic; }
#testimonial .columns > li img { border:2px solid #fff; border-radius:50%; width:121px; height:121px; }
#testimonial .columns > li .name { color: #ffffff; display: block; font-size:18px; padding: 10px 0 0; text-transform:uppercase; font-weight:700; }
#testimonial .columns > li .job-title { color: #959595; font-size: 16px; }
#testimonial .conten-section > p { color: #ffffff; font-size: 14px; line-height: 24px; margin: 40px auto; text-align: center; width: 80%; }
/***************************/
#services { padding:30px 0px; display:block; background:#f8f8f8 }
#services .col { display: inline-block; margin-bottom: 51px; text-align: left; vertical-align: top; width: 32.33%; padding-right: 0%; }
#services .image-col { display: inline-block; padding: 0; vertical-align: middle; width: 80px; }
#services .image-col i { display: block; width: 78px; height: 78px; background-position: 0px 0px !important; transition: 0.5s; }
#services .col:hover i { background-position: 0px -78px !important; transition: 0.5s; }
#services .image-col i.curriculum { background: transparent url("../images/curriculum.png") no-repeat scroll 0px 0px; }
#services .image-col i.guides { background: transparent url("../images/guides.png") no-repeat scroll 0px 0px; }
#services .image-col i.games { background: transparent url("../images/games.png") no-repeat scroll 0px 0px; }
#services .image-col i.tutor { background: transparent url("../images/tutor.png") no-repeat scroll 0px 0px; }
#services .image-col i.homework { background: transparent url("../images/homework.png") no-repeat scroll 0px 0px; border:0px }
#services .image-col i.sharing_caring { background: transparent url("../images/sharing_caring.png") no-repeat scroll 0px 0px; }
#services .text-col { display: inline-block; padding-left: 7%; vertical-align: top; width: 70%; }
#services .text-col .title { display: block; margin-bottom:50px; }
#services .text-col .title a { border-bottom: 4px solid #e5e5e5; color: #333; font-size: 18px; font-weight: 600; padding: 0 0 10px; text-transform: capitalize; width: 90%; transition: 0.5s; }
#services .col:hover .title a { border-bottom: 4px solid #28a708 ; transition: 0.5s; }
#services .text-col p { font-size:14px; line-height: 23px; color:#595959 }
/***************************/
.about_us { padding:40px 0px; display:block }
.about_us .title { color: #1f1f1f; font-size: 28px; font-weight: 600; text-align: center; }
.about_us p { font-size:14px; text-align:center; margin:20px 0px; }
.align_center { display:table; margin:0 auto }
.about_us .numbers .title { color: #333; font-size: 16px; font-weight: 600; margin-top: 10px; text-align: center; }
.about_us .numbers { display: inline-block; margin: 70px 0 20px; text-align: center; width: 300px; }
.about_us .numbers li { display: inline-block; height: 26px; margin: 0; position: relative; width: 17px; }
.about_us .numbers li .flipper-top { background: #fbad37 ; border-radius: 3px; display: block; height: 12px; left: 0; position: absolute; width: 17px; }
.about_us .numbers li .flipper-number { color: #fff; font-size: 20px; font-weight: 700; position: relative; text-align: center; top: -2px; width: 17px; z-index: 99; }
.about_us .numbers li .flipper-bottom { background: #fbad37 ; border-radius: 3px; bottom: 0; display: block; height: 12px; left: 0; position: absolute; width: 17px; }
.apple-devices { text-align: center; margin: 0 auto; width: 70%; }
/**************************/
footer { background:#2b72f2; padding:20px 0px; color:#fff; font-weight:300 }
footer .col { float: left; padding: 0 25px; text-align: center; width: 33.33%; border-left:1px solid #3e81fb; min-height:300px }
footer .col:first-child { border:0px; }
footer .col h2 { font-size: 20px; font-weight: 700; margin-bottom: 30px; text-transform: uppercase; }
.footer-nav li { margin-bottom: 16px; display: inline-block; width: 49%; }
.footer-nav li a { color:#fff; font-size:13px; text-transform:uppercase }
footer .social > li { display: inline; padding: 0 4px; }
footer .col > p { font-size: 13px; margin-bottom: 20px; }
/************INNER PAGES**************/
#page_banner { /*background:url(../images/banner_pattern.jpg) repeat top left;*/ width:100%; display:block; border-bottom:1px solid #ccddfc; padding:10px 0px; height:85px; }
.help_guide #page_banner{background-color: #237cb8;display: none;}
.monthly #page_banner{display: none;}
.annual #page_banner{display: none;}
.help_guide #page_banner .breadcrum{color:#fff !important}
.help_guide .page_title{color:#fff !important}
.school #page_banner { background:url(../images/school-banner.jpg) repeat top left; }
.parent #page_banner { background:url(../images/parent-banner.jpg) repeat top left; }
.subscriptions #page_banner { background:url(../images/membership-banner.jpg) repeat top left; }
.contact-us #page_banner { background:url(../images/contact-banner.jpg) repeat top left; }
.feedback #page_banner { background:url(../images/feedback-banner.jpg) repeat top left; }
.Memberships #page_banner { background: rgba(0, 0, 0, 0) url("../images/membership-banner.jpg") repeat scroll left top; }
.breadcrum { color:#fff; font-size:14px; text-transform:uppercase; }
.breadcrum a { color:#3e3e3e }
.page_title { color: #fff; font-size: 24px; font-weight: 700; padding: 5px 0 0; text-transform: uppercase; }
.common .page_title, .about_us .page_title, .help_guide .page_title, .times_tables .page_title { color: #f3342e; }
.common .breadcrum, about_us .breadcrum, .help_guide .breadcrum, .times_tables .breadcrum { color:#000 }
/************MEMBERSHIP PLAN**************/
#membership_plan h2 {text-align: center;font-size: 32px;}
#membership_plan h6 {text-align: center;text-transform: uppercase;font-weight: 300;font-size: 20px;color: #2b72f2;}
#membership_plan hr {display: block; width: 200px;border-color: #2b72f2;margin: 20px auto 10px auto;}
#membership_plan { width:100%; display:block; padding:40px 0px; }
#membership_plan .columns { padding: 30px 0; }
#membership_plan .columns .col { position:relative; float: left; margin-left: 1%; width: 24%; border-radius:5px; text-align:center; color:#2f2f2f; padding: 0 0 40px; transition:0.3s ease-in-out; -webkit-transition:0.3s ease-in-out; box-shadow:0 0 10px 0 rgba(0,0,0,0.10); box-shadow:0 0 10px 0 rgba(0,0,0,0.10); }
#membership_plan .columns .col:hover{ box-shadow:0 0 20px 0 rgba(0,0,0,0.30); -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.30);}
#membership_plan .columns .col:first-child { margin:0px; }
#membership_plan .columns .col .plan-name { font-size:20px; font-weight:700; text-transform:uppercase; padding:20px 0; }
#membership_plan .columns .col .plan-detail { min-height:300px; padding:20px 0;}
#membership_plan .columns .col .plan-detail li { font-size: 14px; padding:10px 2px 10px 36px; text-align: left; min-height:60px; position:relative; border-bottom:1px solid #ddd; }
#membership_plan .columns .col .plan-detail li:before{ font-family:fontawesome; color:#2ecc71; position:absolute; top:10px; left:5px;  content: "\f00c"; font-size:18px;} 
#membership_plan .columns .col .plan-detail li.last_r { border-bottom: 0px; background: none; padding:0px; }
#membership_plan .columns .col .plan-cost { font-size:40px; font-weight:700; text-transform:uppercase; color:#000; padding:10px 0px }
#membership_plan .columns .col .plan-cost i { font-size:16px; font-style:normal; font-weight:normal }
#membership_plan .columns .col .choose-plan, #membership_plan .columns .col .show_more { border: 1px solid #222; color: #333; cursor: pointer; display: inline; font-size: 16px; font-weight: 700; padding:8px 15px; text-align: center; text-transform: uppercase; border-radius:40px; display:inline-block; }
#membership_plan .columns .col .choose-plan, #membership_plan .columns .col .show_less { border: 1px solid #222; color: #333; cursor: pointer; display: inline; font-size: 16px; font-weight: 700; padding:8px 15px; text-align: center; text-transform: uppercase; border-radius:40px; display:inline-block; }

#membership_plan .columns .col .choose-plan{ background-color:#333; color:#fff; border-color:#222;}
.yellow_bg, .purple_bg { border:none; background: #fff; }
.yellow_bg .plan-cost, .purple_bg .plan-cost { background: #ededed; }
.blue_bg, .green_bg { border:none; background: #fff; }
.blue_bg .plan-cost, .green_bg .plan-cost { background: #ededed; }
#membership_plan .columns{ position:relative; padding-left:10px; margin-top:40px;}
#membership_plan .columns:before{ content:'';/*background:#2b72f2;*/ position:absolute; left:0; right:0; top:0; display:inline-block; height:180px;}
.plan-cost span {font-size: 35px;}
#membership_plan p{ font-size:16px; line-height:1.5;}
.green_bg .plan-cost{ background:#2ecc71; color:#fff !important;}
.yellow_bg .plan-cost{ background:#16c1f5; color:#fff !important;}
.purple_bg .plan-cost{ background:#16c1f5; color:#fff !important;}
.blue_bg .plan-cost{ background:#2ecc71; color:#fff !important;}
.orange_bg .plan-cost{ background:#e24659; color:#fff !important;}
.black_bg .plan-cost{ background:#e24659; color:#fff !important;}
/************INNER PAGES**************/
.main-container { margin: 30px auto; }
.users fieldset legend { font-size: 16px; font-weight: 600; padding: 0 4px; }
.subscription-form { display: block; margin: 30px 0; width: 100%; }
.subscription-form select, .subscription-form .input { display: inline-block; margin-bottom: 20px; width: 33%; }
.subscription-form .input label { display: block; font-weight: 300; width: 100%; }
.subscription-form .input input, .subscription-form .input select, .subscription-form textarea {  border: 1px solid #b0b0b0; border-radius: 4px; margin-top: 7px; padding:6px 5px; width: 90%; }
.subscription-form textarea { font-size: 13px; line-height: 21px; }
#display p { position:relative; display: inline-block; margin-bottom:0px; width: 33%; vertical-align: top; }
.users fieldset { margin: 40px 0; padding: 0 15px; }
fieldset h2, #display h2 { margin: 25px 0px 20px; }
#display p a.remove { cursor: pointer; display: block; margin:5px 0px 10px; text-align: center; width: 80px; }
#display p label { display: block; font-weight: 300; width: 100%; }
#display p input, #display p select { border: 1px solid #b0b0b0; margin-top: 7px; padding: 6px 5px; width: 90%; }
button, input[type="button"] {background: #28a708 ;	border: 0 none;	border-radius: 40px;
	color: #fff;	padding: 12px 40px 13px 40px;	cursor: pointer;	transition: all 0.5s ease 0s;	font-weight: 700;	text-transform: uppercase; font-family:inherit;	font-size: 16px; box-shadow: none; border: 1px solid #2fcc08;}
button, input[type="button"]:hover{background-color:#28a708; opacity: 1;border: 1px solid #28a708;color: #fff; opacity:0.8;}	
.go-back > a { background: #faae00 ; border: 0 none; border-radius: 5px; box-shadow: 0 1px 0 #916500; color: #fff; padding: 6px 15px; cursor:pointer; transition: all 0.5s ease 0s; }
#display p a.remove { background: #faae00 ; border: 0 none; border-radius: 5px; box-shadow: 0 1px 0 #916500; color: #fff; padding: 6px 15px; cursor:pointer; transition: all 0.5s ease 0s; }
button:hover { background: #239606; transition: all 0.5s ease 0s; }
.message.success { display: block; width: 100%; text-align: center; padding:10px 0px; font-size: 16px; }
.login_form { width: 350px; margin: 40px auto; }
.login_form .input { width: 100%; display: block; margin-bottom: 20px; }
.login_form .input label { width: 100%; display: block; margin-bottom: 3px; }
.login_form .input input { width: 100%; padding: 6px 5px; border-radius: 4px; border: 1px solid #c4c4c4; }
.login_form .submit input[type="submit"] { background: #faae00 ; border: 0 none; border-radius: 5px; box-shadow: 0 1px 0 #916500; color: #fff; padding: 6px 15px; transition: all 0.5s ease 0s; display:block }
.login_form .submit input[type="submit"]:hover { background: #f3bd41; padding: 6px 15px; transition: all 0.5s ease 0s; }
/********************************/
.dashboard-boxes ul { margin:30px 0px }
.dashboard-boxes ul li { display: table-cell; height: 165px; text-align: center; vertical-align: middle; width: 165px; padding:0px 5px; }
.dashboard-boxes.wrapper li a { display: inline-block; height: 100%; width: 100%; color:#fff; border-radius:5px; line-height:165px; }
.dashboard-boxes.wrapper li:nth-child(1) a { background:#fe00d2; }
.dashboard-boxes.wrapper li:nth-child(2) a { background:#00c2b7; }
.dashboard-boxes.wrapper li:nth-child(3) a { background:#f3332e; }
.dashboard-boxes.wrapper li:nth-child(4) a { background:#30a300; }
.dashboard-boxes.wrapper li:nth-child(5) a { background:#663398; }
.dashboard-boxes.wrapper li:nth-child(6) a { background:#00bffe; }
.dashboard-boxes.wrapper li:nth-child(7) a { background:#830300; }
.dashboard-boxes.wrapper li:nth-child(7) a { background:#f9ad02; }
.after_login .logo img { max-height:50px; }
.after_login .main_header { border-bottom: 1px solid #eee; max-height: 74px; min-height: 74px; padding: 10px 0; position: relative; }
.after_login .main_header:after { background: rgba(0, 0, 0, 0) url("../images/header-shadow.png") no-repeat scroll center 74px; bottom: -22px; content: ""; height: 96px; position: absolute; width: 100%; z-index: 100; }
.user_nav { float:right; position:relative ;width: 300px;}
.user_nav ul { float:left; }
.user_nav li { float:left; position:relative; }
.user_nav li a { float: left; padding: 16px 10px; position: relative; z-index: 1000; color:#115ce3; cursor:pointer; }
.user_nav li a.notifications, .user_nav li a.messages { padding:18px 10px; }
.user_nav li a .badge { background: #de252b ; border-radius: 100%; color: #fff; font-size: 12px; left: 0; line-height: 17px; min-height: 17px; min-width: 17px; position: absolute; text-align: center; top: 10px; }
.user_nav li a.user { line-height: 35px; font-size:16px; }
.user_nav li a.user img { float: left; }
.user_dash { padding:30px 0px; }
.page-title { display: block; font-size: 21px; font-weight: 300; margin-bottom: 20px; text-transform: uppercase; }
.breadcrums { background: #115ce3 ; color: #fff; display: block; padding: 8px 16px; position: relative; }
.breadcrums a { color: #fff; font-size: 13px; padding-right: 12px; }
.breadcrum_links a:after { content: ">"; padding: 2px 0 0 4px; position: absolute; width: 26px; z-index: 100000; }
.breadcrum_links a:last-child { color:#b8b8b8; }
.breadcrum_links a:last-child:after { content:none; }
.breadcrums .date { background: #ed1f24 ; padding: 13px 16px; position: absolute; right: 0; top: -6px; }
.date .arrow-down { padding-top:10px; float: right; padding-top: 0; }
.user_links { display:block; padding:20px 0px; }
.link_box { background: #eee ; border-radius: 5px; color: #fff; display: block; float: left; font-size: 12px; margin-right: 18px; max-height: 180px; min-height: 180px; text-align: center; text-shadow: 0 2px 3px #454545; text-transform: uppercase; width: 173px; }
.link_box img { padding: 15px 0; }
.link_box:last-child { margin-right:0; }
.link_box.magenta { background:#ff00d2; }
.link_box.cgreen { background:#00c2b7; }
.link_box.red { background:#f3342e; }
.link_box.green { background:#31a300; }
.link_box.purple { background:#663399; }
.link_box.skyblue { background:#00bfff; }
.link_box.orange { background:#FFA500; }
.Activity_bar { background: #fff ; border: 1px solid #eeeeee; box-shadow: 0 1px 1px #eeeeee; clear: both; color: #000; display: block; float: left; line-height: normal; margin:10px 0 0px; padding: 8px 20px; width: 100%; color:#000 }
.Activity_bar h3 { color: #000; display: inline-block; font-size: 18px; font-weight: 800; line-height: 30px; margin: 0; }
.quick-usage-report { display: inline-block; font-size: 16px; padding-left: 5px; width:77%; }
.saveSettings input { float: right; }
.quick-usage-report b { margin: 0 1px 0 20px; }
.Activity_bar .search { float:right; }
.Activity_bar .search input[type="text"] { border: medium none; border-radius: 40px; height: 30px; min-width: 200px; padding: 0 15px; }
.Activity_tabs { background: #fff ; border-radius: 3px; border-top: 3px solid #3c8dbc; float: left; margin-bottom: 15px; padding: 0; width: 100%; }
.Activity_tabs .tab li { float: left; }
.Activity_tabs .tab li a { background: #b7b7b7 ; border-radius: 0; color: #fff; cursor: pointer; float: left; font-weight: 700; margin-right: 4px; padding: 7px 15px; }
.Activity_tabs .tab { border-radius: 0; color: #fff; margin-left: 8px; }
.Activity_tabs .tab li.active a { background: #b7b7b7 ; border-radius: 0; color: #fff; }
.Activity_tabs .content { background: #fff ; display: block; margin: 0 0 8px; padding: 0; }
.Activity_table { width:100%; background:#fff; }
.Activity_table th, .Activity_table td { border: 0 none; padding:7px 5px; vertical-align:middle; border-right:1px solid #dcdbdb; border-bottom:1px solid #dcdbdb; text-align:center; font-size:16px; }
.Activity_table th:first-child, .Activity_table td:first-child { border-left: 1px solid #dcdbdb; }
.Activity_table { border-top: 1px solid #ededed; }
.Activity_table tr:nth-child(2n+1) { background: #ebebeb ; }
/* ============   chart_container ================ */
.chart_container { clear: both; float: left; margin: 50px 0; width: 100%; }
.chart_box { border: 1px solid #bcbcbc; border-radius: 3px; float: left; margin-right: 16px; width: 379px; background:#fff }
.chart_box:last-child { margin-right:0; }
.chart_box_head { border-bottom: 1px solid #bcbcbc; border-radius: 3px 3px 0 0; color: #f3342e; font-size: 17px; font-weight: 600; padding: 6px 11px; text-transform: uppercase; background: #fefefe; /* Old browsers */ background: -moz-linear-gradient(top, #fefefe 0%, #f9f9f9 47%, #f4f4f4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(47%, #f9f9f9), color-stop(100%, #f4f4f4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fefefe 0%, #f9f9f9 47%, #f4f4f4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fefefe 0%, #f9f9f9 47%, #f4f4f4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fefefe 0%, #f9f9f9 47%, #f4f4f4 100%); /* IE10+ */ background: linear-gradient(to bottom, #fefefe 0%, #f9f9f9 47%, #f4f4f4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f4f4f4', GradientType=0 ); /* IE6-9 */
}
.chart_box_head small { font-size:14px; color:#555; }
.chart_content { padding:5px; min-height: 301px; }
/* ============   chart_container ================ */
.backend-footer { background:rgba(255,255,255,0.7); float: left; width: 100%; padding:13px 0px; }
.backend-footer ul li { display:inline; float:left; }
.backend-footer ul li a { color: #000; font-size: 13px; padding: 5px 8px; }
.Profile_box { margin-right: 15px; width: 280px; border: 1px solid #bcbcbc; float: left; border-radius: 3px; background:#fff }
.Profile_settings a { background: #eef3fd ; color: #5b9bd1; display: block; margin: 0 0 1px; padding: 13px 0; }
.Profile_settings { margin-top:10px; }
.Profile_settings a img { float: left; padding: 0 11px; }
.profile-content { display: block; margin-bottom: 25px; text-align: center; }
.profile-content .profile_thum { border-radius: 100%; margin:24px 0px; }
.profile-content .class { color:#fbbe33; margin-bottom: 6px; }
.profile-content .place { color: #f4423c; font-size: 14px; font-weight: 600; }
.todo_list { border-bottom: 1px solid #e9e9e9; color: #777; font-size: 13px; font-weight: 300; margin: 0 10px; padding: 22px 0; }
.todo_list input[type="checkbox"] { float: left; margin: 5px 8px 18px 0; }
.todo_list:last-child { border-bottom:none; }
.user_work_box { width:421px; }
.feed_list { background: #f8f8f8 ; clear: none; float: left; margin-bottom: 5px; padding: 10px; position: relative; width: 100%; }
.feed_list .icon { float: left; margin: 0 13px 14px 0; }
.feed_list h4 { font-weight: 600; margin-bottom: 9px; }
.feed_time { color: #a9a9a9; float: right; font-size: 13px; font-style: italic; right: 7px; top: 4px; }
.feed-content { float:left; }
.feed_btn { background: #8aded9 ; border-radius: 3px; box-shadow: 0 2px 0 #5db1ac; color: #fff; cursor: pointer; float: left; padding: 4px 14px; text-align: center; }
/* ============   Contact Us ================ */
.contact_page { padding: 25px; margin-top:20px; margin-bottom:20px; background-color: #f8fafc; border: 1px solid #ececec; border-radius: 5px; }
.contact_page .contact-left { float: left; width: 70%; border-right: 2px dashed #b2afaf; padding:20px 30px 20px 20px; }
.contact_page .contact-right { float: left; width:30%; padding:20px 20px 20px 30px; }
.contact_page h3 { text-transform: uppercase; color: #2f2f2f; font-size: 20px; padding-bottom: 30px; }
.contact_page .input { width: 33%; display: inline-block; vertical-align: top; margin-bottom: 25px; }
.contact_page .input label { display: block; font-size: 14px; padding-bottom: 4px; }
.contact_page .input input { width: 91%; padding: 9px 5px; border: 1px solid #d9d9d9; }
.contact_page .input.textarea { width: 66%; display: inline-block; vertical-align: top; margin-bottom: 25px; }
.contact_page .input.textarea textarea { height:135px; width: 96%; padding: 9px 5px; border: 1px solid #d9d9d9; }
.contact_page .contact-left button[type="submit"] {	color:#fff;text-transform: uppercase;	font-size: 16px;	font-weight: bold;	float: right;
	margin-right: 4%;	background-color: #28a708!important;	padding: 14px 51px 15px 40px;	border-radius: 30px;
	box-shadow: none;	font-family: sans-serif;	display: inline-block;border: 1px solid #2fcc08;}
.contact_page .contact-left button[type="submit"]:hover{background-color: transparent !important;opacity: 1;
border: 1px solid #28a708;color: #28a708;}	
.contact-right .detail { color: #7c7c7c; font-size: 15px; display: block; }
.contact-right .detail span label { font-weight: 700; color: #353535; }
.contact-right .detail span { display: block; padding-bottom: 20px; padding-left: 35px; }
.contact-right .detail span.location { background: rgba(0, 0, 0, 0) url("../images/location.png") no-repeat scroll left 0px; }
.contact-right .detail span.phone { background: rgba(0, 0, 0, 0) url("../images/mobile.png") no-repeat scroll left 0px; }
.contact-right .detail span.fax { background: rgba(0, 0, 0, 0) url("../images/fax.png") no-repeat scroll left 0px; }
.contact-right .detail span.email { background: rgba(0, 0, 0, 0) url("../images/email.png") no-repeat scroll left 0px; color:#37afe6 }
/* ============Time Table================ */
.time-table { padding: 25px; margin-top:20px; margin-bottom:20px; background-color: #f8fafc; border: 1px solid #ececec; border-radius: 5px; }
.time-table p { font-size: 14px; line-height: 23px; padding:0px 10px 20px; }
/*====================inner pages====================*/
.inner_container { display: block; min-height:75vh; width: 100%; position:relative }
.blue_container {/* background:#bef0f1;*/ padding:0px }
.school-layout .blue_container, .school-layout .main_header { background:#fff !important; }
.school-layout .blue_container .white_wrapper, .school-layout .main_header .white_wrapper { background:#fff }
.blue_container .breadcrum { color: #5f5f5f; font-size: 13px; text-transform: uppercase; padding:10px 15px; }
.breadcrum a { color:#28a708; }
.white_wrapper { background:rgba(255,255,255,0.4); width:100%; padding:10px; margin:0px }
.select-level ul { display:flex; flex-wrap:wrap; width:100%; }
.select-level ul li { margin-right:20px; display:inline-block; border-radius:65px; }
.select-level ul li .main { border-radius: 50%; color: #fff; display: inline-block; font-size: 32px; font-weight: 600; height: 65px; line-height: 60px; text-align: center; text-shadow: 1px 1px 2px #595959; width: 65px; }
.select-level ul li .hover { color: #484848; font-size: 16px; font-weight: 600; line-height: 63px; padding: 0 10px 0 5px; vertical-align: top; opacity:0; transition: all 0.5s ease 0s; display:none }
.select-level ul li:hover .hover, .select-level ul li.active .hover { display:inline-block; opacity:1; transition: all 0.5s ease 0s; }
.select-level ul li.yellow { border: 2px solid #00bfff; }
.select-level ul li.yellow a.main { background: #00bfff; }
.select-level ul li.blue { border: 2px solid #8bc34a; }
.select-level ul li.blue a.main { background: #8bc34a; }
.select-level ul li.red { border: 2px solid #fec606; }
.select-level ul li.red a.main { background: #fec606; }
.select-level ul li.green { border: 2px solid #f44336; }
.select-level ul li.green a.main { background: #f44336; }
.select-level ul li.purple { border: 2px solid #fe66cb; }
.select-level ul li.purple a.main { background: #fe66cb; }
.select-level ul li.brown { border: 2px solid #48d1cc; }
.select-level ul li.brown a.main { background: #48d1cc; }
.select-level ul li.skyblue { border: 2px solid #673ab7; }
.select-level ul li.skyblue a.main { background: #673ab7; }
.select-level ul li.pink { border: 2px solid #ff7b00; }
.select-level ul li.pink a.main { background: #ff7b00; }
.select-level ul li.aqua { border: 2px solid #ef597b; }
.select-level ul li.aqua a.main { background: #ef597b; }
.select-level.select-challenge > h2, .Activity_bar h3 { color: #2b72f2; font-size: 20px; font-weight: 600; padding: 0 0 10px; }
.select-level.select-challenge > h2 { margin-top: 0px; }
.online-challenge { display: block; margin: 20px 0; width: 100%; }
.widget-title { background: #1b63e6 ; color: #fff; font-size: 18px; font-weight: 600; padding: 8px 0; text-align: center; }
.online-challenge .right-section { float: left; width: 20%; background:#fff; }
.carrier-info { text-align:center }
.carrier-info h2 { font-size:16px; font-weight:600; color:#2f2f2f }
.carrier-info span { color:#135de4; padding:15px 0px 0px; display:block }
.carrier-info .list-item { margin: 20px 0; }
.online-challenge .left-section { float: left; width: 20%; background:#fff; }
.top-score { display: block; min-height: 255px; padding: 10px; vertical-align: top; width: 100%; }
.top-score td { padding:20px 0px; text-align:center }
.top-score td .score { color:#2b72f2 }
.online-challenge .middle-section { padding:20px; background: #fff; float: left; margin: 0 2%; width: 56%; min-height: 573px; }
.standard { background: #2b72f2 ; border-radius: 50%; color: #fff; display: block; height: 30px; line-height: 30px; text-align: center; width: 30px; }
.online-challenge .middle-section h2 { color:#115ce3; font-size:17px; font-weight:600 }
.challenge-user { display: table; margin: 0 auto; text-align:center; cursor:pointer; }
.vs {color:#333; display: block; font-size: 32px; font-weight: 700; text-align: center; margin: 20px 0px 40px; }
.challenge-user .image-col { border:0px; border-radius: 50%; display: inline-block; height: 150px; line-height: 149px; text-align: center; width: 150px; }
.challenge-user .user-name { padding:5px 0px; color: #333333; font-size: 14px; font-weight: 600; display:block }
.challenge-select { display: block; width: 100%; text-align:center }
.challenge-user .user-name {text-transform: uppercase; color: #333333; display: block; font-size: 15px; font-weight: 700; padding: 5px 0; }
.challenge-select .col .challenge-type { text-transform: uppercase;color: #333333; display: block; font-size: 15px; font-weight: 700; padding: 5px 0; }
.challenge-select .col .user-online { color: #333333; font-size: 12px; font-weight: 300; display:block }
.challenge-select .image-col { background: #b7edef; border:3px solid #3facb5; border-radius: 50%; display: inline-block; height: 150px; line-height: 149px; text-align: center; width: 150px; }
.challenge-user .image-col img { position: relative; top: 15px; }
.challenge-select .image-col:hover { background:#e2ab2c }
.challenge-select .col.active .image-col, .challenge-select .col:hover .image-col { background: #7ed7de; border:3px solid #28a708 ; border-radius: 50%; display: inline-block; height: 150px; line-height: 149px; text-align: center; width: 150px; }
.challenge-select .col.active .image-col{ background-color:#2b72f2; border-color:#28a708; position:relative; }
.challenge-select .col.active .image-col:before{ content: "\f00c";color: #fff; font-size: 26px; position: absolute; top:-20px; left: 50%; line-height: 100%; transform: translateX(-50%); -webkit-transform: translateX(-50%); font-family:'FontAwesome'; background: #28a708; border-radius: 100%; width: 40px; height: 40px; line-height: 40px; }
.challenge-select .col { display: inline-block; text-align: center; width: 32.5%; cursor:pointer; vertical-align:top; font-size:60px; }
.challenge-select .image-col img { position:relative; top:25px; }
/*button.lets-go { background: #8eb214  ; border: 0 none; border-radius: 4px; clear: both; color: #fff; cursor: pointer; display: table; font-size: 16px; font-weight: 600; margin: 40px auto 10px; padding: 10px 20px; border-bottom: 6px solid #7da106; }*/
.online-challenge-start { margin: 0px 0; position: relative; }
.online-challenge-start .right-section { background: #fff ; float: left; padding: 20px; width:400px; }
.online-challenge-start .right-section .info label { font-weight:700 }
.online-challenge-start .right-section .info span { padding-right: 20px; }
.quetion_section { display: table; padding:35px 0; width: 100%; }
.left-question-col, .center-question-col, .right-question-col { display:inline; padding: 0 3px; vertical-align: top; }
.quetion_section { color: #2b72f2; display: inline-block; font-size:30px; font-weight: 700; display: flex;
justify-content: center;}
.left-question-col #ques { float:left }
.quetion_section input#ans {	border: 1px solid #ddd;	display: inline-block;	font-size: 30px;	font-weight: bold;	height: 47px;
	margin-left: 0;	padding: 0 10px;	vertical-align: top;	width: 100px;	text-align: center;}
.stopwatch { background: rgba(0, 0, 0, 0) url("../images/clock.png") no-repeat scroll center center; color: #fff; font-size: 55px; font-weight: 700; height: 247px; line-height: 291px; margin:10px auto; text-align: center; text-shadow: 3px 2px 3px #000; width: 200px; }
.online-challenge-start .left-section { float: right; padding:0px 0px 0px 20px; width: 49%; float:left }
.online-challenge-start .left-section ul { background: transparent ; padding: 0; }
.online-challenge-start .left-section .progress { clear: none; float: left; width: 325px; }
.online-challenge-start .left-section .challenge > li { margin-bottom:10px }
.online-challenge-start .left-section .person_info { background: #a5cf35 ; border-radius: 4px; float: left; margin-right:7px; padding: 5px 5px 1px 5px; width: 198px; }
.online-challenge-start .left-section li.active .person_info { background: #fcc13a }
.online-challenge-start .left-section .person_info .image-col { display: inline-block; padding-right: 6px; vertical-align: top; }
.online-challenge-start .left-section .person_info .text-col { display: inline-block; }
.online-challenge-start .left-section .person_info .text-col { display: inline-block; vertical-align: top; }
.online-challenge-start .left-section .person_info .name { display: inline-block; vertical-align: top; color:#fff; font-weight:700 }
/*============online-challenge-result============*/
.online-challenge-result { margin:0px 0px }
.online-challenge-result .right-section { float: left; /*width:25%;*/width:15%;  }
.online-challenge-result .challenge-result li { margin-bottom:10px }
.online-challenge-result .challenge-result li .person_info { background: #a5cf35 ; border-radius: 4px; margin-right: 10px; padding: 5px; width: 100%; }
.online-challenge-result .challenge-result li.active .person_info { background: #fcc13a }
.online-challenge-result .challenge-result li .person_info .image-col { display: inline-block; padding-right: 6px; vertical-align: top; }
.online-challenge-result .challenge-result li .person_info .text-col { display: inline-block; }
.online-challenge-result .challenge-result li .person_info .text-col { display: inline-block; font-size: 12px; font-weight: 600; vertical-align: top; }
.online-challenge-result .challenge-result li .person_info .name { color: #fff; display: inline-block; font-size: 14px; font-weight: 700; vertical-align: top; }
.online-challenge-result .left-section { float: right; width:73%; }
table.result-table { font-size: 16px; font-weight: 600; table-layout: fixed; }
.result-table tr:nth-child(2n+1) { background: #fff ; }
.result-table tr:nth-child(2n) { background: #ebebeb ; }
.correct-snswer { color: #31a300; }
table.result-table th, table.result-table td { padding: 6px 14px; text-align: center; }
.result-table th { background: #2b72f2 ; color: #fff; font-size: 18px; font-weight: 600; text-align: center; width: 33%; }
table.result-table th, table.result-table td { padding: 6px 14px; text-align: right; }
table.result-table td:last-child { color: #31a300; }
.wrong-snswer { color: #f3342e; }
.online-challenge.results .middle-section { padding:0px }
table.results-table { border: 3px solid #3a7bf2; table-layout: fixed; }
.results-table tr:nth-child(2n+1) { background: #fff ; }
.results-table tr:nth-child(2n) { background: #ebebeb ; }
.results-table th { background: #2b72f2 ; color: #fff; font-size: 14px; font-weight: 600; text-align: center; width: 33%; }
table.results-table th, table.results-table td { padding: 6px 3px; text-align: center; }
/*============Activities============*/
.activities { background:#fff; padding:20px; margin:10px 0px 0px }
.finish_activity{background-image: url('../images/celebration.png');}
.activities h2 { color: #2b72f2; font-size: 30px; font-weight: 600; padding-bottom: 20px; }
h2.inlb{ display:inline;}
.activities p { color: #2f2f2f; font-size:14px; line-height:23px; }
.activities_listing .column { border: 1px solid; border-radius: 8px; display: inline-block; height:505px; margin-right: 1%; margin-top: 30px; padding-bottom: 20px; padding-right: 0; vertical-align: top; width: 31.5%; }
.activities_listing .column .topics { padding: 0 15px; height:320px; overflow:hidden }
.activities_listing .column li.see-all { list-style: outside none none; padding: 0 15px; }
.activity_name { color: #f3342e; font-size: 17px; font-weight: 700; padding:10px 15px 0; }
.activities_listing .column li { margin-top: 10px; font-size:15px; }
.activities_listing .column li span { font-weight: 700; padding-right: 10px; }
.activities_listing .column.reception .activity_name { color:#00bfff }
.activities_listing .column.year-1 .activity_name { color:#8bc34a }
.activities_listing .column.year-2 .activity_name { color:#fec606 }
.activities_listing .column.year-3 .activity_name { color:#f44336 }
.activities_listing .column.year-4 .activity_name { color:#fe66cb }
.activities_listing .column.year-5 .activity_name { color:#48d1cc }
.activities_listing .column.year-6 .activity_name { color:#673ab7 }
.activities_listing .column.year-7 .activity_name { color:#fe00d2 }
.activities_listing .column.year-8 .activity_name { color:#00c3b7 }
.activities_listing .column.reception .year_name { background: #00bfff ; cursor: pointer; }
.activities_listing .column.year-1 .year_name { background:#8bc34a }
.activities_listing .column.year-2 .year_name { background:#fec606 }
.activities_listing .column.year-3 .year_name { background:#f44336 }
.activities_listing .column.year-4 .year_name { background:#fe66cb }
.activities_listing .column.year-5 .year_name { background:#48d1cc }
.activities_listing .column.year-6 .year_name { background:#00bffe }
.activities_listing .column.year-7 .year_name { background:#ff7b00 }
.activities_listing .column.year-8 .year_name { background:#ef597b }
.activities_listing .column.reception { border-color:#00bfff }
.activities_listing .column.year-1 { border-color:#8bc34a }
.activities_listing .column.year-2 { border-color:#fec606 }
.activities_listing .column.year-3 { border-color:#f44336 }
.activities_listing .column.year-4 { border-color:#fe66cb }
.activities_listing .column.year-5 { border-color:#48d1cc }
.activities_listing .column.year-6 { border-color:#00bffe }
.activities_listing .column.year-7 { border-color:#ff7b00 }
.activities_listing .column.year-8 { border-color:#ef597b }
/*===================================*/
.question-page { background:#fff; padding:0px 30px 50px 10px; }
.question-page.transparent { background:transparent }
.question-page .section-left { float:left; width:70% }
.question-page .section-right { float:right; width:21% }
.quetion_block { padding-left: 50px; }
.question-title { font-size: 16px; font-weight: 600; padding-bottom: 20px; }
.question-title p, .question-title h4 { vertical-align:middle; display: inline-block; font-size: 16px; font-weight: 600; }
.quetion_block button { clear: both; float: left; font-size: 14px; font-weight: 700; margin-top: 20px; padding: 10px 20px; text-transform: capitalize; height:41px; }
.question-view { display: block; padding: 20px 0; width: 100%; }
.question-view span { display: inline-block; font-size: 15px; font-weight: 600; padding-right: 25px; text-align: center; }
.your-answer { font-size: 16px; font-weight: 700; padding: 20px 0; }
.your-answer input { border: 1px solid #bdbdbd; height: 40px; padding: 5px; width: 100px; margin-left:5px; margin-bottom:10px; }
.your-answer input[type="radio"], .your-answer input[type="checkbox"] { border: 1px solid #bdbdbd; display: inline-block; height: inherit; margin: 0 5px 0 20px; padding: 0; width: inherit; }
.quetion_block input[type="submit"], .question-page input[type="submit"] { background: #fbb620 ; border: 0 none; border-radius: 4px; color: #fff; cursor: pointer; font-size: 14px; font-weight: 600; padding: 8px 10px; text-shadow: 0 1px 1px #9b6a00; text-transform: uppercase; }
.mic { cursor:pointer; background: #2b72f2 url("../images/mic-2.png") no-repeat scroll center center; border-radius: 4px; display: inline-block; height: 35px; line-height: 32px; margin-left: -45px; margin-right:9px; vertical-align: top; width: 35px; vertical-align:middle }
.mic.loading { background: #2b72f2 url("../images/mic-3.gif") no-repeat scroll center center; }
.question-page .section-right .col { background:url(../images/sideblock.png) no-repeat top left; width:250px; height:140px; background-size:100% 100%; }
.question-page .section-right .col .col-title { color: #fff; display: inline-block; font-size: 14px; font-weight: 400; padding: 22px 0 0 20px; text-transform: uppercase; vertical-align: top; }
.question-page .section-right .col .col-title img { display: inline-block; padding: 4px 10px 0 0; position: relative; top: 6px; }
.question-page .section-right .col .result { color: #fff; font-size: 24px; font-weight: 600; padding: 5% 0; text-align: center; }
.wrong-answer p.answer { color: #f3342e; font-size: 21px; font-weight: 600; padding-bottom: 20px; }
.wrong-answer p.got-it { color: #739a0b; font-size: 21px; font-weight: 600; padding-bottom: 20px; }
#printquetsionans .wrong-answer { background: #fff ; border: 2px solid #e5e5e5; border-radius: 6px; font-size: 15px; margin-bottom: 10px; padding: 70px 20px 20px 25px; position: relative; width: 90%; }
#printquetsionans #given_answer { border:0px; position:relative; background: #e5e5e5 ; border-radius: 6px; padding: 70px 20px 20px 25px; width:90%; margin-bottom:10px; font-size:15px; }
.wrong-answer .question-view { padding: 0; }
.wrong-answer > h3.red-ribbon { background: rgba(0, 0, 0, 0) url("../images/red-ribbon.png") no-repeat scroll left top; color: #fff; font-size: 20px; font-weight: 600; height: 50px; left: -15px; padding: 3px 0 0 8px; position: absolute; top: 14px; width: 150px; }
.wrong-answer > h3.green-ribbon { background: rgba(0, 0, 0, 0) url("../images/green-ribbon.png") no-repeat scroll left top; color: #fff !important; font-size: 20px; font-weight: 600; height: 50px; left: -15px; padding: 3px 0 0 10px; position: absolute; top: 14px; width: 150px; }
.wrong-answer > h3.blue-ribbon { background: rgba(0, 0, 0, 0) url("../images/blue-ribbon.png") no-repeat scroll left top; color: #fff; font-size: 20px; font-weight: 600; height: 50px; left: -15px; padding: 3px 0 0 8px; position: absolute; top: 14px; width: 150px; }
.red-txt { color:#f3342e }
.green-txt { color:#638211 }
.congrates { text-align:center; color:#95c21c; font-weight:700 }
.congrates h1 { font-size:40px; text-transform:uppercase; padding:10px 0px 50px; }
.congrates p { font-size:20px; color: #2f2f2f; padding:10px 0px 30px; }
.congrates h2 { font-size:30px; padding:10px 0px 50px; }
.golden-result {width: 350px; margin-bottom: 20px; margin-left: 370px;}
.keep-practice { background: #28a708 ; border: 0 none; border-radius: 4px; color: #fff; cursor: pointer; font-size: 14px; font-weight: 600; padding: 8px 10px; text-shadow: 0 1px 1px #9b6a00; text-transform: uppercase; display:table; margin:0 auto }
.progress bar { min-width: 35px;color: #fff; display: inline-block; font-size: 30px; font-weight: 600; height: 80px; line-height: 90px; text-align: center; text-shadow: 2px 2px 1px #292929; vertical-align: middle; width: 0; background: -webkit-linear-gradient(0deg, #a2c4ff, #3e8cff); background: -o-linear-gradient(0deg, #a2c4ff, #3e8cff); background: -moz-linear-gradient(0deg, #a2c4ff, #3e8cff); background: linear-gradient(0deg, #a2c4ff, #3e8cff); border-radius: 5px; }
.challege-complete.hidden { background: rgba(0, 0, 0, 0.7) ; color: #faae00; height: 100%; position: absolute; text-align: center; top: 0; width: 49%; }
.challege-complete.hidden > h3 { font-size: 34px; position: relative; top: 38%; }
.challege-complete.hidden > p { font-size: 34px; position: relative; top: 43%; }
input.input-m { width: 15%; }
.user_nav ul.submenu { background: #fff ; border-radius: 0 0 5px 5px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); display: none; opacity: 0; position: absolute; right: 0; top: 50px; width: 180px; z-index: 99999999; }
.user_nav li:hover .submenu { opacity: 1; display:block }
.user_nav ul.submenu li { width:100%; display:block }
.user_nav ul.submenu li a { display: block; font-size: 14px; padding:10px 12px; width: 100%; }
.user_nav ul.submenu li a:hover { background:#f5f5f5 }
.star-of-week { border: 3px solid #125de4; border-radius: 5px; font-size: 12px; padding: 0 0 15px; text-align: center; }
.star-of-week .text-col .name { font-size: 16px; font-weight: 600; padding: 2px 0 10px; }
.star-of-week .text-col .team { padding: 5px 0 0; }
.results-btn a { color: #125de4; font-size: 18px; font-weight: 600; padding-left: 15px; text-transform: uppercase; }
/*Rank Progress bar*/
.rank-content { position:relative }
.rank-bar-container { background: #ebebeb ; left: -60px; position: absolute; top: 106px; width: 190px; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); border-radius: 20px; }
.rank-bar { background: #a5cf35 ; border-radius: 20px; width:10% }
.rank-labels { display: block; float: left; margin-top: 10px; padding-bottom: 30px; padding-left: 70px; }
.rank-labels li { position:relative; clear: both; display: inline-block; float: left; padding: 11px 0; }
.rank-labels li.active::after { background: #a5cf35 ; border-radius: 50%; content: ""; display: block; height: 20px; left: 96px; position: absolute; top: 13px; width: 20px; }
.message.error { color: #f3342e; font-size: 18px; font-weight: 600; text-align: center; text-transform: lowercase; }
/*=====================Select Theme==============================*/
.select-theme { display:block; width:100%; margin-bottom:0px; position:relative }
.select-theme.disabled::before { background: rgba(255, 255, 255, 0.8) ; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index:999; }
.select-theme h2 { color:#115ce3; font-size:21px; font-weight:600; display:block; padding:5px 0px 10px; }
.select-theme ul li { border: 2px solid transparent; border-radius: 25px; display: inline-block; list-style: outside none none; margin: 0 0.5px !important; padding: 3px; }
.select-theme ul li { margin-left:10px; }
.select-theme ul li:first-child { margin:0px; }
.select-theme-bg ul li a { float: left; }
.select-theme ul li a { display:block }
.select-theme ul li:hover, .select-theme ul li.active { border: 2px solid #faae00; }
.select-theme-color ul li, .select-theme-color ul li:first-child { border-radius: 15px; height:80px; margin: 5px 3px !important; padding: 3px; vertical-align: top; width:80px !important; }
.select-theme-color a { border-radius: 10px; display: block; height: 100%; width: 100%; }
.select-theme-options .list-items { padding:0px 15px 0 0; display:inline-block; text-align:center; font-size:18px; color:#115ce3; font-weight:600 }
.select-theme-options { margin: 10px 0 30px; text-align: center; }
.select-theme-options .option-heading { font-size:21px; float:left; color:#115ce3; font-weight:600; }
.select-theme-options h2 { text-align:left }
.action-button.select-theme { display: table; margin: 0 auto; width: auto; }
.action-button.select-theme button { background: #fbb620 ; border: 0 none; border-radius: 5px; box-shadow: 1px 1px 2px #7d7d7d; color: #000; cursor: pointer; font-size: 15px; font-weight: 700; margin: 0 5px; padding: 7px 20px; text-transform: uppercase; }
.select-color-range { text-align:center }
.select-color-range li { display:inline-block; width:inherit }
.select-color-range li.color-pallete { height: auto !important; line-height: 80px; vertical-align: top; width: auto !important; }
.select-theme-color .red a { background: #d20505 ; }
/*=====================Hidden Treasure==============================*/
/*.treasure-list li { background: #fff ; display: inline-block; height: 90px; line-height: 110px; margin-bottom: 5px; padding: 10px; text-align: center; vertical-align: middle; width: 13.87%; position:relative }*/
.hidden-treasure .section-left { background: #115ce3 ; float: left; margin-top: 20px; padding: 20px; }
.onhover.tooltip { background: rgba(0, 0, 0, 0) url("../images/tooltip.png") no-repeat scroll left top; display: block; height: 105px; opacity: 0; position: absolute; right: -30%; top: -76px; width: 168px; z-index: 99; }
.treasure-list li:hover .tooltip { opacity:1; transition: all 0.5s ease 0s; }
.onhover.tooltip > a { color: #000; display: block; font-size: 11px; line-height: 17px; padding: 14px 5px; vertical-align: top; width: 97%; }
.treasure-list li { background: #fff ; float: left; height: 150px; padding: 50px 10px; text-align: center; vertical-align: middle; position: relative; cursor: pointer; transition: all 0.5s ease 0s; border: 1px solid blue; width: 185px; }
.hidden-treasure .right-section { float: right; margin-top: 20px; width: 28%; background:#115ce3 url(../images/sidebar.png) no-repeat bottom center }
.hidden-treasure .right-section .title { background: #3a7bf0 ; color: #fff; font-size: 16px; font-weight: 600; padding: 10px 0; text-align: center; }
.hidden-treasure .right-section .details { padding:95px 20px 234px; }
.hidden-treasure .right-section .details ul li { color: #ffb60e; line-height: 34px; }
.hidden-treasure .right-section .details ul li label { color: #fff; display: inline-block; font-weight: 600; width: 160px; }
.question_class li { opacity: 0.4 }
.question_class li.hover { opacity: 0.7 }
.question_class li.selected { opacity: 1 }
.Number_spun { border: 1px solid #cdcdcd; float: left; padding: 30px 25px; }
.Number_spun table { width:550px; border:none; }
.Number_spun table td { padding:0; }
.Number_spun table ul, .bars table ul { list-style:none; margin: 0; }
.Number_spun table ul li, .bars table ul li { font-weight: bold; margin: 0; padding: 0; text-align: center; color:#ccc; cursor:pointer; font-size: 29px; height:40px; }
.Number_spun table ul li:hover, .bars table ul li:hover { color:#9A9AEF; }
.Number_spun table ul li.active, .bars table ul li.active { color:#6767bc; border-top: 1px solid black; }
.bar_graph { position:relative; width:550px; }
.graph_table tr { border-bottom:1px solid #ccc; background:none; }
.graph_table tr td, .numbring_table tr td { height: 40px; line-height: 0px }
.bar_graph .numbring_table { border: medium none; width: 31px; margin: 0; }
.bar_graph table { border:none; background:none; }
.bar_graph .numbring_table tr { background:none; }
.bar_graph .numbring_table td { background: rgba(0, 0, 0, 0) ; padding: 0; text-align: center; vertical-align: bottom; }
.bar_graph .number_text { float: left; left: -34%; position: absolute; top: 25px; transform: rotate(-90deg); width: 100%; }
.bar_graph .number_text p { }
.bar_graph .bars { bottom: -31px; position: absolute; right: -92px; width: 520px; }
.bar_graph .bars td { height: 371px; vertical-align: bottom; padding: 0 7px; }
.bar_graph .bars .bar { background: gray ; bottom: 0; position: absolute; width: 100%; max-width: 75px; }
.bar_graph .bars .bar.green { background: green; }
/*========================= CSS  =========================*/

ul.x-axis.no-hover li:hover { border:2px solid transparent; color: #15848f; }
ul.x-axis.no-hover li { border:0px; }
.format-selection li:nth-child(2n+1) { background: #f4f4f4 ; }
.format-selection li { display: inline-block; margin: 10px 0; min-height: 490px; padding: 20px; vertical-align: middle; width: 32.33%; }
.format-selection li:nth-child(2n) { background: #ddd ; }
.format-selection li .info-box-number { font-family: arial; font-size: 18px; font-weight: 700; }
.format-selection li .info-box-text { display: inline; font-size: 16px; margin-bottom: 10px; }
.format-selection li .fancybox { display: block; margin-top: 20px; }
.format-selection li .info-box-content span a { background: #fcbd2c; display: block; width: 100px; text-align: center; margin: 10px 0px; border-radius: 3px; cursor: pointer; padding: 7px 0px; font-size: 17px; color: #fff; }
.format-selection li .fancybox img { border: 1px solid; display: block; }
.explaianation-image img { border: 2px solid; }

ul.format24-ul input[type=radio]{width: 25px; height: 25px;}
/**************************/

.x-axis.nohover.x-labels li { display: table-cell; border:2px solid transparent }
.x-axis.nohover.x-labels { display: table; width: 100%; margin:0px 0px 0px 13px }
.select-theme-bg ul li { width:260px !important; }
.fancybox-inner #check_users { /*background: rgba(0, 0, 0, 0) url("../images/worldmap.gif") no-repeat scroll 0 0 / 700px 400px;*/ height: 466px; width: 100% !important; background-size: 100%; }
.fancybox-inner #check_users button { bottom: 0; display: inherit; float: none; margin: 0 auto 0px; position: absolute; width: 200px; left: 0; right: 0; }
.select-theme ul li a.color-picker { background: transparent ; border: 1px solid #2b72f2; cursor: pointer; font-size: 12px; line-height: 14px; text-align: center; }
.ui-sortable li { display: inline-block; margin: 0 5px 0 0; padding: 5px 10px; width: inherit; vertical-align:top; }
.correct-answer.hidden { background: #fff ; border: 1px solid #9de20e; border-radius: 3px; box-shadow: 2px 0 7px #9b9b9b; color: #629100; font-size: 40px; height: 180px; line-height: 90px; position: absolute; text-align: center; width: 250px; }
.correct-answer.hidden h2 { display: inline-block; font-size: 40px; font-weight: 700; height: 180px; line-height: 90px; padding: 40px 8px; text-align: center; vertical-align: middle; width: 250px; word-wrap: break-word; }
.activities_listing .column li.see-all a { clear: both; color: #960f9e; float: left; padding: 10px 0; }
.activities_listing .column li a { color: #424242; font-weight: 300; }
.activities_listing .column .topics h4 { font-size: 16px; font-weight: 600; }
.activities_listing .column .topics .activities-list li { font-size: 15px; color: #666; width: 100%; position: relative; padding: 0 5px; line-height: normal; }
.activities_listing .column .topics .activities-list li a { position:relative; background: transparent ; color: #000; float: none; }
.activities_listing .column li span { font-weight: 700; padding-right: 10px; position: absolute; left:0px }
.activities.reception h2, .activities.reception .activity_name { color:#00bfff }
.activities.year-1 h2, .activities.year-1 .activity_name { color:#8bc34a }
.activities.year-2 h2, .activities.year-2 .activity_name { color:#fec606 }
.activities.year-3 h2, .activities.year-3 .activity_name { color:#f44336 }
.activities.year-4 h2, .activities.year-4 .activity_name { color:#fe66cb }
.activities.year-5 h2, .activities.year-5 .activity_name { color:#48d1cc }
.activities.year-6 h2, .activities.year-6 .activity_name { color:#673ab7 }
.activities.year-7 h2, .activities.year-7 .activity_name { color:#ff7b00 }
.activities.year-8 h2, .activities.year-8 .activity_name { color:#ef597b }
.your-answer > table { border: 1px solid #cdcdcd; margin: 10px 0; width: 96%; }
.your-answer > table thead th, .your-answer > table thead td { background:#dadada }
.your-answer > table th, .your-answer > table td { border-bottom: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; padding: 8px 15px; }
/*=====================================================*/
ul.x-axis { margin-top:30px; list-style: none; display:table; border-top: 2px solid #000; position:relative; }
ul.x-axis:after { content: ">"; font-size: 27px; right: -4px; position: absolute; top: -19px; }
ul.x-axis:before { content: "<"; font-size: 27px; left: -4px; position: absolute; top: -19px; }
ul.x-axis li { display:table-cell; padding: 5px 20px; margin: -2px 2px 0 0; position: relative; cursor: pointer; }
ul.x-axis li span.dot { margin: -24px 2px; position: absolute; font-size: 20px; }
ul.x-axis li:hover { border:0px; color: #15848f; }
ul.x-axis li.selected { border: 2px solid #15848f; color: #15848f; }
ul.x-axis.nohover li:hover { color: #000; }
ul.x-axis.no-hover li:hover { color: #15848f; }
ul.x-axis.no-hover li { border:0px; border:2px solid transparent }
.x-axis.nohover.x-labels li { display: table-cell; border:2px solid transparent }
.x-axis.nohover.x-labels { display: table; width: 100%; margin:0px 0px 0px 13px }
.awards { margin: 0 auto; max-width: 100%; width: 700px; }
.awards h3 { color: #95c21c; display: block; font-size: 25px; font-weight: 600; padding: 30px 0; text-align: center; text-transform: uppercase; }
.awards .medals { display: inline-block; text-align: center; width: 47%; }
.awards > ul { display: inline-block; vertical-align: top; width:52%; padding:7% 0px; }
.awards > ul li { display: block; font-size: 15px; line-height: 30px; }
.awards > ul li span { font-weight: 700; }
.awards .no-awards { background: rgba(0, 0, 0, 0) url("../images/no-medal.png") no-repeat scroll center center / 71% auto; font-size: 20px; height: 148px; margin: 20px auto 80px; padding: 160px 0 0; text-align: center; width: 105px; }
.Number_spun.format_19 table ul li.active { border-top:0px; }
#hintshow { background: rgba(0, 0, 0, 0) url("../images/bulb-2.jpg") no-repeat scroll 0 0 / 100% 100%; border: 0 none; border-radius: 5px; box-shadow: none; color: hsl(0, 0%, 100%) !important; cursor: pointer; float: right; height: 41px; margin-bottom: 0; margin-left: 7px; margin-top: 20px; padding: 6px 15px; text-align: center; text-indent: -999em; transition: all 0.5s ease 0s; width: 83px; }
ul.x-axis.custom-graph li { box-sizing: border-box; cursor: pointer; display: inline-block; margin: -2px 2px 0 0; padding: 5px 15px; position: relative; width: 15%; }
input.input-m.a_inputs { margin-left: -30%; width: 100%; }
.bar_graph table .name { display: inline; line-height: 20px; }
input.answer_inputs.input-s {max-width: 80px; text-align: center; height: auto; width: auto; line-height: 1; padding: 8px 12px; font-size: 20px;}
.fancybox-inner #check_users img { position: absolute; width: 150px; }
.divide_equation.case2 span { width: 175px; }
.divide_equation span { display: inline-block; margin-left: 13px; text-align: center; width: 86px; }
.case2.divide_equation #answers, .case3.divide_equation #answers, .case4.divide_equation #answers { left: 0px; top: 0px; }
.divide_equation #answers { left: 12px; min-width: 65px; position: relative; text-align: center; top: 15px; width:40px; }
.divide_equation .dividend { border-top: 2px solid #000; border-width: 2px 0 0; display: inline-block; line-height: 15px; margin: 6px 2px 35px; min-width: 67px; padding: 7px 12px; position: relative; text-align: center; }
.divide_equation .dividend::before { background: rgba(0, 0, 0, 0) url('../images/division.png') no-repeat scroll center center; content: ""; height: 39px; left: -1px; position: absolute; top: 0; width: 10px; }
.divide_equation .dividend::after { background: rgba(0, 0, 0, 0) url('../images/division2.png') no-repeat scroll center center; content: ""; height: 39px; right: -1px; position: absolute; top: 0; width: 10px; }
/*=====================Search Tutor==============================*/
.advance_search { background:#fcfcfc; border-bottom:1px solid #e2e2e2; padding:12px 0px }
#search_tutor { display:block; width:100%; padding-bottom:30px; background:#f1f4f4; }
#search_tutor .column:nth-child(2n+1) { margin-left: 0; }
#search_tutor .column { position: relative; background: #fff ; float: left; margin-left: 3%; margin-top: 20px; width: 48%; }
#search_tutor .column .imagecol { float: left; margin-right: 10px; width: 115px; }
#imgouter img { float: left; height: 100vh; max-height: 128px !important; max-width: 115px !important; width: 115px; }
#search_tutor .column .text-col { color: #6c6c6c; float: left; font-size: 13px; line-height: 22px; width:75%; }
#search_tutor .column .text-col span { font-weight:700; padding-right: 5px; }
#search_tutor .column .text-col .name { color: #2b72f2; font-size: 16px !important; font-weight: 600; text-transform: capitalize; }
#search_tutor .column .text-col .exp, #search_tutor .column .text-col .available { display:block }
#search_tutor .column .text-col .view_contact::after { border-color: transparent #2b72f2; border-style: solid; border-width: 26px 9px 0 0; content: ""; left: 58px; position: absolute; top: 0; }
#search_tutor .column .text-col .view_contact { background: #faae00 ; bottom: 4px; color: #fff; float: right; font-size: 13px; margin-top: 6px; padding: 2px 10px; position: absolute; right:67px; text-align: center; border-radius: 5px 0px 0px 5px; }
#search_tutor .column .text-col .view_profile { background: #2b72f2 ; bottom: 4px; color: #fff; float: right; font-size: 13px; margin-top: 6px; padding: 2px 10px; position: absolute; right: 7px; text-align: center; border-radius: 0px 5px 5px 1px; }
.advance_search h1 { color: #000000; float: left; font-size: 22px; font-weight: 600; margin-top: 2px; text-transform: uppercase; }
.advance_search form { clear: both; display: block; float: none; }
.advance_search form select { color:#a9a9ab; padding: 5px 4px; border: 1px solid #ddd; width: 23%; height: 35px; margin-right: 1%; margin-top: 10px; display: inline-block; vertical-align: top; }
.advance_search form input[type="submit"] { background: #faae00 ; border: 0 none; border-radius: 3px; box-shadow: 2px 2px 2px #d8d8d8; color: #fff; cursor: pointer; font-size: 15px; font-weight: 700; padding: 4px 10px; text-transform: uppercase; }
/*=====================Assign Homework==============================*/
.select-date { padding: 20px 0 10px; }
.select-date label { color: #115ce3; font-size: 15px; font-weight: 600; padding-right: 5px; }
.select-date input.hasDatepicker { background: #fff url("../images/calender.png") no-repeat scroll 4% center; cursor: pointer; }
.select-date input { border: 1px solid #cdd2d5; border-radius: 5px; color: #4e5367; font-weight: 700; margin-right: 15px; padding: 9px 10px 9px 36px; width: 220px; }
.assign_homework .column { margin: 20px 0 0; position: relative; width: 48%; }
.assign_homework .column .inner { border: 3px solid #115ce3; border-radius: 5px; padding-top: 30px !important; }
.assign_homework .column textarea { border: 3px solid #115ce3; height:266px; width:100%; padding:10px; font-size:16px; color:#3e4147; font-weight:600; border-radius: 5px; sans-serif; font-style:italic }
.assign_homework .column table { width: 100%; }
.assign_homework .column table td, .assign_homework .column table th { padding: 10px; text-align: left; }
.assign_homework .column h2 { background: #115ce3 ; border-radius: 5px 5px 0 0; color: #fff; font-size: 16px; font-weight: 600; height: 32px; padding: 5px 10px; position: absolute; top: 0; width: 100%; }
.assign_homework input[type="checkbox"] { margin-right:10px; }
.assign_homework .column table tr:nth-child(2n) { background: #ebebeb ; }
.assign_homework .column table tr:nth-child(2n+1) { background: #fff ; }
.action-buttons { display: table; margin:40px auto 30px; width: auto; }
.action-buttons button { background: #115ce3 ; border: 0 none; border-radius: 5px; box-shadow: 1px 1px 2px #7d7d7d; color: #fff; cursor: pointer; font-size: 15px; font-weight: 700; margin: 0 5px; padding: 5px 14px; text-transform: uppercase; }
.assign_homework .column table a.cross { background: rgba(0, 0, 0, 0) url("../images/cross_a.png") no-repeat scroll center center; cursor: pointer; display: inline-block; height: 20px; margin-right: 10px; vertical-align: top; width: 20px; }
a.btn { /*background: #faae00 ;*/ background: #28a708; border-bottom: 2px solid #28a708; border-radius: 3px; color: #fff; font-size: 14px; font-weight: 300; margin: 0 5px; padding: 6px 10px; }
a.logo img { max-width: 250px; }
a.btn.reset-profile-pass {float:right;}
.colors-activity .col { cursor: pointer; }
.activities .topic_name { color: #960f9e; font-size: 15px; font-weight:600; }
p#showcounttime { text-align: center; font-size: 50px; font-weight: 600; }
.fancybox-inner #hidden img { float: left; margin-right: 25px; text-align: center; }
.fancybox-inner { width: 100% !important; }
.fancybox-inner #hidden { text-align: center; line-height: 34px; font-size: 17px; }
.jcarousel-wrapper { margin: 0 auto !important; }
.fancybox-opened { z-index: 8030; width:1200px !important; left: 0 !important; right: 0!important; margin: 0 auto !important; }
.gm-ui-hover-effect {margin-right: -1px !important; top: -22px !important; }
.action-button.select-theme a.btn-normal { background: #fbb620 ; border: 0 none; border-radius: 5px; box-shadow: 1px 1px 2px #7d7d7d; color: #000; cursor: pointer; font-size: 15px; font-weight: 700; margin: 0 5px; padding: 7px 20px; text-transform: uppercase; }
span.correct-answer.hidden img { max-height: 100%; }
/*============================================*/
.year_name { background: #ddd ; color: #fff; font-size: 28px; padding: 10px 0; text-align: center; border-radius: 5px 5px 0 0; cursor:pointer }
#inner-listing .column { border: 0 none; height: auto; margin: 0; padding: 0; }
ul.pagination { display: block; min-height: 1.5rem; margin-left: -0.3125rem; }
.paginator ul.pagination li { float: none; display: inline-block; }
ul.pagination li { float: left; display: block; }
ul.pagination li { height: 1.5rem; color: #222; font-size: 0.875rem; margin-left: 0.3125rem; }
ul.pagination li a { color: rgba(0, 0 ,0 , 0.54); }
ul.pagination li a, ul.pagination li button { display: block; padding: 0.0625rem 0.625rem 0.0625rem; color: #999; background: none; border-radius: 3px; font-weight: 300; font-size: 1em; line-height: inherit; transition: background-color 300ms ease-out; }
ul.pagination li.active a { background: none repeat scroll 0% 0% #faae00; color: #FFF !important; font-weight: bold; cursor: default; }
#inner-listing .column .topics { height: inherit; overflow: visible; padding: 0 15px; }
/*================parent_benifit=======================*/
.benifit-left { display: inline-block; padding: 20px 6% 20px 0; vertical-align: top; width: 70%; }
.benifit-right { background: #2b72f2 ; border: 2px solid #fff; border-radius: 10px; color: #fff; display: inline-block; padding: 20px 16px; vertical-align: top; width: 29%; margin:20px 0px; }
.benifit-right h4 a { color: #fff; display: block; font-size: 20px; font-weight: 600; margin-bottom: 6px; }
.benifit-right .col { display: block; padding-bottom: 25px; }
.benifit-left p { font-size: 14px; line-height: 23px; padding-bottom: 30px; }
.benifit-left h3 { color: #faae00; font-size: 20px; font-weight: 600; line-height: 23px; padding-bottom: 10px; }
.benifit_list li { background: rgba(0, 0, 0, 0) url("../images/tick.png") no-repeat scroll left 15px; padding: 10px 0 10px 32px; }
.jojn-now { background: #faae00 ; border-radius: 5px; color: #fff; display: inline-block; font-weight: 600; margin: 20px 10px 0 0; padding: 7px 15px; border-bottom: 2px solid #c08600; }
.choose-plan { color: #87ac2d; cursor: pointer; font-size: 16px; font-weight: 600; }
/*********************Request a Quote Starts Here*************/

#quote { background:url(../images/student_bg.png) no-repeat center center #dde1e9; display:block; padding:40px 0px }
#quote .left-section { background: #125de4 ; border-radius: 5px; float: left; padding: 10px; width:305px; }
#quote .left-section h1.top_head { background: #28a708 ; border-radius: 4px 4px 0 0; color: #fff; float: left; margin-bottom: 20px; margin-right: 4px; padding: 7px 15px; text-align: center; text-transform: uppercase; width: 100%; font-weight:600; }
.quote_nav.tab li { list-style: outside none none; border-bottom: 1px solid #0140b1; cursor: pointer; }
.quote_nav li a { color: #fff; display: block; font-size: 14px; font-weight: 600; padding: 10px 0; text-transform: uppercase; }
.quote_nav li a:hover, .quote_nav li.active a { color:#faae00 }
.quote_nav.tab li ul { display:none; background: #5690f8 ; }
.quote_nav.tab li ul li { border-bottom:none; }
.quote_nav.tab li ul li a { border-bottom: 1px solid #0140b1; color: #fff; font-size: 14px; padding: 10px 15px; text-transform: capitalize; }
.quote_nav.tab li ul li:last-child a { border-bottom:none; }
.quick_links { background: #fff ; color: #333; margin-top: 10px; padding: 5px 10px 10px; text-align: center; width: 100%; }
.quick_links h2 { font-size: 18px; font-weight: 600; padding: 7px 0; }
.quick_links ul li a { color: #333; display: inline-block; padding-bottom: 5px; text-align: left; }
.quick_links ul li.app_store, .quick_links ul li.google_paly { display: inline-block; vertical-align: middle; margin-top:10px; }
#quote .right-section { background: #eee ; border: 1px solid #ccc; border-radius: 5px; float: left; margin-left: 15px; padding: 10px; width: 100%; }
#quote .right-section .request { position: relative; }
#quote .right-section .h1 { }
.contact_information, .school_information, .quote_information { background: #fff ; border: 1px solid #ccc; display: inline-block; margin-right: 1%; margin-bottom:10px; padding: 10px; vertical-align: top; width:100%; }
.contact_information .input, .quote_information .input, .school_information .input { display: inline-block; padding: 0 10px; width: 33%; vertical-align:top; }
.contact_information .full-width, .quote_information .full-width, .school_information .full-width { display:block; padding: 0 10px; vertical-align:top; }
.quote_information.last { margin-right:0; }
.contact_information input[type="text"], .school_information input[type="text"], .quote_information input[type="text"], .contact_information select, .school_information select, .quote_information select { width:100%; border:1px solid #ccc; padding:5px; margin:5px 0; }
.contact_information textarea, .school_information textarea, .quote_information textarea { border: 1px solid #ccc; height: 120px; margin: 5px 0; padding: 5px; width: 100%; }
.request_forms label { display: block; }
.request_forms h2 { background: #125de4 ; border-radius: 4px 4px 0 0; color: #fff; font-size: 14px; font-weight: 700; margin-bottom: 10px; padding: 10px 0; text-align: center; text-transform: uppercase; }
.request .request_top { display: block; float: left; margin: 10px 0 20px; width: 100%; }
#quote .right-section .request h1 { font-size: 20px;color: #125de4; font-weight: 600; text-transform: uppercase; margin: 10px 0; }
.request_top p a { color: #28a708 ; font-weight: 600; text-transform: capitalize; }
.request_forms p.margin { margin-bottom: 5px; }
.request_forms p span { margin-left:5px; }
.request_forms input[type="submit"] {	background-color: #28a708;	color: #fff;	/* margin: auto; */	border: 1px solid #28a708;
	width: auto;	display: block;	padding: 12px 40px 12px 40px;	border-radius: 32px;	font-size: 19px;	transition: 0.5s;
	text-align: center;	font-weight: 300;	text-transform: uppercase;float: right;}
	
.request_forms input[type="submit"]:hover { background:transparent;opacity: 1;border: 1px solid #28a708;color: #28a708 }
.request .school_action_bt { position: absolute; right: -10px; top: -20px; }
.request .school_action_bt ul li { display: inline-block; }
.request .school_action_bt a { background: #28a708 ; color: #fff; display: inline-block; font-size: 13px; font-weight: 600; padding: 8px 20px; text-align: center; text-transform:uppercase}

.request .school_action_bt a.blue { background:#125de4  }
.request .school_action_bt a strong { display: block; }
.request .school_action_bt a:hover { background:#125de4  }
.users.form.large-12 span { padding: 0 10px; }
.users.form.large-12 span a { color:#000 }
#change_image1 { margin-top: 31px; }
table.notes { width:100%; border:1px solid #ddd }
table.notes th { border-left: 1px solid #fff; background: #2b72f2 ; color: #fff; padding: 12px 20px; text-align: left; }
table.notes th:first-child { border-left: 0px solid #fff; }
table.notes th a { color: #fff; }
table.notes td { color:#000; padding: 12px 20px; text-align: left; border-left: 1px solid #ddd; border-top: 1px solid #ddd; }
table.notes td:first-child { border-left: 0px solid #fff; }
#search_tutor .column2 { background: #fff ; border: 1px solid #cdcdcd; border-radius: 5px; box-shadow: 2px 2px 2px #ddd; float: left; height: 210px; margin-left: 20px; margin-top: 20px; max-height: 210px; padding: 7px; width: 40%; }
#search_tutor .column1 { background: #fff ; border: 1px solid #cdcdcd; border-radius: 5px; box-shadow: 2px 2px 2px #ddd; float: left; height: 210px; margin-left: 20px; margin-top: 20px; max-height: 210px; max-width: 20%; padding: 10px; }
#search_tutor .column3 { background: #fff ; border: 1px solid #cdcdcd; border-radius: 5px; box-shadow: 2px 2px 2px #ddd; float: left; height: 210px; margin-left: 20px; margin-top: 20px; max-height: 210px; padding:10px; width: 40%; overflow:hidden; }
#search_tutor .column4 { background: #fff ; border: 1px solid #cdcdcd; border-radius: 5px; box-shadow: 2px 2px 2px #ddd; float: left; margin-left: 20px; margin-top: 20px; padding:10px; width: 97.6%; }
#search_tutor h3 { font-size: 20px; margin-bottom: 10px; }
#search_tutor .list_item, #search_tutor p { font-size: 15px; line-height: 27px; }
#search_tutor .text-col p { font-size: 12px; line-height: 16px; }
#search_tutor a { color: #faae00; font-weight: 600; }
#search_tutor a:hover { color:#e19d00 }
#search_tutor .column .text-col .list_item { font-size: 12px; line-height: 20px; padding: 2px 0 0; }
#contact_form input, #contact_form textarea { border: 1px solid #ddd; border-radius: 5px; box-shadow: none; margin: 5px 0; padding: 7px; width: 300px; }
#contact_form label { display: block; font-weight: 600; margin: 10px 0 0; }
#contact_form > h3 { margin: 10px 0 30px; }
.list_item.rating .document { display: inline-block; padding: 20px 0; width: 24.5%; }
#showyear th, #showyear td { padding: 6px 14px; text-align: center; }
#showyear td a { color:#000 }
#showyear th { background: #2b72f2 ; color: #fff; font-size: 18px; font-weight: 600; text-align: center; width: 33%; }
#showyear tr:nth-child(2n) { background: #ebebeb ; }
#showyear tr:nth-child(2n+1) { background: #fff ; }
table#showyear { border: 1px solid #ddd; margin:20px 0px 0px; }
.paginator { margin: 20px 0; text-align: center; }
.align-center { display:table; margin:0 auto }
.quotes_btn > a, .register_btn > a {
	background: #28a708 ;
	/* border-bottom: 2px solid #cd9a25; */
	border-radius: 4px;
	color: #fff;
	padding: 14px 51px 15px 40px;transition:0.6s;
	border-radius: 30px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: sans-serif;border:1px solid #2fcc08;
	margin: 25px 0px;display: inline-block;
}
.quotes_btn > a:hover, .register_btn > a:hover{background-color: transparent !important;opacity: 1;
border: 1px solid #28a708;color: #28a708;}
.quotes_btn, .register_btn { display: inline-block; margin: 0 5px; text-align: center; }
/*=============HELP=============*/

#help { margin:40px 0px; }
#accordion-1 h3 { cursor:pointer;/* background: rgba(0, 0, 0, 0) url("../images/accordian_head.png") repeat-x scroll center center;*/ border-radius: 5px; font-size: 20px; font-weight: 600; margin:15px 0 0px; padding: 6px 14px; position: relative; border:0px; color:#fff; 
background: rgba(21,148,65,1);
background: -moz-linear-gradient(left, rgba(21,148,65,1) 0%, rgba(3,188,68,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(21,148,65,1)), color-stop(100%, rgba(3,188,68,1)));
background: -webkit-linear-gradient(left, rgba(21,148,65,1) 0%, rgba(3,188,68,1) 100%);
background: -o-linear-gradient(left, rgba(21,148,65,1) 0%, rgba(3,188,68,1) 100%);
background: -ms-linear-gradient(left, rgba(21,148,65,1) 0%, rgba(3,188,68,1) 100%);
background: linear-gradient(to right, rgba(21,148,65,1) 0%, rgba(3,188,68,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#159441', endColorstr='#03bc44', GradientType=1 );height: 45px;
}
#accordion-1 p { color: #595050; display: block;  font-size: 14px; line-height: 23px; margin: 10px 0 0; }
.ui-icon-triangle-1-s { background: rgba(0, 0, 0, 0) url("../images/accordian.png") no-repeat scroll left top !important; display: block; height: 16px !important; position: absolute; transition: all 0.5s ease 0s; right: 10px !important; top: 19px !important; width: 17px !important; left:98% !important; }
.ui-icon-triangle-1-e { background: rgba(0, 0, 0, 0) url("../images/accordian.png") no-repeat scroll left bottom !important; transition: all 0.5s ease 0s !important; display: block; height: 16px !important; position: absolute; right: 10px !important; top: 19px !important; width: 17px !important; left:98% !important; }
#guide h2 { color: #28a708; font-weight: 700; padding-bottom:30px; text-transform: uppercase; }
#guide .dwnld-col { background: #f5f5f5 url("../images/downloads.png") no-repeat scroll 15px center; border-bottom: 2px solid #cecece; color: #2f2f2f; display: inline-block; font-size: 18px; font-weight: 600; margin: 0 3% 20px 0; padding: 30px 0 30px 110px; width: 36%; cursor:pointer }
#help .ui-accordion .ui-accordion-content { padding:0px !important }
#help .ui-widget-content { background: transparent  !important; border: 0 none !important; }
.license .col { background: rgba(255, 255, 255, 0.7) ; border: 1px solid #2b72f2; border-radius: 5px; color: #000; display: inline-block; height:320px; margin: 2%; padding: 0; vertical-align: top; width: 41%; }
.license-ul + hr { background: #000 ; border: 0 none; display: block; height: 1px; margin: 10px 0; }
.license .col h2 { background: #2b72f2 ; color: #fff; font-size: 18px; font-weight: 600; padding: 3px 10px; }
.license .col .info { line-height: 23px; padding: 10px; }
.license .col:last-child h2 { background: #faae00 ; }
.license .col:last-child { border:1px solid #faae00 }
.license-ul label::after { content: " :"; }
.license-ul label { display: inline-block; font-size: 15px; font-weight: 600; vertical-align: top; width: 190px; text-align: justify; margin-left: 30px; padding: 5px; }
.license-ul li { font-weight: 300; }
.license-ul label + div { display: inline-block; padding-left: 7px; }
.license-ul .change_password { clear: both; display: block; }
.license .col .info input[type="text"] { border: 1px solid #ddd; border-radius: 5px; padding: 6px 5px 8px; margin-bottom:8px; }
.license .col .message.success { color: green; display: block; font-size: 14px; padding: 6px 0; text-align: center; width: 100%; }
/*============COMMON TABLE============*/
table.data-table th a.desc { background: rgba(0, 0, 0, 0) url("../images/desc.png") no-repeat scroll right center; padding-right: 14px; }
table.data-table th a.asc { background: rgba(0, 0, 0, 0) url("../images/asc.png") no-repeat scroll right center; padding-right: 14px; }
table.data-table { border: 1px solid #ddd; margin:0px 0; width: 100%; word-wrap: break-word; }
table.data-table th { font-size:15px; border-left: 1px solid #fff; background: #0191c8 ; color: #fff; padding:10px 12px; text-align: left; }
table.data-table th:first-child { border-left: 0px solid #fff; }
table.data-table th a { color: #fff; }
table.data-table td { color:#333; padding:10px 12px; text-align: left; border-left: 1px solid #ddd; border-top: 1px solid #ddd; }
table.data-table td:first-child { border-left: 0px solid #fff; }
table.data-table tr:nth-child(2n) { background: #ebebeb ; }
table.data-table tr:nth-child(2n+1) { background: #fff ; }
.data-table input[type="text"] { border: 1px solid #ddd; border-radius: 5px; padding: 5px; max-width:120px; }
.data-table input.student_unique_number { width: 200px; }
.data-table select { padding: 5px; }
input[type="submit"] { cursor:pointer; background: #28a708 ; border-radius: 5px; padding:4px 10px; border:0px; border-bottom:2px solid #c18600; font-weight:700; color:#fff }
input.student_unique_number { text-align: center; width: 40px; }
input.admission_number { width:65px; }
input.dob.hasDatepicker { width: 85px; }
.data-table.roster select { max-width: 70px; padding:5px 2px; }
.view_btn, .edit_btn, .delete_btn { border-radius: 50%; display: inline-block; height: 30px; margin: 0 3px; overflow: hidden; text-indent: -9em; width: 30px; vertical-align: top; }
.view_btn { background: #f6c34c url("../images/view.png") no-repeat scroll center center; }
.edit_btn { background: #f6c34c url("../images/edit.png") no-repeat scroll center center; }
.delete_btn { background: #f6c34c url("../images/delete.png") no-repeat scroll center center; }
.starting-counter { background:rgba(0,0,0,0.6); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999999; }
.clock-img { background: rgba(0, 0, 0, 0) url("../images/clock-img.png") no-repeat scroll right center; height: 221px; left: 50%; margin-left: -109px; margin-top: -110px; padding-right: 14px; position: absolute; top: 50%; width: 218px; }
.starting-counter-wait { color: #000; font-size: 90px; font-weight: 600; height: 134px; left: 50%; margin-left: -25px; margin-top: -67px; position: absolute; text-align: center; top: 50%; width: 50px; z-index: 99; text-align:center }
table.data-table td input.input_box { border: 1px solid #c5c5c5; border-radius: 5px; max-width: 100%; padding: 4px 3px; }
table.data-table td input[name="dob"] { width: 90px; }
.correct_btn.green.hidden { display: none; }
.correct_btn.green { background: #15a753 url("../images/correct.png") no-repeat scroll center center; border-radius: 50%; display: inline-block; height: 20px; text-indent: -999em; width: 20px; }
.correct_btn.red { background: #ff0000 url("../images/correct.png") no-repeat scroll center center; border-radius: 50%; display: inline-block; height: 20px; text-indent: -999em; width: 20px; }
.correct_btn { background: #2b72f2 url("../images/correct.png") no-repeat scroll center center; border-radius: 50%; display: inline-block; height: 20px; text-indent: -999em; width: 20px; margin-top: 4px; cursor:pointer }
.cross_btn { background: #2b72f2 url("../images/cross.png") no-repeat scroll center center; border-radius: 50%; display: inline-block; height: 20px; text-indent: -999em; width: 20px; cursor:pointer }
.cross_btn.red { background: #ff0000 url("../images/delete-ico.png") no-repeat scroll center center; border-radius: 50%; display: inline-block; height:30px; text-indent: -999em; width:30px; cursor:pointer; vertical-align:top; }
.small_loader.hidden { display:none }
.small_loader { background:rgba(0, 0, 0, 0) url("../images/ajax-loader2.gif") no-repeat scroll center center; border-radius: 50%; display: inline-block; height: 20px; text-indent: -999em; width: 20px; margin-top: 4px; }
.search-filter { background: #f2f2f2 ; border-bottom: 1px solid #d5d5d5; margin: 10px 0 0; padding: 10px; }
.search-filter > form { display: inline-block; }
.search-filter a { cursor:pointer; background: #fbb515 ; border-radius: 5px; padding:4px 10px; border:0px; border-bottom:2px solid #c18600; font-weight:700; color:#fff }
.subscription-form input[type="submit"] { cursor:pointer; background: #fbb515 ; border-radius: 5px; padding:4px 10px; border:0px; border-bottom:2px solid #c18600; font-weight:700; color:#fff }
.search-filter .input.text { display: inline-block; }
.search-filter .input.text > input { border: 1px solid #bbbbbb; border-radius: 4px; margin: 0 5px; padding: 5px 30px 5px 5px; width: 200px; height: 30px; }
.search-filter .submit { display: inline-block; margin-left: -30px; }
.search-filter .submit input { background: #fbb515 url("../images/search-ico.png") no-repeat scroll center center; border: 0 none; border-radius: 0 2px 2px 0; color: #fff; cursor: pointer; font-weight: 700; height: 30px; overflow: hidden; text-indent: -999em; width: 25px; }
.white_wrapper small { display: inline-block; font-size: 14px; padding: 14px 0 0; }
.white_wrapper small + form { display: inline-block; vertical-align: top; }
.white_wrapper small + form .submit { display: inline-block; padding: 10px 0; }
.white_wrapper .info { background: #fbb515 ; font-weight: 600; margin-top: 10px; padding: 10px; }
.white_wrapper.license .info { background:transparent; }
.quick-usage-report li { display: inline-block; text-align: center; width: 33%; }
#become_member_popup h3 { color: #2b72f2; font-size: 24px; font-weight: 600; margin: 0; padding: 25px 20px 5px; }
.small-info { border-bottom: 1px solid #fff; font-size: 15px; line-height: 27px; padding: 0 20px 30px; }
.small-info a { display: table; margin: 40px auto 0; background: #faae00 ; border: 0 none; border-radius: 5px; box-shadow: 0 1px 0 #916500; color: #fff; transition: all 0.5s ease 0s; padding:5px 15px; }
#become_member_popup .login_form { display: block; margin: 0; padding: 20px; width: 100%; }
#become_member_popup h2 { color: #2b72f2; font-size: 24px; font-weight: 600; margin: 0; padding:0px 0px 25px; }
#become_member_popup .form-control { display: inline-block; margin-bottom: 20px; margin-right: 20px; padding: 0; vertical-align: top; }
#become_member_popup .form-control input { border: 1px solid #ddd; border-radius: 5px; margin-left: 10px; padding: 8px 10px; width: 200px; }
#become_member_popup .submit { display: inline-block; }
#showsearchmenu {display:none; background: #fff; border: 1px solid #ccc; border-radius: 0;box-shadow: 5px 5px 5px rgba(113, 113, 113, 0.48); left: 64%;padding: 4px;position: absolute;text-align: justify;top: 118px;z-index: 2147483647;}
#showsearchmenu p a { color: #000; display: table; font-size: 14px; padding: 7px 10px; width: 100%; }
#showsearch { background: #fff ; border: 1px solid #ccc; border-radius: 0; box-shadow: 5px 5px 5px rgba(113, 113, 113, 0.48); display: none; left: 50%; padding: 0; position: absolute; text-align: justify; top:62px; z-index: 2147483647; }
.search-field {border: 1px solid #919191; border-radius: 20px; padding: 5px; }
#showsearch p { display: block; margin: 0; padding: 0; width: 100%; }
#showsearch p a { color: #000; display: table; font-size: 14px; padding: 7px 10px; width: 100%; }
#showsearch p a:hover { background:#2b72f2; color:#fff }
#education_main { width: 23%; margin-right: 1%; margin-top: 10px; display: inline-block; vertical-align: top; }
.advance_search .mainslider { width: 33%; display: inline-block; margin-right: 1%; }
button#searchfilter { width: 12%; margin-top: 10px; vertical-align: top; height: 33px; border-radius: 0px; text-transform: uppercase; font-size: 14px; box-shadow: none; }
#education_main .input.text input[type="text"] { border: 1px solid #ddd; padding: 5px 4px; height: 35px; width:100% }
#search_tutor h3 { background: #5383d1 ; color: #fff; font-size: 18px; font-weight:700; padding: 3px 10px; text-transform: capitalize; }
#search_tutor .column3 span, #search_tutor .column2 span { font-weight: 600; }
.top_hour { background: #faae00 ; border: 2px solid #fff; border-radius: 50%; color: #fff; display: inline-block; font-size: 11px; height: 42px; left: -14px; line-height:29px; padding: 5px 4px; position: absolute; text-align: center; top: -14px; width: 42px; word-wrap: break-word; }
#testimonial .name > a { color: #fff; display: block; font-size: 19px; font-weight: 600; padding: 10px 0; }


.homework { border: 1px solid #faae00; border-radius: 5px; display: inline-block; margin-bottom: 15px; margin-right: 1%; padding: 10px; vertical-align: top; width: 32%; }
.homework.profile {  border-radius: 5px; display: inline-block; width:100%;  vertical-align: top; background: #f8fafc; border: 1px solid #dddddd; margin: 20px auto; padding: 30px; }
.homework .form-group{width:20%; float:left; padding-left:10px; padding-right:10px;}
.homework .form-group label{ display:block; font-weight:700; font-size:16px;}
.homework .form-group .form-control{ padding:8px 12px; border:1px solid #ddd ; width:100%; border-radius:3px; }
.disabled{ cursor:no-drop; background:#f2f2f2;}
.homework li { padding: 7px 0; }
.homework li label { font-weight: 700; }
.homework_Activities li { list-style: inside disc; padding: 3px 0px 3px 10px; color: #faae00; background: #d9edf7; margin: 5px 0px; }
.homework_Activities li.complete { background: #dff0d8; }
.homework_Activities li a { color: #000000; }
.homework_Activities li .complete-icon { background: url("../images/tick-black.png") no-repeat center; width: 17px; height: 13px; display: inline-block; margin-left: 7px; }
/**************Feedback****************/
.wrapper.feedback { background: #f8fafc ; border: 1px solid #dddddd; margin: 40px 2%; width:96%; padding: 30px; display:inline-block; }
.wrapper.feedback form { margin: 0; }
.wrapper.feedback div.input { float:left; margin:10px 1%; width: 31.33%; }
.wrapper.feedback div.input label { display: block; font-size: 14px; margin-bottom: 6px; width: 100%; font-weight:700; }
.wrapper.feedback div.input input { border: 1px solid #ddd; height: 39px; padding: 5px; width:100%; }
.wrapper.feedback h2 { border-top: 1px solid #e6e6e6; font-size: 18px; margin-top: 25px; padding-top: 25px; }
.wrapper.feedback h3 { font-size: 18px; }
.wrapper.feedback li label { display: inline-block; text-align: center; width: 190px; }
.wrapper.feedback li.headings { font-size: 16px; font-weight: 600; }
.wrapper.feedback li.headings input { display: none; }
.wrapper.feedback li span { margin: 0 7px; }
.wrapper.feedback li span { display: inline-block; font-weight: 600; text-align: left; width: 110px; }
.wrapper.feedback li label { display: inline-block; text-align: center; width: 190px; }
.wrapper.feedback div.input.textarea { display: inline-block; margin-bottom: 16px; margin-right: 3%; margin-top: 37px; width: 100%; }
.wrapper.feedback div.input.textarea textarea { border: 1px solid #ddd; height:180px; padding: 5px; width: 95%; }
.wrapper.feedback li { padding: 12px 0; }
.question-title p span { }
.responsive-table { max-width: 100%; }
.lSSlideOuter .lSPager.lSpg { display: none; }
.footerslider { margin: 0 auto; max-width: 100%; width: 800px; }
#content-slider { max-height:320px !important }
#search_tutor .advance_search a.topregister { background: #faae00 ; color: #fff; float: right; margin-top: 10px; padding: 6px 20px; text-align: right; }
#search_tutor .list_item, #search_tutor p { font-size: 15px; line-height: 27px; }
.advance_search .serachcolumn { display: inline-block; margin-right: 0.5%; padding: 12px 0; width: 11%; }
.advance_search .serachcolumn input { margin: 0 6px; }
.advance_search .serachcolumn label { font-weight: 600; }
#search_tutor .advance_search p { clear: both; }
/*===============TIME TABLE================*/
.right-section iframe .ytp-cued-thumbnail-overlay .ytp-cued-thumbnail-overlay-image{    -webkit-background-size: 100%;    background-position: 100%;
}
#time-table { background: #ffffff; padding: 40px 0px; }
#time-table .left-section { margin-top:4px; display: inline-block; height: 492px; padding-right: 2%; vertical-align: top; width: 30%; position:relative; }
#time-table .left-section .slideshow.videos { height: 450px !important; }
#time-table .right-section { background: #000; display: inline-block; height: 450px; padding: 18px 40px; vertical-align: top; width: 69%; border-radius: 12px; border: 2px solid #000; }
#time-table h2 { color: #333; font-size:32px; font-weight: 300; text-align: center; margin-bottom: 15px; }
#time-table h6 {	text-align: center;	font-weight: 300;	font-size: 22px;	color: #2b72f2;
	margin-bottom: 35px;}
#time-table hr {	display: block;	width: 200px;	border-color: #2b72f2;	margin: 20px auto 10px auto;}	
#students h2 { color: #333; font-size:32px;  text-align: center; margin-bottom: 15px; }
.world_top_heading {  text-align: right; width: 100%; }
/*=========style button=========*/
.switch { position: relative; display: block; vertical-align: top; width: 100px; height: 30px; padding: 3px; margin: 0 10px 10px 0; background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px); background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px); border-radius: 18px; box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05); cursor: pointer; }
.switch-input { position: absolute; top: 0; left: 0; opacity: 0; }
.switch-label { position: relative; display: block; height: inherit; font-size: 10px; text-transform: uppercase; background: #eceeef; border-radius: inherit; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15); }
.switch-label:before, .switch-label:after { position: absolute; top: 50%; margin-top: -.5em; line-height: 1; -webkit-transition: inherit; -moz-transition: inherit; -o-transition: inherit; transition: inherit; }
.switch-label:before { content: attr(data-off); right: 11px; color: #aaaaaa; text-shadow: 0 1px rgba(255, 255, 255, 0.5); }
.switch-label:after { content: attr(data-on); left: 11px; color: #FFFFFF; text-shadow: 0 1px rgba(0, 0, 0, 0.2); opacity: 0; }
.switch-input:checked ~ .switch-label {
    background: #E1B42B;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
    opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
    opacity: 1;
}
.switch-handle { position: absolute; top: 4px; left: 4px; width: 28px; height: 28px; background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0); background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0); border-radius: 100%; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); }
.switch-handle:before { content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; width: 12px; height: 12px; background: linear-gradient(to bottom, #eeeeee, #FFFFFF); background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF); border-radius: 6px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.02); }
.switch-input:checked ~ .switch-handle {
    left: 74px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}
/* Transition
========================== */
.switch-label, .switch-handle { transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; }
.video-item { display: inline-block; margin: 0 0 20px; padding: 0 10px; width: 33.33%; }
.video-item iframe { width:100% }
.video-item > label { background: #000 ; color: #eee; display: block; font-size: 12px; font-weight: 600; padding: 3px; text-align: center; }
#printquetsionans .wrong-answer.next-question { background: #fff ; border: 0 none; border-radius: 6px; font-size: 15px; margin-bottom: 10px; padding: 0; position: relative; width: 90%; }
.next-question .next-question-btn { background: #faae00 ; border: 0 none; border-radius: 5px; box-shadow: 0 1px 0 #916500; color: #fff; cursor: pointer; padding: 6px 15px; transition: all 0.5s ease 0s; }
/*=============Avatar=============*/
#preloaderHolder { background: #fff ; color: #26a69a; font-size: 17px; height: 100%; left: 0; overflow: hidden; padding-top: 20%; position: absolute; text-align: center; top: 0; width: 100%; z-index: 1000; }
.select_gender { display: table; margin: 0 auto; text-align: center; width:100%;}
.select_gender h3 { color: #2b72f2; font-size: 18px; padding: 20px 0 40px; text-transform: uppercase; }
.select_gender .col { display: inline-block; margin: 0 20px; }
.select_gender > p { font-size: 15px; padding: 60px 0 30px; }
.avatar-container { display: table; margin:35px auto; }
.download_btn { display: inline-block; }
.download_btn a { background: #f2332d url("../images/download.png") no-repeat scroll 6px center; border-radius: 0; color: #fff; cursor: pointer; display: inline-block; font-size: 12px; margin-top: 18px; padding: 8px 8px 8px 37px; text-transform: uppercase; vertical-align: top; border-radius:4px; }
.download_btn small { padding:0px; }
.download_btn small a { color: #fff; font-size: 12px; }
.fileUpload input.upload { border-radius: 4px; cursor: pointer; font-size: 20px; height: 37px; left: 0; margin: 0; opacity: 0; padding: 0; position: absolute; right: 0; top: 0; width: 100%; filter: alpha(opacity=0); }
.uploading-form { display: inline-block; margin: 18px 0 0 18px; vertical-align: top; }
.uploading-form > input#uploadFile { border-radius:4px; border:1px solid #ddd; display: inline-block; padding: 9px 7px; vertical-align: top; }
.fileUpload.btn.btn-primary { display: inline-block; position:relative }
.fileUpload span { background: #f2332d url("../images/upload.png") no-repeat scroll 6px center; color: #fff; display: inline-block; margin: 0; overflow: hidden; padding: 8px 8px 8px 37px; position: relative; border-radius:4px; }
.uploading-form .submit { display: inline-block; vertical-align: top; }
.uploading-form .submit input { height: 36px; border: 0 none; border-radius: 0; cursor: pointer; padding: 8px 15px; text-transform: uppercase; border-radius: 4px; }
.already_registered { margin: 20px 0; width: 100%; }
.already_registered table.data-table { border: 3px solid #125ce3; margin: 0; width: 100%; word-wrap: break-word; }
.already_registered h3 { background-color: #fcf8e3; border: 1px solid #faebcc; border-radius: 4px; color: #8a6d3b; font-weight: 600; margin: 0 0 20px; padding: 10px; }
.already_registered ul li { background: #fff ; border-bottom: 1px solid #ddd; font-size: 14px; padding: 10px; }
/*===============SKILL REPORTS==================*/
#skill-report { background: #ecf0f5; padding: 30px 0px; }
#skill-report .title { color: #1f1f1f; font-size: 28px; font-weight: 600; text-align: center; }
#skill-report p { font-size: 14px; text-align: center; margin: 20px 0px; }
#skill-report img { max-width: 1148px; margin: auto; width: 55%; height: auto; vertical-align: baseline; display: block; padding: 20px; }
.reports-filter { background: #fff ; border: 1px solid #bababa; border-radius: 5px; margin: 20px 0; }
.reports-filter > h2 { background: #f4f4f4 ; border-bottom: 1px solid #bababa; border-radius: 5px 5px 0 0; color: #f3342e; font-size: 18px; font-weight: 600; padding: 6px 12px; text-transform: uppercase; }
.reports-filter form { padding: 30px 15px; }
.reports-filter form .datepicker_ { border: 1px solid #bababa; border-radius: 3px; font-size: 14px; height: 35px; padding: 4px; width: 200px; color: #888; }
.reports-filter form .submit { display: inline-block; vertical-align:top; margin-left:5px; }
.reports-filter form .submit input[type="submit"] { height:33px; }
.head-link { background-color: #fcf8e3; border: 1px solid #ecd5a6; border-radius: 6px; color: #8a6d3b; display: block; padding: 10px; }
#time-table .left-section .slideshow.videos img { height: 146px !important; margin-bottom: 4px; width: 300px; cursor:pointer; }
.center #prev4 { background: #000 url("../images/upside.png") no-repeat scroll center center; border-radius: 50%; height: 22px; left: 38%; overflow: hidden; position: absolute; text-indent: -999em; top: 0; width: 25px; }
.center #next4 { background: #000 url("../images/down.png") no-repeat scroll center center; border-radius: 50%; bottom: 48px; height: 21px; left: 38%; overflow: hidden; position: absolute; text-indent: -999em; width: 20px; }
.reports-school-filter { margin: 16px 0px 0px; float: right; width: 100%; background: #f2f2f2; padding: 6px 0px 13px 12px; }
/*A.R*/
.user img:first-child { border-radius: 50%; float: left; height: 40px; margin-right: 10px; width: 40px; }
.profile-box img { width: 110px; }
.winner_image { text-align: center; margin-bottom: 7px; display: block; }
.winner_image img { width: 200px; height:200px; border-radius:50% }
.bxslider-wrap { visibility: hidden; height: auto; }
.challenge-user .image-col img { border-radius: 50%; height: 150px; margin-top: 0; top: 0px; width: 150px; }
.challenge-user .image-col.dummy img { border: 3px solid #3facb5; }
.challenge-user .image-col.dummy img:hover { border: 3px solid #28a708 ; }
.challenge-user .image-col img { border: 3px solid #3facb5; }
.challenge-user .image-col img:hover {border: 3px solid #36d40e;}
.back ul { font-size: 15px; }
.back b { display: block; font-size: 16px; font-weight: 600; margin-bottom: 5px; padding: 7px 0; text-transform: uppercase; color:#fff }
.colors-activity .yellow .back b { background: #00bffe }
.colors-activity .blue .back b { background: #8bc34a }
.colors-activity .red .back b { background: #fec606 }
.colors-activity .green .back b { background: #f44336 }
.colors-activity .purple .back b { background:  #fe66cb }
.colors-activity .cherry .back b { background: #48d1cc }
.colors-activity .sky .back b { background: #673ab7 }
.colors-activity .pink .back b { background: #ff7b00 }
.colors-activity .dark-blue .back b { background: #ef597b }
.colors-activity .back ul li { color: #000; font-size: 14px; list-style: inside none circle; padding: 1px 0 0 17px; text-align: left; }
.colors-activity .back ul li:last-child { background: #2b72f2 ; border-radius: 2px; bottom: 0; color: #fff; display: table; margin: 6px auto; padding: 4px 10px; text-align: center; }
.data-table ul li { padding: 5px 0; }
table.data-table.homework-table td:last-child { max-width:250px; }
/*================================================*/
.complete > i { color: #85b100; font-size: 17px; padding-left: 10px; }
.incomplete > i { color: #ff0000; font-size: 17px; padding-left: 10px; }
.student-reports-head li:first-child { border-left: 0 none; }
.student-reports-head li { border-left: 1px solid #e1e1e1; display: inline-block; padding: 0 0px 0px; text-align: center; width:19%; border-bottom: 1px solid transparent; }
.student-reports-head.school_nav li { width:16.33%; }
.student-reports-head.school_nav li:nth-child(6) a { background: #fff url("../images/coverage.png") no-repeat scroll center top; }
.student-reports-head li a { color: #777; display: block;font-size: 14px; font-weight: 300; padding: 48px 0px 10px; text-transform: uppercase; margin:0px 6px 0px 10px; }
.student-reports-head li:first-child a { background: #fff url("../images/usage.png") no-repeat scroll center top; }
.student-reports-head li:nth-child(2) a { background: #fff url("../images/performance.png") no-repeat scroll center top; }
.student-reports-head li:nth-child(3) a { background: #fff url("../images/trouble.png") no-repeat scroll center top; }
.student-reports-head li:nth-child(4) a { background: #fff url("../images/awards-ico.png") no-repeat scroll center top; }
.student-reports-head li:nth-child(5) a { background: #fff url("../images/coverage.png") no-repeat scroll center top; }
.student-reports-head li.progress_over_ico a { background: #fff url("../images/icon-growth-over-time.png") no-repeat scroll center top; }
.student-reports-head li.leaders_board_ico a { background: #fff url("../images/leaders_board_ico.png") no-repeat scroll center top; }
.student-reports-head li a:hover, .student-reports-head li.active a { border-bottom: 1px solid #00c0ef; }
.student-reports-head li a:hover { color: #000; }
.activities .filters-main { margin: 30px 0px; float: right; }
.filters-main .ui-selectmenu-button { margin-left: 15px; }
.activities h1 { color: #464646; font-weight:700; margin: 0 0 0px; padding: 0 0 5px; }
.reports-main .sub { font-weight: 700; color: #333333; font-size: 16px; border-bottom: 1px solid #ddd; padding-bottom: 15px; }
.main-boxes .info-box { background: #fff ; border: 1px solid #ddd; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); display: inline-block; margin-bottom: 15px; margin-left: 3%; min-height: 90px; width: 31%; }
.main-boxes .info-box:first-child { margin: 0px; }
.info-box-icon { background: rgba(0, 0, 0, 0.2) ; border-radius: 2px 0 0 2px; display: block; float: left; font-size: 45px; height: 90px; line-height: 90px; text-align: center; width: 90px; }
.info-box-content { margin-left: 90px; padding:5px 10px 5px 15px; }
.info-box-text { display: block; font-size:16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.info-box-number { display: block; font-size:20px; font-weight: bold; }
.info-box small { font-size: 14px; }
.bg-aqua { background-color: #2b72f2 !important; }
.bg-red { background-color: #f3342e !important; }
.bg-green { background-color: #faae00 !important; }
.main-boxes { margin-top: 20px; }
.info-box-icon i { display: inline-block; height: 34px; width: 34px; }
.info-box-icon i.ion-ios-gear-outline { background:url("../images/answer.png") no-repeat scroll center top; }
.info-box-icon i.fa-google-plus { background:url("../images/time-ico.png") no-repeat scroll center top; }
.info-box-icon i.fa-google-plus02 { background:url("../images/time-ico.png") no-repeat scroll center top; }
.info-box-icon i.ion-ios-cart-outline { background:url("../images/checklist-clipboard.png") no-repeat scroll center top; }
.filters-main .ui-selectmenu-button span.ui-icon { background: rgba(0, 0, 0, 0) url("../images/drop-down.png") no-repeat scroll center top !important; left: 90% !important; position: absolute; top: 65% !important; }
.reports-main #column-chart { display: inline-block; width: 50%; margin: 30px 0px; border: 1px solid #efefef; border-radius: 5px; border-top: 2px solid #cbcbcb; }
.reports-main #pie-chart { display: inline-block; margin:0px; padding:10px 10px; vertical-align: top; width:100%; border: 1px solid #efefef; border-radius: 5px; border-top: 2px solid #cbcbcb; overflow-y:hidden; }
.reports-main #column-chart { padding-bottom: 2px; width:100%; margin: 20px 0px; border: 1px solid #d8d8d8; border-radius: 5px; border-top: 2px solid #c2c2c2; }
.reports-main #column-chart .highcharts-container { border-radius: 5px; width: 99% !important; }
.reports-main #column-chart svg { width: 100% !important; }
.progress-group .progress-text { font-weight: 600; }
.progress-group .progress-number { float: right; }
.progress.sm, .progress-sm { height: 10px; border-radius: 1px; background-color: #f5f5f5; border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; height: 20px; overflow: hidden; }
.progress-bar-aqua, .progress-bar-info { background-color: #00c0ef; }
.progress-bar-blue { background-color: #006cff; }
.progress-bar { background-color: #337ab7; box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset; color: #fff; float: left; font-size: 12px; height: 100%; line-height: 20px; text-align: center; transition: width 0.6s ease 0s; width: 0; }
.progress-bar-red, .progress-bar-danger { background-color: #dd4b39; }
.activities #pie-chart h2 { color: #000; font-size: 19px; font-weight: 700; padding-bottom: 20px; text-align: center; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border:1px solid #ddd !important }
.woocommerce #yith-woo-ajax-navigation-9 ul.yith-wcan-color li.chosen a { border-radius: 50%; }
.progress-bar-green, .progress-bar-success { background-color: #00a65a; }
.progress-bar-blue { background:#006cff }
.progress-bar-red { background:#ff0000 }
.progress-bar-orange { background:#ff8400 }
.progress-bar-gray { background:#8e8e8e }
.given-questions { padding:10px; display:block; margin: 30px 0px; border: 1px solid #d8d8d8; border-radius: 5px; border-top: 2px solid #c2c2c2; }
.given-questions h2 {  font-size: 24px; font-weight:600; color: #545454; padding-bottom: 10px; border-bottom: 1px solid #E1E1E1; margin-bottom: 15px; }
.given-questions .accordian h3 { background:#0191c8; color: #fff; padding: 10px; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { left: 97% !important; }
.activity_heading { border: 1px solid #f4f4f4; border-top: 2px solid #9d9d9d; border-radius: 3px 3px 0 0; color: #444; font-weight: 300; padding: 5px; background: #fff url("../images/addic.png") no-repeat scroll 99% center; cursor: pointer; font-size: 16px; font-weight: 700; }
.activity_heading.showing { background: #fff url("../images/sub-ic.png") no-repeat scroll 99% center; }
.slideshow_container { background: #fff ; padding: 10px 15px; }
.given-questions .accordian ul li.grid-item { border: 1px solid #ddd; border-radius: 4px; margin-bottom: 10px; padding: 20px; vertical-align: top; }
#given_correct_answer { background: rgba(0, 0, 0, 0) url("../images/ok.png") no-repeat scroll left 0px !important; padding-left: 33px; min-height: 30px; }
#given_wrong_answer { background: rgba(0, 0, 0, 0) url("../images/red_cross.png") no-repeat scroll left 5px !important; padding-left: 36px; }
.control_btn a { background: #faae00 ; border-radius: 4px; color: #fff !important; display: inline-block; font-weight: 600; margin: 10px 0 0; padding: 5px; }
.ui-accordion .ui-accordion-content { border-top: 0 none; overflow: auto; padding: 1em 15px !important; }
.activity_info { background: #f9f9f9 ; padding:7px; }
.nothing_did { color: #ff0000; display: block; text-align: center; width: 100%; }
.slideshow h4.question_name_heading { display: block; }
.ek_container { border: 1px solid #ddd; margin-bottom: 20px; border-radius: 5px 5px 0 0; }
.slideshow_container .slideshow li:last-child { border: 0 none; }
.slideshow_container .slideshow li.grid-item { position:relative; border-bottom: 1px solid #ddd; margin-bottom: 10px; padding-bottom: 20px; }
.performance .performance_heading { background: #0191C8 ; color: #fff; display: block; font-weight: 700; padding: 10px; width: 100%; }
.performance .performance_heading span { display:inline-block; }
.performance .performance_heading span:nth-child(1), .performance.given-questions .accordian ul li span:nth-child(1) { width: 30%; }
.performance .performance_heading span:nth-child(2), .performance.given-questions .accordian ul li span:nth-child(2) { width: 10%; }
.performance .performance_heading span:nth-child(3), .performance.given-questions .accordian ul li span:nth-child(3) { width: 10%; }
.performance .performance_heading span:nth-child(4), .performance.given-questions .accordian ul li span:nth-child(4) { width: 25%; }
.performance .performance_heading span:nth-child(5), .performance.given-questions .accordian ul li span:nth-child(5) { width: 37%; }
.curriculum .performance_heading span:nth-child(1), .curriculum.given-questions .accordian ul li span:nth-child(1), .curriculum .accordian h3 span:nth-child(1) { display:inline-block; width:49%; }
.curriculum .performance_heading span:nth-child(2), .curriculum.given-questions .accordian ul li span:nth-child(2), .curriculum .accordian h3 span:nth-child(2) { display:inline-block; width:15%; text-align: center; }
.curriculum .performance_heading span:nth-child(3), .curriculum.given-questions .accordian ul li span:nth-child(3), .curriculum .accordian h3 span:nth-child(3) { display:inline-block; width:35%; text-align: center; }
.performance.given-questions .accordian ul li span { display:inline-block; vertical-align:top }
.performance.given-questions .accordian ul li { background: #fff ; border: 0px; border-radius: 3px 3px 0 0; margin:0px; padding: 5px; vertical-align: top; }
.performance .ui-accordion .ui-accordion-content { padding: 5px !important; }
.performance.given-questions .accordian h3 { border:1px solid #f4f4f4; border-top:2px solid #9d9d9d; border-radius: 3px 3px 0 0; color: #444; font-weight: 300; padding: 5px; background:#fff; }
.performance.given-questions .accordian li { border: 1px solid #f4f4f4; border-radius: 3px 3px 0 0; margin: 15px 0 0; }
.performance .ui-accordion .ui-accordion-header .ui-accordion-header-icon { margin-top: -13px !important; }
.performance.given-questions .accordian ul li:nth-child(2n) { background: #e7ecf8 ; }
.performance.given-questions .accordian ul li .performance-ul > li { border: 0 none; margin: 0; padding: 10px; width: 100%; }
span.fifth { background: #ccc; overflow: hidden; }
span.fifth .progress_bar { background:#018c01; color: #fff; font-weight: 600; padding-right: 19px; text-align: right; }
/*=======================*/
.activities_listing .column li span { width: 12px; height: 12px; display: inline-block; border-radius: 50%; margin-top: 0px; position: relative; padding: 0px; top: 0px; margin-right: 3px; background:#888888 }
.activities_listing .column li span.notstarted { background: #888888; }
.activities_listing .column li span.beginer { background: #ff0000; }
.activities_listing .column li span.intermidiate { background: #ff9600; }
.activities_listing .column li span.expert { background:#46ae00 url("../images/tick-s.png") no-repeat scroll center; }
.activities .filters-main { margin: 16px 0px 0px; float: right; width: 100%; background: #f2f2f2; padding: 6px 0px 13px 12px; }
.activities .filters-main + h1 { margin: 0px 0 0px; clear: both; display: block; padding: 10px 0px 0px; }
.activities .filters-main .date_range_reports, .activities .filters-main .year_range, .activities .filters-main .submit, .activities .filters-main .report_type { display: inline-block; vertical-align: top; padding: 0px 0px 0px 10px; }
.activities .filters-main .radios { display: inline-block; margin-left: 1%; width: 28%; }
.activities .filters-main .radios .custom_radio { display: inline-block; padding-top: 10px; width: 33%; }
.activities .filters-main .report_type label { display: inline-block; margin: 10px 10px 0 0; }
.activities .filters-main .year_range label { padding: 0px 5px; }
.activities .filters-main .date_range_reports label, .activities .filters-main .date_range_reports .input { display: inline-block; padding: 0px 5px 0px 0px; }
.activities .filters-main .date_range_reports .input input { width:235px; border: 1px solid #bababa; padding: 4px; color: #888; border-radius: 3px; height:28px; }
.activities .filters-main .year_range select { width:235px; border: 1px solid #bababa; padding: 4px; border-radius: 3px; height:28px; }
.activities .filters-main .date_range_reports h4, .activities .filters-main .year_range h4 { margin-bottom: 7px; }
.activities .filters-main .submit input { margin-top: 26px; height: 28px; }
table.data-table.main_table tr:nth-child(2n), table.data-table.main_table tr:nth-child(2n+1) { background: transparent; }
.show span { background: transparent url("../images/compress.png") no-repeat scroll center; width: 30px; height: 30px; background-size: 100% 100% !important; padding: 0px; display: table; margin: 0 auto; cursor: pointer; }
.show span.expand { background: transparent url("../images/expand.png") no-repeat scroll center; }
table.data-table.table_inside { margin: 0px; }
tr.hidden_table td { background: #f5f5f5; }
.progress_bar.progress_hover { cursor: pointer; }
.performance.given-questions .accordian li h3 { background:#fff url("../images/addic.png") no-repeat scroll 99% center; font-weight:700 }
.performance.given-questions .accordian li.showing h3 { background: #fff url("../images/sub-ic.png") no-repeat scroll 99% center; font-size: 15px; font-weight: 700; }
ul li.chlid.showing > h3 { background: #fff url("../images/sub-ic.png") no-repeat scroll 99% 8px !important; padding-right: 3% !important; }
ul li.chlid > h3 { background: #fff url("../images/addic.png") no-repeat scroll 99% 8px !important; padding-right: 3% !important; }
.reports li.parent .inner, .reports .performance-ul.accordian inner { background: #f6f6f6 ; padding: 10px; }
span.view_solution { background: #00a65a ; border: 1px solid #008448; bottom: 10px; color: #fff; cursor:pointer; padding:8px; position: absolute; right:8px; }
.given-questions .accordian .ui-widget-content { background: transparent ; border: 1px solid #efefef; margin: 0; }
.given-questions .accordian h3 .right_side { float: right; padding-right: 3.5em; }
input[name=report_ty] { margin-left: 12px; }
.request_forms label.error { color: #ff0000; font-size: 12px; position: relative; }
button.paybt { float: right; margin-top: 10px; }
section#online_challenge { text-align: center; }
section#online_challenge .title {	font-size: 32px;	font-weight: 300;	/* padding: 20px 0; */	color: #333;
	margin-bottom: 15px;}
section#online_challenge hr {	display: block;	width: 200px;	border-color: #2b72f2;	margin: 20px auto 10px auto;}	
section#online_challenge h2 { text-transform: uppercase;color: #333333;font-size: 15px;font-weight: 700; padding: 0 0 20px; }
section#online_challenge h6 {	text-align: center;	font-weight: 300;	font-size: 22px;	color: #2b72f2;	margin-bottom: 30px;}
.online-challenge-start .left-section .person_info .image-col img { width: 70px; }
ul.home_page_levels li { background:#cecece; display: inline-block; margin: 10px 5px 20px; padding: 20px; color: #fff; font-size: 30px; line-height: 30px; cursor: pointer; }
ul.home_page_levels li.active { background: #28a708; border: 2px solid #2b72f2;; }
.online-challenge-result .challenge-result li .person_info .image-col img { /*width: 90px; */ width: 70px;}
.team img { width: 32px; }
.expiry_note { color: #ff0000; margin: 0 auto; padding: 10px 0; width: 1170px; }
.expiry_note > a { background: #2ca0b9 ; color: #fff; cursor: pointer; padding: 3px 5px; }
a:link { cursor:pointer }
a:link:hover { opacity: 0.8; }
#pie-chart ul li { cursor: pointer; display: inline-block; margin-bottom: 20px; padding: 0 15px 0 0; }
#pie-chart ul li span { width: 10px; height: 10px; border-radius: 50%; background: red; display: inline-block; margin-right: 7px; }
#pie-chart ul li:nth-child(1) span { background: #00A65A; }
#pie-chart ul li:nth-child(2) span { background: orange; }
#pie-chart ul li:nth-child(3) span { background: red; }
.not_done { text-align: center; font-size: 16px; font-weight: 700; }
.data-table.table_awards td { font-size: 14px; padding: 10px 20px; vertical-align: middle; }
.data-table.table_awards td img { display: inline-block; margin-left: 29px; width: 50px; }
.Activity_table { height:300px }
.select-levels ul li { display: inline-block; font-weight: 600; padding-right: 20px; }
.select-levels { display: block; margin-bottom: 20px; }
.go-btn-div { margin-bottom: 40px; display: block; }
.back_to_main { display:none }
.back_to_main { font-size: 15px; font-weight: 600; margin: 5px 0 10px; cursor: pointer; float: right; background: #FBB515; padding: 5px 10px; border-radius: 5px; color: #fff; }
ul.charts li { width: 170px; display: inline-block; border: 1px solid #aaa; margin-left: 5px; }
.custom_radio { position: relative; }
.custom_radio input[type="radio"] { cursor: pointer; float: left; height:25px; left: 0; opacity: 0; position: absolute; top: 1px; width:25px; }
.custom_radio input[type="radio"] + label {text-transform: uppercase; background-image: url("../images/radio.png"); background-position: 0 0; background-repeat: no-repeat; clear: none; cursor: pointer; display: inline-block; margin: 0; padding: 0 0 14px 37px; width: 100%;text-transform: uppercase;color: #333333;font-size: 15px;font-weight: 700; }
.custom_radio input[type="radio"]:checked + label { background-image: url("../images/radio-check.png"); background-position: 0 0; }
.custom_radio input[type="radio"] + div { background-image: url("../images/radio.png"); background-position:0 center; background-repeat: no-repeat; clear: none; cursor: pointer; display: inline-block; margin: 0; padding: 0 0 14px 37px; width: 100%; }
.custom_radio input[type="radio"]:checked + div { background-image: url("../images/radio-check.png"); background-position:0 center; }
#column-chart .custom_radio { display: inline-block; margin: 10px; }
ul.pie-key { text-align: center; }
/*=============certificate=============*/
.fancybox-inner .certificate.list { background: rgba(0, 0, 0, 0) url("../images/certificate.jpg") no-repeat scroll center top / 100% auto; height: 506px; margin: 0 auto; position: relative; width: 700px; }
.fancybox-inner .certificate.list .certificate_date { bottom: 73px; left:130px; position: absolute; font-size: 15px; font-weight: 600; }
.fancybox-inner .certificate.list .cert_sign, .fancybox-inner .certificate.list .cert_date { display: none; }
.fancybox-inner .certificate.list .sign { bottom:73px; font-size: 15px; font-weight: 600; right:80px; position: absolute; }
.certificates li { background: #d3d3d3 ; display: inline-block; margin: 20px 1%; padding: 20px; vertical-align: top; width: 31%; line-height:25px; }
.fancybox-inner .certificate.list a { display:none; }
.fancybox-inner .certificate .student_name { display: block; font-size: 22px; font-weight: bold; padding: 12px 0; }
.fancybox-inner .certificate.list .main_center { height: 67%; position: absolute; text-align: center; top: 33%; width: 100%; }
.certificate_name { font-size: 20px; font-weight: 600; }
.certificate_to::after { content: ":"; }
.certificate_to { display: inline-block; font-size: 15px; font-weight: 600; }
.certificate .student_name { display: inline-block; }
.certificates li a { margin-top: 20px; cursor: pointer; background: gray ; color: #fff; display: inline-block; margin-right: 10px; padding: 3px 13px; }
.certificates li .sign > img { width: 70px; }
.given-questions .certificates li div { display:block !important; }
#pie_activities .data-table { table-layout: inherit; }
#pie_activities .data-table td:last-child { width: 25%; }
ul.school_leaders_board { display: table; width: 100%; }
ul.school_leaders_board li { display: block; width: 100%; float: left; border-bottom: 1px solid #ddd; padding: 10px; }
ul.school_leaders_board li span { width:16%; display: inline-block; text-align: center; vertical-align: middle; padding: 0px 18px; font-size: 20px; font-weight: 700; }
ul.school_leaders_board li span.heading { font-size: 20px; font-weight: 600; color: #000; text-align: center; padding: 5px; display: inline-block; }
ul.school_leaders_board li img { border-radius: 50px; height: 100px; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #000 !important;
}
input:-moz-placeholder, input::-moz-placeholder, textarea:-moz-placeholder, textarea::-moz-placeholder {
    color: #000 !important;
    opacity: 1;
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
    color: #000 !important;
}
.hasDatepicker { color: #000 !important; }
#pie_activities .data-table th:last-child { text-align: center; }
ul.school_leaders_board li span.name { display: block; text-align: center; width: 100%; }
ul.school_leaders_board li span label { display: block; font-size: 15px; }
ul.school_leaders_board li span.name, ul.school_leaders_board li span.text { display: block; text-align: center; width: 100%; font-size: 15px; }
tr.heading_for_objectives th { background: #0191C8; color: #fff; border: 0px; }
.given-questions.performance.curriculum table tr:nth-child(even) { background: #fff; }
.given-questions.performance.curriculum table { border: 1px solid #ddd; padding: 0px; }
.GroupJoin, .GroupVisibility, .GroupType { display: inline-block; margin: 15px 0 0; vertical-align: middle; width: 29%; }
.GroupJoin, .GroupVisibility { border-right: 1px solid #eeeeee; margin-right: 2%; width: 29%; }
.GroupType + .GroupType { width: 11%; }
.level_select .talentrace_list li {vertical-align: top; border-radius: 0; color: #000; display: inline-block; margin:0; padding: 5px; text-align: center; width: 10%; }
.rank_pos { background: #2b72f2; border-radius: 50%; color: #fff; height: 20px; position: absolute; text-align: center; width: 20px; }
.level_select .talentrace_list li:hover { background: #2b72f2 ; color:#ffff }
.level_select .talentrace_list li.CurrentUserRank { box-shadow:0 0 30px 0 rgba(0,0,0,0.10);}
.level_select .talentrace_list li:hover .textcol { color: #fff; }
.level_select .talentrace_list li .imagecol { border-radius: 50%; display: inline-block; height: 75px; text-align: center; width: 100%; }
.level_select .talentrace_list li .textcol { display: block; font-size: 13px; text-align: center; vertical-align: top; width: 100%; }
.level_select .talentrace_list li .textcol label { clear: both; display: inline-block; font-weight: 700; margin-right: 5px; }
.GroupType .select-level ul { background: transparent ; border-radius: 0; padding:0px; }
.GroupType .level_select .talentrace_list li { width: 100%; background: #2b72f2 ; color:#ffff }
.GroupType .level_select .talentrace_list li .textcol { width: 63%; }
#talentrace_popup table { table-layout: fixed; width: 100%; }
#talentrace_popup table td { vertical-align: top; width: 33%; }
#talentrace_popup table td .imagecol { display: inline-block; }
.same_school table td img, .select_student table td img, .select_student img { border-radius: 50%; height: 80px; width: 80px; }
#talentrace_popup table td .textcol { position:relative; display: inline-block; font-size: 12px; font-weight: 600; padding-left: 5px; padding-top: 25px; vertical-align: top; width: 75%; }
#talentrace_popup table .same_school td .custom_checkbox { display: inline-block; margin: 30px 5px 0; vertical-align: top; }
#talentrace_popup table .same_school td { vertical-align:middle; }
.white_wrapper .online-challenge .select-levels > ul { display: table; margin: 0 auto; }
.white_wrapper .online-challenge ul.home_page_levels li { margin: 10px 0px 20px 11px; padding: 15px; }
#talentrace_popup table .same_school td, #talentrace_popup table .same_school th { border-right: 1px solid #ddd; }
.saveSelect > input { float: right; }
.white_wrapper.challenge_index .select-levels { background: #fff; margin: 0px; padding:35px 0 10px; }
.white_wrapper.challenge_index .select-levels ul { display:table; margin:0 auto; }
.white_wrapper.challenge_index .levels_div { background: #ffffff; }
.white_wrapper.challenge_index .levels_div ul { margin: 0 auto; display:table; }
li.results-btn { background: #fff ; display: block; padding: 20px 0 45px; text-align: center; }
li.results-btn a { border: 2px solid #d2d2d2; color: #57af2a; cursor: pointer; font-size: 16px; font-weight: 700; margin: 0 auto; padding: 7px 20px; text-transform: uppercase; width: 140px; background: #ffffff; }
li.results-btn.active a { background: #f2f2f2; }
.challenge_index .online-challenge .middle-section { min-height: 650px; }
ul.school_leaders_board li.school_leaders_board_headings { background: #ddd ; margin-top: 20px; }
ul.school_leaders_board li.school_leaders_board_headings span { font-size: 17px; font-weight: 600; }
.right_table { padding-right: 10px; border-right: 1px solid #ccc; margin-right: 10px; }
.left_table, .right_table { width: 49%; display: inline-block; }
h5.progress_heading { font-size: 18px; font-weight: 600; border-bottom: 1px dashed #ccc; padding-bottom: 10px; }
.addScroll { height: 250px; overflow-y: scroll; }
.school h1 { margin: 15px 0px !important; display: block; font-weight: 600; font-size: 30px; border-bottom: 1px solid #ccc; padding-bottom: 3px !important; }
.school table th, .school table td { text-align: center; }
.ui-widget {  font-size: 15px !important; font-weight: 300 !important; }
#talentrace_popup table td .select_student .textcol { width:100% }
#talentrace_popup table .select_student span { padding-left: 28px; }
#talentrace_popup table td .textcol .cross_btn { background: #2b72f2 url("../images/cross.png") no-repeat scroll center center; border-radius: 50%; cursor: pointer; display: inline-block; height: 20px; left: 4px; position: absolute; text-indent: -999em; top: 25px; width: 20px; }
.level_select .talentrace_list li .imagecol img { border-radius: 50%; height: 70px; width: 70px; }
#students .left-section .text-col .countary img.flag_ico, .countary img.flag_ico { width: 30px; }
/*=====================================*/
.treasure-list .treasure_popup h3 { margin-bottom: 15px; margin-top: 0px; }
.treasure-list .treasure_popup li { display: inline-block; height: inherit; line-height: normal; margin: 0; padding: 10px 0; width: 49%; }
.treasure-list .treasure_popup li p { padding-left: 25px; text-align: left; }
.treasure-list .treasure_popup li div { float: left; margin-top: -27px; width: 20px; }
.sub.school_student_name { font-size: 20px; font-weight: 600; padding: 5px 0 10px; }
section.tableSection { background: #2b72f2 ; padding-top: 45px; position: relative; }
#large_listing_100 .tableParent { height:555px; overflow-y: auto; }
#large_listing_star .tableParent {/*height:555px;*/	overflow-y: auto;}
section.tableSection .tableParent .Activity_table th, section.tableSection .tableParent th { border: 0 none; color: transparent; font-size: 0; height: 0; line-height: 0; min-width: 80px; padding: 0 5px; white-space: nowrap; }
section.tableSection .tableParent .Activity_table th div, section.tableSection .tableParent th div { border-left: 1px solid #0078a6; color: #fff; font-size: 15px; height: 45px; line-height: 44px; margin-left: -5px; padding: 0 5px; position: absolute; text-align: center; top: 0;font-weight: 300;
text-transform: uppercase; }
section.tableSection .dataTables_wrapper{ position:static;}
section.tableSection .tableParent .Activity_table th:first-child div, section.tableSection .tableParent th:first-child div { border:0px; }
.talent_group #talent_form .imagecol { display: block; padding: 10px 0 20px; text-align: center; width: 100%; }
.relative_div { position: relative; }
.submit .print_table { background: rgba(0, 0, 0, 0) url("../images/pdf-ico.png") no-repeat scroll center center / 100% auto; border: 0 none; box-shadow: none; height: 30px; padding: 0; position: absolute; right: 0px; text-indent: -90em; width: 30px; outline: none; top: -28px; }
button#change_image { margin-top: 4px; clear: both; float: left; margin-left: 170px; }
input#img { float: left; margin: 4px 0 0 169px; }
.squarehover { background: #fff ; border: 2px solid #115ce3; min-height: 150px; left: 0; line-height: 35px; position: absolute; top: 0; transition: all 0.5s ease 0s; width: 186px; z-index: 10; }
.simplePopup h3 { background: #1c93ee ; color: #fff; padding: 7px 5px; text-align: center; }
.square_uncover, .square_desc { font-size: 18px; line-height: 26px; padding: 4px 0; text-align: center; }
.simplePopupClose { cursor: pointer; float: right; margin: 7px; }
.simplePopup .treasure_popup li { width: 100%; padding: 7px 0; border: none; }
.simplePopup .treasure_popup li a { color:#000 }
.square_desc { color: #00659e; }
.square_uncover { color: green; }
.simplePopup .treasure_popup li img { width: 15px; }
.data-table.table_awards a { color: #000; }
.user_nav .notifications img { border-radius: 0; width: 32px; margin-top: 6px; }
.user_nav .notifications ul { display:none; background:#fff; border-radius: 0 0 5px 5px; left: 16px; position: absolute; top: 100%; width: 200px; z-index: 10; }
.user_nav .notifications { position: relative; }
.user_nav .notifications:hover .notify { display:block; }
.user_nav .notifications li { display:block; width:100%; }
.user_nav .notifications li a { color: #115ce3; display: block; width: 100%; }
.user_nav .notifications li a:hover { background:#f5f5f5; }
.emsg.success { color: green; display: block; margin: 5px 0 10px; }
.emsg.error { color: #ff0000; display: block; margin: 5px 0 10px; }
li.list_item.completed { background: transparent; border: 1px solid #fff; }
.alert-success{ color: #28a708; }
.alert.alert-success.alert-dismissible { color: green; font-size: 17px; margin: 0 auto; padding: 20px 0; text-align: center; width: 1170px; }
.alert.alert-danger.alert-dismissible { color: red; font-size: 17px; margin: 0 auto; padding: 20px 0; text-align: center; width: 1170px; }
.alert.alert-success.alert-dismissible .close, .alert.alert-danger.alert-dismissible .close { display:none }
.error-message {
    color: #f3342e;
}
.error .form-error {
    border-color: #f3342e;
}
label[for=p_scnts] {
    padding: 0 10px;
}
.responsive-table {
    max-width: 100%;
    margin-top: 15px;
}

.select-level ul.reports_links li {
    display: block !important;
    width: 100%;
    background: #fff;background: transparent;    padding: 8px 0;
}
.select-level ul.reports_links li a{
    color: #000;
    padding: 5px 0px 5px 35px;
    background-size: 25px auto !important;
}
.select-level ul.reports_links {
    background: transparent;
}

.reports_links li:first-child a { background: transparent url("../images/usage.png") no-repeat scroll center left; }
.reports_links li:nth-child(2) a { background: transparent url("../images/performance.png") no-repeat scroll center left; }
.reports_links li:nth-child(3) a { background: transparent url("../images/trouble.png") no-repeat scroll center left; }
.reports_links li:nth-child(4) a { background: transparent url("../images/awards-ico.png") no-repeat scroll center left; }
.reports_links li:nth-child(5) a { background: transparent url("../images/coverage.png") no-repeat scroll center left; }
.LearningVideo {
  position: absolute;
  right: 7%;
  top: 13.5%;
  box-shadow: 2px 2px 9px #000;
}
.bxslider li:nth-child(2) .slidertext {
 /* position: absolute;*/
 /* left: 7%;

  top: 20%;
  right: auto;*/
}
.LearningVideo video {height: 301px !important; width: 535px !important; float: left;}
.gmnoprint div {background: none !important;}
.gmnoprint a, .gmnoprint span, .gm-style-cc {display: none;}
a[href^="http://maps.google.com/maps"]{display:none !important}
a[href^="https://maps.google.com/maps"]{display:none !important}
image.highcharts-button-symbol {height: 50px; width: 50px;}

/**css**/
/*.header_login{display:none}*/
.main_menu.menu{display:flex;justify-content:center}
.searchbar {	width: 80%;	display: block;justify-content: end;	text-align: right;}
.main_header .wrapper{display: flex;justify-content: center;}
/*.main_header.ScrollingDown{position:fixed;top:0;z-index: 999;background-color: #fff;
    -webkit-animation: mymove 1s ; /* Safari 4.0 - 8.0 */
 /* animation: mymove 1s ;}
  /* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
  from {top: -124px;}
  to {top: 0px;}
}

/* Standard syntax */
@keyframes mymove {
  from {top: -124px;}
  to {top: 0px;}
}
/*login popup*/
.popup {position: fixed;z-index: 99999;top: 12%;left: 50%;
width: 360px;height: auto;background: #fff;-moz-box-shadow: 4px 4px 30px #130507;
-webkit-box-shadow: 4px 4px 30px #130507;box-shadow: 4px 4px 30px #130507;-moz-transition: top 800ms;
-o-transition: top 800ms;-webkit-transition: top 800ms;transition: top 800ms;}
.p_content {}
.p_close {position: absolute;top: 0;right: 0;width: 30px;height: 12px;padding: 15px 11px 0 0;}
.p_close span {display: block;width: 18px;height: 5px;background: #333;}
.p_close span:first-child {-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.p_close span:last-child {margin: -5px 0 0;-ms-transform: rotate(135deg);-webkit-transform: rotate(135deg);transform: rotate(135deg);}
.p_body {z-index: 9999;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #000;
opacity: 0.7;-moz-transition: opacity 800ms;-o-transition: opacity 800ms;-webkit-transition: opacity 800ms;transition: opacity 800ms;}
/* JS-styles — declaratively */
.js__popup {
}
.js__p_start {
}
.js__p_close {
}
.js__p_body {
}
.js__slide_top {height: 0;overflow: hidden;top: 0;}
.js__fadeout {height: 0;overflow: hidden;opacity: 0;}
.header_login.pophader_login {	padding: 25px 35px 35px 35px;}
.pophader_login input{font-size:15px;width: 100% !important;margin: 25px 3px 0px 3px !important;height: 50px;}
.pophader_login h2{text-align:center;font-weight: 300;color: #323232;font-size: 32px;margin-bottom: 20px;}
.header_login.pophader_login #login_form .submit_btn {background: #28a708  !important; font-size: 16px;border-radius:40px;width: auto !important;padding: 12px 40px 14px 40px;margin: 50px auto 15px !important; display: block;text-transform: uppercase; line-height:1;}
.header_login.pophader_login #login_form .submit_btn:hover{background-color:#28a708;
color: #fff; opacity:0.8;}


.header_login.pophader_login #forgot_password_form .submit_btn {background: #8eb214  !important;font-size: 20px;}
.header_login.pophader_login #forgot_password_form .submit_btn {background: #28a708  !important;
font-size: 16px;border-radius: 25px;width: auto !important;padding: 12px 51px 13px 40px;margin: 50px auto 15px !important;
display: block;text-transform: uppercase;}
.header_login.pophader_login #forgot_password_form .submit_btn:hover{background-color: transparent !important;
border: 1px solid #28a708;
color: #28a708;}





.pophader_login input::placeholder{color:#ccc !important}
.prof_img img {	max-width: 42px;	border-radius: 100%; min-height: 42px;}
.wrapper.tabll_grid.active{width:100%;transition:0.6s}
.wrapper.tabll_grid.active1 {	width: 100%;	transition: 0.6s;}
.wrapper.tabll_grid.active .left-section{display:none;}
.wrapper.tabll_grid.active1 .left-section {	display: none;}
.wrapper.tabll_grid.active .right-section{width:100% !important;margin-left: 0 !important; }
.wrapper.tabll_grid.active1 .right-section {	width: 100% !important;	margin-left: 0 !important;}
.maingrid_wrapper {	    width: 1170px;   margin: 0 auto;    display: block;    /* text-align: right; */
    position: absolute;    top: 40px;    display: flex;    justify-content: space-between;justify-content: space-between;
    left: 0;
    right: 0}
.wrapper.tabll_grid {	transition: 0.8s;}	
/*.maingrid_wrapper button {	text-transform: uppercase;	background-color: transparent;	border: 0;	box-shadow: none;	color: #000;
	font-size: 13px;	padding: 5px 5px;	border-radius: 0 !important;	font-weight: bold;}	*/
.maingrid_wrapper button {
	text-transform: uppercase;
	background-color: #28a708 !important;
	border: 0px solid #0191c8;
	box-shadow: none;
	color: #fff;
	font-size: 13px;
	padding: 12px 15px;
	border-radius: 30px !important;
	font-weight: bold;
	display: flex;
	/* height: auto; */
	/* line-height: 19px; */
	align-items: center;
}	
section#skill-report{display:none}	
.pophader_login form span.iagreespan{width:100%;text-align:center}
.pophader_login form span{display: inline-block;width: 100%;margin: 10px 0px 0px 1px;color: #363333;font-size:13px}
.pophader_login form span input{position: relative;top: 1px;width: auto !important;margin-left: 5px !important;height: auto;margin: 0 !important;}
.pophader_login form a {	text-align: center;	width: 100%;	display: inline-block;	margin-top: 20px;
	color: #28a708 ;	font-size: 15px;}
.pophader_login form p {	text-align: center;	width: 100%;	display: inline-block;	margin-top: 5px;	color: #000;	font-size: 15px;}
.pophader_login form p a {	display: inline;	width: auto;	margin: 0;color: #28a708 ;	font-size: 15px;font-weight:bold}
.worldtopdt{color: #2b72f2;display:none;font-size: 22px;font-weight: 300;text-align: center;margin-bottom: 30px;
}
.wrapper.tabll_grid.active .worldtopdt{display:block}
.maingrid_wrapper button img{/*background-color: #e7e7e7;padding: 9px 25px 5px 26px;border-radius: 14px 16px 0px 0px;*/margin-right: 4px;}
.prof_img {	padding: 5px 10px 0px 10px !important;}
.worldtopdt1 {
color: #2b72f2;
font-size: 22px;
font-weight: 300;
text-align: center;
margin-bottom: 30px;
}
.wrapper.tabll_grid.active .worldtopdt1 {	display: none;	}
#large-grid img{filter: contrast(48%) brightness(255%);}
/**award page*/

.awardpart_wrapper {	background-color: #eef3fc;	padding: 80px 0px;	width: 100%;display: inline-block;}
.mainaward_wrapper {	width:49%;	background-color: #fff;	padding: 20px 20px 30px 20px;
	-webkit-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.02), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.02), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.02), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
	margin-bottom: 30px;}
.leftaward_wrapper {	margin-right: 15px;width:100%}
.rgtaward_wrapper {	width: 100%;}
.rgtaward_wrapper h2{margin-top: 25px;font-size:28px;color:#2b72f2 ;font-weight:300;margin-bottom:10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.rgtaward_wrapper hr {	/* border-color: #0089e0; */
	margin-top: 0px;	border: 2px solid #93C775;	width: 113px;	margin-bottom: 15px;}
.rgtaward_wrapper P {	font-size: 15px;	color: #333;	line-height: 24px;	font-weight: 300;}
.mainaward_innerwrapper {	display: flex;	justify-content: space-between;	flex-wrap: wrap;}

#large-grid.demo{background-color: #28a708 !important;color:#fff}
#listing-grid.demo{background-color: #28a708 !important;color:#fff}
.btn-2 {	background-color: #28a708!important;box-shadow:none}
button.lets-go {	text-decoration: none;	-moz-border-radius: 30px;	-webkit-border-radius: 30px;	border-radius: 30px;
	padding:12px 51px 13px 40px;	color: #fff;	text-transform: uppercase;	font-family: sans-serif;
	font-weight: bold;	position: relative;	-moz-transition: all 0.3s;	-o-transition: all 0.3s;	-webkit-transition: all 0.3s;
	transition: all 0.3s;	display: inline-block;}
.go-btn-div.type-1	{margin-top: 50px;text-align: center;}
.txt {	font-size: 16px;	line-height: 1.45;}
.lets-go .round {	-moz-border-radius: 50%;	-webkit-border-radius: 50%;	border-radius: 50%;	width: 36px;
height: 36px;position: absolute;right: 6px;top: 6px;	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;	-webkit-transition: all 0.3s ease-out;	transition: all 0.3s ease-out;	z-index: 2;}
.lets-go span {	position: relative;	z-index: 3;}
.btn-2 .round {	background-color: #28a708 !important;}
.type-1 .lets-go:hover {	padding-left: 48px;	padding-right: 28px;}
.lets-go .round i {	position: absolute;	top: 50%;	margin-top: -6px;	left: 50%;	margin-left: -4px;	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;	-webkit-transition: all 0.3s;	transition: all 0.3s;}
.type-1 .lets-go:hover .round i {	left: 12%;}
.type-1 .lets-go:hover .round {	width: calc(100% - 12px);	-moz-border-radius: 30px;	-webkit-border-radius: 30px;	border-radius: 30px;}
.awardpart_wrapper .activities,.reportmain_wrapper .activities{-webkit-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.02), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.02), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.02), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);}
.joinbtn input {	text-decoration: none;	-moz-border-radius: 30px;	-webkit-border-radius: 30px;	border-radius: 30px;	padding: 12px 51px 13px 40px;	color: #fff;	text-transform: uppercase;	font-family: sans-serif;	font-weight: bold;	position: relative;	-moz-transition: all 0.3s;	-o-transition: all 0.3s;	-webkit-transition: all 0.3s;	transition: all 0.3s;background-color: #28a708!important;font-size: 16px;border: 0;box-shadow: none; border: 1px solid #2fcc08;	display: inline-block;}
.joinbtn input:hover{background-color: transparent !important;    opacity: 1;    border: 1px solid #28a708;    color: #28a708;}
.result-table tr td input.input-m {	text-align: center;	font-size: 16px;	font-weight: 600;	color: #333333;	}
/*report page design*/
.reportmain_wrapper{background-color: #eef3fc;padding: 80px 0px;width: 100%;display: inline-block;}
.reportwrapper {	position: relative;	margin-bottom: 50px;	padding: 20px;}
.report_left {	position: absolute;	width: 280px;	top: 5px;	border-radius: 100%;	overflow: hidden;
	height: 282px;	left: 0;	border: 10px solid #0089e0;box-shadow: 0 0 12px #739be9;}
.report_left img{height:100%;object-fit:cover}
.report_right {	width: 100%;	/* padding-left: 300px; */	background-color: #fff;	padding: 66px 50px 54px 280px;
	border-radius: 26% 0% 0% 26%;	box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.02), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);}
.report_right h2 {	margin-top: 0;	font-size: 28px;	color: #2b72f2 ;
	font-weight: 300;	margin-bottom: 10px;	white-space: nowrap;	overflow: hidden;text-overflow: ellipsis;}
.report_right hr {	/* border-color: #0089e0; */	margin-top: 0px;	border: 2px solid #93C775;	width: 113px;	margin-bottom: 15px;}
.report_right p {	font-size: 15px;	/*font-family: 'Lato', sans-serif;*/	color: #333;line-height: 24px;	font-weight: 300;}
.page_titledd {	color: #fff;	font-size: 22px;	font-weight: 700;	padding: 0px 15px;	text-transform: uppercase;}
.reportbaners,.awardbaners { background: #237cb8 !important ; width: 100%;display: none !important;
	display: block;	border-bottom: 1px solid #ccddfc;	padding: 10px 0px;	height: 85px;}
/*.awardbaners { background: #237cb8 url(../images/banner_pattern.jpg) repeat top left;	width: 100%;
	display: block;	border-bottom: 1px solid #ccddfc;	padding: 10px 0px;	height: 85px;}*/
.awardbaners .breadcrum,.reportbaners .breadcrum{color:#fff !important;padding: 0px 15px 10px 15px;}
ul.challenge-result{width: 250px;}
/*school page*/
.aboutschool_wrapper {	padding: 50px 0px;	width: 100%;	display: inline-block;}
.aboutschool_wrapper h2{text-align: center;font-size: 32px;}
.aboutschool_wrapper hr{display: block;width: 200px;border-color: #2b72f2;margin: 20px auto 10px auto;}
.aboutschool_wrapper h6 {text-align: center; text-transform:uppercase; font-weight: 300;	font-size: 20px;color: #2b72f2;}
.aboutschool_inner {    display: flex;margin-top: 40px;border: 1px solid #ededed;box-shadow: 1px 1px 5px #ddd;}
.aboutschool_inner img{width:50%}
.abutschol_rgt {	width: 50%;	padding: 25px;}
.abutschol_rgt h3 {	text-align: left;	font-size: 22px; margin-bottom: 15px;	color: #333;}
.abutschol_rgt p {text-align: left;	font-size: 16px;	line-height:1.5;color: #333;}
.organisationschool_inner {	display: flex;margin-top: 10px;}
.organisation_leftinner {/* display: flex; */	width: 25%;text-align:center}
.organisation_middleinner {	width: 50%;}
.organisation_rightinner {	width: 25%;text-align:center}
.organisationschool_wrapper {background-color: #ecf0f5;/*background-size: 100% 100% !important;	background: #ecf0f5 url(../images/ornisation_bg.png);*/	width: 100%;	display: inline-block;background-repeat: no-repeat;}
.organisationschool_wrapper h2{text-align: center;font-size: 32px;}
.organisationschool_wrapper hr{display: block;width: 200px;border-color: #2b72f2;margin: 20px auto 10px auto;}
.organisationschool_wrapper h6 {text-align: center;	font-weight: 300; text-transform:uppercase;font-size: 20px;color: #2b72f2;}
.organisation_leftinner ul{margin:0;padding:0}
.organisation_leftinner ul li a{width:100%;text-align:center;display: inline-block;font-size: 12px;
color: #333;font-weight: 300;text-transform: uppercase;}
.organisation_leftinner ul li{margin-top:100px}
.organisation_rightinner ul{margin:0;padding:0}
.organisation_rightinner ul li a{width:100%;text-align:center;display: inline-block;font-size: 12px;color: #333;text-transform: uppercase;
font-weight: normal;}
.organisation_rightinner ul li{margin-top:100px;}
.offeryou_wrapper {	padding: 50px 0px;	width: 100%;	display: inline-block;}
.offeryou_wrapper h2{text-align: center;font-size: 32px;}
.offeryou_wrapper hr{display: block;width: 200px;border-color: #2b72f2;margin: 20px auto 10px auto;}
.offeryou_wrapper h6 {	text-align: center;	font-weight: 300; text-transform:uppercase; font-size: 20px;	color: #2b72f2;}
.offeryou_inner {	margin-top:30px;display: flex;	flex-wrap: wrap;	width: 100%;	justify-content: center;}
.offeryou_inner p {	width: 31%;	padding: 20px 15px;	background-color: #2b72f2 ;	margin:  10px;	box-sizing: border-box;color:#fff;font-size:15px; border-radius:4px; -webkit-border-radius:4px;}
.offeryou_inner1 a{background-color: #28a708;color: #fff;margin: auto;border: 1px solid #28a708;width: 28%;
display: block;padding:12px 40px 13px 40px;border-radius: 32px;font-size: 21px;transition:0.5s;text-align:center}
.offeryou_inner1 a:hover {	background-color: transparent !important;	opacity: 1;	border: 1px solid #28a708;	color: #28a708;}
.offeryou_inner1 span{margin: 30px 0px;width:100%;display:inline-block}
.offeryou_inner1 button {	width: 325px;	display: block;	margin: 30px auto 0px;	padding: 12px 25px 13px 40px;	font-size: 24px;
	text-align: right;	background-image: url(../images/fees.png);	background-repeat: no-repeat;	border-radius: 37px;	background-position: -1% 0%;	color: #000;	border: 1px solid #2b72f2;}
	
.scboolbootom_wrap ul{display: flex;justify-content: space-between;}
.scboolbootom_wrap ul li label {display:block; height:100%; color: #fff;	padding: 40px 25px;}
.scboolbootom_wrap ul li {	position: relative; background-size:cover; background-repeat:no-repeat; background-position:center center; width:25%;}
.scboolbootom_wrap ul li label img {	width: 100%;	max-width: 50px; 	height: auto;}
.scboolbootom_wrap ul li:nth-child(1) label{background-color: rgba(23, 185, 183, 0.9);}
.scboolbootom_wrap ul li:nth-child(2) label{background-color: rgba(74, 185, 72, 0.8);}	
.scboolbootom_wrap ul li:nth-child(3) label{background-color: rgba(248, 160, 31, 0.8);}	
.scboolbootom_wrap ul li:nth-child(4) label{background-color: rgba(242, 91, 80, 0.8);}	
	.scboolbootom_wrap ul li label h2 {	margin: 25px 0;	font-size: 20px;	color: #fff;}
.scboolbootom_wrap ul li label p {	font-size: 15px;	line-height: 22px;	color: #fff;}
section.scboolbootom_wrap{ padding:0; overflow: hidden;}
.parentjoinnow a{max-width: 385px;min-width: 225px;width: auto;}	
.choose__icon img {
	width: auto;
	max-width: 40px;
	/* object-fit: cover; */
	/* padding: 0px; */
}
.feedback button{color: #fff;text-transform: uppercase;font-size: 16px;font-weight: bold;background-color: #28a708 !important;padding: 14px 51px 15px 40px;border-radius: 30px;box-shadow: none;font-family: sans-serif;display: inline-block;border: 1px solid #2fcc08;}	
button.apply{margin: 25px 0px;background-color:#28a708 !important;color: #fff;font-weight: 300;font-size: 19px;border: 1px solid #28a708}
button.apply:hover {	background-color: transparent !important;	opacity: 1;	border: 1px solid #28a708;	color: #28a708;}
.feedback button:hover {	background-color: transparent !important;	opacity: 1;	border: 1px solid #28a708;	color: #28a708;}	
.request_forms button{background-color:#28a708 !important;color: #fff;}	
button.paybt{background-color:#28a708 !important;color: #fff;font-weight: 300;font-size: 19px;border: 1px solid #28a708}
button.paybt:hover {	background-color: transparent !important;	opacity: 1;	border: 1px solid #28a708;	color: #28a708;}
#large_listing_100 {width: 100% !important;	margin: 0 auto !important; max-width:1170px; padding-left:15px; padding-right:15px; float:none !important; border:2px solid #ddd; }
#large_listing_star {width: 100% !important; margin: 0 auto !important; max-width:1170px; padding-left:15px; padding-right:15px; float:none !important; border:2px solid #ddd;}	
.line150px {	display: block;	width: 200px;	border-color: #2b72f2;	margin: 20px auto 10px auto;}	
.school_botombtn a {	width: 33%;	display: block;	padding: 13px 20px 15px 20px;	border-radius: 32px;border: 1px solid #28a708; margin:10px;	font-size: 18px; text-transform:uppercase; font-weight:700;	transition: 0.5s;	text-align: center;	background-color: #28a708;	color: #fff;}	
.school_botombtn a:hover{	background-color: transparent !important;	opacity: 1;	border: 1px solid #28a708;	color: #28a708;}	
.school_botombtn {	display: flex;	justify-content: space-around;}	

.organisationschool_inner1 {	display: flex;	margin-top: 50px;}
.organisation_leftinner1 {	margin-top: 75px;text-align: left;	font-size: 15px;	color: #333;	width: 35%;}	
.organisation_rightinner1 {	margin-top: 75px;/* display: flex; */	width: 35%;	text-align: center;}
.organisation_middleinner1 {width: 40%;	margin-top: 10px;padding: 100px 20px 0px 20px;}	
.choose {	display: flex;margin-bottom: 25px;	text-align: right;}
.choose .choose__inner {	text-align: right;	padding: 0px 10px 10px 10px;}
.choose1 {	display: flex;margin-bottom: 25px;	flex-direction: row-reverse;}	
.choose1 .choose__inner {	text-align: left;	padding: 0px 10px 10px 10px;}	
.choose__icon {	width: 60px;padding-top: 9px;}	
.choose__inner h4 {	font-size: 24px;	line-height: 24px;	margin-bottom: 10px;	color:#333;}	
.choose__inner p {	font-size: 14px;	margin-bottom: 10px;	color:#333;text-align: justify;}
.parentsschool_wrapper {background-size: 100% 100% !important;background: #ecf0f5 url(../images/parentsor_bg.png);
	width: 100%;display: inline-block;background-repeat: no-repeat;}	
.parentsschool_wrapper h2 {	text-align: center;	font-size: 32px;}	
.parentsschool_wrapper hr {	display: block;	width: 200px;border-color: #2b72f2;	margin: 20px auto 10px auto;}
.parentsschool_wrapper h6 {	text-align: center;	text-transform:uppercase;font-size: 20px;color: #2b72f2;}
.parentsschool_wrapper h6 a {text-align: center;font-weight: 300;font-size: 22px;color: #2b72f2;}
.reporttop_model h2{font-family: 'Helvetica';font-weight: 300; text-transform: uppercase;text-align: center;
    font-size: 32px;}
.reporttop_model h6{text-align: center;font-weight: 300;font-size: 22px;color: #2b72f2;}	
.reporttop_model hr{display: block; width: 200px; border-color: #2b72f2; margin: 20px auto 10px auto;}
.reporttop_model p{	text-align: center;font-size: 15px;line-height: 21px;color: #333;margin-top: 35px;}
.reporttop_model {padding-bottom: 40px;}	
.mainaward_wrapper.repor_fullwidth {	width: 100%;text-align: center;}	
.repor_fullwidth .rgtaward_wrapper h2{text-align:center !important}
.repor_fullwidth .rgtaward_wrapper hr {	margin: 25px auto;}
.newreport_signup .activities {	display: flex;	justify-content: space-between;}
.newreport_signup .reports-main.joinbtn {text-align: center;}	
	
section{ padding:40px 0;}
section#main_banner{ padding:0;}
.go-btn-div.type-1{ margin-bottom:0;}
.footerslider .item{ margin-bottom:30px;}
#testimonial .title{ margin-bottom:30px;}
.about_us .numbers{ margin:10px 0 0;}
footer{ padding:40px 0;}
#students .right-section .student-details .position_data{ text-align:center; position:relative; z-index: 2; font-size: 14px;}
#students .right-section .student-details .position_data:before{  position:absolute; left:50%; top:50%; content: "\f005"; font-family:fontawesome;  color:#f2c000; font-size: 42px;
line-height: 100%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); z-index: -1; }
.prof_imgd i{ font-size:22px;}
.prof_imgd{ text-align:center !important;}

#services{ background-color:rgba(40,167,8,0.05); position:relative; padding:60px 0; }
h3{ font-size:24px; margin:0 0 10px;}
#services .col{ padding-left:15px; padding-right:15px; text-align:center; margin:0;}
#services .col p{ margin-bottom:15px; font-size:16px; line-height:1.5; font-weight:300; min-height: 105px}

#services .col .img_wrap{ width:150px; height:150px; text-align:center; border:3px solid #fff; border-radius:100%; display:inline-block; background:#28a708; margin-bottom:10px; position:relative; }
#services .col .img_wrap img{ max-height:100px; display:inline-block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
#services .col .btn{ font-size:16px; text-transform:uppercase;}

.text-center{ text-align:center;}
h2{ font-size:38px; margin-bottom:15px; line-height:1.5;}

img.img_correct{ max-width:100px; }
.alert-danger {    color: #a94442;    background-color: #f2dede;    border-color: #ebccd1;}
.alert {padding: 15px; margin-bottom: 20px; border: 1px solid transparent;border-radius: 4px;}
.close { position: relative; top: 0px; right: -128px; color: inherit;}
.select_gender .grid{ max-width:550px; display:block; margin:auto; clear:both;}
.select_gender .grid .col-6{ width:50%; padding:0 15px; float:left; margin:0;}
.select_gender .grid .col-6 img{ border-radius:4px; border:2px solid #2b72f2; cursor:pointer;}
.select_gender .grid .col-6 img:hover{ border-color:#28a708;}
.padding-margin{ padding: 18%;}
.btn-group .btn{ border:none; display:inline-block; margin:8px 0; border-radius:40px;}
.btn.btn-secondary{ background:#555;}
.question h4.question_name_heading{ font-size:1.775rem; font-weight:700; font-family:inherit;}
.question h4{ font-size:1.775rem; font-weight:700; font-family:inherit; }
.question{ font-size:30px; text-align:left;}
div.question-container .question button.question-submit-btn,
div.question-container button.question-submit-btn{ float:none; clear:both; display:block;}
/*div.question-container #hintshow{ margin-top:-40px;}*/
div.question-container button.question-submit-btn, div.question-container #hintshow{ float:left; }
div.question-container input.input-m{ font-size:20px; padding:8px 12px; line-height:1; width:auto; height:auto; max-width: 80px;}
.next-question .next-question-btn{ box-shadow:none; background:#115ce3; border:1px solid #115ce3;}

.info-text{ color: #2b72f2;}
.heading-sm{ display: block; font-size: 22px; text-transform: uppercase; text-align: center;}
.select_gender img{ border:4px solid #2b72f2; border-radius: 10px;}
.select_gender img:hover{ border-color:#28a708;}
.consent-info{ background: #f6f6f6; padding: 10px; border: 1px solid #c1c1c1; min-width: 366px; text-align: justify; color: #f00;}
.main_nav ul > li{ position:relative;}
.main_nav ul > li:hover > ul{ display:block; float:none; z-index:1;}
.main_nav ul > li > ul{ display:none; position:absolute; top:100%; width:150px; left:0; background:#fff; box-shadow:0 0 3px 0; -webkit-box-shadow:0 0 3px 0;}
.main_nav ul > li > ul > li{ display:block; width:100%;}
.main_nav ul > li > ul > li > a{ display:inline-block; width:100%; padding:8px 12px; border-bottom:1px solid #ddd; color:#222; background:#fff;}
.main_nav ul > li > ul > li:hover a{ color:#fff;}
.camera-wrapper-inner{	padding:20px 0;	text-align:center;	position:relative;}.camera-wrapper-inner a.btn{	position:absolute;	left:0;	top:25px;	background: #28a708;		border-radius: 40px;	color: #fff;	padding: 12px 40px 13px 40px;	cursor: pointer;	transition: all 0.5s ease 0s;	font-weight: 700;	text-transform: uppercase;	font-family: inherit;	font-size: 16px;	box-shadow: none;	border: 1px solid #2fcc08;}.camera-wrapper-inner a.btn:hover{	background-color: #28a708;	opacity: 1;	border: 1px solid #28a708;	color: #fff;	opacity: 0.8;}.camera-wrapper-inner h3{color: #2b72f2;font-size: 18px;padding: 20px 0 40px;text-transform: uppercase;}.camera-wrapper-inner  #my_camera{	display:block;	margin:20px auto;}
button#return-btn{ position:absolute;}#membership_plan .columns .col{ width:32.33%;}#membership_plan .columns .col:first-child,#membership_plan .columns .col{ /*margin:10px 1%;*/}
div.question-container .question button.question-submit-btn, div.question-container button.question-submit-btn{ float: left;}
#back2Top {width: 92px; font-weight: 600; line-height: 40px;overflow: hidden;z-index: 999;display: none;cursor: pointer;/*-moz-transform: rotate(270deg);
            -webkit-transform: rotate(270deg);-o-transform: rotate(270deg);-ms-transform: rotate(270deg);transform: rotate(270deg);*/
            position: fixed;bottom: 50px;right: 20px; border-radius: 6px;
            background-color: #28a708;color: #fff;text-align: center;font-size: 11px;text-decoration: none; }
#back2Top:hover {background-color: #28a708;color: #fff; }
.noti_content {background: #f2f2f2; font-size: 15px; border-radius: 10px; padding: 4px; font-weight: 300; margin:5px; }
.mywork .ui-accordion .ui-accordion-header{ background: #0191c8; }
.mywork .ui-accordion .ui-widget-content{ background: #fff; }
.mywork .ui-accordion span.right_side{ margin-left:20px; }
h3.restrict-activity { padding: 70px; text-align: center;}
.password_outer{ position:relative; display: inline-block; width:33%; }
.password_outer .input{ width:100% !important; }
.password_outer .field-icon{ position: absolute; right: 20px; top: 32px; }
.email_outer { position:relative; display: inline-block; width:33%;}
.email_outer .input{ width:100% !important;  }
.email_outer .input_error{font-size:12px; margin-left: 12px; position: absolute; bottom: -12px;
right: 10px; color: #f00;}
.sheetlist p.sheet_title {font-size: 15px; font-family: poppins; font-weight: 300; color: #424242;}
.sheetlist .column .topics{height:436px; overflow-y:auto;}
.sheetlist .column .topics li{position: relative;padding-left: 20px;}
.sheetlist .column .topics li:after { position: absolute; content: ""; background: #888888; height: 12px;width: 12px; border-radius: 100%; left: 0;top: 6px;}

/*****************************************************RESPONSIVE MEDIA QUERY********************************************************/

@media only screen and (max-width: 1199px){
	.maingrid_wrapper{width:100%;padding:0px 15px}
	.report_right{border-radius: 31% 0% 0% 31%;}
	.report_left{top: 15px;}
}
@media only screen and (max-width: 991px){	
	.report_right{border-radius: 40% 0% 0% 40%;}
	.report_left{top: 42px;}
	.user_nav{ width:350px;}
	.level_select .talentrace_list li{ width:20%;}
	#tabs-2 section.tableSection{ padding:0;}
	#tabs-2 .tableParent table#my_Recent_Activities_Table{ height:auto; display:block; padding:0;}
	#tabs-2 .tableParent table#my_Recent_Activities_Table tr{ margin-bottom:10px;}	
	#tabs-2 .tableParent table#my_Recent_Activities_Table th,
	#tabs-2 .tableParent table#my_Recent_Activities_Table td,
	#tabs-2 .tableParent table#my_Recent_Activities_Table tr{ display:block; padding:10px;}
	#tabs-2 .tableParent table#my_Recent_Activities_Table thead{ display:none;}
	#tabs-2 .tableParent table#my_Recent_Activities_Table tbody{ display:block;}
	#tabs-2 .tableParent table#my_Recent_Activities_Table tbody tr td{ position:relative; text-align:left !important;  padding-left:50% !important; border:none;}
	#tabs-2 .tableParent table#my_Recent_Activities_Table tbody tr td:after{ content:attr(data-title); position:absolute; left:0; font-weight:bold; top:10px;}
    .js__popup {width: 360px;}	
}
@media only screen and (max-width: 768px){
.main_nav .wrapper{display:block !important;}	
#navigation a.menu_btn	{float: right;}
.main_nav {	position: absolute;	z-index: 99999;	right: 15px;	top: 20px;
	width: 100%;	text-align: right;}
	.level_select .talentrace_list li{ width:33.33%;}
	div.Activity_bar h3{ width:100%;}
	.custom_radio input[type="radio"] + label{ background-size:15px; padding-left:0; padding-top:20px; border:none; margin-bottom:15px; font-size:12px;}
	/* .talent_group #talent_form .imagecol img{ max-height:30px;}	 */
	.GroupJoin, .GroupVisibility, .GroupType{ width:33.33%; float:left; margin:0;}
	.student_type{ clear:both;}
	.saveSettings{ width:100%; clear:both; text-align:center;}
	.saveSettings input{ float:none;}
	.wrapper.headertop .user_nav { margin-left:auto; width:60%;}
	.wrapper.headertop .logo{ width:40%; margin-right:auto; text-align:left;}
	.wrapper.headertop .searchbar{ display:none;}
	.homework .form-group{ width:100%; margin-bottom:10px;}
	.homework{ width:100% !important; clear:both; padding:10px;} 
	.main-boxes .info-box,.main-boxes .info-box:first-child{ width:100%; margin-bottom:15px; margin-left:0;}
	.simplePopup{ width:90% !important;}
	
	.question-page{ padding:10px;}
	.question-page .section-left{ width:100%;}
	.question-page .section-right{ width:100%; display:flex;}
	.question h4.question_name_heading,.question h4{ font-size:1.3rem;}
	.question-page .section-right .col .col-title img{ display:none;}
	.question-page .section-right .col .col-title{ font-size:12px; padding:30px 0 0 6px; display:block; text-align:center;}
	.question-page .section-right .col .result{ font-size:20px;}
	.wrapper.feedback div.input{ width:98%;}
}
@media only screen and (max-width:479px){
	.homework.profile{ padding:10px;}	.camera-wrapper-inner a.btn,button#return-btn{ position:static;}
}