.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 10px;
    padding-left: 10px;
}
.full-height{min-height: 100vh !important;}
.form-group label, .form-label{font-size:11px !important;letter-spacing: 0.5px !important;margin-bottom: 0.075rem !important;}
.ls-md{letter-spacing: 0.5px !important;}
.ls-lg{letter-spacing: 1px !important;}
.ls-05{letter-spacing: 0.5px !important;}
.swal2-container{z-index: 999999999 !important;}
.swal2-popup{
	padding: 1.5rem 1.5rem !important;
	width: 375px !important;
}
.swal2-title{
	font-size: 1.2rem !important;
}
.swal2-html-container {
	margin-bottom: 0.5rem !important;
}
.swal2-actions{
	margin: 0.75rem auto 0 !important;
}
.swal2-styled{
	padding: 0.35rem 1.25rem !important;
	margin: 0 0.5rem !important;
	font-size: 0.8rem !important;
}
.swal2-content{
	font-size: 0.85rem !important;
}
.swal2-loading .swal2-styled {
	padding: 0px !important;
}
.data-item .icon.passcode-icon{height:auto !important;}
.ver-middle{vertical-align:middle !important;}
.table-custom .dataTables_filter{float: right !important;}
.table-custom .dataTables_filter input[type="search"]{width: auto !important;margin-left: 0.375rem !important;}
.table-custom .dataTables_length, .table-custom .dataTables_filter{margin-bottom: 0.50rem !important; font-size: 12px!important;}
.table-custom .dataTables_length select{margin: 0 0.375rem !important;}
.table-custom .dataTables_paginate.paging_simple_numbers .pagination{justify-content: end !important;margin-top: 0.75rem !important;}
.table-custom .dataTables_info{margin-top: 0.75rem !important;}
.table-custom th.dtfc-fixed-left, td.dtfc-fixed-left{z-index: 9 !important;}
.custom-height .spinner-load-content{height: 50%!important;align-items: center !important;}
.overflow-y{overflow-y: auto !important;overflow-x: hidden !important;}
.badge-count-list{margin: 0px 3px !important;}
.passcode-icon{display: none !important;}
.is-hidden .passcode-icon.icon-hide {
	display: none !important;
}
.is-shown .passcode-icon.icon-hide {
	display: block !important;
}
.is-hidden .passcode-icon.icon-show {
	display: block !important;
}
.is-shown .passcode-icon.icon-show {
	display: none !important;
}
.content-select-foto{position: relative !important;display: inline-flex !important;}
.content-select-foto .item-select-foto{
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	overflow: hidden !important;
}
.content-select-foto .item-select-foto img.preview-select-foto{
	width: auto !important;
	max-width: 100% !important;
	height: auto !important;
	max-height: 100% !important;
	cursor: pointer !important;
}
.content-select-foto .item-select-foto .file-select-foto{
	height: 100% !important; width: 100% !important; cursor: pointer !important;z-index: -1 !important;
}
.content-select-foto .manage-select-foto{
	position: absolute !important;
	top: -1px !important;
	right: -1px !important;
	z-index: 2 !important;
}
.content-select-foto .manage-select-foto .icon{
	height: inherit !important;
	line-height: inherit !important;
	color: #FFFFFF !important;
}
.content-select-foto .manage-select-foto.none-select{
	background-color: #09c2de !important;
}
.content-select-foto .manage-select-foto.is-select{
	background-color: #FF9800 !important;
}
.mb-0{margin-bottom: 0px !important}
.content-select-foto .manage-select-foto.none-select .icon-none-select{
	display: block !important;
}
.content-select-foto .manage-select-foto.none-select .icon-is-select{
	display: none !important;
}
.content-select-foto .manage-select-foto.is-select .icon-none-select{
	display: none !important;
}
.content-select-foto .manage-select-foto.is-select .icon-is-select{
	display: block !important;
}
.bootstrap-tagsinput input::placeholder{font-size:12px !important;}
.fs-14{font-size: 14px !important;}

/*----- Tabs -----*/
.tabs-custom {
	width: 100%;
	display:block;
}
.tab-custom-links{
	background: #e9ecef !important;
}

/*----- Tab Links -----*/
.tab-custom-links:after {
	display:block;
	clear:both;
	content:'';
}


.tab-custom-links li {
	margin: 0;
	float:left;
	list-style:none;
}

.tab-custom-links a {
	padding:0.5rem;
	display:inline-block;
	font-size:13px;
	transition:all linear 0.2s;
	width: auto;
	text-align: center;
	text-decoration:none;
	font-weight: 600;
}

.tab-custom-links a:hover {
	background:#2E5C8A;
	color: #EBEBEB;
	text-decoration:none;
}

.tab-custom-links li.active a, .tab-custom-links li.active a:hover {
	background:#FFF;
	color:#4C4C4C;
	border-bottom: 2px solid #2E5C8A;
}

/*----- Content of Tabs -----*/
.tab-custom-content {
	width:100%;
	border-radius:3px;
	background:#fff;
	padding: 0.5rem!important;
}

.tab-custom {
	display:none;
}

.tab-custom.active {
	display:block;
}
.payment-list-checkout{
	background: #f8f9fa;
}
.payment-list-checkout.active{
	background: #119ec1 !important;
	font-weight: 600;
	color:#ffffff;
}
.z-index-5{z-index: 99999 !important;}
.z-index-6{z-index: 999999 !important;}
.z-index-7{z-index: 9999999 !important;}
.z-index-8{z-index: 99999999 !important;}
.z-index-9{z-index: 999999999 !important;}
.d-content{display: contents !important;}
.pt-1r{padding-top:1rem !important;}
.pt-2r{padding-top:2rem !important;}
.pt-3r{padding-top:3rem !important;}
.pt-4r{padding-top:4rem !important;}
.pt-5r{padding-top:5rem !important;}
.pt-6r{padding-top:6rem !important;}
.pt-7r{padding-top:7rem !important;}
.pt-8r{padding-top:8rem !important;}
.pt-9r{padding-top:9rem !important;}
.pt-10r{padding-top:10rem !important;}
.box-image{
	width: 100% !important;
	display: flex !important;
	overflow: hidden !important;
}
.box-image img{
	width: auto !important;
	height: auto !important;
	max-width: 100% !important;
	max-height: 100% !important;
}
.h-100px{height: 100px !important;}
.h-150px{height: 150px !important;}
.h-200px{height: 200px !important;}
.h-250px{height: 250px !important;}
.h-300px{height: 300px !important;}
.h-350px{height: 350px !important;}
.h-400px{height: 400px !important;}
.h-450px{height: 450px !important;}
.w-10{width: 10% !important;}
.w-15{width: 15% !important;}
.w-20{width: 20% !important;}
.w-25{width: 25% !important;}
.w-30{width: 30% !important;}
.w-35{width: 35% !important;}
.w-40{width: 40% !important;}
.w-50{width: 50% !important;}
.w-60{width: 60% !important;}
.w-70{width: 70% !important;}
.w-75{width: 75% !important;}
.w-80{width: 80% !important;}
.w-90{width: 90% !important;}
.w-100{width: 100% !important;}
.br-8{border-radius: 8px !important;}
.br-4{border-radius: 4px !important;}
.br-80{border-radius: 80px !important;}
.br-round{border-radius: 50% !important;}
.br-t-8{border-top-right-radius: 8px !important;border-top-left-radius: 8px !important;}
.br-b-8{border-bottom-right-radius: 8px !important;border-bottom-left-radius: 8px !important;}
.br-l-8{border-top-left-radius: 8px !important;border-bottom-left-radius: 8px !important;}
.br-r-8{border-bottom-right-radius: 8px !important;border-top-right-radius: 8px !important;}
.bg-light {
	background-color: #e9ecef!important;
}
.bg-lighter {
	background-color: #f8f9fa!important;
}

.lazy-background {
	opacity: 0.5;
	background: linear-gradient(135deg, rgba(211,223,232,.5) 30%,rgba(169,184,197,.5) 38%,rgba(168,182,193,.6) 41%,rgba(168,182,193,.6) 50%,rgba(168,182,193,.6) 50%,rgba(169,184,197,.6) 51%,rgba(211,223,232,.6) 57%,rgba(211,223,232,.6) 80%,rgba(211,223,232,.6) 80%);
	background-size: 1200% 1200%;

	-webkit-animation: animationBackground 2s ease infinite reverse;
	-moz-animation: animationBackground 2s ease infinite reverse;
	animation: animationBackground 2s ease infinite reverse;
}
@-webkit-keyframes animationBackground {
	0%{background-position:0% 92%}
	50%{background-position:100% 9%}
	100%{background-position:0% 92%}
}
@-moz-keyframes animationBackground {
	0%{background-position:0% 92%}
	50%{background-position:100% 9%}
	100%{background-position:0% 92%}
}
@keyframes animationBackground { 
	0%{background-position:0% 92%}
	100%{background-position:100% 9%}
}
.box-image.center-img img{
	max-width: 100% !important;
	max-height: 100% !important;
}

.btn-custom {
	border:none;
	background-size: 300% 100%;
	moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.btn-custom:hover {
	background-position: 100% 0;
	moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.btn-custom.color-1 {
	background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673);
}
.btn-custom.color-2 {
	background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19);
}
.btn-custom.color-3 {
	background-image: linear-gradient(to right, #667eea, #764ba2, #6B8DD6, #8E37D7);
}
.btn-custom.color-4 {
	background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516);
}
.btn-custom.color-5 {
	background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673);
}
.btn-custom.color-6 {
	background-image: linear-gradient(to right, #009245, #FCEE21, #00A8C5, #D9E021);
}
.btn-custom.color-7 {
	background-image: linear-gradient(to right, #6253e1, #852D91, #A3A1FF, #F24645);
}
.btn-custom.color-8 {
	background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376);
}
.btn-custom.color-9 {
	background-image: linear-gradient(to left, #25aae1, #4481eb, #04befe, #3f86ed);
}
.btn-custom.color-10 {
	background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a , #FBB03B);
}
.btn-custom.color-11 {
	background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f);
}

.card-info{
	display: flex !important;
	width: 100% !important;
}
.card-info-img{
	width:100px !important; height: 100px !important;
}
.card-info-img.md{
	width:75px !important; height: 75px !important;
}
.card-info-img.sm{
	width:50px !important; height: 50px !important;
}
.card-info-img.xs{
	width:35px !important; height: 35px !important;
}
.card-info-text{padding-left: 1rem !important;}
.spinner-border.border-xs{
    border: 0.15em solid currentColor;
    border-right-color: transparent;
}
.spinner-border.border-sm{
    border: 0.2em solid currentColor;
    border-right-color: transparent;
}
.bg-full{
	background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}
.bg-img{background-repeat: no-repeat !important;}
.bg-contain{background-size: contain !important;}
.bg-left-bottom{background-position: left bottom !important;}
.border-xs{
    border: 0.1em solid currentColor;
}
.border-sm{
    border: 0.15em solid currentColor;
}
.border-md{
    border: 0.2em solid currentColor;
}
.border-lg{
    border: 0.25em solid currentColor;
}
.border-xl{
    border: 0.3em solid currentColor;
}
.shadow {
    box-shadow: 0 3px 12px 1px rgba(43, 55, 72, 0.15) !important;
}
.table-custom table th, .table-custom table td{padding: 0.75rem !important;}
.note-editable, .note-placeholder{font-size: 13px;font-weight:normal;font-family: 'Arial'}
.note-editable p{margin: 0px;}
.select2 .selection, .select2 .selection .select2-selection{width: 100% !important;}
.remove-content-gallery{position: absolute !important;top:0 !important;left: 0 !important;}
textarea.faq-product, textarea.meeting-product, textarea.agenda-product{min-height: 50px !important;max-height: 200px !important;}
.w-5{width: 5% !important;}
.fs-4r{font-size: 4rem !important;}
.video-preview-on-box{width:100% !important;height:100% !important;}
.bg-black{background-color: #000000 !important;}

.letter-size{
	width: 21.59cm !important;
    height: 27.94cm !important;
	max-width: 100% !important;
    max-height: 100% !important;
}
.letter-size.landscape{
    height: 21.59cm !important;
    width: 27.94cm !important;
}
.letter-size.a4{
    width: 21cm !important;
    height: 29.7cm !important;
}
.letter-size.a4.landscape{
    height: 21cm !important;
    width: 29.7cm !important;
}
.letter-size.a5{
    width: 14,8cm !important;
    height: 21cm !important;
}
.letter-size.a5.landscape{
    height: 14,8cm !important;
    width: 21cm !important;
}
.text-coret{text-decoration: line-through !important;}
.sort-text-name{width: auto !important;max-width: 100px !important;}
.badge-top-product{position: absolute;top: 0;right: 0;}
.is-slider-product.one-item{
	max-width: 550px !important;
}
.slider-item-x-large{
	width: 350px !important;
}
.slider-item-large{
	width: 300px !important;
}
.slider-item-medium{
	width: 250px !important;
}
.slider-item-small{
	width: 200px !important;
}
.slider-item-x-small{
	width: 150px !important;
}
.slick-next, .slick-prev{
	background: #0606066e;
    color: #ffffff;
    width: 30px;
    height: 30px;
}
.content-page, .content-page p{font-size: 13px; margin-bottom: 0px;}
.desc-product, .desc-product p{font-size: 13px; margin-bottom: 0px;}
.card-aside.toggle-slide.content-active{z-index: 999999999 !important;}
.table-custom .row-info-table{
	display: flex !important;align-items: center !important;
	justify-content: space-between !important;
}
.box-video{
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	overflow: hidden !important;
}
.box-video video{
	width: 100% !important;height: 100% !important;
}
.box-slider{
	width: auto !important;
	max-width: 300px !important;
}
.lh-normal{line-height: normal !important;}

#content-chat-lms .nk-chat-body{
    opacity: 1 !important;
    pointer-events: auto !important;
}
#content-chat-lms .nk-chat-panel{
    overflow-y: auto !important0;
    overflow-x: hidden !important;
}
.fs-11{font-size: 11px !important;}
.fs-10{font-size: 10px !important;}
.opacity-show{opacity: 1 !important;}

@media (max-width: 575.98px){
	.nk-block-tools-toggle .toggle-expand-content {
	    width: 100% !important;
	    padding: 0 10px !important;
	    margin: auto !important;
	}
}
.user-avatar-xxs, .user-avatar.xxs {
    height: 20px;
    width: 20px;
    font-size: 9px;
    font-weight: 700;
}
.no-padding{padding:0px !important}
.table-custom table th.no-padding, .table-custom table td.no-padding{
	padding: 0px !important;
}
.table-custom.no-info-top .row-info-table.top{
	display: none !important;
}
.table-custom.no-info-bottom .row-info-table.bottom{
	display: none !important;
}
.custom-radio-main .custom-control-label{
	font-size: 13px !important;
}
.icon-sosmed-instructor{
    width: 1rem !important;
    height: 1rem !important;
    line-height: 1rem !important;
    font-size: 12px !important;
    border-radius: 80px !important;
    padding: 10px !important;
}
.payment-img{
    display: inline-flex;
    width: 75px;
}
iframe.frame-qrcode{
	display:flex;align-items: center;justify-content: center;height:300px;border: none;
}
.img-qrcode-onframe{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.max-line-text-2{
  overflow: hidden;
 display: -webkit-box;
 -webkit-line-clamp: 2; 
         line-clamp: 2; 
 -webkit-box-orient: vertical;
}
.max-line-text-1{
  overflow: hidden;
 display: -webkit-box;
 -webkit-line-clamp: 1; 
         line-clamp: 1; 
 -webkit-box-orient: vertical;
}
.max-line-text-3{
  overflow: hidden;
 display: -webkit-box;
 -webkit-line-clamp: 3; 
         line-clamp: 3; 
 -webkit-box-orient: vertical;
}