/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
:root {
    --tutor-color-primary: #0263af;
    --tutor-color-primary-rgb: 2, 99, 175;
    --tutor-color-primary-hover: #395bca;
    --tutor-color-primary-hover-rgb: 57, 91, 202;
    --tutor-body-color: rgb(215, 220, 236);
    --tutor-body-color-rgb: 33, 35, 39;
    --tutor-border-color: rgba(189, 200, 240, 0.082);
    --tutor-border-color-rgb: 205, 207, 213;
    --tutor-color-gray: #e3e5eb;
    --tutor-color-gray-rgb: 227, 229, 235;
	--pmpro--color--accent :rgb(189, 200, 240) !important;
}

body {
    margin: 0px;
    background-color: rgb(17, 25, 54);
}

body #main{
    background-color: rgb(17, 25, 54);
}
a{
 color: rgb(189, 200, 240);
}
a:hover{
	color: rgb(33, 150, 243);
	text-decoration: none;
}
label{
	color: rgb(189, 200, 240);
}
body .site{
	color: rgb(189, 200, 240);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.334em;
    font-family: Roboto, sans-serif;
}
.pmpro,.pmpro button{color: rgb(189, 200, 240);}
.tutor-color-secondary{
	color:rgb(215, 220, 236)
}

/*************** course-builder  ***************/
body.tutor-screen-course-builder.tutor-screen-course-builder-frontend .tutor-course-builder-section .tutor-course-field-label, .tutor-form-label, lable{
	color: rgb(189, 200, 240);
}
input[type=email], input[type=number], input[type=search], input[type=tel], input[type=text], input[type=url], input[type=password], textarea , .tutor-form-group input[type=email],.tutor-form-group input[type=number],.tutor-form-group input[type=search],.tutor-form-group input[type=tel],.tutor-form-group input[type=text],.tutor-form-group input[type=url],.tutor-form-group input[type=password], textarea{
	
    margin: 0px;
    -webkit-tap-highlight-color: transparent;
    display: block;
    min-width: 0px;
    width: 100%;
    animation-name: mui-auto-fill-cancel;
    animation-duration: 10ms;
    color: rgb(189, 200, 240);
    font-weight: 500;
    background: rgb(26, 34, 63);
    padding: 10.5px 14px;
    border-radius: 8px;
	border:1px solid rgba(189, 200, 240, 0.082);
}
.tutor-form-control{
    margin: 0px;
    display: block;
    min-width: 0px;
    width: 100%;
    animation-name: mui-auto-fill-cancel;
    animation-duration: 10ms;
    color: rgb(189, 200, 240);
    font-weight: 500;
    background: rgb(26, 34, 63);
    padding: 10.5px 14px;
    border-radius: 8px;
	border:1px solid rgba(189, 200, 240, 0.082) !important;
}
input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, select:focus, textarea:focus{
	background-color: #191f36;
    box-shadow: 0 0 5px rgb(33, 150, 243);
	color: rgb(189, 200, 240);
	font-weight:500;
}
.tutor-form-toggle input{
	display:none;
}
.tutor-form-select-dropdown{
	background-color: rgb(33, 41, 70);
    color: rgb(189, 200, 240);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
    background-image: none;
    border-radius: 8px;
	transition: opacity 281ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 187ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
	border: 1px solid #324073;
}
.tutor-form-select-option:hover, .tutor-form-select-option.is-active{
	text-decoration: none;
    background-color: rgba(255, 255, 255, 0.08);
}
.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, select{
	font-size: 0.875rem;
    font-weight: 400;
    font-family: Roboto, sans-serif;
    color: rgb(189, 200, 240);
    box-sizing: border-box;
    cursor: text;
    display: inline-flex;
    align-items: center;
    width: 100%;
    position: relative;
    padding-left: 14px;
    padding-right: 14px;
    background: rgb(26, 34, 63);
    border-radius: 8px;
}
.tutor-color-muted{
	color: rgb(132, 146, 196);
    font-size: 0.75rem;
    font-weight: 400;
    font-family: Roboto, sans-serif;
    line-height: 1.66;
    text-align: left;
    margin: 3px 0px 0px;
}
body.tutor-screen-course-builder #tutor-metabox-course-settings-tabs{
	    background-color: rgb(33, 41, 70);
    color: rgb(189, 200, 240);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    box-shadow: none;
    background-image: none;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid rgba(189, 200, 240, 0.082);
}
body.tutor-screen-course-builder #tutor-metabox-course-settings-tabs .course-settings-tabs-container .settings-tabs-navs-wrap{
	background: rgb(41, 49, 79);
	color: rgb(132, 146, 196);
}
body.tutor-screen-course-builder #tutor-metabox-course-settings-tabs .course-settings-tabs-container .settings-tabs-navs-wrap ul.settings-tabs-navs li a, body.tutor-screen-course-builder #tutor-metabox-course-settings-tabs .course-settings-tabs-container .settings-tabs-navs-wrap ul.settings-tabs-navs li a i{
	color: rgb(132, 146, 196);
}
body.tutor-screen-course-builder #tutor-metabox-course-settings-tabs .course-settings-tabs-container .settings-tabs-navs-wrap ul.settings-tabs-navs li.active a{
	background-color: rgb(33, 41, 70);
    border-left: 3px solid rgb(33, 150, 243);
    border-bottom-color: rgba(189, 200, 240, 0.082);
    border-top-color: rgba(189, 200, 240, 0.082);
}
body.tutor-screen-course-builder #tutor-metabox-course-settings-tabs .course-settings-tabs-container .settings-tabs-container{
	background-color: rgb(33, 41, 70);
}
body.tutor-screen-course-builder .select2-container .select2-selection--single, body.tutor-screen-course-builder .select2-container .select2-selection--multiple{
	border-color: rgba(189, 200, 240, 0.082);
}
.select2-container .selection ul.select2-selection__rendered{
	margin:0;
	padding:0 !important;
}
.select2-container .selection ul.select2-selection__rendered input{
	height:40px;
	padding:5px 3px 5px 6px !important;
}
.select2-container .selection ul.select2-selection__rendered input:focus{
	background:transparent;
}
.select2-container .selection ul li{
	margin:0px
}
.select2-container .selection .select2-selection--multiple .select2-selection__choice {
	padding: 0px 10px;
	background: rgba(189, 200, 240, 0.125) !important;
    border-radius: 4px;
    color: rgb(189, 200, 240);
}
.tutor-option-field textarea:focus, .tutor-option-field input:not([type=submit]):focus, .tutor-form-group textarea:focus, .tutor-form-group input:not([type=submit]):focus {
	background-color: #191f36;
    box-shadow: 0 0 5px rgb(33, 150, 243);
	color: rgb(189, 200, 240);
}
.select2-container .selection ul .select2-search__field:focus{
	box-shadow:unset;
}
.select2-selection--multiple .select2-selection__choice{
	padding:1px 9px 1px 16.5px;
}
.select2-dropdown{
	background-color: rgb(33, 41, 70);
    color: rgb(189, 200, 240);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
    background-image: none;
    border-radius: 8px;
    transition: opacity 281ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 187ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    border: 1px solid #324073;
}

.select2-container--default .select2-results__option[aria-selected=true]{
	background-color: rgba(255, 255, 255, 0.08);
}
.wp-editor-container div.mce-panel{
/* 	background:rgb(33, 41, 70); */
}
.wp-editor-container{
	border:1px solid rgba(189, 200, 240, 0.082) ;
}
.wp-editor-container body{
	background:rgb(33, 41, 70);
}
.wp-editor-container .wp-editor-tools{
	background:rgb(33, 41, 70);
}
.wp-editor-container body{
	background:rgb(33, 41, 70);
}
.tutor-thumbnail-uploader .thumbnail-wrapper, body.tutor-screen-course-builder .tutor-video-upload-wrap .video_source_wrap_html5 {
	background:rgb(33, 41, 70);
}
body.tutor-screen-course-builder .tutor-video-upload-wrap .video_source_wrap_html5 .video-metabox-source-html5-upload{
	background:rgb(41, 49, 79);
}
.tutor-color-black{
	color:#ffffff;
}

.tutor-course-certificate-tabs.tutor-nav{
	background:rgb(41, 49, 79);	
}
.tutor-course-certificate-tabs.tutor-nav>li>a.is-active{
	background-color:rgb(33, 41, 70);
}
body.tutor-screen-course-builder .tutor-course-available-instructors .added-instructor-item{
	background:rgb(33, 41, 70);
}

#tutor-frontend-course-builder > header > div > div > div.tutor-col.tutor-mt-12.tutor-mb-12 > div > button{
	margin-bottom:0px;
}
#tutor-frontend-course-builder > header{
	background: rgb(33, 41, 70);
	border-bottom:1px solid rgba(189, 200, 240, 0.082) !important;
}

/*************** DASHBOARD  ***************/
.tutor-dashboard .tutor-frontend-dashboard-header:after, .tutor-dashboard-menu-divider{
	background-color: rgba(189, 200, 240, 0.32);
}
.tutor-dashboard .tutor-frontend-dashboard-maincontent ul.tutor-dashboard-permalinks:before{
	    border-right: 1px solid rgba(189, 200, 240, 0.32);
}
.tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-menu-item-link{
	color: rgb(189, 200, 240);
}
.tutor-card{
	background-color: rgb(33, 41, 70);
    color: rgb(189, 200, 240);
}

.tutor-single-course-sidebar .tutor-sidebar-card .tutor-card-body{
	background-color: rgb(33, 41, 70);
}
.tutor-card-body{
	background-color: rgb(33, 41, 70);
	padding:5px 20px;
}
.tutor-dashboard{
	padding-top:25px;
}
.tutor-table tr th{
	background:rgb(33, 41, 70);
	color: rgb(215, 220, 236);
    font-weight: 500;
}
.tutor-table tr td{
	background:rgb(33, 41, 70);
	color:rgb(189, 200, 240);
}
.tutor-table tbody tr td>a{
	color: rgb(189, 200, 240) !important;
}
.tutor-form-check label{
	color: rgb(189, 200, 240);
}
.absolute-footer, html{
	background:rgb(33 41 70);
}
#main{
	padding:25px 0px
}

.tutor-frontend-course-builder{
	background:black;
}
.tooltip-wrap .tooltip-txt{
	background:#0263af;
}
.tutor-nav-link{
	color:rgb(132, 146, 196)
}
.tutor-nav:not(.tutor-nav-pills):not(.tutor-nav-tabs){
	border-bottom: 1px solid var(--tutor-border-color);
}
.tutor-single-course-sidebar-more>div{
	background:rgb(33, 41, 70);
}

.tutor-accordion-item-header{
	background:rgb(33, 41, 70);
	color: rgb(132, 146, 196);
}
.tutor-accordion-item-header.is-active{
	background:rgb(43 53 92);
	color: rgb(132, 146, 196);
}
.tutor-accordion-item{
	background:rgb(33, 41, 70);
	border: 1px solid rgb(55 65 101);
}
.tutor-course-content-list-item{
	background:rgb(33, 41, 70);
}
.tutor-course-content-list-item:hover{
	background:rgb(255 255 255 / 6%);
}
.tutor-course-content-list-item-icon{
	color:rgb(132, 146, 196);
}
.tutor-course-single-sidebar-wrapper{
	background:rgb(33, 41, 70);
	border-right: 1px solid  rgb(55 65 101);
}
.tutor-course-single-sidebar-wrapper .tutor-accordion-item-body{
	background:rgb(33, 41, 70);
}
.tutor-course-single-sidebar-title{
	background:rgb(33, 41, 70);
	border-bottom: 1px solid  rgb(55 65 101);
}
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active a{
	background:#111936;
}
.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header{
	border-bottom: 1px solid  rgb(55 65 101);
	background:#273155;
}
.tutor-course-topic-single-header form,.tutor-course-topic-single-header .tutor-btn{
	margin-bottom:0px
}

.tutor-modal-content-white, .tutor-modal-content{
	background:#273155;
}
.tutor-modal-header, .tutor-modal-footer{
	background:rgb(33, 41, 70);
}

.tutor-modal .tutor-bg-white{
	background:#2f3b66;
}

body.tutor-screen-course-builder #tutor-course-content-builder-root #tutor-course-content-wrap .tutor-topics-wrap .tutor-topics-body, body.tutor-screen-course-builder #tutor-course-content-builder-root #tutor-course-topics .tutor-topics-wrap .tutor-topics-body,body.tutor-screen-course-builder #wpcontent #tutor-course-content-wrap .tutor-topics-top .tutor-topic-title{
	background:rgb(33, 41, 70);
	border:none;
}
 body.tutor-screen-course-builder #tutor-frontend-course-builder #tutor-course-content-wrap .tutor-topics-top .tutor-topic-title{
	background:#273155;
	border:none;
}
body.tutor-screen-course-builder #tutor-course-content-builder-root #tutor-course-content-wrap .tutor-topics-wrap, body.tutor-screen-course-builder #tutor-course-content-builder-root #tutor-course-topics .tutor-topics-wrap{
	border:none;
	background:rgb(33, 41, 70);
}
body.tutor-screen-course-builder .tutor-modal.tutor-quiz-builder-modal-wrap .question-type-select .select-header{
	background:rgb(33, 41, 70);
	box-shadow: 0 0 5px rgb(33, 150, 243);
	border:1px solid rgba(189, 200, 240, 0.082);
	border-radius: 8px;
}
body.tutor-screen-course-builder #wpcontent .tutor-modal .tutor-select-options, body.tutor-screen-course-builder #tutor-frontend-course-builder .tutor-modal .tutor-select-options{
	background-color: rgb(33, 41, 70);
    color: rgb(189, 200, 240);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
    background-image: none;
    border-radius: 8px;
    transition: opacity 281ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 187ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    border:1px solid rgba(189, 200, 240, 0.082) ;
}
body.tutor-screen-course-builder .tutor-modal.tutor-quiz-builder-modal-wrap .question-type-select .tutor-select-options .tutor-select-option{
	border:none;
}
body.tutor-screen-course-builder .tutor-modal.tutor-quiz-builder-modal-wrap #tutor_quiz_builder_answer_wrapper{
	background:rgb(33, 41, 70);
}
body.tutor-screen-course-builder .tutor-modal.tutor-quiz-builder-modal-wrap #tutor_quiz_builder_answer_wrapper .tutor-quiz-answer-wrap .tutor-quiz-answer {
	background:#273155;
}
body.tutor-screen-course-builder .tutor-modal.tutor-quiz-builder-modal-wrap #tutor_quiz_builder_answer_wrapper .tutor-quiz-answer-wrap .tutor-quiz-answer input{
	font-size:0px;
}
body.tutor-screen-course-builder #tutor_course_instructor_modal .tutor-search-result{
	background: #152354;
}
body.tutor-screen-course-builder #tutor_course_instructor_modal .tutor-search-result>div:hover{
	background: #091b53;
}
.tutor-quiz-item, body.tutor-screen-course-builder .tutor-modal.tutor-quiz-builder-modal-wrap #tutor_quiz_builder_answer_wrapper>a{
	background:rgb(33, 41, 70);
	border:none;
}

#tutor-assignment-wrap.tutor-submit-assignment .tutor-assignment-submission .tutor-assignment-body .tutor-assignment-attachment{
	background:rgb(33, 41, 70);
	border:none;
}

.tutor-qna-single-question:not([data-context=backend-dashboard-qna-single]) .tutor-qna-left .tutor-qna-text{
	background:rgb(33, 41, 70);
}
.tutor-qna-single-question:not([data-context=backend-dashboard-qna-single]) .tutor-qna-right .tutor-qna-text{
	background:rgb(56 68 111);
}

.tutor-dashboard .tutor-dashboard-content .tutor-dashboard-assignment-review .tutor-dashboard-assignment-review-area{
	background:rgb(56 68 111);
}
.tutor-dashboard .tutor-dashboard-content .tutor-dashboard-assignment-review .tutor-dashboard-assignment-review-area h3, .tutor-dashboard .tutor-dashboard-content .tutor-dashboard-assignment-review .tutor-dashboard-assignment-review-area label, .tutor-dashboard .tutor-dashboard-content .tutor-dashboard-assignment-review .tutor-dashboard-assignment-review-area [type=number]+p{
	color: rgb(215, 220, 236);
}
.tutor-dashboard .tutor-dashboard-content .tutor-dashboard-assignment-review .tutor-dashboard-assignment-review-area [type=number]+p code{
	    background: #2e3b68;
}

.tutor-course-spotlight-wrapper .tutor-conversation .tutor-comments-list .tutor-single-comment .tutor-actual-comment{
	background:rgb(33, 41, 70);
}
.tutor-course-spotlight-wrapper .tutor-conversation .tutor-comments-list .tutor-single-comment .tutor-actual-comment .tutor-comment-author span:first-child{
	color: rgb(215, 220, 236);
}
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item a{
	background-color: #162145;
}
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item-title, .tutor-course-single-sidebar-wrapper .tutor-course-topic-item-icon{
	color: #d8e1f6;
}
.tutor-course-single-content-wrapper input.tutor-form-check-input.tutor-form-check-circle{
	margin-left: 15px;
}
#tutor-single-entry-content > div.tutor-course-topic-single-body > div.tutor-video-player-wrapper > div > div > div.plyr__video-wrapper > div{
	background:rgb(33, 41, 70);
}
#tinymce{
	background:rgb(33, 41, 70) !important;
}

.tutor-card-list-item{
	background:rgb(33, 41, 70);
}
.blog-single article{
	background:#212946;
	color:#fff;
	padding:20px;
	box-shadow:1px 1px 13px 1px rgb(0 0 0 / 24%);
}

.blog-single #comments{
	background:#212946;
	box-shadow:1px 1px 13px 1px rgb(0 0 0 / 24%);
}
.tutor-dashboard .tutor-dashboard-content #tutor_profile_cover_photo_editor #tutor_photo_meta_area>span>span{
	color:#eee;
}
.attachment .thumbnail{
	 height: 100%;
	width:100%;
    border-radius: 4px;
    margin-right: 10px;
}
.attachment .thumbnail img{
	 height: 100%;
	width:100%;
	border-radius: 4px;
}
.tutor-form-control:disabled{
 background: #636363;
}

#tutor-course-builder{
	
}
#tutor-course-builder input[type=text] {
	    background-color: #fff;
}
.tutor-offcanvas .tutor-offcanvas-main{
	    background: #232d4e;
}
.tutor-notification-element.notification-read .element-content .message, .tutor-notification-element.notification-read .element-content .message>*{
	color:#7b8499;
}

.tutor-bg-white {
    background-color: #212946;
}
.tutor-course-card .tutor-course-name::first-letter , .tutor-course-card .tutor-course-name a::first-letter {
  text-transform: uppercase;
}
.tutor-course-card .tutor-course-name, .tutor-course-card .tutor-course-name a {
	 text-transform: lowercase; 
}

/* Ẩn hoàn toàn phần chia sẻ khóa học trong Tutor LMS Single Course */
.tutor-single-course-sidebar .tutor-course-share-wrap {
    display: none !important;
}

/* Tùy chọn: Nếu muốn ẩn riêng các nút chia sẻ */
#main .tutor-course-share-btn {
    display: none !important;
}

#post-list .post-item .box {
	background:#212946;
	    color: #d2d2d2;
}
#content .article-inner.has-shadow{
	background:#212946;
}

span.widget-title{
	color:#fff;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

@media (min-width: 800px){
	.tutor-course-details-page .tutor-course-details-tab .tutor-is-sticky {
		background-color: rgb(33, 41, 70);
	}
}