html{ scroll-behavior: smooth; padding: 0; margin:0; }
body{ background: #EFF1F7; padding: 0; margin:0;width: 100%; height: 100%; min-height: 100vh; display: flex; flex-direction: column; font-family: 'Poppins', sans-serif; position: relative; color: #10102D }

ul{ padding: 0; margin:0; }
li{ list-style-type: none; }

a{ display: inline-block; text-decoration: none; transition: all 0.2s; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; }
a:hover,a:focus{ text-decoration: none; transition: all 0.2s; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; }

span{ display: inline-block; }
em,i{ font-style: normal; display: inline-block; }

img { width: 100% }

h1{ font-size: 32px; line-height: 36px; margin: 0; font-weight: 600; color: #1F2856 }
h2{ font-size: 22px; line-height: 26px; margin: 0; font-weight: 600 }
h3{ font-size: 18px; line-height: 22px; margin: 0; }
h4{ font-size: 16px; line-height: 22px; margin: 0; }
p{ font-size: 14px; line-height: 30px; margin: 0; padding: 0; color: #68768B}

.btn-blue,.btn-blue:focus{ outline: none; text-align: center; background: #3498DB; border-radius: 8px; color: #fff; font-weight: 600; padding: 15px; min-width: 200px; font-size: 18px; line-height: 22px; border: 2px solid #3498DB; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; }
.btn-blue:hover{ border: 2px solid #3498DB; background: #fff; color: #3498DB; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; }

.btn-blue-border,.btn-blue-border:focus{ background: #fff; border-radius: 8px; color: #3498DB; font-weight: 600; padding: 15px; min-width: 200px; font-size: 18px; line-height: 22px; border: 2px solid #3498DB; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; }
.btn-blue-border:hover{ border: 2px solid #3498DB; background: #3498DB; color: #fff; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; }

.btn-white,.btn-white:focus{ background: #fff; border-radius: 8px; color: #011632; font-weight: 600; padding: 15px; min-width: 200px; font-size: 18px; line-height: 22px; border: 2px solid #C0C0C0; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; }
.btn-white:hover{ border: 2px solid #C0C0C0; background: #C0C0C0; color: #fff; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; }


/* body */
body { height: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-flow: column;-ms-flex-flow: column; flex-flow: column; margin: 0; background: #EFF1F7 }

/* header */
header { position: fixed;z-index: 5; width: 100%; top: 0;  height: 80px; background: #EFF1F7; display: flex; align-items: center; padding: 0 15px }
header a.logo{ /*width: 200px;*/ margin-right: 15px }
header a.login{ display: flex; align-items: center; margin-left: auto; color: #10102D; justify-content: center; }
header a.login.blue-link,header a.login.blue-link:hover,header a.login.blue-link:focus{ color: #3498DB; font-weight: 600; font-size: 16px; }
header a.login.blue-link i{ padding-right: 10px }

/* main */
main {-webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 80px; min-height: calc(100vh-50px-350px) }

/* aside */
/*aside { width: 250px; background: #1F2856; padding: 30px 0 30px 15px;  }*/
aside { width: 250px; background: #1F2856; padding: 20px 0 30px 15px;  }
aside ul li{ margin-bottom: 30px }
aside ul li a,aside ul li a:hover,aside ul li a:focus{ color: #fff; font-size: 18px; display: block; vertical-align: middle; }
aside ul li a{ padding: 15px }
aside ul li i{ width: 25px; vertical-align: middle; }
aside ul li span{ vertical-align: middle; padding-left: 15px }
aside ul li.active{ background: #EFF1F7; border-top-left-radius: 6px; border-bottom-left-radius: 6px; position: relative; }
aside ul li.active span{ color: #3498DB; font-weight: 600 }
/*aside ul li.active:before{ width: 0; height: 0; border-top: 10px solid transparent;border-bottom: 10px solid transparent; border-right:10px solid #fff; content: ''; position: absolute; top: -4px; right: -1px }
aside ul li.active:after{ width: 0; height: 0; border-top: 10px solid transparent;border-bottom: 10px solid transparent; border-right:10px solid #fff; content: ''; position: absolute; bottom: -4px; right: -1px }
*/aside ul li.active .image{ display: inline-block;}
aside ul li.active .normal{ display: none;}
aside ul li .image{ display: none; }

/* section */
section { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0 40px; width: 80%; margin-bottom: 40px }
section .form-group{ position: relative; }
section .form-group i{ position: absolute; left: 20px; top: 12px; z-index: 1; width: 22px }
section .form-group input.search-box,section input.search-box:focus{ box-shadow: none; position: relative; outline: none; background: #fff; border-radius: 10px; border:none; padding: 15px 15px 15px 50px; font-size: 14px; line-height: 18px; width: 100%; display: block; height: auto;  }
section .form-group input::placeholder{ font-size: 16px; color: #6D7D88 }

/* white-box */
section .box-data{ display: flex; height: 100%; justify-content: center; align-items: center; }
section .white-box{ background: #fff; border-radius: 10px; padding: 40px 45px; display: inline-block;  }
section .white-box h1{ text-align: center; padding-bottom: 20px }
section .white-box span{ text-align: center; font-size: 18px; line-height: 22px; color: #68768B; display: block; padding-bottom: 25px }
section .white-box ul li{ display: inline-block; vertical-align: middle; padding: 0 30px }
section .white-box ul li:first-child{ padding-left: 0 }
section .white-box ul li:last-child{ padding-right: 0 }
section .white-box ul li h3{ color: #10102D }
section .white-box ul li a{ text-align: center; }
section .white-box ul li a img{ width: 110px; padding-bottom: 15px }

/* form-control */
form .form-control{ border: 1px solid #68768B; border-radius: 8px; margin-bottom: 25px; height: 50px; padding: 0 15px; box-shadow: none; font-size: 16px; line-height: 20px; color:#68768B }
form .form-control::placeholder{ font-size: 16px; line-height: 20px; color: #68768B }
form .form-control:focus,.select-selected.select-arrow-active{ border:1px solid #3498DB; box-shadow: inset 0 0 1px #3498DB, 0 0 5px #3498DB; -webkit-box-shadow: inset 0 0 1px #3498DB, 0 0 5px #3498DB; -ms-box-shadow: inset 0 0 1px #3498DB, 0 0 5px #3498DB; -moz-box-shadow: inset 0 0 1px #3498DB, 0 0 5px #3498DB }
form .blue-link,form .blue-link:focus,form .blue-link:hover{ font-weight: 600;font-size: 16px; line-height: 20px; font-style: italic; display: block; color: #3498DB; text-align: center; }
form .action{ display: block; margin: 0 auto; text-align: center; }
form label{ font-size: 18px; color: #1F2856; font-weight: 500 }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;}

/* Firefox */
input[type=number] { -moz-appearance: textfield; }

/* login-form*/
form.login-form .blue-link{ padding-bottom: 25px }

/* profile */
header .profile{ display: flex; align-items: center; margin-left: auto; justify-content: flex-end; cursor: pointer; position: relative; }
header .profile .notify-data{ position: relative; }
header .profile i{ width: 50px; height: 50px }
header .profile i img{ border-radius: 100px; width: 100% !important; height: 100% !important; object-fit: cover; }
header .profile span em{ font-size: 16px; line-height: 20px }
header .profile span i{font-family: 'FontAwesome'; padding-left: 10px; height: auto; font-size: 20px; line-height: 22px; color: #10102D; padding-right: 0; display: inline-block; vertical-align: middle; }

/* section-profile */
section .box-data.profile-data{ display: block; width: auto; height: auto; }
section .box-data.profile-data .white-box{ display: block; margin:40px 0 0; }
section .box-data.profile-data input{ background: #E4E6E7; margin-bottom: 0 }
section .box-data.profile-data .row{ margin-bottom: 25px }
section .profile-img{ display: block; text-align: center; padding-bottom: 30px}
section .profile-img i{ position: relative; }
section .profile-img i img{ border-radius: 100%; width: 200px; height: 200px }
section .profile-img a{ position: absolute; right: 0; bottom: 0;left: auto }
section .profile-img a img{ width: auto; height: auto }


/* footer-css */
footer{ background: #3498DB; padding: 30px 30px 0 30px; }
footer h2{ color: #fff; font-weight: normal; padding-bottom: 20px; text-transform: uppercase; border-bottom: 2px solid #ccc; margin-bottom: 20px; position: relative; }
footer h2:after{ position: absolute; content: ''; background: #fff; width: 40%; height: 2px; left: 0; bottom: -2px }
footer h3{ color: #fff; font-size: 18px; line-height: 28px; padding-bottom: 10px; opacity: 0.9 }
footer p{ color: #fff; opacity: 0.9 }
footer a,footer a:hover,footer a:focus{ color: #fff }
footer ul li{ display: block; opacity: 0.9 }
footer li{ display: block; padding-bottom: 15px; text-align: left; font-size: 16px }
footer li:last-child{ padding-bottom: 0 }
footer .address ul li{ padding-bottom: 0; line-height: 30px }
footer .links ul li{ position: relative; margin-left: 30px; }
footer .links ul li:before{ margin-left: -30px; content: ''; position: absolute; background: url('../img/back.png'); width: 20px; height: 20px; background-size: 100% }
footer .links ul li.logo{ opacity: 1 }
footer .links ul li.logo a{ width: 150px; padding: 0 }
footer .links ul li.logo a:first-child{ width: 200px }
footer .links ul li.logo:before{ content: none; }
footer .links ul li.logo a:last-child{ padding-left: 10px; padding-top: 15px }
/*footer .links ul li a{ padding-left: 30px }
*/

/* custom-dropdown */
/*the container must be positioned relative:*/
.custom-select {position: relative;}
.custom-select select {display: none; /*hide original SELECT element:*/}
.select-selected {background-color: #E4E6E7;}
/*style the arrow inside the select element:*/
.select-selected:after {position: absolute;content: "";top: 22px;right: 15px;width: 0;height: 0;border: 6px solid transparent;border-color: #10102D transparent transparent transparent;}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active{ border-bottom-left-radius: 0; border-bottom-right-radius: 0 }
.select-selected.select-arrow-active:after {border-color: transparent transparent #10102D transparent;top: 15px;}
/*style the items (options), including the selected item:*/
.select-selected {border:1px solid #68768B;border-radius: 8px;height: 50px;padding: 15px;font-size: 16px;line-height: 20px;color: #68768B;cursor: pointer;user-select: none;}
/*style items (options):*/
.select-items {position: absolute;top: 100%;left: 0;right: 0;z-index: 99;background: #fff; cursor: pointer; user-select:none; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); -ms-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5) }
.select-items div{ padding-bottom: 20px; font-size: 16px; line-height: 20px; padding: 15px }
.select-items .same-as-selected{ background: #f2f2f2;  }

/*hide the items when the select box is closed:*/
.select-hide {display: none;}

/* dashboard */
section .dashboard .banner-data{ position: relative; max-width: 100%; width: 100%;}
section .dashboard .banner-data img{ border-radius: 20px }
section .dashboard .banner #owl-one img{ border-radius: 20px }
/*section .dashboard .banner{ background: url('../images/dashboard-banner.jpg'); height: 650px; background-size: cover; background-repeat: no-repeat; border-radius: 20px; position: relative; }
*/section .dashboard .banner-text{ position: absolute; left: 50px; bottom: 50px; background: rgba(52,152,219,0.8); padding: 20px 30px; max-width: 530px; z-index: 4 }
section .dashboard .banner-text h2{ color: #fff; line-height: 36px }


section .dashboard .module{ margin-top: 30px }
section .dashboard .module .module-detail{ margin-bottom: 50px; padding-bottom: 30px; border-bottom: 1px solid #cfcfcf }
section .dashboard .module .module-detail a{ color: #10102D }
section .dashboard .module h2{ margin-bottom: 20px; font-weight: 700 }
section .dashboard .module.course h2{ text-align: center; }

section .dashboard .video-block,section .dashboard .video-banner,section .dashboard .video-data{ position: relative; }
section .dashboard .video-block{ margin:0 0 30px; }
section .dashboard .video-banner video,section .dashboard .video-banner img{ display: block;border-top-left-radius: 14px; border-top-right-radius: 14px }
section .dashboard .video-banner .play,section.classes .play{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
section .dashboard .video-data{ background: #fff; padding: 25px 30px; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px }
section .dashboard .video-data h3{ margin-bottom: 10px; line-height: 26px; /*min-height: 52px */ color: #3498DB}
section .dashboard .video-data p{ line-height: 26px }
section .dashboard i.lock{ position: absolute; right: 3%; top: -19%; transform: translate(-19%,3%); width: 45px }

section.testimonial{ padding: 30px 0; display: block; background: #fff ; width: 100%; margin: 0 }
section.testimonial h2{ text-align: center; display: block; padding-bottom: 20px }
section.testimonial .client-review i.quote{ padding-right: 10px }
section.testimonial .client-review{ background: rgba(245,246,246,0.6); border-radius: 6px; padding: 25px }
section.testimonial .client-review p{ line-height: 26px; font-style: italic; font-weight: 500;  }
section.testimonial .client-name h4{ float: left; line-height: 50px }
section.testimonial .client-name i{ float: right;height: 50px;width: 50px; }

.owl-theme .owl-dots .owl-dot.active span{ background: #3498DB }
.owl-theme .owl-dots .owl-dot{ outline: none; }
.owl-carousel.owl-drag .owl-item.active.center .client-review{ background: #F5F6F6 }


/* course-detail */
.page-link{ padding-bottom: 20px; padding-top: 20px }
.page-link ul li{ display: inline-block; }
.page-link ul li:after{ content: '\f105'; position: absolute; color: #011632 ; font-family: 'FontAwesome'; font-size: 20px; line-height: 20px }
.page-link ul li:first-child a{ padding-left: 0 }
.page-link ul li a{ color: #011632; font-size: 16px; padding: 0 10px; font-weight: 700 }
.page-link ul li:last-child:after{ display: none; }
.page-link ul li.active a{ color: #3498DB;}
section .course-detail h2{ padding-bottom: 7px }
section .dashboard .module.course.course-detail h2{ margin-bottom: 0; text-align: left; }
section .dashboard .module.course.course-detail p{ /*color: #011632;*/ padding-bottom: 10px }
section .dashboard .module.course.course-detail .module-detail ul{ padding-left: 18px }
section .dashboard .module.course.course-detail .module-detail ul li{ padding-bottom: 15px; list-style-type: disc; }
/*section .dashboard .module.course.course-detail .video-banner{ margin-top: 20px }*/
section .dashboard .module.course.course-detail .video-banner video,section .dashboard .module.course.course-detail .video-banner img{ border-radius: 14px }

section.classes,section.check{ display: block; width: 100%; background: #fff; padding: 30px; margin-bottom: 0  }
section.classes h2,section.check h2{ text-align: center; padding-bottom: 20px}
section.classes video{ border-radius: 14px }
section.check{ background: #EFF1F7 }
section.check .col-md-6 div{ background: #1F2856; border-radius: 14px; text-align: center; padding: 30px 0 }
section.check .col-md-6 div i{ padding-bottom: 20px }
section.check .col-md-6 span{ color: #fff; display: block; font-weight: 600; font-size: 16px }
section .box-data.profile-data.course-detail .detail-banner-data,section .box-data.profile-data.course-detail  .detail-banner{ width: 48.5%; display: inline-block; vertical-align: top; }
section .box-data.profile-data.course-detail .detail-banner-data{ padding-right: 50px }
section .box-data.profile-data.course-detail .detail-banner-data .btn-blue.live{ margin-top: 20px }
section .box-data.profile-data.course-detail .detail-banner-data .btn-blue.live i{ padding-right: 10px; width: 40px; }
section .box-data.profile-data.course-detail .detail-banner-data .btn-blue.live span{ vertical-align: middle; }
section .box-data.profile-data.course-detail .detail-banner-data .btn-blue.live:hover i.normal{ display: none; }
section .box-data.profile-data.course-detail .detail-banner-data .btn-blue.live i.hover{ display: none; }
section .box-data.profile-data.course-detail .detail-banner-data .btn-blue.live:hover i.hover{ display: inline-block; }

/* course-video-page */
section .box-data.profile-data.course-video .white-box{ margin: 0; padding: 30px }
section .dashboard.course-video .video-banner video{ border-bottom-right-radius: 14px; border-bottom-left-radius: 14px }
section .box-data.profile-data.course-video .row{ margin-bottom: 0 }

section .dashboard.course-video .video-banner{ /*height:420px;*/ margin-bottom: 20px;display: inline-block; border: none; width: 100%}
section .dashboard.course-video .video-block h3{ padding-bottom: 20px }
section .dashboard.course-video .video-block .download img{ width: 20px; display: block; margin: 0 auto; margin-bottom: 5px }
section .dashboard.course-video .video-block .download span{ padding: 0; font-size: 14px }

section .dashboard.course-video .course-video-list h2{ color: #3498DB; font-weight: 500; padding-bottom: 20px }
section .dashboard.course-video .white-box ul li{ display: block; padding-bottom: 30px; padding-left: 0; padding-right: 15px }
section .dashboard.course-video .white-box ul.answer li {width: 49%;display: inline-block;margin-bottom: 0;vertical-align: top; padding: 0 }
section .dashboard.course-video .white-box ul.answer li:nth-child(3),section .dashboard.course-video .white-box ul.answer li:nth-child(4){ padding-top: 30px; }
section .dashboard.course-video .white-box ul li .left-title{ float: left; width: 85% }
section .dashboard.course-video .white-box ul li .left-title a{ display: flex; align-items: center; }
section .dashboard.course-video .white-box ul li .timing{ float: right; }
section .dashboard.course-video .white-box ul li .left-title i{ padding-right: 10px }
section .dashboard.course-video .white-box ul li span{ display: inline-block; padding-bottom: 0; font-size: 15px; font-weight: 500; text-align: left; }
section .dashboard.course-video .course-video-list ul{ min-height: 480px; overflow-y: scroll; height: 500px; overflow-y: scroll; }

/* profile-menu */
.profile-menu { display: none; padding: 5px; width: 150px; position: absolute; right: 0; top: 50px; text-align: center; background: #fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); -ms-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5)  }
.profile-menu ul li{ padding: 10px }
.profile-menu ul li a{ font-size: 16px; display: block; color: #10102D }
.profile-menu ul li a:hover{ color: #3498DB }


.avatar-upload {position: relative; display: block; margin: 0 auto 30px; width: 200px }
.avatar-upload .avatar-edit {position: absolute;right: 8px;z-index: 1;bottom: 10px;}
.avatar-upload .avatar-edit input {display: none;}
.avatar-upload .avatar-edit input + label {display: inline-block;width: 40px;height: 40px;margin-bottom: 0;border-radius: 100%;background: #3498DB;border: 1px solid transparent;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);cursor: pointer;font-weight: normal;transition: all 0.2s ease-in-out;}
.avatar-upload .avatar-edit input + label:after {content: "\f030";font-family: "FontAwesome";color: #fff;position: absolute;top: 7px;left: 0;right: 0;text-align: center;margin: auto;font-size: 20px;}
.avatar-upload .avatar-preview {width: 200px;height: 200px;position: relative;border-radius: 100%;}
.avatar-upload .avatar-preview > div {width: 100%;height: 100%;border-radius: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.avatar-upload .avatar-preview > img {border-radius: 100px;width: 100% !important;height: 100% !important;object-fit: cover;}


/* question-screen */
.question { margin-top: 20px }
.question >ul> li { display: inline-block; background: #EFF1F7; border: 1px solid #c1ced2; padding: 15px; border-radius: 8px; margin-bottom: 25px }
.question ul li em{ background: #3498DB; color: #fff; width: 55px; height: 55px; text-align: center; font-size: 22px; line-height: 55px; vertical-align: top; font-weight: 700; border-radius: 5px; position: absolute; }
.question ul li span{ vertical-align: middle; font-size: 18px; color: #011632; font-weight: 400; line-height: 28px }
.question ul li .right-data{ padding-left: 75px }
.answer{ padding-top: 20px; }
.answer li{ width: 49%; display: inline-block; margin-bottom: 20px; vertical-align: top; }
.answer li:nth-child(3){ margin-bottom: 0 }
.answer li:nth-child(4){ margin-bottom: 0 }
.answer li label{ cursor: pointer; font-weight: normal; font-size: 16px; margin: 0; vertical-align: middle; padding-left: 3px; width: 80% }
.answer li input{ margin-top: 0; vertical-align: top; position: relative; top: 3px;width: 15px; height: 15px }
.question a.btn-blue{ display: block; margin: 0 auto; text-align: center; width: 200px }

header .profile .notify{ padding:10px 25px 10px 0; position: relative; }
header .profile .notify img{ width: 30px }
header .profile .notify span{ position: absolute; background: #F31909; border-radius: 100px; width: 20px; height: 20px; color: #fff; text-align: center; font-weight: 700; right: 22px; top: -4px }
header .profile .notification-data{ display: none; position: absolute; width: 350px; top: 60px; background: #fff; border: 1px solid #c1ced2; padding: 20px; right: 0; box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%); -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%); -ms-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%); -moz-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%); }
header .profile .notification-data a{ color: #3498DB; font-weight: normal; text-align: left; display: block; padding-bottom: 10px; }
header .profile .notification-data ul{ height: 300px; overflow-y: scroll;  overflow-x:hidden;word-break:break-word}
header .profile .notification-data li{ border-bottom: 1px solid #c1ced2; padding: 10px 0 }
header .profile .notification-data li p{ font-size: 14px; line-height: 22px; padding-bottom: 5px;color: #1B1B1B; opacity: 0.7  }
header .profile .notification-data li em{ font-size: 14px; font-weight: 600; color: #68768B }
header .profile .notification-data li:last-child{ border-bottom: none; }
header .profile .notification-data:before{ content: ''; position: absolute; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #fff; top: -12px; right: 32px }

/* forum */
.forum .creator { font-size: 20px; font-weight: 600; font-style: italic; color: #3498DB; margin-top: 15px; margin-bottom: 15px }
.forum .creator span{ float: left; }
.forum .creator em{ float: right; font-style: italic; }
.forum p{ line-height: 24px; padding-bottom: 10px }
.forum .date{ float: right; font-size: 18px; color: #10102D }
.forum ul li{ border-bottom: 1px solid #BCBCBC; padding: 25px 0 }
.forum ul li:first-child{ padding-top: 0 }

/* forum-detail */
.forum-title{ border-bottom: 1px solid #BCBCBC; padding-bottom: 20px }
.forum-title h1{ padding-bottom: 10px }
.comment-section{ padding-top: 0 }
.comment-section h2{ color: #3498DB }
.comment-section ul{ padding-top: 20px; margin-bottom: 20px }
.comment-section ul li i{ width: 64px; height: 64px; display: inline-block; vertical-align: middle; }
.comment-section ul li i img{ border-radius: 100px; height: 100%; object-fit: cover; }
.comment-section ul li i img.blueborder{ border: 2px solid #3498DB; padding: 1px  }
.comment-section ul li i img.greyborder{ border: 2px solid #808192; padding: 1px  }
.comment-section ul li .profile-name{ display: inline-block; vertical-align: middle; padding-left: 10px }
.comment-section ul li .profile-name h3{ color: #10102D; font-weight: 600; padding-bottom: 5px }
.comment-section ul li .profile-name h3.bluetext{ color: #3498DB;}
.comment-section ul li .profile-name em{ font-size: 14px; font-weight: 500; color: #808192 }
.comment-section ul li .profile-name em i{ width: 35px; height: auto; }
.comment-section ul li a.name{ padding-bottom: 10px }
.comment-section ul li .links{ margin-top: 10px; position: relative; }
.comment-section ul li .links a{ color: #3498DB;font-style: italic; font-weight: 600; font-size: 16px; padding-right: 20px}
.comment-section ul li .links a:last-child:before{ display: none;content: ''; position: absolute; background: #3498DB; width: 5px; height: 5px; border-radius: 100px; top: 9px; left: 55px }
/*.comment-section ul li .links a:last-child{ padding-left: 20px }*/
.comment-section ul li{ border-bottom: 1px solid #BCBCBC; padding: 25px 0 }
.comment-section ul li:first-child{ padding-top: 0; padding-bottom: 20px }
.comment-section ul li .white-box{ padding: 20px 30px; margin-top: 20px; display: block; }
.comment-section ul li .white-box textarea, #update_comment textarea{ height: 140px; padding: 15px }
.comment-section ul li .white-box h2, #update_comment h2{ padding-bottom: 15px }
.comment-section ul li .white-box input, #update_comment input{ padding: 11px 15px }
.comment-section ul li .white-box input:focus, #update_comment input:focus;{ outline: none; }
.comment-section ul li .white-box button{ min-width: 155px; margin-right: 8px }
/*.comment-section ul.reply-list{margin:2%; padding: 10px; border-radius: 10px;border: 1px solid #BCBCBC;}*/
.comment-section ul.reply-list li{border-bottom: 1px solid #BCBCBC;background: white;padding: 10px 20px;}
.comment-section ul.reply-list li:first-child{
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.comment-section ul.reply-list li:last-child{
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.reply-list .reports_link .reports_list li {
    border: 1px solid #BCBCBC;
}
/* Developer */
.media_box {margin-bottom: 10px;}
#currentFrame{color:white;position:absolute;margin:9em 0 0 19em;; z-index:100;}
#currentFrame a{background: white;padding: 2em;}
.nopm{margin: 0px !important; padding: 0px !important;}
.resources table{margin-top:20px; }
section .dashboard .banner-text.btn {color: white;padding: 6px 12px;background: #3498DB;position: inherit;}
#allPlayList li.active span {color: #3498DB;font-weight: 800 !important;}
div.check {margin-top: 3%;}
div.check .col-md-12 div{ background: #1F2856; border-radius: 14px; text-align: center; padding: 30px 0 }
div.check .col-md-12 div i{ padding-bottom: 20px }
div.check .col-md-12 span{ color: #fff; display: block; font-weight: 600; font-size: 16px }
.btn-blue i{font-size: 25px;vertical-align: middle;}
.document_list th, .document_list td {border-left: none !important;border-right: none !important;}
.mb2{margin-bottom: 2%}
/* video js */
.vjs-control-bar span {padding: 0 !important;color: #fff !important;font-size: inherit !important;line-height: inherit !important;display: inline-block !important;text-align: inherit !important;}
.video-js{background: transparent !important;}
.video-js-responsive-container.vjs-hd {padding-top: 56.25%;}
.video-js-responsive-container.vjs-sd {padding-top: 75%;}
.video-js-responsive-container {width: 100%;position: relative;}
.video-js-responsive-container .video-js {height: 100% !important; width: 100% !important;position: absolute;top: 0;left: 0;}
.resources i {margin-left: 10%}
section .white-box ul li a.chap_media img {width: 100%; padding: 0;}
/* question-list */
section .white-box .question-block{ margin: 0; }
section .white-box .question-list span{ text-align: left; color: #000; font-weight: 500; padding-bottom: 10px; border-bottom: 1px solid #ccc }
section .white-box .question-list{ text-align: left; background: #f6f6f6; padding: 20px; border-radius: 10px; margin-bottom: 20px }
section .white-box .question-list .question-name{ background: #fff; padding: 25px; border-radius: 10px; margin-bottom: 20px }
section .white-box .question-list .question-name:last-child{ margin-bottom: 0 }
section .white-box .question-list .question-name em{ padding-top: 10px; padding-bottom: 20px;float: left;width: 90%; }
section .white-box .question-list .question-name .options .btn{ width: 100%; padding: 10px 15px }
.btn-gray,.btn-gray:focus{ outline: none; text-align: center; background: #f6f6f6; border-radius: 8px; color: #333; font-weight: 600; padding: 15px; min-width: 200px; font-size: 18px; line-height: 22px; border: 2px solid #f6f6f6; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; }
.btn-gray:hover{ border: 2px solid #f6f6f6; background: transparent; color: #000; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; }
section .white-box .question-list .question-name .options .row{ margin: 0 }
.question-name input {display:none}
.question-name label{background: #ccc;font-size: 14px;padding: 6px;border-radius: 8px;font-weight: 600; width: 100%;line-height: 22px;text-align: center;}
.question-name input:checked + label {color: #fff;background-color:#3498DB;}
form#quiz_form {text-align: center;}
button#btnCheckQuiz { padding: 7px;}


.ajax-load { position: relative; left: 50%; top: 50%; z-index: 1; width: 50px; height: 50px; /*! margin: -76px 0 0 -76px; */ border: 6px solid #3498db; border-radius: 50%; border-top: 6px solid #f3f3f3; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; display: none;}
.ajax-load.small { width: 20px;  height: 20px; border: 3px solid #3498db; border-top: 3px solid #f3f3f3; left: 0px;}
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); }}

@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}
.loadersmall { border: 5px solid #f3f3f3; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; border-top: 5px solid #555; border-radius: 50%; width: 50px; height: 50px;}
#comments-error{color: #68768B;margin-top: -25px;}
.detail-banner-data-row img{width:auto;float: right;margin-left: 1%; border-radius: 20px}

header .profile .search i{ font-size: 24px; color: #000; padding: 0 }
header .profile .search a{ padding: 10px 20px 10px 0 }

a.search:focus, a.search { color: #fff; }
a.search { display: inline-block; width: 230px; text-align: right; vertical-align: middle; }
.searchbox { position: relative; min-width: 40px; width: 0%; height: 40px; overflow: hidden; display: inline-block; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; -ms-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s; }
.searchbox-input { top: 0; right: 0; border: 0; outline: 0; width: 100%; height: 40px; margin: 0; padding: 0px 0px 0px 0; font-size: 16px; background: transparent; border-bottom: 2px solid #10102D; color:#10102D; }
.searchbox-input::-webkit-input-placeholder { color: #10102D; }
.searchbox-input:-moz-placeholder { color: #fff; }
.searchbox-input::-moz-placeholder { color: #fff; }
.searchbox-input:-ms-input-placeholder { color: #fff; }
.searchbox-icon, .searchbox-submit { width: 40px; height: 40px; display: block; position: absolute; top: 3px; font-size: 20px; right: 0; padding: 0; margin: 0; border: 0; outline: 0; line-height: 40px; text-align: center; cursor: pointer; color: #FFFFFF; background: #EFF1F7; }
.searchbox-open { width: 100%; }

header .profile .feedback i img{ border-radius: 0 }
header .profile .feedback i{ width: 30px; padding: 0; height: auto; }
header .profile .feedback a{ padding: 10px 20px 10px 0 }

#feedbackmodal .modal-header{ border-bottom: none; padding: 25px 15px 15px }
#feedbackmodal .modal-header .close{ position: absolute; top: 0; right: 0; padding: 10px 15px }
#feedbackmodal .modal-header .close:focus{ outline: none; }
#feedbackmodal .modal-header{ display: block; text-align: center; }
#feedbackmodal .modal-footer,#editcommentmodal .modal-footer{ border-top:none; display: block; text-align: center; padding: 0 15px 25px }
#feedbackmodal .modal-body{ padding: 0 30px 0 }
#feedbackmodal .modal-body input{ background: #E4E6E7 }
#feedbackmodal .modal-body textarea{ background: #E4E6E7; height: 150px; padding: 15px }
.remove_attachments {
    color: red;
    font-size: 20px;
}
.attachments {width: 20%;}
section .dashboard .banner .item{ height: 550px }
.btn-blue.forum-button{ padding: 10px 15px }
.btn-blue.forum-button span{ vertical-align: middle; padding-left: 7px;color: #fff; }
.btn-blue:hover span {color: #3498DB;}
 #toast-container .toast{opacity: 1;}
.notify-data .count {position: absolute;background: red;border-radius: 50px;padding: 0 4px;height: 25px;width: 25px;text-align: center;left: 25%;top:0;color: #fff;border:5px solid #e8e8e8;font-size:10px;display: inline-table;}
.enrollment_msg{position: absolute;text-align: center;font-size: 20px;color: #000;width: 94%;}

header .profile .notification-data .title{ display: flex; }
header .profile .notification-data a{ margin-left: auto; }


@media(max-width: 991px){
	section .white-box .question-list .question-name .options .btn{ margin-bottom: 15px }
	section .white-box .question-list .question-name .options.row{ margin-bottom: 0 }
	.detail-banner-data-row img{width:100%;}
}

@media(max-width: 767px){
	section .white-box .question-list{ padding: 10px }
	section .white-box .question-list .question-name{ padding: 10px }
	section .white-box .question-list .question-name .options .btn{ min-width: auto }

	#feedbackmodal .modal-body{ padding: 0 15px 0 }

	header .profile .feedback i{ width: 25px }
	header .profile .notify img{ width: 25px }
	header .profile .search i{ font-size: 21px }
	header .profile .feedback i img{ width: 25px !important }

	header .profile .search a,header .profile .feedback a,header .profile .notify{ padding: 0 20px 0 0}
	header .profile .search a{ padding: 0 15px 0 0 }
	.searchbox-icon, .searchbox-submit{ top: 3px }
/*	header .profile i img{ width: 30px !important; height: 30px !important }
*/
	.owl-course-detail .owl-nav .owl-prev{ left: 0 !important }
	.owl-course-detail .owl-nav .owl-next{ right: 0 !important }

	header .profile .notification-data .title{ display: block; }

	.unlock a{ min-width: 100% !important }

}
.detail-banner-data-row p{text-align: justify;}
.detail-banner-data-row .dropdown-toggle{border: none;background: transparent;font-size: 24px;}
.page-link{background: #fff; padding: 15px; margin-bottom: 25px;border-radius: 15px;}

/* player list scroller */
#allPlayList::-webkit-scrollbar {width: 5px;}
#allPlayList::-webkit-scrollbar-track {background: #f1f1f1;border-radius:15px;}
#allPlayList::-webkit-scrollbar-thumb {background: #3498DB;border-radius:15px;}
#allPlayList::-webkit-scrollbar-thumb:hover {background: #3498DB;border-radius:15px;}


/* thank you */
section .course-detail .thankyou h2{ padding-bottom: 80px; font-size: 26px }
.thankyou{ margin-top: 30px }
.thankyou .previous{ background: #f6f6f6; width: 100%; padding: 10px 0; color: #000; font-weight: 500; font-size: 16px; position: relative; padding-left: 15px }
.thankyou .previous i{ position: absolute; left: 0; top: 0; bottom: 0; padding: 8px 10px; background: #f35c66; color: #fff; line-height: 25px; font-size: 16px }

.thankyou .next{ background: #f6f6f6; width: 100%; padding: 10px 0; color: #000; font-weight: 500; font-size: 16px; position: relative; padding-right: 15px }
.thankyou .next i{ position: absolute; right: 0; top: 0; bottom: 0; padding: 8px 10px; background: #1bda95; color: #fff; line-height: 25px; font-size: 16px }

.thankyou .replay{ border-radius: 100px; background: #face54; width: 100%; padding: 10px 0 10px 10px; color: #000; font-weight: 500; font-size: 16px; position: relative; padding-right: 0 }
.thankyou .replay i{ color: #000; font-size: 18px; position: absolute; left: 20px; top: 12px }

.thankyou .rate,.lock { display: none;}
.thankyou .rate span{ background: #575757; padding: 12px 20px; border-radius: 10px; width: 100%; display: block; margin-top: 20px }
.thankyou .rate span em{ padding-right: 10px; font-size: 16px; color: #fff }
.thankyou .rate span a{ color: #fff; display: inline-block; }
.thankyou .rate span a i{ padding: 0 2px }
.thankyou .rate span a:hover{ color:#face54 }

.thankyou .disable{ opacity: 0.9; pointer-events: none; color: rgba(0,0,0,0.4) }

section .box-data.profile-data.course-video .thankyou .row{ margin-bottom: 80px; margin-left: 0; margin-right: 0; display: flex; align-items: center; justify-content: center; }

section .box-data.profile-data.course-video .thankyou .row .col-md-4{ padding: 0; margin-right: 10px }

section .box-data.profile-data.course-video .thankyou .row .col-md-4:last-child{ margin: 0 }
section .dashboard .module.course.course-detail .video-banner a{ display: flex; align-items: center; justify-content: center; }
section .dashboard .video-banner .play,section.classes .play{ position: absolute; /*left: 50%; top: 50%; transform: translate(-50%,-50%); */}

section .dashboard.course-video .white-box ul li span{max-width: 86%;vertical-align: top;}
section .dashboard .video-data { padding:15px 25px }
section .dashboard .video-data h3{ margin-bottom:3px}
section .dashboard .module.course.course-detail .module-list  h3 { display:flex; align-items: center; justify-content: center; }
.detail-banner-data-row img { margin-left:3% }

/* Live session*/
.live-session .white-box {margin-bottom: 20px; border: 1px solid rgba(0, 0, 0, 0.5);}
.live-session .module {font-size: 20px;font-weight: 600;color: #3498DB;margin-top: 15px;margin-bottom: 15px;padding-left: 0;}
.live-session .img {width: 25px;}
.live-session .cancel {cursor: pointer;}
.live-session .edit {border-radius: 50px;width: 28px;height: 28px;text-align: center;font-size: 15px; background: #3498DB;margin-right: 5px;top: 2px;position: relative;}
.live-session .edit i{color: #fff;}
.live-session .link {clear: both;color: #000;margin-bottom: 15px;}
.live-session .date {clear: both;color: #000;font-size: 20px; font-weight: 500;}
.live-sessions-form input,.live-sessions-form select, .live-sessions-form .select-selected  {border: none;border-bottom: 1px solid;border-radius: 0;background: none !important;padding: 0;margin: 0;height: 36px;color: #000;}
.live-sessions-form .select2-selection__placeholder,.live-sessions-form input::placeholder ,.live-sessions-form input::-webkit-input-placeholder,.live-sessions-form input:-moz-placeholder{ color: #000 !important; }
.live-sessions-form form .form-control:focus,.live-sessions-form .select-selected.select-arrow-active{ border: none; border-bottom:1px solid #3498DB; box-shadow:none; -webkit-box-shadow:none; -ms-box-shadow: none; -moz-box-shadow: none }
.live-sessions-form .control-label {color: #7B8A93;font-size: 15px;margin-bottom: 20px;}
.live-sessions-form .white-box{padding: 20px 0;}
.live-sessions-form .select2.select2-container.select2-container--default span,
.live-sessions-form .select2.select2-container.select2-container--default {text-align: left;padding-bottom: 0;}
.live-sessions-form .select2-container--default .select2-selection--single,.live-sessions-form .select2-container--default .select2-selection--multiple {border: none;border-bottom: 1px solid;border-radius: 0;}
.live-session .btn-blue,.live-sessions-form .btn-blue {padding: 10px;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered{margin-top: -20px;}
p.text-red {color: #68768B;margin-bottom: -10px;}
@media(max-width: 374px){
	.searchbox-input{ font-size: 14px; }
	header .profile .search a{ width: 125px }
	header .profile .feedback a, header .profile .notify{ padding: 0 12px 0 0 }
	header .profile .search a{ padding: 0 5px 0 0 }

}
button.close{ padding: 0 0 15px }
.unlock{ margin-bottom: 20px }
.unlock a,.unlock a:focus{ float: right; min-width: 250px}
.blue-strip a.title{ background: #3498DB; padding: 10px 15px; color: #fff; width: 100%; border-radius: 8px }
.blue-strip a.title i{ font-size: 20px; padding-right: 10px; display: inline-block; vertical-align: middle; color: #fff }
.blue-strip a.title span{ display: inline-block; vertical-align: middle; font-size: 18px; line-height: 22px; font-weight: 500; color: #fff }
.blue-strip a.btn{ width: 100% ; min-width: auto}
.blue-strip .col-md-3{ padding-left: 0 }
.blue-strip .row{ margin-bottom: 15px !important }

.btn-brown,.btn-brown:focus{ outline: none; text-align: center; background: #d86363 !important; border-radius: 8px; color: #fff !important; font-weight: 600; padding:10px 15px; min-width: 200px; font-size: 17px; line-height: 20px; border: 2px solid #d86363; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; }
.btn-brown:hover{ border: 2px solid #d86363; background: #fff; color: #d86363; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; }

.btn-yellow,.btn-yellow:focus{ position: relative; outline: none; text-align: center; background: #ffb400; border-radius: 8px; color: #011632; font-weight: 600; padding:10px 15px; min-width: 200px; font-size: 17px; line-height: 20px; border: 2px solid #ffb400; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; }
.btn-yellow:hover{ border: 2px solid #ffb400; background: #fff; color: #011632; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; }

.btn-yellow:after{ content: '\f04b'; position: absolute; right: 10px; font-size: 14px; font-family: 'FontAwesome' }

.btn-gray,.btn-gray:focus{ position: relative; outline: none; text-align: center; background: #6a6a6a; border-radius: 8px; color: #f6f6f6; font-weight: 600; padding:10px 15px; min-width: 200px; font-size: 17px; line-height: 20px; border: 2px solid #6a6a6a; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; }
.btn-gray:hover{ border: 2px solid #6a6a6a; background: #fff; color: #6a6a6a; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; }

.btn-gray:after{ content: '\f0ab'; position: absolute; right: 10px; font-size: 24px; font-family: 'FontAwesome' }

.btn-lgreen,.btn-lgreen:focus{ position: relative; outline: none; text-align: center; background: #98ac52; border-radius: 8px; color: #10102D; font-weight: 600; padding:10px 15px; min-width: 200px; font-size: 17px; line-height: 20px; border: 2px solid #98ac52; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; }
.btn-lgreen:hover{ border: 2px solid #98ac52; background: #fff; color: #10102D; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; }

.btn-lgreen:after{ content: '\f0ab'; position: absolute; right: 10px; font-size: 24px; font-family: 'FontAwesome' }
#cropImagePop #upload-demo{height: 500px;}
.croppie-container .cr-slider-wrap {width: 100% !important;margin: 0 !important;}
.croppie-container .cr-slider-wrap .cr-slider {background: transparent !important;cursor: pointer;}
/*

Forum UI

*/
/*.forum-section .page-link { background: #fff; border-radius: 20px; padding: 15px 30px; }*/
.forum-section .add-forum { border: none; background: #4face5; color: #fff; padding: 10px 33px; border-radius: 20px; font-weight: 700; letter-spacing: 0.5px; margin: 20px 0; }
.forum-section  .forum-cards {}
.forum-section .forum-cards .forum-details { margin-bottom: 30px; background: #fff; padding: 15px; border-radius: 20px; }
.forum-section .forum-cards .forum-details h4 { color: #000; font-size: 12px; margin: 0; }
.forum-section .forum-cards .forum-details h4 span { display: inline-block; float: right; color: #4face5; }
.forum-section .forum-cards .forum-details  h3 { font-size: 24px; margin: 20px 0; font-weight: 700; color: #4face5; }
.forum-section .forum-cards .forum-details h5 { color: #777; font-size: 13px; margin: 0; font-weight: 400; }
.forum-section .forum-cards .forum-details {}
.forum-section .forum-cards .forum-details h5 i { color: #000; margin-right: 5px; }
.forum-section .forum-cards .forum-details h5 span { float: right; font-size: 12px; font-style: italic; font-weight: 400; }



.strip{ background: #1761ad; padding: 10px 0; text-align: center; color: #fff; font-size: 18px; box-shadow: 0 3px 20px rgb(0 0 0 / 20%); -ms-box-shadow: 0 3px 20px rgb(0 0 0 / 20%); -moz-box-shadow: 0 3px 20px rgb(0 0 0 / 20%); -webkit-box-shadow: 0 3px 20px rgb(0 0 0 / 20%);margin-left: -30px;margin-right: -30px;}

.cert-footer{ background: #e3e3e3;margin-left: -30px;margin-right: -30px;text-align: center; margin-bottom: -30px; }
.cert-footer a { width: 250px;padding-top: 30px;padding-bottom: 30px; }
/*
Home page Ui
*/
.unido-card{background:#fff;border-radius:10px;margin-bottom:30px;padding:30px}
.unido-card .user-icon{width:150px;margin:0 auto;display:block;border-radius:100px;overflow:hidden}
.unido-card img{width:100%;margin:0 auto;display:block}
.unido-card h3{font-size:22px;text-align:center;margin:25px 0;color:#19ade3}
.unido-card hr{border-top:solid 2px #ddd;border-bottom:0;width:65%;margin:50px auto}
.unido-card .unido-modules-card{width:60%;margin:60px auto;display:block}
.unido-card .unido-modules-card h3{display:block;background:#e8e8e8;padding:20px 30px;border-radius:100px;text-align:left;font-weight:500;font-size:16px;position:relative;overflow:hidden;color:#333}
.unido-card .unido-modules-card h3 span{position:absolute;right:0;top:0;width:62px;height:62px;text-align:center;line-height:62px;background:#19ade3;border-radius:100px;color:#fff}
.unido-card .unido-modules-card h3 span.bg-green{background:#42b941}
.unido-blue{background:#fff;overflow:hidden;border-radius:10px;margin-bottom:30px}
.unido-blue .unido-blue-head{background:#19ade3;padding:15px}
.unido-blue .unido-blue-head h2{color:#fff;font-size:18px;margin:0}
.unido-blue .unido-blue-body{padding:15px 30px}
.unido-blue .unido-blue-body ul li{position:relative;padding-left:47px;margin-bottom:20px}
.unido-blue .unido-blue-body ul li .Sessions-name{width:95%}
.unido-blue .unido-blue-body ul li .icon{position:absolute;left:0;top:0}
.unido-blue .unido-blue-body ul li .Sessions-name h3{font-size:13px;margin:0;line-height:normal}
.unido-blue .unido-blue-body ul li .Sessions-name small{font-size:11px;line-height:normal;color:#777}
.unido-blue .unido-blue-body ul li a{position:absolute;right:0;font-size:25px;top:3px;color:#777}
.unido-blue .unido-blue-body .BtnSession{background:#42b942;height:50px;text-align:center;display:block;margin:15px auto 0;color:#fff;line-height:50px;font-size:16px;width:230px;border-radius:100px}
.unido-blue .unido-blue-body .unido-continue-class{width:100%;display:block}
.unido-blue .unido-blue-body .unido-continue-class .unido-class-body{width:95%;margin:0 auto;display:block}
.unido-blue .unido-blue-body .unido-continue-class .unido-class-body .unido-play{background:#19ade3;width:100px;height:100px;border-radius:100px;border:solid 9px #ddd;float:left;margin-right:10px}
.unido-blue .unido-blue-body .unido-continue-class .unido-class-body .unido-play i.fa{font-size:28px;height:100%;width:100%;text-align:center;line-height:80px;color:#fff}
.unido-blue .unido-blue-body .unido-continue-class .unido-class-body .unido-text{display:inline-block;overflow:hidden;padding:15px 0}
.unido-blue .unido-blue-body .unido-continue-class .unido-class-body .unido-text h4{font-size:12px;color:#000;font-weight:400}
.unido-blue .unido-blue-body .unido-continue-class .unido-class-body .unido-text h3{font-size:21px;color:#000;margin:3px 0}
.unido-blue .unido-blue-body .unido-continue-class .unido-class-body .unido-text span{display:block;color:#777;font-size:14px}
.Basic-Programme{width:65%;margin:15px auto;display:block;text-align:center;background:#e8e8e8;padding:15px 25px;border-radius:100px}
.unido-blue .unido-blue-body ul li.coming{padding-left:60px}
.unido-blue .unido-blue-body ul li.coming .icon{position:absolute;left:0;top:0;width:60px;height:60px;border-radius:5px;overflow:hidden}
.unido-blue .unido-blue-body ul li .Sessions-name a{position:relative;top:inherit;line-height:15px;color:#000;left:inherit}
.unido-blue .unido-blue-body ul li.coming .icon .play-icon{position:absolute;width:30px;height:30px;left:0;top:15px;right:0;display:block;margin:0 auto}
.unido-blue .unido-blue-body ul li.coming .icon:before{left:0;top:0;height:100%;width:100%;background-color:rgb(0 0 0 / 48%);position:absolute;content:''}
.unido-blue .unido-blue-body ul li.coming h3{padding:10px 0 10px 15px; height: 50px; font-size: 15px;}
.unido-blue .unido-blue-body ul li.coming h3 span{margin-right:5px}Basic-Programme-slider .owl-nav.disabled{display:block!important}
.Basic-Programme-slider .owl-nav{display:block!important}
.Basic-Programme-slider .owl-nav button.owl-prev{position:absolute;top:40%;color:#666;left:0}
.Basic-Programme-slider .owl-nav button.owl-next{position:absolute;right:0;top:40%;color:#666}
.Basic-Programme-slider .owl-nav button span{display:block;font-size:64px}

.not-found {
    text-align: center;
    font-size: 22px;
    color: darkgray;
    height: 100%;
    width: 100%;
    display: grid;
    justify-content: center;
    align-items: center;
}

.card-height {
    height: 350px;
    overflow: auto;
}
.live-hight {
    height: 300px;
}
.border-right-left {
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
}
.client-review {
    min-height: 320px;
}

@media(max-width: 767px){
	.progress {
	    width: 180px;
	    height: 180px;
	    line-height: 180px;
	}
	.unido-blue .unido-blue-body{
		padding: 15px;
	}
	.Basic-Programme {
	    width: 100%;
	    border-radius: 10px;
	}
	.Basic-Programme-slider .owl-item {
      width: 100% !important;
      margin: 0 !important;
  }
  .Basic-Programme-slider .owl-stage {
    width: 100% !important;
}
footer {
    height: 100%;
    padding: 15px 0 0;
}
footer .row {
    width: 100%;
    margin: 0;
}
}
.unido-blue .unido-blue-body h5 {
    font-size: 18px;
    color: #000;
    margin: 42px 0;
    text-align: center;
}

.continue-hight{
	min-height: 102px;
}


.white-box {}

.white-box iframe {
    width: 100%;
}
.login-form .invalid-feedback strong{color:red;}

.enrollment_msg {
	    position: relative;
	    text-align: center;
	    font-size: 20px;
	    color: #000;
	    width: 100%;
	    /* word-break: break-all; */
	    margin-top: 25px;
	}
	#enrollmentModal .modal-body button.close {
	    position: relative;
	    z-index: 999;
	}
@media(max-width: 767px){

.enrollment_msg {
	    position: relative;
	    text-align: center;
	    font-size: 20px;
	    color: #000;
	    width: 100%;
	    /* word-break: break-all; */
	    margin-top: 25px;
	}
	#enrollmentModal .modal-body button.close {
	    position: relative;
	    z-index: 999;
	}
	footer {
	    padding: 30px 0px 0!important;
	}
	.forum-section .forum-cards .forum-details h3 {
    font-size: 16px;
    line-height: 22px;
  }
  section .dashboard .banner .item{
  	height: auto;
  }
  section .dashboard .banner-data .banner .banner-text a {
      font-size: 14px !important;
  }

  section .dashboard .banner-data .banner-text {
      padding: 6px 10px;
      bottom: 0px;
  }

  section .dashboard .banner-data .banner-text a h2 {
      font-size: 12px !important;
  }
}

/*17 nov*/

footer .links ul li{
	font-size: 14px;font-family: 'Roboto', sans-serif;
}


footer p {
    color: #fff;
    opacity: 0.9;
    line-height: 26px;
    font-size: 14px;font-family: 'Roboto', sans-serif;;
}

footer h2 {
    color: #fff;
    font-weight: normal;
    padding-bottom: 20px;
    font-size: 22px;
    line-height: 26px;
    letter-spacing: 0;
    text-transform: uppercase;
    border-bottom: 2px solid #ccc;
    margin-bottom: 20px;
    position: relative;font-family: 'Roboto', sans-serif;
}

footer .address, footer .links {
  padding: 0 0 20px 0;
}

section .dashboard .banner-text{
	bottom: 80px;
}
@media (max-width: 991px){

footer .address, footer .links {
    padding: 0 15px;
}

/*
	3 Dec
*/
section .dashboard .banner .item{
	height: auto !important;
}
section .dashboard .banner-text {
    padding: 5px 10px;
}
section .dashboard .banner-text h2 {
    font-size: 14px;
}
.owl-course-detail .owl-nav .owl-next {
    right: -38px;
}
}

@media (max-width: 767px){
	.dashboard .banner-data .banner-text {
		padding: 6px 10px;
		bottom: 10px !important;
	}
	.owl-course-detail .owl-nav .owl-next {
	    right: -25px !important;
	    top: 28% !important;
	}
	.owl-course-detail .owl-nav .owl-prev {

	    top: 28% !important;
	}
}