html,body{height: 100%; }
* {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin:0;padding:0;font-family: 'Montserrat',Halvetica,arial, sans-serif; }
@font-face {
font-family: 'Montserrat';
src: url('../fonts/Montserrat-MediumItalic.eot');
src: local('../fonts/Montserrat Medium Italic'), local('Montserrat-MediumItalic'),
url('../fonts/Montserrat-MediumItalic.eot?#iefix') format('embedded-opentype'),
url('../fonts/Montserrat-MediumItalic.woff') format('woff'),
url('../fonts/Montserrat-MediumItalic.ttf') format('truetype');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Montserrat';
src: url('../fonts/Montserrat-BoldItalic.eot');
src: local('Montserrat Bold Italic'), local('Montserrat-BoldItalic'),
url('../fonts/Montserrat-BoldItalic.eot?#iefix') format('embedded-opentype'),
url('../fonts/Montserrat-BoldItalic.woff') format('woff'),
url('../fonts/Montserrat-BoldItalic.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Montserrat';
src: url('../fonts/Montserrat-ExtraBoldItalic.eot');
src: local('../fonts/Montserrat ExtraBold Italic'), local('Montserrat-ExtraBoldItalic'),
url('../fonts/Montserrat-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
url('../fonts/Montserrat-ExtraBoldItalic.woff') format('woff'),
url('../fonts/Montserrat-ExtraBoldItalic.ttf') format('truetype');
font-weight: 800;
font-style: italic;
}
@font-face {
font-family: 'Montserrat';
src: url('../fonts/Montserrat-Italic.eot');
src: local('../fonts/Montserrat Italic'), local('Montserrat-Italic'),
url('../fonts/Montserrat-Italic.eot?#iefix') format('embedded-opentype'),
url('../fonts/Montserrat-Italic.woff') format('woff'),
url('../fonts/Montserrat-Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Montserrat';
src: url('../fonts/Montserrat-ExtraLight.eot');
src: local('Montserrat ExtraLight'), local('Montserrat-ExtraLight'),
url('../fonts/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'),
url('../fonts/Montserrat-ExtraLight.woff') format('woff'),
url('../fonts/Montserrat-ExtraLight.ttf') format('truetype');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url('../fonts/Montserrat-ThinItalic.eot');
src: local('../fonts/Montserrat Thin Italic'), local('Montserrat-ThinItalic'),
url('../fonts/Montserrat-ThinItalic.eot?#iefix') format('embedded-opentype'),
url('../fonts/Montserrat-ThinItalic.woff') format('woff'),
url('../fonts/Montserrat-ThinItalic.ttf') format('truetype');
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: 'Montserrat';
src: url('../fonts/Montserrat-Regular.eot');
src: local('../fonts/Montserrat Regular'), local('Montserrat-Regular'),
url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/Montserrat-Regular.woff') format('woff'),
url('../fonts/Montserrat-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url('../fonts/Montserrat-Thin.eot');
src: local('../fonts/Montserrat Thin'), local('Montserrat-Thin'),
url('../fonts/Montserrat-Thin.eot?#iefix') format('embedded-opentype'),
url('../fonts/Montserrat-Thin.woff') format('woff'),
url('../fonts/Montserrat-Thin.ttf') format('truetype');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url('../fonts/Montserrat-BlackItalic.eot');
src: local('../fonts/Montserrat Black Italic'), local('Montserrat-BlackItalic'),
url('../fonts/Montserrat-BlackItalic.eot?#iefix') format('embedded-opentype'),
url('../fonts/Montserrat-BlackItalic.woff') format('woff'),
url('../fonts/Montserrat-BlackItalic.ttf') format('truetype');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'Montserrat';
src: url('../fonts/Montserrat-SemiBold.eot');
src: local('../fonts/Montserrat SemiBold'), local('Montserrat-SemiBold'),
url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Montserrat-SemiBold.woff') format('woff'),
url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url('../fonts/Montserrat-Light.eot');
src: local('../fonts/Montserrat Light'), local('Montserrat-Light'),
url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
url('../fonts/Montserrat-Light.woff') format('woff'),
url('../fonts/Montserrat-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url('../fonts/Montserrat-LightItalic.eot');
src: local('../fonts/Montserrat Light Italic'), local('Montserrat-LightItalic'),
url('../fonts/Montserrat-LightItalic.eot?#iefix') format('embedded-opentype'),
url('../fonts/Montserrat-LightItalic.woff') format('woff'),
url('../fonts/Montserrat-LightItalic.ttf') format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Montserrat';
src: url('../fonts/Montserrat-Medium.eot');
src: local('../fonts/Montserrat Medium'), local('Montserrat-Medium'),
url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
url('../fonts/Montserrat-Medium.woff') format('woff'),
url('../fonts/Montserrat-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url('../fonts/Montserrat-ExtraLightItalic.eot');
src: local('../fonts/Montserrat ExtraLight Italic'), local('Montserrat-ExtraLightItalic'),
url('../fonts/Montserrat-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
url('../fonts/Montserrat-ExtraLightItalic.woff') format('woff'),
url('../fonts/Montserrat-ExtraLightItalic.ttf') format('truetype');
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: 'Montserrat';
src: url('../fonts/Montserrat-SemiBoldItalic.eot');
src: local('../fonts/Montserrat SemiBold Italic'), local('Montserrat-SemiBoldItalic'),
url('../fonts/Montserrat-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
url('../fonts/Montserrat-SemiBoldItalic.woff') format('woff'),
url('../fonts/Montserrat-SemiBoldItalic.ttf') format('truetype');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Montserrat';
src: url('../fonts/Montserrat-ExtraBold.eot');
src: local('../fonts/Montserrat ExtraBold'), local('Montserrat-ExtraBold'),
url('../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Montserrat-ExtraBold.woff') format('woff'),
url('../fonts/Montserrat-ExtraBold.ttf') format('truetype');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url('../fonts/Montserrat-Black.eot');
src: local('../fonts/Montserrat Black'), local('Montserrat-Black'),
url('../fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
url('../fonts/Montserrat-Black.woff') format('woff'),
url('../fonts/Montserrat-Black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url('../fonts/Montserrat-Bold.eot');
src: local('../fonts/Montserrat Bold'), local('Montserrat-Bold'),
url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Montserrat-Bold.woff') format('woff'),
url('../fonts/Montserrat-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%; }
body {font-size:100%;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;font-size:16px;background:#ffffff;position:relative;-webkit-overflow-scrolling: touch; }
a {background-color: .table-rowansparent;color:#1155CC;}
a,a:focus,a:hover{outline:0;text-decoration: none;}
input::-moz-focus-inner { border: 0; }
object, embed { outline: 0;}
a:active {outline: 0;}
a:focus{outline:none !important;}
a:hover {outline: 0;text-decoration: none !important;color:#333;transition: 0.2s ease all;}
header {background: #ffffff none repeat scroll 0 0;float: left;padding: 15px 48px 15px 43px;position: fixed;top: 0;width: 100%;z-index: 1000;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);}
.logo{width:auto;float:left;}
section.mainsection {padding: 75px 0 50px;width:100%;float:left;padding-bottom:50px;min-height: 100%;}
.videoSection {height:100%;float:left;width: 100%;position: relative;}
.videoSection video,.videoSection iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;min-width: 100%;min-height: 100%;max-width: 100%;}
.formLog {bottom: 92px;max-width: 403px;padding:0;position: fixed;right: 46px;width: 100%;border-radius: 4px;}
.tabbing{width:100%;float:left;}
.nav-tab{width:100%;float:left;margin:0;position: relative;}
.nav-tab li{width:50%;float:left;list-style-type: none;text-align: center;padding:0 3px;}
.nav-tab li:first-child{padding-left:0;}
.nav-tab li:last-child{padding-right:0;}
.nav-tab li a {width: 100%;float: left;color: #252D38;font-weight: 500;font-size: 1.2em;padding-bottom: 0;padding: 10px 10px;border-radius: 6px 6px 0 0;background: #DFE0DB;color:#fff;}
.nav-tab li.active a{color:#1C2A66;background:#fff;}
.formsetfields fieldset{width:100%;float:left;margin:0 0 14px;}
.formsetfields fieldset label {color: #252d38;float: left;font-size: 1em;font-weight: 400;width: 100%;}
.formsetfields fieldset p {float: left;font-size: 13px;margin-top: 4px;width: 100%;}
.formsetfields fieldset .textfield {background-color: #ffffff;border: 1px solid #e3e3e3;border-radius: 2px;color: #666666;display: block;font-size: 15px;font-weight: 300;height: 42px;padding: 8px 8px 8px 44px;width: 100%;}
.filedtextbox{ width:100%;float:left;position: relative; }
.filedtextbox::before {content: "";left: 12px;margin: auto;position: absolute;}
.filedtextbox.emailicon:before{background-image:url(../images/login-icon.png);width:17px;height:12px;top:16px;}
.filedtextbox.usericon:before{background-image:url(../images/user-icon.png);width:16px;height:16px;top:14px;}
.filedtextbox.passicon:before{background-image:url(../images/password.png);width:17px;height:24px;top:10px;}
.filedtextbox.codeicon::before {background-image: url("../images/coupon.png");background-position: center center;background-repeat: no-repeat;height: 24px;top: 10px;width: 24px;}
.formsetfields fieldset.emailicon .textfield{ }
.textforpassword{width:100%;float:left;color:#252D38;font-size:12px;line-height: 18px;font-weight: 300;padding-top:12px;opacity: 0.67;}
.formsetfields .muiltiended fieldset .textfield{padding: 6px 10px;font-size: 14px;}
.submitbtn{width:100%;float:left;text-align:left;padding-top: 1px;}
.formregister .submitbtn{ margin-top: -6px;}
.submitbtn .btnblue {background: #1c2a66 none repeat scroll 0 0;border: medium none;border-radius: 20px;color: #ffffff;display: inline-block;font-size: 1em;font-weight: 700;padding: 10px 27px;transition: all 0.5s ease;}
.forgetPassword {color: #252d38;float: left;font-size: 13px;font-weight: 300;margin-right:10px; margin-top: 10px;opacity: 0.63;width: auto;transition: all 0.5s ease;}
.forgetPassword:hover{color:#000;opacity: 1;}
.otherlog {border-top: 1px dotted #333333;float: left;margin-top: 20px;padding: 10px 0 0;width: 100%;}
.otherlog p {float: left;font-size: 14px;width: 100%;}
.formsetfields h2 {float: left;font-size: 16px;font-weight: 600;margin: 0 0 20px;width: 100%;}
.formsetfields h3 {float: left;font-size: 16px;font-weight: 600;margin: 0 0 20px;width: 100%;}
.selectfield{width:100%;float:left;margin:0 0 10px 0;}
.selectfield h2{font-size:14px;font-weight: 400;}
.radioselect{width:100%;float:left;margin:0 0 10px 0;}
.radioselect input[type="radio"] + label{position: relative;width:100%;float:left;margin:0;font-weight: 400;font-size:14px;padding:0 0 0 32px;}
.radioselect input[type="radio"]{position: absolute;opacity: 0;top:0;left:0;}
.radioselect input[type="radio"] + label:before{width:20px;height:20px;border:1px solid #d6d6d6;content: "";position: absolute;left:0;top:0;border-radius: 20px}
.radioselect input[type="radio"]:checked + label::after {background: #1c2a66;border-radius: 20px;content: "";float: left;height: 10px;left: 5px;position: absolute;top: 5px;
width: 10px;z-index: 1;}
.checkboxselect label {display:block !important;}
.checkboxselect input[type="checkbox"] + label{position: relative;width: 100%;float: left;margin: 0;font-weight: 400;font-size: 14px;padding: 0px 0 0 26px;line-height: 16px;}
.checkboxselect input[type="checkbox"]{position: absolute;opacity: 0;top:0;left:0;}
.checkboxselect input[type="checkbox"] + label:before{width:17px;height:17px;border:1px solid #d6d6d6; background:#fff;content: "";position: absolute;left:0;top:0;}
.checkboxselect input[type="checkbox"]:checked + label::before { background:#fff;}
.checkboxselect input[type="checkbox"]:checked + label::after {background: url(../images/checkmark.svg);border-radius: 20px;content: "";float: left;height: 11px;
background-size:cover;
left: 3px;position: absolute;top: 3px;
width: 11px;z-index: 1;}
.form-group.required .control-label:after { content:"*"; color:red;}
.registerstep-2{display: none;}
.registerSteps .alreadyAccount {margin-top: 14px;text-align: left;}
.selectfield fieldset {padding-left: 30px;}
.navigation{width:auto;float:right;padding-top: 15px;}
.navigation ul{width:auto;float:left;margin:0;}
.navigation ul li{width:auto;float:left;list-style-type: none;margin:0 0 0 50px;}
.navigation ul li:first-child{margin-left:0;}
.navigation ul li.disabled {opacity: 0.4;pointer-events: none;}
.navigation ul li a{width:auto;float:left;text-align:center;}
.navigation ul li a .icon {background-position: center center;background-repeat: no-repeat;display: inline-block;height: 20px;vertical-align: middle;width: 20px;margin-right:1px;}
.navigation ul li.newsession a .icon{background-image:url(../images/addVideo.png);width:30px;height:24px; background-size:cover;}
.navigation ul li.mainsession a .icon{background-image:url(../images/session.png);width:22px;height:23px;}
.navigation ul li.accountlink a .icon{background-image:url(../images/account.png);width:22px;height:22px;}
.navigation ul li.schoollink a .icon{background-image:url(../images/school-icon.png);width:24px;height:24px;background-position: 0 0;}
.navigation ul li.productlink a .icon {background-image: url(../images/product.png);width: 24px;height: 24px;background-position: 0 0;}
.navigation ul li.recommendationlink a .icon{background-image:url(../images/recommend.png);width:22px;height:22px;}
.navigation ul li.logoutlink a .icon{background-image:url(../images/logout.png);width:22px;height:22px;}
.navigation ul li.registerlink a .icon{background-image:url(../images/registericon.png);width:30px;height:25px;}
.navigation ul li.loginlink a .icon{background-image:url(../images/loginicon.png);width:22px;height:22px;}
.navigation ul li a span {color: #000000;display: inline-block;font-size: 14px;font-weight: 400;line-height: 14px;margin-top: 0;text-align: center;vertical-align: middle;width: auto;}
.navigation ul li a:hover{opacity: 0.8;}
.icon-school{background-image:url(../images/school-icon.png);width:24px;height:24px;}
.icon-recommendation{background-image:url(../images/recommend.png);width:22px;height:22px;}
.registerSucces{width:100%;max-width: 500px;text-align: center;display: block;margin:0 auto;}
.imgsuccess{width:100%;float:left;margin:0 0 20px 0;}
.contentSucces{width:100%;float:left;}
.contentSucces h1{width:100%;float:left;font-size:2em;margin:0 0 14px;font-weight: 600;}
.contentSucces p{width:100%;float:left;font-size: 16px;margin:0;line-height: 24px;}
.contentSucces .submitbtn{text-align: center;padding-top:30px;}
.btnnav{width:40px;padding:4px 5px;border:none;background:transparent;float:right;display: none;}
.btnnav span{width:100%;height:1px ;background:#000;float:left;margin:3px 0;}
.newSession .addicon{width:20px;height:20px;display: inline-block;background-position: center;background-repeat: no-repeat;background-image:url(../images/add.png);}
.newSession .videoicon{width:25px;height:20px;display: inline-block;background-position: center;background-repeat: no-repeat;background-image:url(../images/videoicon.png);}
.newSession .replyicon{width:24px;height:20px;display: inline-block;background-position: center;background-repeat: no-repeat;background-image:url(../images/reply-icon.png);}
.error {color: #ff0000;font-size: 12px;font-weight: 300;margin-top: 3px;}
.success{font-size: 14px;color: green;}
.session2{width:100%;float:left;margin: 0;}
footer {background: #f7f7f7;text-align: center;width: 100%;padding:10px 0px;float:left;margin-top:-54px;}
.footer > p{width:auto;float:left;color:#252D38;font-size: 13px;font-weight: 200;font-size:13px;letter-spacing: 0.1px;}
.footer{width:100%;float:left;padding:6px 32px 0 40px;}
.footer ul{width:auto;float:right;vertical-align: top;padding:0;margin:0;list-style-type: none;}
.footer ul li{width:auto;float:left;padding: 0 22px;}
.footer ul li a{font-size:14px;width:auto;float:left;color:#252D38;font-weight: 300;}
.footer ul li a:hover{color:#000;}
.footer ul li:last-child{padding-right:0;}
.control_section {bottom: 43px;float: left;padding: 20px 0;position: fixed;text-align: center;width: 100%;z-index: 9;}
.recordingvideosection.videoSection{padding-bottom:0;}
.control_section > button.camera-start-new-session-button{border-radius: 6px 0 0 6px;}
.control_section > button.camera-capture-stop-button{border-radius: 0 6px 6px 0;}
.control_section > button {background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;border: medium none;color: #ffffff;display: inline-block;margin: 0;min-width: 110px;padding: 12px 20px;position: relative;text-align: center;vertical-align: top;font-size:12px;}
.control_section > button.camera-capture-record-button,.control_section > button.camera-capture-record-button:hover{background: .table-rowansparent;}
/*.control_section > button:hover{background:rgba(255, 255, 255, 0.3) none repeat scroll 0 0;}*/
.control_section > button.camera-capture-record-button span {background: #ffffff none repeat scroll 0 0;border-radius: 40px;display: inline-block;height: 40px;margin: 0;position: relative;vertical-align: middle;width: 40px;margin-right:16px;}
.control_section > button.camera-capture-record-button span::before {background: #d42d2f none repeat scroll 0 0;border-radius: 40px;bottom: 0;content: "";height: 32px;left: 0;margin: auto;position: absolute;right: 0;top: 0;width: 32px;transform: scale(0.8);transition: all 0.3s ease;}
.control_section > button.camera-capture-record-button:hover span::before{-webkit-transform: scale(1);transform: scale(1);}
.control_section > button.camera-capture-stop-button span{width:30px;height:30px;background:url(../images/iconsheet.png)no-repeat;display: block;background-position:-126px -108px;margin:0 auto 10px;}
.control_section > button.camera-capture-pause-button span{width:30px;height:30px;background:url(../images/iconsheet.png)no-repeat;display: block;background-position: -61px -108px;margin:0 auto 10px ;}
.control_section > button.camera-start-new-session-button span{width:30px;height:30px;background:url(../images/iconsheet.png)no-repeat;display: block;background-position: 0 -108px;margin:0 auto 10px;}
button.control-hide,.control-hide{display: none;}
.moderationSection > div#buttonbar {position: fixed;}
.control_section > button.camera-capture-record-button {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;width: auto;font-size:16px;font-weight: 500;}
.control_section > button.camera-capture-pause-button.resumevideo {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: 4px solid rgba(255, 255, 255, 0.4);border-radius: 50%;bottom: 0;color: #ffffff;font-size: 17px;height: 190px;left: 0;margin: auto;outline: medium none;padding: 0;position: fixed;right: 0;top: 0;-webkit-transition: border 0.2s ease-in-out 0s;transition: border 0.2s ease-in-out 0s;width: 190px;}
.control_section > button.camera-capture-pause-button.resumevideo:hover{border: 8px solid rgba(255, 255, 255, 0.3);}
.control_section > button.camera-capture-pause-button.resumevideo:hover span{background-color: rgba(255, 255, 255, 0.3);border: 4px solid rgba(255, 255, 255, 0);}
.control_section > button.camera-capture-pause-button.resumevideo span {background-color: rgba(255, 255, 255, 0);background-image: none;border: 4px solid #ffffff;border-radius: 50%;bottom: 0;display: block;height: 130px;left: 0;margin: auto;position: absolute;right: 0;top: 0;width: 130px;}
.control_section > button.camera-capture-pause-button.resumevideo h2 {font-size: 23px;font-weight: 600;left: 0;margin: 0;position: absolute;right: 0;top: 50%;-webkit-transform: translate(0px, -50%);transform: translate(0px, -50%);}
button.camera-session-finished-button {bottom: 35px;position: absolute;right: 10px;background: #1c2a66 none repeat scroll 0 0;border: medium none;border-radius: 20px;color: #ffffff;display: inline-block;font-size: 16px;font-weight: 700;padding: 10px 27px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
button.camera-session-finished-button:hover{filter: brightness(200%);-webkit-filter: brightness(200%);-moz-filter: brightness(200%);-o-filter: brightness(200%);-ms-filter: brightness(200%);box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);}
.toDoTask:after {content: '';width: 0;height: 0;position: absolute;border-bottom: 8px solid rgba(0,0,0,.8);
border-right: 8px solid transparent;border-left: 8px solid transparent;top: 15px;left: 50px;margin: 0 auto;
}
.toDoTask:before,.toDoTask:after {opacity:0; pointer-events: none; z-index:9999; transition: all .4s;}
.toDoTask:hover:before,.toDoTask:hover:after {opacity:1;}
.toDoTask:before { text-align:left; max-width:240px; content:attr(data-tooltip); background:rgba(0,0,0,.8); border-radius:4px; padding:4px 10px; position:absolute;
top:23px; color:#fff; white-space: normal; }
.Uploadvideo {background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;float: left;height: 100%;left: 0;position: absolute;text-align: center;top: 0;width: 100%;z-index: 10;display: none;}
.uploadvideobox {left: 0;position: absolute;text-align: center;top: 50%;transform: translate(0px, -50%);width: 100%;padding:0 5%;}
.uploadvideobox #myBar{background-color:#5aabca;}
.uploadvideobox img {width: 100px;}
.uploadvideobox span {color: #ffffff;float: left;font-size: 3.3em;font-weight: 600;width: 100%;}
.control_section > button.camera-capture-replay-button.pausevideo span{width:30px;height:30px;background:url(../images/iconsheet.png)no-repeat;display: block;background-position: -48px 6px;margin:0 auto 10px ;}
.control_section > button.camera-capture-replay-button span{width:30px;height:30px;background:url(../images/iconsheet.png)no-repeat;display: block;background-position: -48px -55px;margin:0 auto 10px ;}
button.camera-session-finished-button.inactive {background: #9f9f9f none repeat scroll 0 0;border-color: #9f9f9f;color: #ffffff;opacity: 0.3;}
.downlaodpdf {width: auto;float: left;text-align: right;margin-top: 3px;}
.newSession .downloadpdfsection p{width: 80%;float: left;font-size: 1em;line-height: 23px;padding-left: 15px;margin:0;}
.newSession .downloadpdfsection.session2{margin:0px 0 20px 0;}
.downlaodpdf a{width:40px;height:40px;display: inline-block;vertical-align: middle;background:url(../images/pdf-icon.png)no-repeat;}
.controlervideos span {background-position: center center;background-repeat: no-repeat;display: block;height: 24px;margin: 0 auto 6px;vertical-align: top;width: 24px;background-image:url(../images/iconsheet.png);background-repeat:no-repeat;}
a.btn-next-session{border: 2px solid #1c9cff;border-radius: 26px;bottom: 18px;color: #1c9cff;float: right;font-weight: 600;padding: 10px 28px;position: absolute;transition: all 0.5s ease;right: 0;}
a.btn-next-session:hover{background:#1c9cff;color:#fff;}
.control_section.controlervideos > button{font-size:12px;}
.controlervideos buttton{text-align: center;}
.controlervideos button.reversebtn span{background-position: -7px -65px;}
.controlervideos button.playbtn span{background-position: -57px -66px;}
.controlervideos button.pausebtn span{background-position: -109px -66px;}
.controlervideos button.stopbtn span{background-position:-160px -66px;}
.controlervideos button.fastfwdbtn span{background-position: -215px -66px;}
.summarizefields{width:100%;float:left;}
.summarizefields textarea {border: 1px solid #d6d6d6;box-sizing: border-box;float: left;font-size: 14px;margin: 0 0 12px;padding: 4px 10px;resize: none;width: 100%;}
.radioselect .smilesicon{width:20px;height:20px;position: absolute;left:25px;top:0;background-image:url(../images/smiles.png);background-repeat: no-repeat;}
.radioselect.happysmile .smilesicon{background-position: -37px 0px;}
.radioselect.oksmile .smilesicon{background-position: 0 0;}
.radioselect.sadsmile .smilesicon{background-position: -74px 0;}
#sessionended .radioselect{position: relative;}
#sessionended .radioselect input[type="radio"] + label{padding:2px 0 3px 55px;}
.editSession .radioselect input[type="radio"] + label::before{top: 3px;}
.editSession .radioselect input[type="radio"]:checked + label::after{top:8px;}
.gonexpagecls{width:100%;padding-top:20px;float:left;}
.gonexpagecls label{color: #333333;float: left;font-size: 16px;font-weight: 500;width: 100%;margin:0 0 13px 0;}
.gonexpagecls a {background: #1c2a66 none repeat scroll 0 0;border-radius: 26px;color: #ffffff;float: right;font-weight: 600;margin: 0 1% 10px;padding: 6px 8px 6px 46px;text-align: left;transition: all 0.5s ease 0s;width: 48%;}
.gonexpagecls a:hover{filter: brightness(200%);-webkit-filter: brightness(200%);-moz-filter: brightness(200%);-o-filter: brightness(200%);-ms-filter: brightness(200%);box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);color:#fff;}
.recommend .gonexpagecls a{background: #707070 none repeat scroll 0 0;}
.alreadyAccount {float: left;font-size: 13px;margin-top: 36px;text-align: center;width: 100%;font-weight: 400;}
.alreadyAccount a {border-bottom: 1px solid #1C2A66;color: #1C2A66;padding: 0 3px 2px;}
.alreadyAccount a:focus{text-decoration: none;}
.btnloader {border: 15px solid #f3f3f3;border-radius: 50%;border-top: 16px solid #3498db;width: 30px;height: 30px;-webkit-animation: spin 1s linear infinite;animation: spin 1s linear infinite;left: 0;margin: auto;position: absolute;right: 0;top: 0;width: 30px;bottom:0;display: none;}
.btnblue.btnloaded:before{border: 15px solid #f3f3f3;border-radius: 50%;border-top: 16px solid #3498db;width: 30px;height: 30px;-webkit-animation: spin 1s linear infinite;animation: spin 1s linear infinite;left: 0;margin: auto;position: absolute;right: 0;top: 0;width: 30px;bottom:0;display: none;content: "";}
.error_section {background: #fbe8ab none repeat scroll 0 0;border: 1px solid #e6d287;border-radius: 4px;bottom: 136px;color: #000000;font-size: 12px;padding: 4px 10px;position: fixed;right: -100%;transition: all 0.5s ease 0s;width: auto;z-index: 99;}
.error_section.active {right: 10px;}
.allSessions{width:100%;float:left;padding-top:30px;}
.listsession{width:100%;float:left;}
.listsession .tablemain{width:100%;}
.listsession .tablemain .table-cell{padding:20px 10px;}
.listsession .tablemain .table-cell:nth-child(2) {width: 130px;}
.listsession .tablemain .table-cell .actionlistvideo span{width:52px;height:52px;border-radius: 50px;display: inline-block;position: relative;transition: all 0.5s ease;transition: all 0.5s ease;}
.listsession .tablemain .table-cell .actionlistvideo:hover span{box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.1);}
/*.listsession .tablemain .table-cell .deleteSessionList span{background:#FF5A60;}
.listsession .tablemain .table-cell .editvideosession span{background:#FFC55A;}
.listsession .tablemain .table-cell .expertvideosession span{background:#ADCCCC;}
.listsession .tablemain .table-cell .playvideosession span{background:#5AC3FF;}
.listsession .tablemain .table-cell .expertRequestSent span{background:#B2FF5A;}*/
.actionlistvideo{text-align: center;display: inline-block; width:100%;}
.ajaxSessionPlayVideo { height:93px; overflow:hidden;}
.actionlistvideo label{white-space: nowrap;}
/*.listsession .tablemain .table-cell a.deleteSessionList:hover span{background:#EF4A50;}
.listsession .tablemain .table-cell a.editvideosession:hover span{background:#dfa53a;}
.listsession .tablemain .table-cell a.expertvideosession:hover span{background:#8dacac;}
.listsession .tablemain .table-cell a.playvideosession:hover span{background:#4ab3ef;}*/
/*.listsession .tablemain .table-cell .expertRequestSent.expertRequestSent:hover span{background:#92DF3A;}*/
.listsession .tablemain .table-cell .actionlistvideo span i{width:30px;height:30px;position: absolute;top:0;right: 0;bottom:0;left:0;background-position: center;background-repeat: no-repeat;margin:auto;}
.listsession .tablemain .table-cell .deleteSessionList span i{background-image:url(../images/deleteicon.svg);}
.listsession .tablemain .table-cell .editvideosession span i{background-image:url(../images/edit-icon.svg);}
.listsession .tablemain .table-cell .expertvideosession span i{background-image:url(../images/chaticion.svg);}
.listsession .tablemain .table-cell .expertvideosession.expertRequestSent span i{background-image:url(../images/sentexpert.svg);opacity: 0.9;}
.sessionlisting .videoimg {height:93px;}
.edit-icon-black{ background-image:url(../images/edit-icon-small.png);width:16px;height:16px;float:left; }
.delete-icon-black{ background-image:url(../images/delete-icon-small.png);width:16px;height:16px;float:left; }
.lds-ellipsis {
display: inline-block;
position: relative;
width: 64px;
height: 64px;
}
.lds-ellipsis div {
position: absolute;
top: 27px;
width: 11px;
height: 11px;
border-radius: 50%;
background: #000;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
left: 6px;
animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
left: 6px;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
left: 26px;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
left: 45px;
animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes lds-ellipsis3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes lds-ellipsis2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(19px, 0);
}
}
.listsession .tablemain .table-cell .playvideosession span i{background-image:url(../images/playicon.svg);}
.listsession .tablemain .table-row .table-cell:first-child{text-align: center;width:68px;}
.tablemain{display: table;width:100%;}
.tablemain .table-row{display: table-row;width:100%;}
.tablemain .table-row .table-cell{display: table-cell;vertical-align: middle;}
.listsession .tablemain .table-cell:nth-child(3){width:50%;}
.listsession .tablemain .table-cell:nth-child(4), .listsession .tablemain .table-cell:nth-child(5), .listsession .tablemain .table-cell:nth-child(6), .listsession .tablemain .table-cell:nth-child(7){width:16%;}
.sessionvideodetail{width: 100%;display: inline-block;padding-left: 14px;}
.listsession .table-row {border-bottom: 1px solid #f6f6f6;float:left;}
.listsession .tablemain .table-cell:last-child{padding-right:20px;}
.contersession {background: #f4f4f4 none repeat scroll 0 0;border-radius: 50px;color: #252d38;font-size: 1em;font-weight: 300;height: 30px;line-height: 28px;text-align: center;width: 30px;display: inline-block;}
.videoimg {max-width: 100%;width: 170px;text-align: center;box-shadow: 0 20px 20px -19px;}
.rating {font-size: 14px;width:100%;float:left;color:#252D38;font-weight: 300;}
/*.deletevideo span{width:25px;height:40px;background:url(../images/delete-video.png)no-repeat;background-position: center center;display: block;margin:0 auto 4px;}
.editvideosession span{width:30px;height:40px;background:url(../images/edit-video.png)no-repeat;background-position: center center;display: block;margin:0 auto 4px;}
.playvideosession span{width:30px;height:40px;background:url(../images/play-video-btn.png)no-repeat;background-position: center center;display: block;margin:0 auto 4px;}
.expertvideosession span{width:30px;height:40px;background:url(../images/expert.png)no-repeat;background-position: center center;display: block;margin:0 auto 4px;} */
.videoimg img{max-width: 100%;}
.sessionvideodetail h3 {font-size: 1.125em;font-weight: 400;margin: 0 0 15px;width: 100%;}
.sessionvideodetail span {display: block;font-size: 14px;font-weight: 300;letter-spacing: 0.1px;margin: 0 0 12px;width: 100%;color:#252D38;word-wrap: break-word;}
.listsession .table-row .table-cell label {color: #252d38;display: block;font-size: 14px;font-weight: 300;letter-spacing: 0.1px;margin: 0;text-align: center;width: 100%;cursor: pointer;}
.rating span{width:24px;height:24px;background-image:url(../images/smiles.png);background-repeat: no-repeat;display: inline-block;vertical-align: middle;margin-bottom:0;margin-left:9px;}
.rating span.ratehappysmile{background-position:0 0;}
.rating span.ratesmile{background-position:-41px 0px;}
.rating span.ratesad{background-position: -82px 0;}
.rating span.norate{background-position: -121px 0;}
.listingSession .container{padding:0 28px;width:1438px;max-width: 100%;}
.deletevideo:hover,.editvideosession:hover,.playvideosession:hover{opacity: 1;}
.loadingicon {background-image:url("../images/Spinner.svg");background-repeat:no-repeat;background-position: -7px -7px;background-size:34px auto;height: 20px;margin-right: 8px;vertical-align: middle;width: 0;visibility: hidden;opacity: 0;transition: all 0.5s ease;display: none;}
.activeloaderbtn .loadingicon{width: 20px;visibility: visible;opacity: 1;display: inline-block;}
.activeloaderbtn {color:rgba(0,0,0,0) !important; position: relative;;}
.activeloaderbtn .loadingicon {position: absolute; right:0; bottom:0; left:0; top:0; margin:auto;}
.blink_me {animation: blinker 2s linear infinite;}
.sessionlisting .videoimg img {position: absolute;
z-index: -1;
right: 0;
left: 0;
bottom: 0;
top: 0;
margin: auto;}
@keyframes blinker {
50% { opacity: 0; }
}
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { .table-rowansform: rotate(0deg); }
100% { .table-rowansform: rotate(360deg); }
}
.headingsection {float: left;margin:20px 0 5px 0;padding: 0 15px;width: 100%;}
.headingsection h1 {color: #252d38;float: left;font-size: 1.250em;font-weight: 700;margin: 0;}
.headingsection a {background: #1c2a66 none repeat scroll 0 0;border: medium none;border-radius: 40px;color: #ffffff;display: inline-block;font-size: 18px;font-weight: 700;padding: 10px 17px;margin-top: -1px;float: right;margin-right: 3px;}
/* Pagination Loader */
.listsession .pagination {border-radius: 4px;display: inline-block;float: left;margin: 20px 0;padding: 50px 0;position: relative;width: 100%;}
.cssload-spin-box {position: absolute;margin: auto;left: 0;top: 0;bottom: 0;right: 0;width: 15px;height: 15px;border-radius: 100%;box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);-o-box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);-ms-box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);-webkit-box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);-moz-box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);animation: cssload-spin ease infinite 4.6s;-o-animation: cssload-spin ease infinite 4.6s;-ms-animation: cssload-spin ease infinite 4.6s;-webkit-animation: cssload-spin ease infinite 4.6s;-moz-animation: cssload-spin ease infinite 4.6s;}
@keyframes cssload-spin {
0%,
100% {
box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
}
25% {
box-shadow: -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73);
}
50% {
box-shadow: -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223);
}
75% {
box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49;
}
}
@-o-keyframes cssload-spin {
0%,
100% {
box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
}
25% {
box-shadow: -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73);
}
50% {
box-shadow: -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223);
}
75% {
box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49;
}
}
@-ms-keyframes cssload-spin {
0%,
100% {
box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
}
25% {
box-shadow: -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73);
}
50% {
box-shadow: -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223);
}
75% {
box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49;
}
}
@-webkit-keyframes cssload-spin {
0%,
100% {
box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
}
25% {
box-shadow: -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73);
}
50% {
box-shadow: -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223);
}
75% {
box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49;
}
}
@-moz-keyframes cssload-spin {
0%,
100% {
box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
}
25% {
box-shadow: -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73);
}
50% {
box-shadow: -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223);
}
75% {
box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49;
}
}
/* Video Player */
.videoContainercon.small .intensityBar { width: 50px !important; }
.videoContainercon.small .playButton {margin: 0 !important;margin-right: 5px !important;}
.videoContainercon.small .fullTime { display: none !important; }
.videoContainercon.small .progressBar { height: 6px !important; }
.videoContainercon.small .overlay .button {width: 50px !important;height: 50px !important;}
.videoContainercon.small .time { display: none !important; }
.videoContainercon .overlay {background: rgba(25, 25, 25, 0.8) none repeat scroll 0 0;height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 999;}
.videoContainercon .overlay .button {width: 80px;height: 80px;position: absolute;top: 0;left:0;bottom:0;right:0;margin:auto;background: url(../images/play-button.svg);background-size: 100% 100%;transform: .table-rowanslate(-50%, calc(-50% - 30px));cursor: pointer;transition: width 0.2s, height 0.2s;}
.videoContainercon .overlay .button:hover {width: 90px;height: 90px;}
.videoContainercon #video {width: 100%;height: calc(100% - 60px);position: relative;top: 0;left: 0;overflow: hidden;border-radius: 5px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.videoContainercon #video video {width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 5px;border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.videoContainercon #controls {width: 100%;height: 60px;background: #000;position: absolute;right: 0;bottom: 0px;display: flex;align-items: center;justify-content: space-between;z-index: 99;}
.videoContainercon.watchVideo #controls{z-index: inherit;}
.videoContainercon.watchVideo .gonextsummrise{z-index: 999;}
.videoContainercon #controls .playButton {align-items: center;cursor: pointer;display: flex;height: 100%;justify-content: center;margin-left: 5px;margin-right: 20px;transition: all 0.4s ease 0s;width: 70px;}
.videoContainercon #controls .ProgressContainer {color: #fff;width: calc(100% - 100px);height: 100%;display: flex;align-items: center;justify-content: flex-start;position: relative;}
.videoContainercon #controls .ProgressContainer .progressBar {width: 100%;height: 6px;background:#1c9cff;border-radius: 20px;cursor: pointer;overflow: hidden;}
.videoContainercon #controls .ProgressContainer .progressBar:hover + .time {opacity: 1;transform: .table-rowanslateY(0);}
.videoContainercon #controls .ProgressContainer .progressBar .progress {width: 0%;height: 100%;background: #fff;border-radius: 20px;}
.videoContainercon #controls .ProgressContainer .timer {margin: 0 10px;font-family: Arial, sans-serif;font-weight: 300;font-size: 12px;font-weight: 300;color:#1c9cff;letter-spacing: 1px;}
.videoContainercon #controls .ProgressContainer .time {width: 80px;height: 25px;background: #1c9cff;position: absolute;top: -20px;left: 0;border-radius: 5px;color: #fff;font-family: Arial, sans-serif;text-align: center;line-height: 25px;font-size: 12px;letter-spacing: 1px;opacity: 0;transform: .table-rowanslateY(10px);transition: .table-rowansform 0.3s, opacity 0.3s;}
.videoContainercon #controls .ProgressContainer .time::after {content: "";display: block;width: 0;height: 0;position: absolute;top: 25px;left: 33px;border-left: 6px solid .table-rowansparent;border-right: 6px solid .table-rowansparent;border-top: 6px solid #1c9cff;}
.videoContainercon #controls .volume {width: 150px;height: 100%;display: flex;align-items: center;justify-content: flex-end;position: relative;}
.videoContainercon #controls .volume .icon {width: 25px;height: 25px;background: url(volume.svg);background-size: 100% 100%;cursor: pointer;margin-right: 10px;}
.videoContainercon #controls .volume .intensityBar {width: 100px;height: 4px;background: #39a072;border-radius: 20px;max-width: 100px;overflow: hidden;transform-origin: right center;cursor: pointer;transition: all 0.5s;}
.videoContainercon #controls .volume .intensityBar .intensity {width: 50%;height: 100%;background: #fff;}
.videoContainercon #controls .scale {width: 70px;height: 100%;background: #4dbf8c;display: flex;align-items: center;justify-content: center;margin-left: 5px;cursor: pointer;transition: all 0.4s;border-bottom-right-radius: 5px;}
.videoContainercon{background:#191919;}
.videoContainercon #controls .scale:hover { background: #40b27f; }
.videoContainercon #controls .scale .icon {width: 25px;height: 25px;background-size: 100% 100%;background: url(../images/expand.svg);background-size: 100% 100%;}
/* Updated css video */
.moderationSection {float: left;width: 100%;}
.reverse-btn {background: rgba(0, 0, 0, 0) url("../images/iconsheet.png") no-repeat scroll 3px -53px;height: 30px;text-indent: -999px;width: 30px;}
.videoContainercon #controls .reverse {align-items: center;cursor: pointer;display: flex;height: 100%;justify-content: center;margin-left: 10px;margin-right: 5px;transition: all 0.4s ease 0s;width: 70px;}
.fastFwd-btn {background: rgba(0, 0, 0, 0) url("../images/iconsheet.png") no-repeat scroll -93px -56px;height: 30px;text-indent: -999px;width: 30px;}
.videoContainercon #controls .fastFwd {align-items: center;cursor: pointer;display: flex;height: 100%;justify-content: center;margin-left: 35px;margin-right: 10px;transition: all 0.4s ease 0s;width: 70px;}
.videoContainercon #controls .playButton .playPause {background: rgba(0, 0, 0, 0) url("../images/iconsheet.png") no-repeat scroll -47px -56px;height: 30px;width: 30px;}
.videoContainercon #controls .reverse:hover ,.videoContainercon #controls .playButton:hover,.videoContainercon #controls .fastFwd:hover { background: #2c2c2c; }
.timer.fullTime{display: none;}
.titlevideo {background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;border-radius: 2px;color: #ffffff;font-size: 14px;padding: 4px 12px;position: absolute;right: 10px;top: 20px;z-index: 999;}
.gonextsummrise{align-items: center;cursor: pointer;display: flex;height: 100%;justify-content: center;margin-left: 35px;margin-right: 10px;transition: all 0.4s ease 0s;width: auto;margin-left:15px;}
.gonextsummrise a{background: #1c2a66 none repeat scroll 0 0;border: medium none;border-radius: 20px;color: #ffffff;display: inline-block;font-size: 1em;font-weight: 700;padding: 10px 27px;transition: all 0.5s ease 0s;}
.gonextsummrise a:hover{filter: brightness(200%);-webkit-filter: brightness(200%);-moz-filter: brightness(200%);-o-filter: brightness(200%);-ms-filter: brightness(200%);box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);color:#fff;}
.replaySession .videoContainercon{width: 100%;float: left;position: relative;height: 400px;overflow: hidden;position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.replaySession .videowatchSection video{width: 100%;float: left;position: absolute;top: 0;left: 0;height:calc(100% - 60px) ;min-width: 100%;}
.finishbtnbottom{width:100%;float:left;text-align: center;padding-top:30px;padding-bottom:20px;}
.finishbtnbottom a{background: #1c2a66 none repeat scroll 0 0;border: medium none;border-radius: 20px;color: #ffffff;display: inline-block;font-size: 18px;font-weight: 700;padding: 10px 27px;transition: all 0.5s ease 0s;margin:0 8px;}
.finishbtnbottom a:hover{filter: brightness(200%);-webkit-filter: brightness(200%);-moz-filter: brightness(200%);-o-filter: brightness(200%);-ms-filter: brightness(200%);box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);color:#fff;}
.videowatchSection h2{width: 100%;float: left;margin: 30px 0 12px 0;font-weight: 600;font-size: 18px;}
.modelContent.formLog{position: initial;float: left;}
.videoSection .mobile_capture{position: absolute;top: 0;left: 0;width: 100%;height: 100%;min-width: 100%;min-height: 100%;background: #191919;max-width: 100%;}
.addMoreTextarea {color: #000000;float: left;font-size: 14px;font-weight: 600;margin-top:12px;}
.summarizeContainer{width:100%;float:left;max-height: 200px;overflow: auto;}
.addMoreRecommendField {color: #000000;float: left;font-size: 14px;font-weight: 600;margin-top:5px;}
.muiltiended {float: left;margin: 0 0 10px;max-height: 174px;overflow: auto;width: 100%;}
.recommend-sub-inner{float: left;width: 100%;}
.gobackbtn {color: #1c2a66;float: left;font-size: 14px;font-weight: 600;margin: 10px 10px 0 0;width: auto;}
.recommend-field {background: #ffffff none repeat scroll 0 0;border: 1px solid #d6d6d6;float: left;margin: 0 0 5px;padding: 18px 10px 6px;position: relative;width: 100%;}
.recommend-outer p {float: left;font-size: 14px;font-weight: 300;line-height: 22px;width: 100%;}
.deleteRec {background: #ffffff none repeat scroll 0 0;border: 1px solid #d6d6d6;border-radius: 30px;color: #000000;float: right;font-size: 12px;font-weight: 400;line-height: 16px;padding: 0 8px;text-align: center;}
.formLog.recommend,.formLog.sessionended-outer {max-width: 500px;}
.recommend_delete {left: 7px;position: absolute;top: -10px;}
.formsetfields .recommend-field fieldset:last-child{margin:0;}
.addMoreRecommendField:hover,.addMoreRecommendField:focus{color:#000;text-decoration: none;}
.hiddenDiv{display: none !important;}
.mainsection .skipPayment{display: none;}
.mainsection.reference .skipPayment{display: block;}
.reference .skipPayment{display: block;}
.skipPayment{float: left;}
.recorder_times {background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;border-radius: 2px;color: #000000;padding: 2px 10px;position: absolute;right: 10px;top: 63px;z-index: 999;}
.expertvideosession.expertRequestSent span {background-color: #a4da92;opacity: 0.9;background-image: inherit;}
.record_sign {background: #ff0000 none repeat scroll 0 0;border-radius: 20px;display: inline-block;float: left;height: 15px;margin-right: 10px;margin-top: 4px;width: 15px;}
.newSession{width:100%;float:left;}
.newSession p{width:100%;float:left;line-height: 27px;font-size:1em;color:#252D38;font-weight: 400;margin:0 0 25px 0;}
/*.formLog.innerforms {padding-left: 23px;padding-right: 23px;}*/
.startsessionbtn .btnblue i{width:32px;height:19px;background-image:url(../images/videocamera.svg);background-repeat:no-repeat;display: inline-block;vertical-align: middle;margin-right:10px;}
.sessionStartSection {border-bottom: 1px solid rgba(151, 151, 151, 0.2);float: left;padding-bottom: 33px;width: 100%;}
.sessionStartSection p{color: #252d38;float: left;font-size: 1em;line-height: 27px;margin: 0 0 16px;width: 100%;}
.alreadyvideo{width:100%;float:left;padding-top:24px;}
.alreadyvideo p{width:100%;float:left;color:#252D38;font-size:1em;line-height: 23px;margin:0;}
.alreadyvideo p a{border-bottom: 1px solid #1c2a66;color: #1c2a66;padding: 0 3px 2px;}
.btnshover,.btnblue{transition: all 0.5s ease;}
.btnshover:hover,.btnblue:hover{ filter: brightness(200%);-webkit-filter: brightness(200%);-moz-filter: brightness(200%);-o-filter: brightness(200%);-ms-filter: brightness(200%);box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);}
.control_section,.mainsection .recorder_times,.mainsection .titlevideo{z-index: 2147483647;}
video#video-box::-webkit-media-controls {display:none !important;}
video#video-box::-webkit-media-controls-enclosure {display:none !important;}
.fullscreenVideo .recordingvideosection {position: fixed;z-index: 99999;top: 0;min-height: 100%;left:0;}
.table-cell.hideSessionAction a {opacity: 0.5;pointer-events: none;filter: grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter: grayscale(100%);-o-filter: grayscale(100%);-ms-filter: grayscale(100%);}
.listsession .tablemain .table-cell.hideSessionAction .actionlistvideo span {background: #dfdfdf !important;}
.modelStructure .modelContent {padding: 20px 15px;display: inline-block;width: 100%;}
.modelStructure .modal-sm {max-width: 530px;width: 100%;}
.modelStructure .modal-footer {border-top: medium none;padding: 0 0 20px 15px;text-align: left;}
.modelStructure .modal-footer .btn-primary {background: #1c2a66 none repeat scroll 0 0;border-radius: 20px;font-size: 1em;padding: 6px 28px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.modelStructure .modal-footer .btn-primary:hover{filter: brightness(200%);-webkit-filter: brightness(200%);-moz-filter: brightness(200%);-o-filter: brightness(200%);-ms-filter: brightness(200%);box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);}
.modelStructure .modal-footer .btn-default{background:rgba(0, 0, 0, 0) linear-gradient(#ffffff, #f3f3f3) repeat scroll 0 0);border-radius: 20px;font-size: 1em;padding: 6px 28px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
h2.popupHeading {display: inline-block;font-size: 1.2em;padding: 0 40px 0 15px;width: 100%;}
.editSession .radioselect.happysmile .smilesicon{background-position: -40px 1px;}
.editSession .radioselect.sadsmile .smilesicon{background-position: -81px 1px;}
.editSession .radioselect.oksmile .smilesicon{background-position: -121px 1px;}
.editSession .radioselect .smilesicon{width:26px;height:26px;}
.editSession .radioselect{width:auto;margin-right:20px;}
.editSession.formsetfields fieldset .textfield{padding-left:10px;}
.editSession.formsetfields fieldset {margin-bottom: 14px;}
.sessionComman h2 {float: left;margin: 0 0 20px;width: 100%;color:#252d38;font-size:1.55em;font-weight: 700;}
.sessionComman p{color: #252d38;float: left;font-size: 1.188em;line-height: 30px;margin: 0 0 16px;width: 100%;}
.sessionComman .submitbtn {padding-top: 18px;}
.formsetfields .recommend-outer h2{font-size: 1em;color: #252d38;font-weight: 400; margin: 0 0 2px;line-height: 1.6;}
.formsetfields .recommend-field fieldset {margin-bottom: 4px;padding: 0 3px 5px;width: 50%;}
.formsetfields .recommend-field fieldset.full-width{width:100%;}
.recommend_area {float: left;padding-top: 20px;width: 100%;}
.uploadVideoPopup .custom-file-input {background: #f0f0f0 none repeat scroll 0 0;height: 46px;margin-top: 30px;padding: 0;width: auto;}
.comman_response.alert {display: inline-block;font-size: 13px;padding: 5px 7px;z-index: 3;}
.comman_response.no-internet.alert.alert-danger{position: relative;top: 0;float: left;width: 100%;margin-bottom: 15px;}
.recommend-success-feedback .comman_response.alert {position:static;}
.replaySession .container{padding:0;}
.summarizeContainer fieldset{position: relative;padding-left:16px;padding-right:10px;}
.summarizeContainer fieldset::before {background: #808080 none repeat scroll 0 0;border-radius: 20px;content: "";height: 6px;left: 0;margin: auto;position: absolute;top: 22px;width: 6px;}
.remove_fieldset {font-size: 28px;font-weight: 300;height: 30px;line-height: 28px;margin: auto;opacity: 0.7;position: absolute;right: 10px;text-align: center;top: 10px;width: 30px;cursor: pointer;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.remove_fieldset:hover{opacity: 1;}
.no_session.formLog {bottom: auto;display: inline-block;height: auto;left: 0;margin: auto;right: 0;top: 50%;transform: translate(0px, -50%);}
.account-container h1.main_heading {color: #252d38;float: left;font-size: 1.55em;font-weight: 700;margin: 0 0 30px;width: 100%;}
.account-container {float: left;padding-top: 50px;width: 100%;padding-bottom:20px;}
.account_panel{width:100%;float:left;position: relative;padding-left:300px;}
.account_panel .error {width:70%; float:left; margin-left:28.5%;}
.nav-account {float: left;left: 0;min-height: 400px;position: absolute;top: 10px;width: 300px;padding-right:20px;}
.nav-account li{width:100%;float:left;list-style-type: none;border-bottom:1px solid rgba(151,151,151,0.20);}
.nav-account li a{width:100%;float:left;padding:14px 0px;color:#858d98;}
.nav-account li.active a{color:#333333;}
.account-container .tab-content {background: #f4f4f4 none repeat scroll 0 0;float: left;padding: 20px;width: 100%;min-height: 290px;}
h2.sub-heading {float: left;font-size: 1.1em;width: auto;margin:7px 0 0;}
.editbtnaccount.submitbtn .btnblue {font-size: 14px;font-weight: 500;padding: 6px 20px;}
.headsectionaccount{width:100%;float:left;border-bottom: 1px solid #d9d9d9; margin: 0 0 20px;padding: 0 0 20px;}
.headsectionaccount .editbtnaccount{width:auto;float:right;}
.account-info-view{width:100%;float:left; margin-bottom:24px; border-bottom:1px solid #d6d6d6;}
.account-info-view:last-child {border-bottom:none;}
.account-info-view .fieldsrow{width:100%;float:left;margin:0 0 20px 0;}
.account-info-view .fieldsrow label {float: left;font-size: 0.9em;font-weight: 400;margin: 0;max-width: 230px;width: 30%;}
.account-info-view .fieldsrow span {color: #969696;float: left;font-size: 0.8em;width: 70%;padding-left:12px;}
.account-info-edit{width:100%;float:left;display: none;}
.account-info-edit .fieldsrow{width:100%;float:left;margin:0 0 20px 0;}
.account-info-edit .fieldsrow label {float: left;font-size: 0.9em;font-weight: 400;margin: 0;max-width: 230px;width: 30%;padding:6px 0 0;}
.account-info-edit .fieldsrow .textfields {border: 1px solid #e6e6e6;border-radius: 3px;color: #666666;float: left;font-size: 0.7em;font-weight: 400;max-width: 260px;padding: 7px 10px;width: 70%;margin-left:12px;}
.account-info-edit .fieldsrow textarea.textfields{min-height: 100px;}
.savebtnaccount.submitbtn {float: left;padding-left: 230px;padding-top: 20px;text-align: left;width: 100%;}
.savebtnaccount.submitbtn .btnblue{font-size: 1em;font-weight: 500;padding: 6px 30px;}
.savebtnaccount.submitbtn .cancelbtn {background: #ffffff none repeat scroll 0 0;border: 1px solid #d6d6d6;border-radius: 30px;color: #333333;font-size: 1em;font-weight: 500;margin-left: 10px;padding: 6px 20px;transition: all 0.5s ease;}
.savebtnaccount.submitbtn .cancelbtn:hover{background: #fafafa;border:1px solid #939393;}
.editactive .headsectionaccount .editbtnaccount{visibility: hidden;}
.deactivate-account{width:100%;float:left;}
.deactivate-account p {color: #434343;float: left;font-size: 1em;font-weight: 400;width: 100%;}
.gonexpagecls_another { float: left; width: 100%; margin-top: 10px;}
.actionlistvideo{position: relative;}
.gonexpagecls a.sessionEndedSave span {bottom: 0;left: 10px;margin: auto;position: absolute;top: 0;}
.gonexpagecls a.sessionEndedSave{position: relative;}
.gonexpagecls a.end-recommend span,.recommend_page span.thumb-icon, .recommend span.thumb-icon {background-image: url("../images/recommend-white.png");background-position: center center;
background-repeat: no-repeat;display: inline-block;height: 30px;margin-right: 10px;vertical-align: middle;width: 30px;}
.gonexpagecls a.end-replay span {background-image: url("../images/playicon-white.svg");background-position: center center;background-repeat: no-repeat;display: inline-block;height: 30px;margin-right: 10px;vertical-align: middle;width: 30px;}
.gonexpagecls a.end-new-session span {background-image: url("../images/add-white.png");background-position: 2px 7px;background-repeat: no-repeat;display: inline-block;height: 30px;margin-right: 10px;vertical-align: middle;width: 40px;}
.gonexpagecls a.end-session-list span {background-image: url("../images/session-white.png");background-position: center center;background-repeat: no-repeat;display: inline-block;height: 30px;margin-right: 10px;vertical-align: middle;width: 30px;}
.listsession .tablemain .table-cell .videoimg .playvideosession span {background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;border-radius: 0;bottom: 0;height: 100%;left: 0;margin: auto;position: absolute;right: 0;top: 0;width: 100%;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.listsession .tablemain .table-cell .videoimg .playvideosession:hover span{background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;}
.listsession .tablemain .table-cell .videoimg .playvideosession span i{background-image:url("../images/play-video.png");}
span.icon-school-book{background-image: url("../images/school-icon-white.png");background-position: center center;
background-repeat: no-repeat;display: inline-block;height: 30px;margin-right: 10px;vertical-align: middle;width: 30px;}
.no_session.formLog.thanks_payment {box-shadow: none;display: block;float: none;margin: 0 auto;max-width: 960px;padding: 0;position: relative;top: 0;transform: none;width: 100%;}
.thanks_payment .newSession {border: 1px solid #d6d6d6;margin: 0 0 30px;padding: 15px 20px;}
.thanks_payment .newSession p {font-weight: 300;}
/* Payment Checkout Start */
.pm-credit-card-form {float: left;margin: 0;width: 100%;}
.pm-credit-card-form .pm-group {float: left;margin: 0 0 12px;width: 100%;}
.pm-credit-card-form .pm-group label {float: left;font-weight: 400;margin: 0 0 4px;width: 100%;font-size:1em;}
.pm-credit-card-form .pm-wrapper input[type="text"] ,.pm-credit-card-form .pm-wrapper input[type="number"] {box-sizing: border-box;float: left;height: 40px;line-height: 40px;max-width: 310px;padding: 4px 10px;width: 100%;}
.pm-credit-card-form .pm-group.pm-exp .pm-input {float: left;max-width: 88px;}
.pm-credit-card-form .pm-group.pm-exp .pm-separator {float: left;line-height: 40px;padding: 0 12px;}
#paymentModal.modelStructure .modal-sm{max-width: 440px;}
/* Payment Method */
.formsetfields .payment_method fieldset .textfield {padding-left: 12px;}
.formsetfields .payment_method fieldset {margin-bottom: 20px;}
.payment_mode .radioselect {margin: 0;width: 50%;}
.payment_mode .selectfield {margin-bottom: 22px;}
/** CC-Icons **/
.paymill-card-number-visa {
background: #EAEFF1 url('../images/32x20_visa.png')no-repeat 96% center !important;
}
.paymill-card-number-mastercard {
background: #EAEFF1 url('../images/32x20_mastercard.png')no-repeat 96% center !important;
}
.paymill-card-number-amex {
background: #EAEFF1 url('../images/32x20_amex.png')no-repeat 96% center !important;
}
.paymill-card-number-jcb {
background: #EAEFF1 url('../images/32x20_jcb.png')no-repeat 96% center !important;
}
.paymill-card-number-maestro {
background: #EAEFF1 url('../images/32x20_maestro.png')no-repeat 96% center !important;
}
.paymill-card-number-carte-bleue {
background: #EAEFF1 url('../images/32x20_carte-bleue.png')no-repeat 96% center !important;
}
.paymill-card-number-diners-club {
background: #EAEFF1 url('../images/32x20_dinersclub.png')no-repeat 96% center !important;
}
.paymill-card-number-china-unionpay {
background: #EAEFF1 url('../images/32x20_unionpay.png') no-repeat 96% center !important;
}
.paymill-card-number-discover {
background: #EAEFF1 url('../images/32x20_discover.png') no-repeat 96% center !important;
}
.paymill-card-number-carta-si {
background: #EAEFF1 url('../images/32x20_carta-si.png') no-repeat 96% center !important;
}
.paymill-card-number-dankort {
background: #EAEFF1 url('../images/32x20_dankort.png') no-repeat 96% center !important;
}
.paymill-card-number-grayscale
{
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
/** CONTACT PAGE DESIGN **/
.contact-form{width:518px;float:left;}
.contact-form form {width:100%;}
.field-text {width:100%;height:61px;padding:0 10px;border:1px solid #CECECE;margin-top:8px;border-radius:2px;}
.field-textarea {resize: none; width:100%;height:150px;padding:10px 10px;border:1px solid #CECECE;margin-top:7px;border-radius:2px;}
.form-submit {background:#F90882;color:#FFF;border-radius:3px;font-size:1.625em; border:none;font-weight:600;letter-spacing: .5px; line-height:1; padding:19px 57px 15px;transition:all .3s;}
.form-submit:hover{background:#E80478;}
.field-container{margin-bottom:36px;}
.field-container.mb-30{margin-bottom:30px;}
.contact-info{width:315px;float:right;margin-top:39px;}
.contact-info p {margin-bottom:0;}
.contact-info .icon-bs {font-size:26px;color:#1c2a66;height:25px;margin-right:12px;display:inline-block;*display:inline;zoom:1;vertical-align: middle;}
.content-address{display:inline-block;vertical-align: middle;width:262px;}
.content-address p,.content-address a{margin-top:2px;line-height: 1.35; font-size:16px;letter-spacing: .31px;}
.contact-email{margin-bottom:40px;}
.contact-email a{line-height:1;font-size:16px;color:#323232;letter-spacing:.45px;transition:all .4s;display:inline-block;*display:inline;margin-top:0px; margin-bottom:0;}
.contact-email a:hover{color:#1c2a66;}
.contact-info .contact-phone .icon-bs,.contact-location .content-address,.contact-location .icon-bs {vertical-align: top;}
.contact-info .contact-phone .icon-bs,.contact-location .icon-bs {margin-top:3px;}
.contact-phone .content-address{vertical-align: top;}
.contact-phone a,.contact-location a{opacity:.7;transition:all .3s;color:#323232;font-size:16px;margin-top:0px;display:inline-block;}
.contact-phone a:hover,.contact-location a:hover{opacity:1; }
.content-address .w-100 {margin-bottom:10px;}
.content-address .w-100:last-child{margin-bottom:0;}
.contact-location{margin-top:35px;}
.contact-location .content-address .w-100{margin-bottom:12px;}
.contact-social{float:right;width:264px; margin-top:0px;}
.contact-social a{font-size:40px;color:#323232;transition:all .3s;}
.contact-social a:hover{color:#1c2a66;}
.contact-page-header{margin-bottom:63px;}
.contact-page-header h2{letter-spacing:.46px;}
.contact-page-header p{letter-spacing:.41px;}
.contact-page-header.max-container{max-width:800px;}
.field-container span{display:none;}
.field-container.error input,.field-container.error textarea{ border:1px solid #ff2600 ;}
.field-container.error span{display:inline-block; font-size:.8em;letter-spacing: .5px; color:#ff2600;}
.contact-page { float:left; width:100%; margin:50px auto; }
.contact-header {text-align:center; max-width:720px; margin:0 auto 40px;}
.contact-header h1 {color: #252d38;float: left;font-size: 1.25em;font-weight: 700;margin: 0;}
.contact-header h2 {margin-bottom:20px;}
.contact-ifno-cont {max-width:900px; margin:0 auto; float:none;}
.contact-page .field-text {height:50px; font-size:14px; font-weight:300;}
.contact-page .field-textarea {font-size:14px; font-weight:300;}
.contact-page .field-text:focus {outline:none;}
.contact-page .field-container p {margin-bottom:0;}
.contact-header p {line-height:1.5;}
.contact-email .icon-bs { display:inline-block; width:30px; height:30px; background:url(../images/mail.svg) no-repeat; background-size:cover; }
.contact-phone .icon-bs { display:inline-block; width:30px; height:30px; background:url(../images/phone-call.svg) no-repeat; background-size:cover; }
.contact-location .icon-bs { display:inline-block; width:30px; height:30px; background:url(../images/location.svg) no-repeat; background-size:cover; }
.contact-social a.bs-icon { display:inline-block; width:40px; height:40px; background:#474747; border-radius:100px; margin-right:10px; position: relative; transition: all .3s; }
.contact-social a.bs-icon.icon-sc-fb-bg:before { content:''; background:url(../images/facebook.svg) no-repeat; background-size:20px; width:100%;height:100%; position:absolute; top:0; bottom:0; background-position: center; }
.contact-social a.bs-icon.icon-sc-tw-bg:before { content:''; background:url(../images/twitter.svg) no-repeat; background-size:20px; width:100%;height:100%; position:absolute; top:0; bottom:0; background-position: center; }
.contact-social a.bs-icon.icon-sc-insta-bg:before { content:''; background:url(../images/instagram.svg) no-repeat; background-size:20px; width:100%;height:100%; position:absolute; top:0; bottom:0; background-position: center; }
.contact-social a.bs-icon:hover {background:#1c2a66;}
.innerPagecommon {margin-bottom:50px;}
.innerPagecommon .container{ max-width:800px; }
.innerPageheader {width:100%; text-align:center; margin-top:30px; margin-bottom:30px;}
.innerPageheader h2 {margin-top:70px;}
.innerPagecommon p{ margin-bottom:30px; line-height:1.5; font-weight:300; letter-spacing: .6px;}
.innerPagecommon h3 {margin-bottom:10px;margin-top:40px;}
.innerPagecommon .staticPages ul{padding-left: 20px;}
.innerPagecommon .staticPages ul li {margin-bottom: 10px;margin-bottom: 19px;line-height: 1.5;font-weight: 300;letter-spacing: .6px;}
.toDosPanel label {width: 100%;font-size: 12px;font-weight: 500;}
.toDosPanel input[type="text"]{border: 1px solid #e6e6e6; border-radius: 3px; color: #666666; float: left; font-size: 0.7em; font-weight: 400; max-width: 260px; padding: 7px 10px; width: 100%;}
.toDosPanel .comman_row label { width:17.4%; float:left; }
.toDosPanel .comman_row label:first-child {width:58%;}
.toDosPanel .todosInner {width:17.5%; float:left;}
.toDosPanel .todosInner:first-child {width:58%;}
.toDosPanel .comman_row {float: left;width: 100%;margin-bottom: 10px;margin-top: 15px;}
.todosInner textarea {
width: 195px; display:inline-block; vertical-align: middle; height: 30px; resize: none; border: 1px solid #e6e6e6; border-radius: 3px; color: #666666; font-size: 0.7em; font-weight: 400; max-width: 260px; padding: 6px 8px;
}
.toDosPanel .toDoEmailNotify {float:left; margin-top:10px;}
.toDosPanel .toDoEmailNotify label {width:auto;}
.toDosPanel .todosPoints {width:100%; float:left; margin-bottom:8px;position: relative;}
.deleteToDosPanel{position: absolute;right: 25px;top: 0px;font-size: 20px;line-height: 20px;width: 7px;}
.deleteToDosPanel a {color: #000;padding: 0;width: 18px;height: 18px;display: inline-block;border-radius: 20px;line-height: 17px;text-align: center;opacity: 0.5;font-weight: 300;transition: all 0.5s ease;font-size: 25px;}
.deleteToDosPanel a:hover{opacity: 0.9;}
.toDosPanel .comman_row label.toDosToday,.toDosPanel .comman_row label.toDosTomarrow{text-align: center;}
.toDosPanel fieldset{width:100%;float:left;}
.toDosPanel .radioselect input[type="radio"] + label {margin-left:25px;}
.newContent .toDoTask{font-size: 12px; margin-left:24px; width: 80px; white-space: nowrap; overflow: hidden; /* text-overflow: ellipsis; */ display: inline-block;}
.newContent .todowhen {font-size: 12px; width: 80px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;}
.listsession .tablemain .table-cell:nth-child(4) {width:36%;}
.comman_response.alert.alert-success {position:relative; margin-bottom:25px;}
.recommend-success-feedback .comman_response { text-align: right; }
.overallSession.icon { background-image:url(../images/director-chair.svg); background-size:26px 24px; display:inline-block; vertical-align: middle; }
.usedVideosession.icon{ background-image:url(../images/used-icon.png); background-size:32px 24px; display:inline-block; vertical-align: middle; }
.availableSession.icon { background-image:url(../images/addVideo.png); background-size:32px 24px; display:inline-block; vertical-align: middle;}
.deletedSession.icon { background-image:url(../images/deleteicon.svg); background-size:20px 21px; display:inline-block; vertical-align: middle;}
.yourdetail .icon {float:left; margin-top:5px; background-repeat:no-repeat; margin-right:10px; background-position: center; width:32px; height:24px; }
.customInputfile input[type="file"]{ position:absolute; opacity: 0; pointer-events: none;z-index: -999; }
.customInputfile {margin-top:20px; cursor:pointer;}
.customInputfile span { border: 1px solid #1c2a66;background: #fff;height: 30px;padding: 0 15px;line-height: 30px;color: #1c2a66;display: inline-block;vertical-align: middle;font-weight: 400;border-radius: 100px;}
.customInputfile i {display:inline-block; vertical-align: middle; color:#000; letter-spacing: .45px; font-size: 13px; font-weight: 400; font-style: normal; opacity: .7;}
.expertvideosession span {background-image:url(../images/chaticion-white.svg);background-position: center center;
background-repeat: no-repeat;display: inline-block;margin-right: 10px;/*vertical-align: middle; Remove for alignment */width: 30px;}
.listsession .tablemain .table-cell .expertvideosession.sendingexpert span i {background:url(../images/sendingexpert.svg);background-repeat:no-repeat;}
body .navigation ul li.expertlink a .icon{ background-image:url(../images/chaticion.svg);width: 25px !important;height: 23px !important; background-size:cover;}
.toDosPanel .error{width: 100%;float: left;}
.invoicepdf{width: auto;float: left;opacity: 0.9;margin: -1px 0 0 13px;cursor: pointer;transition: all 0.5s ease;}
.invoicepdf:hover{opacity: 1;}
.invoicepdf img{width:22px;}
.steps-box{width:100%;float:left;color: #1c2a66;font-size: 1.10em;margin: 0 0 16px;font-weight: 700;}
.steps-box .stepcount{width: 30px;height: 30px;border-radius: 20px;border: 2px solid #1c2a66;line-height: 28px;display: inline-block;vertical-align: middle;text-align: center;font-weight: 600;margin: 0 10px 0 0;background:#e4e1dc;}
.btn-center-position{text-align: center;}
.checkicon-btn{width:30px;height: 20px;display: inline-block;vertical-align: middle;background:url(../images/checkbtn.svg)no-repeat;margin:0;}
.inactive .checkicon-btn{display: none;}
.checkicon-btn{width:30px;height: 20px;display: inline-block;vertical-align: middle;background:url(../images/checkbtn.svg)no-repeat;margin:0;}
.playsessionbtn .btnblue i{width:24px;height:24px;background-image:url(../images/play-icons.svg);background-repeat:no-repeat;display: inline-block;vertical-align: middle;margin-right:10px;}
.instruction-list{width: 100%;float: none;max-width: 240px;margin: 0 auto;}
.instruction-list li{width:100%;float:left;margin:0 0 6px;font-size:14px;}
.coachinstructionbtn{padding:10px 0;}
.toDosPanel{width:100%;float:left;}
.addMoreToDos{width: auto;display: inline-block;font-size: 14px;color: #000;margin: 6px 0 0 0;}
.toDosOuter{width: 100%;float: left;overflow: auto;max-height: 160px;}
.newContent{width:100%;float:left;position: relative;padding-right:7px;}
.deleteSubmitToDos {position: absolute;top: 0;right: 0;}
a.deleteToDosIcon {transition: all 0.5s ease;opacity: 0.7;transition: all 0.5s ease;}
a.deleteToDosIcon:hover{opacity: 1;}
a.deleteToDosIcon{background: url(../images/deleteicon.svg);width: 16px;height: 17px;display: inline-block;background-size: 16px;background-repeat: no-repeat;}
.coachinginscon p{margin-bottom: 10px;}
.sessionfetig{width:100%;float:left;padding-top:14px;}
.checkicon-fill{width:20px;height: 20px;display: inline-block;vertical-align: middle;background:url(../images/tick-fill.svg)no-repeat;margin:0 8px 0 0;}
#myProgress {width: 100%;background-color: #ddd;float: left;margin-top: 8px;border-radius: 10px;overflow: hidden;}
#myBar {width: 0%;height: 7px; background-color: #4CAF50;transition: all 0.5s ease;float: left;}
/** 25-OCT-2017 for recoding screen steps style start **/
.steps {position: fixed; top:0; bottom:0; margin:auto; width:100%; right:0; display:none; }
.steps .dt { display:table; width:100%; height:100%; vertical-align: middle; text-align: center;}
.steps .dt .dtc { display:table-cell; vertical-align: middle; width:100%;}
.steps ul {padding: 0; list-style: none;position: relative; margin-bottom:0; background:#fff; padding:20px;display:inline-block; border-radius:4px; z-index: 2;max-width: 500px;}
.steps ul:before {border:1px solid #1155CC;content:'';position:absolute;top:51px;height:10px;border-radius:20px;background:#fff;z-index:-1;width: calc(100% - 40px);right: 0;left: 0; margin: auto;}
.steps ul li {display: inline-block;width: 32%;text-align: center;margin:0px;padding:0 10px;vertical-align: top;}
.steps ul li span {border: 1px solid #1155CC;width: 70px;height: 70px;border-radius: 100px;display: inline-block;text-align: center;line-height: 68px;color:#1155CC;font-size: 20px;margin-bottom:10px;background:#fff;}
.steps ul li p {font-size:13px;margin-bottom:0;}
.hamburger{position: relative;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.navActive .hamburger{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.hamburger span{width: 100%;display: block;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.navActive .hamburger span{width: 25px;}
.navActive .hamburger span:nth-child(2){opacity: 0;}
.hamburger:focus {outline:none;}
.navActive .hamburger span:nth-child(1){-webkit-transform: translateY(13px);-ms-transform: translateY(13px);-o-transform: translateY(13px);transform: translateY(13px);}
.navActive .hamburger span:nth-child(3){-webkit-transform: translateY(-1px) rotate(90deg);-ms-transform: translateY(-1px) rotate(90deg);-o-transform: translateY(-1px) rotate(90deg);transform: translateY(-1px) rotate(90deg);}
.uploadvideoicon {width:0px; height:0; overflow:hidden;}
.mainsession a{position: relative;}
.mainsession a label.counter-alert{position: absolute;top: -11px;left: 16px;font-size: 10px;background: #2AC61F;padding: 2px 3px;border-radius: 20px;color: #fff;}
.expertlink a{position: relative;}
.expertlink a label.counter-alert{position: absolute;top: -11px;left: 16px;font-size: 10px;background: #EC0000;padding: 2px 3px;border-radius: 20px;color: #fff;}
.videowatchSection .videoContainercon #controls .scale:hover,.videowatchSection .videoContainercon #controls .scale{background:transparent;}
/** Css for phase 2 online-school **/
.bs-example{ margin: 20px;}
.module{width:100%;float: left;}
.active_sidebar span, .active_sidebar{background-color:gainsboro}
/* 5 FEB school video */
.chapter-group {
border:1px solid rgba(151,151,151,.2);
border-radius:4px;
width:calc(100% - 20px);
box-shadow:0 2px 5px rgba(0,0,0,.1);
}
.chapter-group .panel-default {
border:unset;
border-radius:8px;
box-shadow:none;
}
.chapter-group .panel-default .panel-heading {
padding:0px;
border:none;
}
.chapter-group .panel-default .panel-heading:after {
content: '';
clear: both;
display: block;
}
.chapter-group .panel-default .panel-heading a{
padding:20px 15px;
width:100%;
color:#1c2a66;
float:left;
background:#e6e6e6;
}
.chapter-group .panel-default .panel-heading a.collapsed {
color:#333;
}
.chapter-group .panel-default .panel-heading .glyphicon {
float:right;
font-weight:bold;
height:15px;
}
.chapter-group .panel-default .panel-heading .glyphicon:before {
line-height:15px;
height:15px;
}
.chapter-group .panel-default .panel-heading a {
font-weight:600;
font-size:14px;
letter-spacing: .45px;
}
.chapter-group .panel-body {
padding:0px;
}
.chapter-group .panel-body ul{
list-style:none;
margin:0px;
}
.chapter-group .panel-group{
margin:0px;
}
.chapter-group .panel-body ul li {
width:100%;
float:left;
}
.chapter-group .panel-body ul li i.counter-list {
font-style:normal;
margin-right:4px;
font-weight:300;
}
.chapter-group .panel-body ul li a{
padding:14px 25px;
color:#000;
width:100%;
float:left;
font-size:14px;
letter-spacing: .45px;
position: relative;
}
.chapter-group .panel-body ul li ul li a {
padding:14px 35px;
}
.chapter-group .panel-body ul li a.active_sidebar ,.chapter-group .panel-body ul li a.active_sidebar span{
background:#f5f5f5;
color:#1c2a66;
}
.chapter-group .panel-default .panel-heading .glyphicon.glyphicon-minus {
color:#1c2a66;
}
.chapter-content video{
width:100%;
height:auto;
}
.chapter-video-option {
max-width:300px;
}
.chapter-video-option .btn{
width: 100%;
background: #1c2a66;
padding-top: 14px;
padding-bottom: 14px;
color: #fff;
border: none;
border-radius: 100px;
margin-bottom:15px;
font-size: 18px;
transition: all 0.5s ease;
position: relative;
}
.chapter-video-option .btn span {
position: absolute;
left: 12px;
top: 0;
bottom: 0;
margin: auto;
}
.chapter-video-option .btn:hover{opacity: 0.8;}
.chapter-audio {
margin-top:0px;
margin-bottom:0px;
}
.chapter-audio h5 {
font-size:18px;
letter-spacing: .45px;
border-bottom:1px solid rgba(151,151,151,.2);
padding-bottom:5px;
margin-bottom:15px;
}
.addMore{ display: inline-block;
width: 100%;
margin-bottom: 10px;}
.chapter-audio audio {
width:100%;
}
.topic-description {
margin-top:7px;
}
.topic-description textarea{
width:100%;
border-radius:4px;
height:150px;
/* border:1px solid rgba(151,151,151,.2); */
resize:none;
padding:10px;
font-weight:normal;
outline:none;
transition:all .4s;
}
.topic-description textarea:focus {
border:1px solid #e7e7e7;
}
.tab-content h3{
margin-top: 0px;
margin-bottom: 30px;
font-weight: 600;
}
.topic-description {
font-size: 15px;
font-weight: 400;
line-height: 1.6;
}
.manage-display-under-video { margin: 20px 0px; border: 1px solid #e7e7e7; padding: 20px;
font-size: 15px; font-weight: 400; line-height: 1.6;background:rgba(255,255,255,0.4);}
.manage-display-under-video h3{ margin-bottom: 7px; margin-top: 0;}
.manageCommentPostSection .submitComment{margin-top: 4px;float:left;}
.manageCommentPostSection{ float:left;width:100%;margin: 10px 0px; }
.manageCommentPostSection .alert-success{position: fixed;bottom: 42px;right: 20px;z-index: 99;}
.mobile-sidebar {
display:none;
}
.viemo-video{ overflow:hidden; padding-bottom:56.25%; position:relative; height:0; }
.viemo-video iframe{ left:0; top:0; height:100%; width:100%; position:absolute; }
.icon-next{width:30px;height: 30px;background:url(../images/icon-players.png)no-repeat;display: inline-block;vertical-align: middle;background-position: -42px -1px;}
.icon-pre{width:30px;height: 30px;background:url(../images/icon-players.png)no-repeat;display: inline-block;vertical-align: middle;background-position: 0px 0px;}
.icon-audio{width:30px;height: 30px;background:url(../images/icon-players.png)no-repeat;display: inline-block;vertical-align: middle;background-position: -85px -36px;}
.speakerplay .icon-audio{background-position: -84px -1px;}
.icon-download{width:32px;height: 32px;background:url(../images/icon-downloads.png)no-repeat;display: inline-block;}
.icon-pdf{width:32px;height: 32px;background:url(../images/icon-pdf.png)no-repeat;display: inline-block;}
.icon-comments{width:32px;height: 32px;background:url(../images/icon-chat.png)no-repeat;display: inline-block;}
.icon-mp3{width:32px;height: 32px;background:url(../images/icon-mp3.png)no-repeat;display: inline-block;}
.icon-word{width:32px;height: 32px;background:url(../images/icon-word.png)no-repeat;display: inline-block;}
.icon-material{width:30px;height: 30px;background:url(../images/icon-players.png)no-repeat;display: inline-block;vertical-align: middle;background-position: -124px -1px;}
.icon-no-audio{width:30px;height: 30px;background:url(../images/icon-players.png)no-repeat;display: inline-block;vertical-align: middle;background-position: -164px -1px;}
.icon-question-mark{width:30px;height: 30px;background:url(../images/icon-players.png)no-repeat;display: inline-block;vertical-align: middle;background-position: -124px -36px;}
img.image_attachment{max-width: 100%;}
/** End Css for phase 2 online-school **/
.manage-display-under-video .col-md-1{width: 30px;padding: 0;float:left;}
.manage-display-under-video .col-md-11{width:calc(100% - 30px);float:left;}
.manage-product-list-section{ margin-top:10px;margin-bottom: 20px; }
.manageCommentDesignSection {
width: 100%;
float: left;
border: 1px solid rgba(230, 230, 230,0.3);
margin-top: 0;
padding: 8px 15px;
background: rgba(230, 230, 230, 0.33);
border-radius: 3px;
}
.manageCommentIndividual{width:100%;float:left;border-bottom:1px solid #e3e3e3;padding: 5px 70px 5px 0;position: relative;}
.manageCommentIndividual .manage-comment-action-section {position: absolute;right: 10px;top: 8px;}
.manageCommentIndividual .manage-comment-action-section a{ float:left; margin-left:6px;padding:3px;/*transition: all 0.5s ease;*/
}
.manage-comment-update-section { width: 100%; float: left;}
.manageCommentIndividual .manage-comment-action-section a:hover{opacity: 0.7;}
.manageCommentIndividual:last-child{border-bottom: none;}
.comment_author { width: 100%; float: left; color: #1c2a66; margin: 0 0 1px 0; font-size: 16px;}
.comment_description{width:100%;float:left;}
.comment_description p { width: 100%; float: left; font-size: 14px; margin: 0 0 10px; font-weight: 300;
color: #333333;}
.comment_description p:last-child{margin-bottom: 0;}
.manageCommentPostSection .cke_comment{margin-bottom: 20px;}
.cookie-popup{
left: 10px;
box-shadow: 0 0 14px 0 rgba(0,0,0,0.34);
bottom: 62px;
position: fixed;
background: #fff;
padding: 20px;
width: 100%;
max-width: 300px;
font-size: 14px;
border-radius: 4px;
}
.home-popup{bottom: 90px !important;}
.videoLoader {position: absolute;width: 100%;height: 100%;background: white/*rgba(0,0,0,0.6)*/;opacity:0.8;}
.videoLoader img {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
/** only for faq page start **/
.videoLoader {position: absolute;width: 100%;height: 100%;background: white/*rgba(0,0,0,0.6)*/;opacity:0.8;}
.videoLoader img {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.faq-wrapper{width:100%;float:left;padding-top: 30px;}
.faq-wrapper .container{max-width: 970px;width: 100%;}
.faq-block{width:100%;float:left;}
.question-heading{width:100%;float:left;margin:0 0 20px 0;}
.question-heading h1 {width: 100%;float: left;margin-top: 0px;margin-bottom: 8px;font-weight: 600;color: #1c2a66;font-size: 30px;}
.question-heading p{color: #000;width: 100%;float: left;font-size: 16px;letter-spacing: .45px;position: relative;}
.faq-block-question{width:100%;display: inline-block;margin:0 0 70px 0;}
.in-block-question{width:100%;float:left;margin-bottom: 30px;}
.question-accordion-container{width:100%;float:left;}
.question-accordion-container .panel{box-shadow: 0 6px 18px 0 rgba(0,0,0,0.04);border: 1px solid rgba(0, 0, 0, 0.07);transition: all 0.3s ease-out;}
.question-accordion-container .panel:hover{border: 1px solid rgba(0, 0, 0, 0.15);}
.question-accordion-container .panel-body{border:none !important;}
.question-accordion-container .panel-heading{width: 100%;display: inline-block;background: #fff;padding: 0px;text-align: left;color: #1c2a66;font-size: 16px;letter-spacing: 0.4px;transition-delay: .1s;background:none;font-family: 'Montserrat',Halvetica,arial, sans-serif;}
.question-accordion-container .panel-heading .panel-title a{width:100%;display: inline-block;padding:15px 50px 15px 15px; position: relative;font-size: 16px;font-weight: 600;}
.question-accordion-container .panel-heading .panel-title a .glyphicon{position: absolute;right: 20px;top: 7px;font-size: 28px;}
.question-accordion-container .panel-body p{display: block;font-size: 14px;font-weight: 400;line-height: 1.7;width: 100%;color: #333;}
.video-q-wrapper{float: right;margin-left: 10px;margin-bottom: 10px;max-width: 50%;border: 1px solid #e2e2e2;box-shadow: 0 6px 18px 0 rgba(2, 2, 2, 0.23);}
.video-q-wrapper video{width: 100%;vertical-align: top;}
.faq-block-question .panel-body ul {
padding-left: 20px;
padding-top: 15px;
}
.faq-block-question .panel-body ul li {
margin-bottom: 14px;
color: #4a4a4a;
}
button#download_pdf {
background: #1c2a66;
height: 50px;
border-radius: 30px;
color: #fff;
padding: 0px 30px;
display: inline-block;
line-height: 50px;
text-transform: capitalize;
margin-left: 16px;
}
.page_bottom {display:block;text-align:center;}
.page_bottom a{
background: #1c2a66;
height: 50px;
border-radius: 30px;
color: #fff;
padding: 0px 30px;
display: inline-block;
line-height: 50px;
}
@media screen and (max-width:767px){
.question-heading h1{font-size: 20px;}
.question-heading p{font-size: 14px;}
.question-accordion-container .panel-heading .panel-title a{padding:15px 42px 15px 10px;font-size: 14px;}
.question-accordion-container .panel-body{padding:10px;}
.video-q-wrapper{width:100%;max-width: 100%;margin:0 0 10px;}
.question-accordion-container .panel-body p{font-size: 13px;}
}
/** only for faq page end **/
/** only for step start **/
@media screen and (max-width:640px) {
.steps {padding:0 20px; }
.steps ul {padding:7px 0;}
.steps ul li {padding:0 6px;}
.steps ul li span {margin-bottom:10px; width:40px; height:40px; line-height:38px; font-size:13px;}
.steps ul li p {font-size:10px;}
.steps ul:before {height:6px; top:24px;}
}
/** only for steps end **/
button.expertClosePopup{-webkit-appearance: none;padding: 0;cursor: pointer;background: transparent;border: 0;width: 25px;height: 25px;border: 1px solid #1c2a66;border-radius: 100px;color: #1c2a66;text-shadow: none;opacity: .6;font-size: 25px;position: absolute;right: 10px;top: 10px;font-weight: 300;transition:all .4s;}
button.expertClosePopup:hover {opacity:.9;}
button.expertClosePopup span {position: absolute;right: 0;left: 0;top: 0;bottom: 0;margin: auto;height: 26px;}
.control_section {bottom:73px;}
.alert.alert-danger{float: left;}
.panel-body .lesson-container li a{
padding-top: 6px !important;
padding-bottom: 6px !important;
}
.icon-complete-watch{width:17px;height: 17px;background:url(../images/checkgreen.svg);background-repeat: no-repeat;position: absolute;right: 10px;top: 0;bottom: 0;margin: auto;}
.icon-middle-watch{width:17px;height: 17px;background:url(../images/checkgray.svg);background-repeat: no-repeat;position: absolute;right: 10px;top: 0;bottom: 0;margin: auto;}
.icon-no-watch{width:15px;height: 15px;background:url(../images/round-circle.svg);background-repeat: no-repeat;position: absolute;right: 10px;top: 0;bottom: 0;margin: auto;}
.disableSeen{background: #ddd !important;margin: 0 0 2px 0;opacity: 0.5;color:#808080 !important;cursor: not-allowed;}
.disableSeen .watch_icon{display: none;}
.uploadedfilesSection a.fileItemMainLink span.icon-pdf {background-image: url(../../images/icon_pdf.svg);}
.uploadedfilesSection a.fileItemMainLink span.icon-doc {background-image: url(../../images/icon_doc.svg);}
.uploadedfilesSection a.fileItemMainLink span.icon-docx {background-image: url(../../images/icon_doc.svg);}
.uploadedfilesSection a.fileItemMainLink span.icon-xlsx {background-image: url(../../images/icon_excel.svg);}
.uploadedfilesSection a.fileItemMainLink span.icon-jpg {background-image: url(../../images/icon_jpg.svg);}
.uploadedfilesSection a.fileItemMainLink span.icon-jpeg {background-image: url(../../images/icon_jpg.svg);}
.uploadedfilesSection a.fileItemMainLink span.icon-png {background-image: url(../../images/icon_png.svg);}
.uploadedfilesSection a.fileItemMainLink span.icon-mp3 {background-image: url(../../images/icon_mp3.svg);}
.uploadedfilesSection a.fileItemMainLink span.icon-mp4 {background-image: url(../../images/icon_mp4.svg);}
.uploadedfilesSection a.fileItemMainLink span.icon-pptx {background-image: url(../../images/icon-ppt.svg);}
.uploadedfilesSection a.fileItemMainLink span.icon-ppt {background-image: url(../../images/icon-ppt.svg);}
.uploadedfilesSection a.fileItemMainLink {width: 100%;float: left;margin: 0 20px 15px 0;border: 1px solid transparent;
transition: all 0.5s ease;text-align: left;position: relative;}
.uploadedfilesSection a.fileItemMainLink:before {content: "";left: 0;right: 0;bottom: -9px;height: 1px;
width: 100%;border-bottom: 1px solid #d6d6d6;position: absolute;}
.uploadedfilesSection a.fileItemMainLink:last-child:before{content: none;}
.uploadedfilesSection a.fileItemMainLink:hover {border-color: #dfe0e0;box-shadow: 0 0 10px -1px rgba(0,0,0,0.2);}
.uploadedfilesSection a.fileItemMainLink span {width: 40px;height: 40px;text-align: center;background-position: center;
background-size: 30px;background-repeat: no-repeat;opacity: 0.6;display: inline-block;float: left;}
.uploadedfilesSection a.fileItemMainLink label { width: calc(100% - 40px); float: left; cursor: pointer; font-weight: 400;
font-size: 15px; text-align: left; color: #000; padding: 4px 6px; margin-top: 6px;}
.icon-description {width: 38px;height: 38px;background: url(../images/icon-desc.png)no-repeat;
display: inline-block;}
.icon-product {width: 38px;height: 38px;background: url(../images/icon-product.png)no-repeat;display: inline-block;}
.manage-product-item{ padding-left:37px;margin-bottom: 5px;margin-right:5px; }
.manage-product-item .icon-product{margin-bottom:-20px;}
.manage-product-item a{ color:#000;margin-left:20px; }
textarea.comment_update{ float: left;width: 80%;margin-right: 20px; }
.error_comment_update{ float:left;width: 100%; }
/** 25-OCT-2017 for recoding screen steps style end **/
/*Listing page Start*/
.product-ui-block{width:100%;float:left;border:1px solid #d9e3ee;transition: all 0.5s ease;margin-bottom: 40px;}
.product-ui-block a{width:100%;float:left;color:#000000;}
.product-ui-block:hover{box-shadow: 0 5px 24px 0 rgba(0,0,0,.08);}
.product-ui-block h3 { text-align: center;font-size: 20px;width:100%;float:;left;padding:0 10px;margin:0 0 10px 0;}
.product-detail-section .product-ui-block h3 { text-align: left;}
.product-ui-block .project-img{width:100%;float:left;height: 250px;position: relative;}
.product-ui-block .project-img img{position: absolute;left:0;right:0;top:0;bottom:0;margin:auto;max-width: 100%;max-height: 100%;}
.discripton-product_cls{width:100%;float:left;text-align: center;padding:10px;color:#000000;font-size: 14px;font-weight: 300;line-height: 20px;height: 90px;overflow: hidden;}
.discripton-product_cls p{width:100%;float:left;}
.product_pricing{width:100%;float:left;text-align: center;padding:0 0 14px 0;}
.title-mehre{width:100%;float:left;}
.bs-example.product-detail-section{padding-top: 50px;}
.product-detail-section .title-mehre h3{margin:10px 0 0;}
.title-mehre h3 {color: #252d38;float: left;font-size: 1.55em;font-weight: 400;margin: 10px 0 30px;width: 100%;}
.product-buy-button .btn:hover{opacity: 0.8;}
.product_pricing span.product-price {margin: 0;padding: 20px 0 0 0;}
.product-ui-block .product-buy-button {margin: 18px 0 10px 0;padding: 10px 30px;width: auto;display: inline-block;float: none;border: none;border-radius: 20px;}
.product-detail-section .product-ui-block{border:none;text-align: left;box-shadow: none;}
.product-detail-section .product-ui-block .project-img{height: auto;margin:0 0 20px 0;}
.product-detail-section .product-ui-block .project-img img{position: relative;}
.product-detail-section .product-ui-block .discripton-product_cls{height: auto;text-align: left;padding: 0;}
.product-detail-section .product_pricing span.product-price{text-align: left;}
.tags-detail {
width: 100%;
float: left;
margin:0 0 12px 0;
}
.tags-detail ul{width:auto;float:left;list-style: none;margin:0;padding:0;max-width: 80%}
.tags-detail ul li {
width: auto;
float: left;
color: #656464;
font-size: 13px;
font-weight: 300;
}
.tags-detail ul li:after {content: ",";margin: 0 4px;}
.tags-detail ul li:last-child:after{content: none;}
.tags-detail .tag{width: auto;float:left;margin:0 10px 0 0;font-weight: 500;font-size: 14px;}
.external-page.product_pricing .btn{float:left;}
.product-detail-section .product-ui-block .project-img ul.gallery li{height: 320px;overflow: hidden;position: relative;}
.product-detail-section .product-ui-block .project-img ul.gallery {max-height: 320px;}
.product-detail-section .product-ui-block .project-img ul.gallery li img{position: absolute;}
.project-img .item {
width: 100%;
float: left;
border: 1px solid #e6e3e3;
padding: 20px 10px;
}
.product-detail-section .product-ui-block .lSAction{display: none !important ;}
.product-detail-section .product-ui-block .project-img ul.lSPager li a {
height: 48px;
width: 48px;
border: 1px solid #d6d6d6;
overflow: hidden;
box-sizing: border-box;
background:#f3f3f3;
position: relative;
}
.product-detail-section .product-ui-block .project-img ul.lSPager li a img{position: absolute;top:0;left:0;right:0;bottom:0;max-width: 100%;max-height: 100%;}
.product-detail-section .product-ui-block .project-img ul.lSPager li.active, .product-detail-section .product-ui-block .project-img ul.lSPager li:hover{border-radius: 0;}
.product-detail-section .product-ui-block .project-img ul.lSPager li.active a, .product-detail-section .product-ui-block .project-img ul.lSPager li:hover a{border-color:#000;}
.product-list-block .col-md-4 {
display: inline-block;
vertical-align: top;
margin: 0 -2px;
float: none;
}
/*Listing page End*/
/* 16-Aug-2018 */
.formsetfields {width: 100%;float: left;padding: 20px 20px 30px;background:rgba(255,255,255,0.98);box-shadow: 0 0 14px 0 rgba(0,0,0,0.34);}
.text-above-form {
width: 100%;
float: left;
margin: 0 0 16px 0;
position: relative;
padding-right: 40px;
}
.text-above-form span.text-title {
width: 100%;
float: left;
font-size: 15px;
margin: 0 0 1px;
}
.text-above-form span.text-subtitle {
width: 100%;
float: left;
font-size: 14px;
color: #9D9D9D;
}
.text-above-form:before {
content: "";
width: 44px;
height: 44px;
background: url(../images/crubed-arrow.png);
position: absolute;
right: -8px;
top: -10px;
}
.formregister.formsetfields fieldset{
margin:0 0 8px;
}
h2.star-icon:after {
content: "";
width: 40px;
height: 50px;
background: url(../images/star-heading.png);
position: absolute;
left: -19px;
top: -12px;
}
h2.star-icon {
position: relative;
padding-top: 20px;
margin-top: 10px;
}
.star-icon span {
position: relative;
z-index: 9;
/*background: #fff;*/
left: 1px;
padding: 0 3px;
border-radius: 3px;
}
.innerforms .comman_response.alert {
margin-bottom: 0;
position: absolute;
left: 0;
bottom: 101%;
}
.time-left-modal figure{max-width: 30%;display: inline-block;vertical-align: middle;}
.time-left-modal figure img{max-width: 100%;}
.figure-caption {
display: inline-block;
vertical-align: middle;
width: 68%;
padding-left: 20px;
text-align: center;
}
.figure-caption label{display: block;color:#333;font-weight: 600;margin: 0;font-size: 14px;}
.figure-caption h3 {
font-size: 42px;
margin: 0;
padding: 12px 0;
color: #333;
font-weight: 800;
}
.modal-dialog.modal-timer-block .modal-content{padding:30px 10px;}
.modal-dialog.modal-timer-block {
max-width: 500px;
margin: 10% auto;
}
.modal-dialog.modal-timer-block .modal-footer {
padding: 10px 15px 0 15px;
border: none;
max-width: 65%;
text-align: center;
margin-left: 35%;
}
.modal-dialog.modal-timer-block .modal-footer .btn-default{padding: 8px 40px;font-size: 20px;font-weight: 600;}
.figure-caption p{display: block;color:#333;font-weight: 600;margin:0;font-size: 14px;}
.resetPasswordDiv .formsetfields fieldset label {font-size: 14px;}
@media screen and (max-height:720px) {
/* On Recommend page form **/
.recommend .formLog {padding:10px 14px 10px;}
.recommend .formsetfields fieldset .textfield {height:38px;}
.recommend .submitbtn .btnblue {padding:6px 27px;}
.recommend .recommend-field {padding:10px 5px 3px; margin-bottom:5px;}
.recommend .gonexpagecls {padding-top:10px;}
/** For alerts on all fomrs **/
.comman_response.alert {position:absolute; right:0; left:0; top:14px; right:0; width:95%; margin: 0 auto; }
/** For register page **/
.formsetfields fieldset {margin-bottom:13px;}
.submitbtn .btnblue {padding-top:6px; padding-bottom:6px;}
.formregister .submitbtn {margin-top:-10px;}
.formLog{padding:11px 20px 16px;}
/*.nav-tab {margin-bottom:18px;}*/
.formsetfields fieldset {margin-bottom:7px;}
.formsetfields h2 {margin-bottom:15px;}
}
@media screen and (max-width:1440px) {
.expand_navigation.navigation ul li {margin-left:20px;}
.expand_navigation.navigation ul li:first-child {margin-left:0px;}
}
@media screen and (max-width: 1200px) {
.expand_navigation.navigation ul li {margin-left:10px;}
.expand_navigation.navigation ul li:first-child {margin-left:0px;}
.savebtnaccount.submitbtn{padding-left:200px;padding-top:10px;}
.navigation ul li{margin-left:30px;}
.logo img{height:46px;}
.navigation{padding-top:12px;}
.navigation ul li a span{font-size:13px;}
header{padding:15px;}
.account_panel .error {padding-left:12px; margin-left:30%;}
}
@media screen and (max-width: 1150px) {
.expand_navigation.navigation ul li {margin-left:10px;}
.expand_navigation.navigation ul li:first-child {margin-left:0px;}
.listsession .tablemain .table-cell{padding:20px 6px;}
.listsession .tablemain .table-cell label{font-size:12px;}
.sessionvideodetail{padding-left:0;}
.logo img {height: 38px; width: auto;}
.navigation {padding-top:4px;}
}
@media screen and (max-width: 1100px) {
.navigation ul li{margin-left:30px;}
.chapter-video-option .btn{font-size: 13px;}
}
@media screen and (max-width: 991px) {
.singleVideoView.videowatchSection.col-md-6{display:block; margin:0 auto 20px auto; max-width:540px; width:100%; float:none;}
.videowatchSection:after{content:''; clear:both; display:block;}
.listsession .tablemain .table-cell:nth-child(3) {float:none;}
.toDoTask.active:before,.toDoTask.active:after {opacity:1;}
.contact-form {width:358px;}
.videoimg{width: 120px;}
.listsession .tablemain .table-cell:nth-child(2){width:110px;}
.sessionvideodetail h3{font-size:16px;}
.sessionvideodetail span{font-size: 12px;}
.listsession .tablemain .table-cell label{display: none;}
.videowatchSection.col-md-6{width:50%;float:left;margin:0 0 20px;}
.sessionvideodetail span{margin:0 0 7px;}
.rating span{margin-bottom:0 !important;}
.sessionvideodetail h3{margin:0 0 9px;}
.rating{font-size:12px;}
.navigation ul li{margin-left:20px;}
.navigation ul li a span{font-size:12px;}
.navigation{padding-top:9px;}
header{padding:10px 18px 10px 18px;}
.listsession .tablemain .table-cell .actionlistvideo span{height: 42px;width:42px;}
.listsession .tablemain .table-cell .expertvideosession span i{background-size: 26px auto;}
.listsession .tablemain .table-cell .editvideosession span i{background-size: 22px auto;}
.listsession .tablemain .table-cell .deleteSessionList span i{ background-size: 20px auto;}
.listsession .tablemain .table-cell .playvideosession span i{background-size: 18px auto;}
.nav-account{width:220px;}
.account_panel{padding-left:220px;}
.savebtnaccount.submitbtn{padding-left:160px;}
.btnnav{display: block;}
.navigation ul li a .icon{display: none;}
.navigation ul li a span{width:100%;float:left;text-align: center;max-width: 100%;font-weight: 700;}
.navigation {background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;float: right;height: 100%;left: 0;position: fixed;top: 60px;width: 100%;display: none;}
.navigation ul{width:100%;float:left;padding-top: 40px;}
.navigation ul li{width:100%;margin:0 0 20px;}
.navigation ul li a{text-align: center;width:100%;padding:16px 0;}
.navigation ul li a span{font-size:18px;}
header{padding:15px 10px;}
.finishbtnbottom a {font-size:16px;}
.chapter-group {width:100%; margin-bottom:30px;}
.col-md-4.chapter-video-option {margin-right:auto;margin-left:auto; display:block; margin-top:40px;}
}
@media screen and (max-width:767px) {
.mobile-sidebar {position: relative;width: 100%;height: 45px;background: #f7f7f7;display: block;top: 0px;z-index: 9;line-height: 30px;padding: 0 10px;text-align: left;}
.btn.btn-default.mobile-sidebar::before { content: ''; width: 0px; height: 0px; border-top: 5px solid #b7b7b7; border-right: 5px solid transparent; border-left: 5px solid transparent;
position: absolute; right: 10px; top: 0px; bottom: 0px; margin-top: auto; margin-bottom: auto;}
.chapter-group { display:none; position:absolute; }
.accordion-show.chapter-group { display:block; top: 44px; z-index: 999; right: 0; width: calc(100% - 30px); left: 0; margin-right: auto; margin-left: auto; background: #fff;
}
.chapter-content {padding-top:10px; background:#fff;}
.formLog {padding: 12px 16px 17px 16px;top: 10px;}
.home-popup{padding:10px;bottom: 8px !important}
@media screen and (max-height: 700px) {
.formLog{bottom: 68px;right: 24px;}
}
@media screen and (min-width: 992px) {
.navigation{display: block !important;}
}
@media screen and (max-width: 767px) {
.logo{max-width: calc(100% - 50px);}
.logo p{margin-bottom: 0px;font-size: 12px;}
div.posterImage { min-height: 190px; background-size: cover; }
.contact-form {width:100%;}
.contact-social {float:left; margin-left:45px;}
.contact-header p {font-size:14px;}
.contact-email a {font-size:14px;}
.content-address p, .content-address a {font-size:14px;}
.contact-info {width:100%;}
.formLog{position: relative;width:100%;float:left;right:0;bottom:0;max-width: 100%;}
.videoSection{position: relative;}
.videoviewback.videoSection{height:auto !important;}
.videoSection video,.videoSection iframe{position: relative;}
.videoimg {max-width: 100%;width: 170px;text-align: center;border:1px solid #d6d6d6;padding:2px; display:inline-block;}
.sessionlisting .videoimg {padding:0; border:none;}
.sessionlisting .videoimg,.actionlistvideo {height:75px;}
.col-md-12.videowatchSection {margin-bottom:20px; float:left;}
.videoimg img{max-width: 100%;}
.contentSucces h1{font-size: 1.1em;}
.contentSucces p{font-size:12px;line-height: 24px;}
section.mainsection{padding:80px 15px 50px !important;}
.imgsuccess img{margin-top: 30px;width: 70px;}
footer{position: relative;width:100%;float:left;}
.footer ul li{padding:0 18px;}
.footer ul li a{font-size:14px;}
.navActive{overflow: hidden;}
/*.footer{margin-top:30px;}*/
.videoSection video,.videoSection iframe{height:auto;min-height: 0;height:auto !important;}
.listsession .tablemain .table-cell{width:100%;float:left;padding:4px 10px;}
.playvideosession span{width:23px;height:30px;background-size:cover;}
.editvideosession span{width:30px;height:30px;background-size:cover;}
.deletevideo span{width:25px;height:30px;background-size:cover;}
.allSessions .container{padding:0;}
.listsession .table-row{width:100%;float:left;padding:10px 5px 10px;border:1px solid #f6f6f6;}
.deletevideo ,.editvideosession,.playvideosession{float:left;}
.allSessions{padding-top:0;}
.headingsection{margin:10px 0 20px;padding:0;}
.headingsection h1{font-size:18px;margin-bottom:10px;}
.headingsection a{padding:10px; font-size: 14px;}
.listsession .tablemain .table-cell:nth-child(2){width:100%;}
.control_section{bottom:16px;position: absolute;padding:0 0 5px 0;z-index: 9;}
button.camera-session-finished-button.inactive{border-color:#4f4f4f;background:#4f4f4f;}
.control_section > button.camera-capture-record-button {bottom: 44px;height: 40px;left: 0;margin: auto;min-width: 40px;overflow: hidden;padding: 0;position: absolute;right: 0;width: 40px;}
.control_section > button.camera-capture-record-button span{width:40px;height:40px;}
.control_section > button.camera-capture-record-button span::before{width:30px;height:30px;}
.control_section > button.camera-session-finished-button {bottom: 0;float: right;font-size: 12px;padding: 6px 10px;position: absolute;width: auto;}
.recordingvideosection #video{height: 100%;}
.recordingvideosection #video video{min-height: 100%;}
.control_section button {height: 30px;margin: 0 3%;min-width: 0;overflow: hidden;padding: 0;width: 30px;}
.control_section > button.camera-start-new-session-button span{background-position: 0 4px;}
.control_section > button.camera-capture-pause-button span{background-position: -48px 4px;}
.control_section > button.camera-capture-stop-button span{background-position:-159px 3px;}
.control_section > button.camera-session-finished-button{margin:0;}
.control_section > button.camera-session-finished-button{position: relative;}
.gonextsummrise{position: relative;float:right;}
.gonextsummrise{bottom: 0;float: right;font-size: 12px;padding: 6px 10px;width: auto;}
.videoContainercon.watchVideo #video video{min-height:calc( 100% - 60px);}
.finishbtnbottom a{padding:8px 10px;font-size:12px;}
.gonextsummrise{height:auto;float:right;margin-top:30px;}
.videoContainercon .gonextsummrise{margin-top:0;}
.uploadvideobox span{font-size:18px;}
.finishbtnbottom{ padding-bottom: 40px;padding-top:0;}
.formLog{margin-bottom:30px;}
/*.videoContainercon #controls{display: inline-block; Commented for controls visibility for mobiles}*/
.gonextsummrise a{padding: 10px 18px;ont-size: 14px;}
.listsession .tablemain .table-row .table-cell:first-child{text-align: left;width: 100%;}
.listsession .tablemain .table-cell:nth-child(2){width:30%;display: inline-block;float: none;margin: 0 0 0 -4px;vertical-align: top;}
.listsession .tablemain .table-cell:nth-child(3) {display: inline-block;float: none;margin: 0 -4px 0 0;vertical-align: middle;width: 70%;}
.listsession .tablemain .table-cell:nth-child(4),.listsession .tablemain .table-cell:nth-child(5),.listsession .tablemain .table-cell:nth-child(6),.listsession .tablemain .table-cell:nth-child(7){float: left;margin-top: 10px;padding: 3px 10px;width: auto;}
.product-detail-section .container .col-md-6{padding: 0;width: 100%;float: left }
.product-detail-section .container {padding:0;}
.product-ui-block .lSSlideOuter .lSPager.lSGallery{min-width: 100%;}
.product-ui-block .lSSlideOuter .lSPager.lSGallery li{margin-bottom: 6px;}
.innerforms .comman_response.alert{margin-bottom: 0;position: fixed;left: 0;top: 0;z-index: 99999;right: 0;margin: auto;max-width: 100%;bottom: auto;}
}
@media screen and (max-width: 767px) {
.formLog{padding:12px 16px 17px 16px;}
.nav-tab li a{font-size:1.05em;}
.formsetfields fieldset label,.gonexpagecls label{font-size:14px;}
.footer{width:100%;text-align: center;padding:6px 15px 0 15px;}
.footer ul{width:100%;float:left;text-align: center;}
.footer ul li {display: inline-block;float: none;margin: 0 -2px;padding: 0 10px;}
.footer ul li:first-child{padding-left:0;}
.footer ul li:first-child{padding-right:0;}
.footer ul li a{font-size:12px;}
.footer > p{width:100%;text-align: center;padding-top: 12px}
.formLog.innerforms{padding-left: 15px;padding-right: 15px;}
.table-cell.hideSessionAction {display: none !important;}
.nav-account{display: none;}
.account_panel{padding-left:0;}
.savebtnaccount.submitbtn{padding-left:0;text-align: center;}
.account-container .tab-content > .tab-pane{background: #f4f4f4 none repeat scroll 0 0;display: block;float: left;margin: 0 0 20px;opacity: 1;padding: 15px 10px;width: 100%
;}
.account-container .tab-content{padding:0;background:transparent;}
.deactivate-account p{font-size:0.9em;}
.formLog.recommend, .formLog.sessionended-outer{max-width:100%;}
.gonexpagecls a{padding:6px 8px 6px 56px;}
.gonexpagecls a.sessionEndedSave span{left: 20px;}
.newContent .toDoTask {display:block; margin-bottom:10px;}
.deleteSubmitToDos {position:static; display:inline-block;}
.control_section > button{background:transparent;}
.submitbtn .btnblue{margin:0 5px 10px 0;padding-top:3px;}
.modal-open { position: fixed; width:100%; }
.videowatchSection.col-md-6 {max-width:550px; margin:0 auto 20px auto; display:block; float:none; width:100%;}
.manage-product-item label {max-width: calc(100% - 50px);vertical-align: top;}
/*#mobileView{display: none;}*/
.posterImageMobile {display: block !important;position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-size: cover ;background-position: center;}
.nav-tab{display: flex;}
.nav-tab li{flex: 0 0 50%;max-width: 50%;}
.nav-tab li a{height: 100%;}
.time-left-modal figure{max-width: 100%;display: block;margin-bottom: 20px;text-align: center;}
.time-left-modal figure img{max-width: 130px;}
.figure-caption {display: block;width: 100%;padding-left: 0;text-align: center;padding-top: 20px;}
.modal-dialog.modal-timer-block .modal-footer{text-align: center;}
.modal-dialog.modal-timer-block .modal-footer{margin-left: 0;width: 100%;max-width: 100%;}
.figure-caption h3{font-size: 34px;}
}
@media screen and (max-width: 550px) {
.bs-example {margin:0px;}
.newContent .toDoTask {display:inline-block; margin-bottom:0px;}
.headingsection a {float:left;}
.account_panel .error {margin-left:0; padding-left:0;}
.listsession .tablemain .table-cell:nth-child(2){width:40%;padding-right:0;}
.listsession .tablemain .table-cell:nth-child(3){width:60%;}
.headingsection a{padding:10px; font-size: 12px;}
.headingsection h1{font-size:18px;margin-bottom: 28px;}
.sessionStartSection p{line-height: 26px;font-size:1em;}
.alreadyvideo p,.sessionStartSection p,.newSession p,.sessionComman p{font-size:0.9em;line-height: 23px;}
.sessionComman h2{margin:4px 0 16px;font-size:1.25em;}
.submitbtn .btnblue{font-size:15px;}
.finishbtnbottom a{margin:0 2px;}
.account-info-view .fieldsrow label,.account-info-edit .fieldsrow label{width:100%;margin-bottom:5px;}
.account-info-view .fieldsrow span{width:100%;padding-left:0;}
h2.sub-heading{font-size: 1em;}
.account-info-edit .fieldsrow .textfields{margin-left:0;max-width: 100%;width:100%;}
.account-info-edit .fieldsrow{margin:0 0 10px;}
.account-container{padding-top:20px;}
.account-container h1.main_heading{font-size:1.35em;text-align: center;}
.no_session.formLog{ top: 60px;transform: none;}
.gonexpagecls a{width:100%;margin:0 0 10px;}
.listsession .tablemain .table-cell:nth-child(4) {width:100%;}
.thanks_payment .submitbtn .btnblue{font-size:12px;padding:7px 17px;}
.thanks_payment .newSession{padding: 15px 12px;}
.savebtnaccount.submitbtn .btnblue,.savebtnaccount.submitbtn .cancelbtn{padding:8px 16px;font-size:14px;}
.editbtnaccount.submitbtn .btnblue{padding:6px 14px;font-size:12px;}
.sessionguthaben.account-info-view .fieldsrow span{width: auto;padding-left: 20px;}
#expertModal .btn-primary {margin-bottom:15px;}
.modelStructure .modal-sm {margin:0;}
.modelStructure { width:95%; margin-top:2.5%; margin-left:2.5%; max-height:100%; overflow:auto;}
.payment_mode .radioselect {width:100%;margin-bottom:10px;}
.replaySession .session_content a {margin-bottom:10px;}
.videowatchSection h2 {font-size:16px;}
.topic-description {padding:10px; font-size:14px;}
.chapter-video-option .btn {padding-top:10px;padding-bottom:10px; font-size:16px;}
.product-ui-block h3{font-size: 18px;}
.navigation ul li a span{font-size: 16px;}
}