.no-padding{
	padding:0;
}
.modal-body{
	overflow:hidden;
}

.heading-elements {
    background-color: inherit;
    position: absolute;
    top: 50%;
    right: 15px;
    height: 36px;
    margin-top: -18px;
}
.heading-elements .icons-list > li a{
	color:#fff;
}
.heading-elements .icons-list > li {
    position: relative;
    display: inline-block;
    margin-left: 5px;
    font-size: 13px;
	margin-top:10px;
}
.footer-icons-group > li > a.label{
	color:#fff;
	border-radius: 0;
}
.task_detail .media-body input[type='text']{
	height:44px;
}
.task_detail .media-heading i{
	font-size: 10px;
    color: #777;
}
.task_detail .muted{
	opacity: 0.5;
}
.task_detail .media-body{
	margin-top:0;
}

/*** POS **/
.pos .nav-tabs > li > a{
	padding: 5px 10px;
    margin-top: 5px;
}
.pos .nav-tabs,.pos .tab-content{
	border:0;
}
.pos .product-list .btn-control a{
	position: relative;
    top: 3px;
    margin-right: 5px;
    margin-left: 5px;
}
.pos .product-list .btn-control{
	min-height: 35px;
}
.pos .product_head{
	font-weight: bold;
    background-color: #f1f1f1;
	padding-right: 17px;
}
.pos .product_item{
	height: 300px;
    overflow-y: scroll;
}
.pos .th,.pos .td{
	display: inline-table;	
	padding:10px;
}
.pos .nav-tabs .icon-close:hover{
	color:#d65c4f;
}
.pos .nav-tabs .icon-close{
	font-size:8px;
	font-size: 8px;
    position: relative;
    top: -12px;
    left: 8px;
    cursor: pointer;
    color: #777;
}
.pos .quick_product{
	border:1px solid #ddd;
	overflow-y:scroll;
}
.pos .quick_export .product-selected tbody{
	overflow-y:scroll;
}
.pos .quick_product .item span{
    background-color: #65b688;
    color: #fff;
    padding: 3px;
    border-radius: 3px;
    position: relative;    
    top: -20px;
}
.pos .quick_product .item label{
	margin-top: -12px;
    overflow: hidden;
    height: 35px;
	width: 100%;
}
.pos .quick_product .item:hover{
	background-color:#eee;	
}
.pos .quick_product .item{
	padding: 10px;
    width: 120px;
    float: left;
    height: 150px;
    cursor: pointer;
	border-radius:3px;
}
.pos #tblscroll td{
	padding-top:2px;
	padding-bottom:2px;
}
.pos .btn-control{
	background-color: #f1f1f1;
    padding: 5px 10px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.pos .result_buyer ul{
	list-style-type: none;
    position: absolute;
    z-index: 2;
    background-color: #3a4b55;
    width: 100%;
    margin-top: 34px;
    padding: 0;
}
.pos .result_buyer ul li a:hover{
	background-color:#74bd94;
	color:#fff;
}
.pos .result_buyer ul li a{
	padding:10px;
	color:#fff;
	display:block;
	width:100%;
}
.pos table.jqstb-header-table{
	width:100% !important;
}

.pos .btn-search{
	height: 14px;
}
/*** End POS ***/
.popover .close{
	color: #fff;
    margin-top: 10px;
    margin-right: 10px;
}
.popover-content{
	min-height: 70px;
}

#bgtooltip{
	background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.highlight{
	position:relative;
	z-index:1001;
	background-color:#fff;
	border-radius:3px;
}

.dashboard .page-title h3{
	
}

.panel-body{
	
}
#profile_avatar .thumb{
	height:152px;
}
.dropzone .dz-preview{
	margin-top:-135px !important;
}
.dz-default.dz-message{
	display:none !important;
}
.dropzone{
	padding:0 !important;
	border:0 !important;
}
.ors_gallery .item i{
    display: inherit;
    padding: 45px;
    font-size: 50px;
    margin-left: 20px;
    margin-right: 20px;
	color: #ddd;
}
.ors_gallery .item{
    float: left;
    background-color: #fcfcfc;
    box-shadow: 0px 1px 2px 1px #999;
    text-align: center;
    margin-right: 20px;
    border-radius: 1px;
    margin-top: 15px;
	cursor:pointer;
}
.ors_gallery .item label{
	width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0;
}
.ors_galery_select{
	 box-shadow: 0px 1px 7px 1px #999 !important;
}
.ors_galery_select label{
	background-color: #f78e1e !important;
    color: #fff;
}
#fmhead{
	clear:both;
	display: flex;
}
.ide_head span{
	padding-right:5px;
	padding-left:5px;
}

.ide_head{
	padding: 5px;
    border-left: 1px solid #d3d3d3;
    border-top: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
	background-color: #eee;
}
.ide_head.head_select{
	background-color: #fff;
}
#fmcode .ors_editor{
	display:none;	
}
#fmcode .panel_select{
	display:block;
}
.ace_editor {
	border: 1px solid lightgray;
	margin: auto;
	height: 500px;
}
#tree,#tree li, #tree ul{
	list-style-type:none;
}
#tree .tree_select > span{	
   font-weight:bold;
}
#tree .item{
    cursor: pointer;
    padding: 1px 3px;
    border-radius: 3px;
}
.sidebar-narrow .sidebar{
	position: absolute;
	overflow-y: visible;
}
.thumb { 
    overflow: hidden;
}
.cursor-pointer{
	cursor:pointer;
}
select{
	min-width: 35px;
    height: 35px;
    border: 1px solid #DDD;
}
.table-footer{
	border-left:0;
	border-right:0;
	border-bottom:0;
}
/*
.select2-hidden-accessible{
	display:none;
}
*/
.spacer{
	clear:both;
	height:15px;
}
.float-right{
	float:right;
	margin-left: 5px;
}
.control{
	margin-bottom:10px;
	margin-top: 16px;
}
.pagination .current{
	background-color: #32434D;
	color:#fff;
}
.panel{
	margin-bottom: 10px;
}

.multi_checkbox_search{
	border: 1px solid #ddd;
    overflow: hidden;    
}
#result_search_related{
	max-height: 150px;
    overflow: auto;
	padding-top: 5px;
	background-color:#eee;
}
.result-autocomplete{
	position: absolute;
    background: #fff;
    border: 1px solid #ddd;
    list-style-type: none;
	padding:0;
	z-index: 1;
	width: calc(100% - 30px);
}
.result-autocomplete li a{
	padding:10px;
	display:block;
	width:100%;
}
.result-autocomplete li a:hover{
	background-color:#eee;
	
}

input[type=text],input[type=number]{
	border: 1px solid #ddd;
    height: 34px;
	padding: 5px;
	min-width: 90px;
	vertical-align: middle;
	outline:none;
}
.tinyeditor, .tinyeditor.edj_installed{
  border: 1px solid #ddd;
  outline: none;
  padding: 4px;
}

.form-xs{
	min-width:30% !important;
}

.info_people{
	list-style-type: none;
    padding: 0;
}
.info_people label{
	font-size: 14px;
}
.ors_ticket_support .reversed a{
	color:#428bca;
}
.ors_ticket_support a:hover{
	text-decoration: underline;
}
.ors_ticket_support a{
	color:#fff;
	
}
.cke_dialog_contents_body .cke_dialog_ui_button{
	padding: 9px;
    height: 34px;
    margin-top: 20px !important;
}
.input-error, .input-error:focus{
    border-color: #D65C4F !important;
    box-shadow: none;
}
#ors_layout .page-tabs{
	border-bottom:1px solid #aaa;
	margin-bottom: 10px;
}
#ors_layout .page-tabs > a.active{ 
	color: #fff;
    background-color: #f78f27;
}
#ors_layout .page-tabs > a{
    display: inline-block;
    padding: 10px;
    font-size: 12px;
    color: #2d3a42;
    background-color: #e9e9e9;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border: 1px solid #e0e0e0;
}
#quick_export .product-selected{
	height:60%;

}
#quick_export .product-list{
	height:40%;
}
.fb-feed a{
	color:#fff;
}
.fb-feed{
	height: 500px;
    overflow-y: scroll;
    background-color: #365899;
    color: #fff;
    padding: 9px;
    border-radius: 2px;
}

.ors-thumbnail h6{
	padding-top:10px;
	padding-bottom:10px;
}
.ors-thumbnail h6 small{
	width:100%;
	display: block;
	margin-top: 5px;
}
.user-menu > a img,.nav.navbar-nav.navbar-right.collapse .dropdown-toggle img {
	border-radius:2px;
}

.ors-thumb img{
	width:100%;
}

#btn-chatbot{
	background-image: url('../../images/chatbot.png');
	background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    position: fixed;
    background-size: 50px;
    z-index: 1;
    bottom: 10px;
    right: 10px;
}

#chatbot .visitor_icon{
	background-image: url('../../images/chatbot.png');
	background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    position: fixed;
    background-size: 50px;
    z-index: 1;    
    right: -60px;
}

#chatbot .item .ors_header{
    background-color: #29c5a7;
    color: #fff;
    padding: 10px;
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#chatbot .item .ors_control a:hover{
	color:#29c5a7;
}
#chatbot .item .ors_control a{
	margin-left: 14px;
}
#chatbot .item .ors_control{
    clear: both;
    border: 1px solid #efefef;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
#chatbot .item .ors_message{
	display:inline-block;
	width: 100%;
}
#chatbot .item .ors_list_message{
    padding: 8px;
    height: 220px;
	overflow-y:auto;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
}
#chatbot .item{
	position: fixed;
    display: block;
    right: 70px;
    bottom: 10px;
    width: 224px;
    background-color: rgba(255, 255, 255, 0.98);   
	border-radius:5px;
	z-index: 1;
}

#chatbot .item input[type="text"],#chatbot .item input[type="text"]:focus{
	border:0;
	width:180px;
	outline: none;
	padding:8px;
}

#chatbot .item span.reversed{
    background-color: #29c5a7;
    color: #fff;
    float: right;    	
}
#chatbot .item span{
	background-color: #f7941e;
    color: #fff;
    padding: 5px 10px;
    display: -webkit-inline-box;
    border-radius: 3px;
    float: left;
    max-width: calc(100% - 30px);
	margin-bottom: 1px;
}

#chatbot .visitor_icon{
	cursor:pointer;
}

#chatbot .item .obj{
	min-height:28px;
	margin-top:2px;
	clear: both;
}

#chatbot .item .avatar{
	float:left;
	margin-right: 2px;
    border-radius: 3px;
}

#ors_modal.payment .custom_list{
    display: flex;
    padding-top: 12px;
}
#ors_modal.payment .custom_list:hover{
	background-color:#fafafa;
}
#ors_modal.payment .custom_list .text-danger{
	display:none;
}
#ors_modal.payment .custom_list:hover .text-danger{
	display:block;
}
/*
.breadcrumb>li+li:before{
	content: "\e9c3";
    font-family: 'icomoon';
    position: relative;
    top: 2px;
}
*/
.global_setting .panel-body{
	padding-bottom:15px;
}

#ors_layout .ui-state-highlight{
	background-color:#fff;
	min-height:90px;
	float:left;
	margin: 15px 10px;
}

/* Let's get this party started */
.fb-feed::-webkit-scrollbar,#chatbot .item .ors_list_message::-webkit-scrollbar {
    width: 8px;
}
 
/* Track */
.fb-feed::-webkit-scrollbar-track,#chatbot .item .ors_list_message::-webkit-scrollbar-track {
   
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
 
/* Handle */
.fb-feed::-webkit-scrollbar-thumb,#chatbot .item .ors_list_message::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgb(191, 200, 209);
    -webkit-box-shadow: inset 0 0 #fff; 
}
.fb-feed::-webkit-scrollbar-thumb:window-inactive,#chatbot .item .ors_list_message::-webkit-scrollbar-thumb:window-inactive {
	background: #fff; 
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  padding: 20px 14px 20px 14px;
}

.tabs-left > .nav-tabs > li.active{
	color: #428BCA;
    border-left: 1px solid #D65C4F;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;

}

.dashboard-blog h3{
	border-bottom: 1px solid #aaa;
}
.dashboard-blog{
	border: 1px solid #ddd;
    padding: 10px;
    border-radius: 0 0 3px 3px;
    border-top: 3px solid #aaa;
	margin-bottom:10px;
}


.bc {
	list-style: none;
	display: inline-block;
	padding-left: 0;
}
.bc .icon {
  font-size: 14px;
}
.bc li {
  float: left;
}
.bc li a {
	color: #FFF;
	display: block;
	background: #777;
	text-decoration: none;
	position: relative;
	height: 40px;
	line-height: 40px;
	padding: 0 10px 0 5px;
	text-align: center;
	margin-right: 23px;
	transition: all 0s ease-in-out;
}

.bc li:first-child a {
  padding-left: 15px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px 0 0 4px;
}
.bc li:first-child a:before {
  border: none;
}
.bc li:last-child a {
  padding-right: 15px;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0;
  border-radius: 0 4px 4px 0;
}
.bc li:last-child a:after {
  border: none;
}
.bc li a:before, .bc li a:after {
  content: "";
  position: absolute;
  top: 0;
  border: 0 solid #777;
  border-width: 20px 10px;
  width: 0;
  height: 0;
}
.bc li a:before {
  left: -20px;
  border-left-color: transparent;
}
.bc li a:after {
  left: 100%;
  border-color: transparent;
  border-left-color: #777;
}
.bc li a:hover,.bc li a.active{
  background-color: #65b688;
}
.bc li a:hover:before,.bc li a.active:before {
  border-color: #65b688;
  border-left-color: transparent;
}
.bc li a:hover:after,.bc li a.active:after {
  border-left-color: #65b688;
}
.bc li a:active {
  background-color: #16a085;
}
.bc li a:active:before {
  border-color: #16a085;
  border-left-color: transparent;
}
.bc li a:active:after {
  border-left-color: #16a085;
}
.bc li:last-child a{
	margin-right:0;
}
.bc li i{
    display:inline-block;
    font-size: 10px;
    margin-right: 25px;
}

@media (max-width: 991px) {
	.ors_logo_center{
		display:none;
	}
	.ors_logo_left img{
		text-align: center;
		position: absolute;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
	}
  .ors_logo_left svg{
    height: 75%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
}
@media (min-width: 992px) {
	.ors_logo_center img{
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		position: absolute;
		left: 0;
		right: 0;
	}
	.ors_logo_left{
		display:none;
	}
  .ors_logo_center svg{
    height: 40px;
    position: absolute;
    /* top: 0; */
    left: 0;
    right: 0;
    bottom: 6px;
    margin: auto;
  }
}
.sp-preview-inner {
    border-radius: 50%;
}

.speech-bubble {
	position: relative;
    background: #c1c1c1;
    border-radius: .4em;
    margin-top: 15px;
    padding: 15px;
}

.speech-bubble:after {
	content: '';
	position: absolute;
	top: 0;
	left: 10%;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom-color: #c1c1c1;
	border-top: 0;
	margin-left: -10px;
	margin-top: -10px;
}
.billing_services input{
	border-top: 0;
	border-left: 0;
	border-right: 0;
    border-bottom: 1px solid #ddd;
}
.billing_services .payment_item{
	margin-right: 15px;
    margin-bottom: 30px;
}
.billing_services .payment_description{
	display:none;
    position: absolute;
    left: 15px;
	margin-top: 10px;
}
.billing_services input.payment_method{
	display:none;
}
.billing_services input.payment_method:checked ~ img{
	border: 1px solid #65b688;
}
.billing_services input.payment_method:checked ~ .payment_description{
	display:block;
}
#sliderTips{
	width: 800px;
    height: 500px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
}
#sliderTips .background_popup{
	position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #3333339e;
}

#sliderTips .carousel-inner{
	    position: fixed;
    z-index: 1000;
    background-color: #fff;
    width: 800px;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 500px;
}
#sliderTips .vertical .era-slide.caption{
	padding:50px;
}
#sliderTips .horizontal .era-slide.image{
	width:300px;
	float:left;
}
#sliderTips .horizontal .era-slide.caption{
	float:left;
	padding:50px;
	width:500px;
}
#sliderTips .skip{
	position: absolute;
    bottom: 52px;
    right: 62px;
    z-index: 1000;
}
#sliderTips .carousel-indicators{
	position:absolute;
	z-index:1001;
	bottom:40px;
}
#sliderTips .carousel-indicators li{
	border:1px solid #333;
}
#sliderTips .carousel-indicators li.active{
	background-color: #333;
}

    @supports (-webkit-appearance: none) or (-moz-appearance: none) {
  input[type=checkbox],
input[type=radio] {
    --active: #65b688;
    --active-inner: #fff;
    --focus: 2px rgba(39, 94, 254, 0.3);
    --border: #bbc1e1;
    --border-hover: #65b688;
    --background: #fff;
    --disabled: #f6f8ff;
    --disabled-inner: #e1e6f9;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 21px;
    outline: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0;
    cursor: pointer;
    border: 1px solid var(--bc, var(--border));
    background: var(--b, var(--background)) !important;
    transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
  }
  input[type=checkbox]:after,
input[type=radio]:after {
    content: "";
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
  }
  input[type=checkbox]:checked,
input[type=radio]:checked {
    --b: var(--active);
    --bc: var(--active);
    --d-o: 0.3s;
    --d-t: 0.6s;
    --d-t-e: cubic-bezier(0.2, 0.85, 0.32, 1.2);
  }
  input[type=checkbox]:disabled,
input[type=radio]:disabled {
    --b: var(--disabled);
    cursor: not-allowed;
    opacity: 0.9;
  }
  input[type=checkbox]:disabled:checked,
input[type=radio]:disabled:checked {
    --b: var(--disabled-inner);
    --bc: var(--border);
  }
  input[type=checkbox]:disabled + label,
input[type=radio]:disabled + label {
    cursor: not-allowed;
  }
  input[type=checkbox]:hover:not(:checked):not(:disabled),
input[type=radio]:hover:not(:checked):not(:disabled) {
    --bc: var(--border-hover);
  }
  input[type=checkbox]:focus,
input[type=radio]:focus {
    box-shadow: 0 0 0 var(--focus);
    box-shadow: none;
    outline: none;
  }
  input[type=checkbox]:not(.switch),
input[type=radio]:not(.switch) {
    width: 21px;
  }
  input[type=checkbox]:not(.switch):after,
input[type=radio]:not(.switch):after {
    opacity: var(--o, 0);
  }
  input[type=checkbox]:not(.switch):checked,
input[type=radio]:not(.switch):checked {
    --o: 1;
  }
  input[type=checkbox] + label,
input[type=radio] + label {
    font-size: 14px;
    line-height: 21px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    margin-left: 4px;
  }

  input[type=checkbox]:not(.switch) {
    border-radius: 0px;
  }
  input[type=checkbox]:not(.switch):after {
    width: 5px;
    height: 9px;
    border: 2px solid var(--active-inner);
    border-top: 0;
    border-left: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transform: rotate(var(--r, 20deg));
    margin: auto;
  }
  input[type=checkbox]:not(.switch):checked {
    --r: 43deg;
  }
  input[type=checkbox].switch {
    width: 38px;
    border-radius: 11px;
  }
  input[type=checkbox].switch:after {
    left: 2px;
    top: 2px;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    background: var(--ab, var(--border));
    transform: translateX(var(--x, 0));
  }
  input[type=checkbox].switch:checked {
    --ab: var(--active-inner);
    --x: 17px;
  }
  input[type=checkbox].switch:disabled:not(:checked):after {
    opacity: 0.6;
  }
  input[type=checkbox].switch.lock{
    height: 34px;
    border-radius: 0;
  }
  input[type=checkbox].switch.lock:after{
    content: "\eb6a";
    font-family: 'icomoon';
    background-color:transparent;
    top:0;
    left:50%;
    transform:translate(-50%,0);
    line-height:34px;
  }
  input[type=checkbox].switch.lock:checked:after {
    content: "\eb69";
    color:#fff;
  }

  input[type=radio] {
    border-radius: 50%;
  }
  input[type=radio]:after {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: var(--active-inner);
    opacity: 0;
    transform: scale(var(--s, 0.7));
  }
  input[type=radio]:checked {
    --s: 0.5;
  }
}
[data-id*="_content"] {
    min-height: 500px;
    max-width: 100%;
    overflow: hidden;
}
[data-id*="_content"].edj_installed {
    overflow: unset;
}
#resize_crop{

}
#resize_crop .rc_overlay{
    position: absolute;
    top: 0;
    left: 0;
    z-index:2;
    width: 100%;
    height: 100%;
	background-color:#00000090;
}

#resize_crop #rc_section{
	width:150px;
	height:150px;
	position:absolute;
	    background-repeat: no-repeat;
    background-size: calc(100% * 1.5);
	/*
	left: calc(50% - 100px);
    top: calc(50% - 100px);
	*/
}
#resize_crop #rc_container{
	position: absolute;
    top: 0;
    left: 0;
    right:0;
    bottom:0;
    z-index: 3;
}
#resize_crop img{
	position: relative;
    z-index: 0;
    width: 100%;
}
span.rc_helper {
    background-color: #252b2f;
    color: #aaa;
    border-radius: 5px;
    padding: 0px 5px;
	z-index: 1;
    position: absolute;
}
.ui-resizable-w {
    left: 0!important;
    border-left: 2px dashed #007aff;
    width: 0!important
}

.ui-resizable-n {
    border-top: 2px dashed #007aff;
    top: 0!important;
    height: 0!important
}

.ui-resizable-e {
    border-right: 2px dashed #007aff;
    width: 0!important;
    right: 0!important
}

.ui-resizable-s {
    border-bottom: 2px dashed #007aff;
    height: 0!important;
    bottom: 0!important
}

.ui-resizable-e:after,.ui-resizable-n:after,.ui-resizable-s:after,.ui-resizable-se:after,.ui-resizable-w:after {
    content: "";
    border-radius: 100%;
    border: 1px solid #007aff;
    width: 10px;
    height: 10px;
    position: absolute;
    background-color: #fff
}

.ui-resizable-w:after {
    top: calc(50% - 5px);
    left: -6px!important
}

.ui-resizable-n:after {
    top: -6px;
    left: calc(50% - 5px)
}

.ui-resizable-e:after {
    top: calc(50% - 5px);
    left: -4px
}

.ui-resizable-s:after {
    top: -4px;
    left: calc(50% - 5px)
}

.ui-resizable-e:before {
    content: ""
}

.ui-resizable-s:before {
    content: "\e987"
}
#list_multi_images{
	height:100%;
}
#list_multi_images img{
	height:150px;
}
#list_multi_images .thumb{
	padding: 15px;
}
.multi_images label{
	min-height: 156px;width:100%; border: 3px dashed #aaa;
}
.multi_images .list_images{
	/*position:absolute*/
	padding: 6px;
	gap: 6px;
}
.multi_images .multi_images_item{
    min-height:145px;
    min-width:145px;
}
.multi_images input[type="file"]{
	width:100%;height:100%;opacity:0.3;background-color: #000;
}
.mod_permission td ul>li{
    list-style-type: none;
    width: 250px;
    display: inline-block;
    vertical-align: top;
}
.mod_tree{
	list-style-type:none;
	padding:0;
}
.mod_tree li{
	
}
.mod_tree .tree_dash{
	
}
.mod_tree .tree_control{
	display:none;
}
.mod_tree li span{
	padding-top:5px;
	padding-bottom:5px;
	display:inline-block;
}
.mod_tree li:hover>.tree_control{
	display:inline;
}
.nav-custom ul.nav.nav-tabs li,
.nav-custom ul.nav.nav-tabs li a{
	width:100%;
}

.nav-custom .nav-tabs>li>a{
	color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
}
.nav-custom .nav-tabs>li.active>a, .nav-custom .nav-tabs>li.active>a:hover, .nav-custom .nav-tabs>li.active>a:focus{
	background-color: #65b688;
    color: #fff;
}

.nav-custom .tab-content{
	border:0;
}
.nav-custom .nav-tabs{
	border:0;
}
.pointer{
	cursor:pointer;
}
.tooltip-box{position:relative;}
.era-tooltip{position:absolute;z-index:1;background:#f0f0f0;box-shadow:0 0 10px #ddd;border-radius:5px;opacity:0;visibility: hidden;transition:all 0.3s;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.era-tooltip-left{top:-10px;right:100%;margin-right:15px;}
.era-tooltip-left:before{content:"";position:absolute;top:6px;left:100%;border-left:15px solid #f0f0f0;border-top:10px solid transparent;border-bottom:10px solid transparent;}
.era-tooltip-inner{padding:15px;min-width:150px;}
[data-toggle="tooltip"]:hover+.era-tooltip{visibility: visible;opacity:1;}
#noty_topRight_layout_container{top:auto !important;bottom:20px;right:50% !important;transform:translate(50%,0);}
.select-full,.select-defaul,.select-default-half,.select-multiple{display:none;}
.exp_collapse{left: auto;
    right:25px;
    top: 15px;
    position: absolute;
    z-index: 10;
    background:transparent !important;
}
.mb-15{margin-bottom:15px;}
.img-defaults{max-width:100%;}
.break-word{word-break: break-word;}
.select2-search{width:100%;margin-bottom:0 !important;}
.table-header-border{
    border-top:1px solid #ddd;
}
.table-header-border > thead > tr > th{
    border-bottom-width:3px;
}
/**************Switch****************/
.switchText{
  position: relative;
  display: inline-block;
  width: 80px;
  height: 24px;
  border-radius: 24px;
  background-color: #f3f4f4;
  cursor: pointer;
  transition: all .3s;
  overflow: hidden;
  box-shadow: 0px 0px 2px #bbc1e1;
}
.switchText:hover{
    box-shadow: 0px 0px 2px #65b688;
}
.switchText input{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100% !important;
    height: auto !important;
    color: transparent !important;
    border: 0;
    outline: none !important;
    box-shadow: none !important;
}
.switchText input:after{opacity:0 !important;}
.switchText div{
  position: absolute;
  width: 13px;
  height: 13px;
  border-radius: 15px;
  background-color: #bbc1e1;
  top: 6px;
  left: 4px;
  box-shadow: 0px 0px 1px rgb(150,150,150);
  transition: all .3s;
}
.switchText:hover div{
    background-color: #65b688;
}
.switchText div .off, .switchText div .on{
  position: absolute;
  width: 55px;
  height: 21px;
  line-height: 21px;
  font-size: 12px;
  font-weight: bold;
  top: -4px;
  text-align: center;
}
.switchText div .off{
  left: 100%;
  margin-left:5px;
  color : rgb(120,120,120);
}
.switchText div .on{
  right: 100%;
  color: white;
}

.switchText input:checked + div{
  background-color: #fff;
  left: calc(95px - 32px);
  box-shadow: 0px 0px 0px white;
}
.switchText:hover input:checked + div{
   background-color: #bbc1e1; 
}
.switchText input:checked + div .off{
  color:transparent;
}
/*EditorJS*/
/*.editorjs{
    border:1px solid #ddd;
}*/
.tab-pane .editorjs.edj_installed{
    border: 1px solid #ddd;
    padding: 0 60px;
}
.tab-pane .editorjs.edj_installed .codex-editor__redactor{
  padding-bottom: 0px !important;
  min-height: 100px;
}
.ce-block__content,
.ce-toolbar__content{
    max-width:100%;
}
.ce-code__textarea{
    word-break: break-word;
    white-space: break-spaces !important;
}
/************Drop Upload***********/
.drop-area-main {
  border: 2px dashed #ccc;
  border-radius: 20px;
  width: auto;
  min-height:275px;
  margin: 0;
  padding: 20px;
  position:relative;
}
.col-md-12 .drop-area-main{
    margin-left:-15px;
}
.drop-area-main.highlight {
  border-color: purple;
}
.drop-area-main p {
    position:relative;
    z-index:1;
  margin-top: 0;
}
.drop-area-main .my-form {
  margin-bottom: 10px;
}
.drop-area-main .progress-bar-main{
    position:absolute;
    top:50%;
    left:20px;
    right:20px;
    z-index:1;
    width:auto;
    transform:translate(0,-50%);
    display:none;
}
.drop-area-main .gallery-main {
  margin-top: 10px;
}
.drop-area-main .gallery-main img {
  width: 150px;
  vertical-align: middle;
}
.drop-area-main .button {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background: transparent;
  cursor: pointer;
  border-radius: 20px;
  border: none;
  box-shadow:none;
  margin-bottom:0;
}
.drop-area-main .button:hover {
  background: #eee;
}
.drop-area-main .fileElem-main {
  display: none;
}
.drop-area-main .gallery-main .grid-item.thumb_image{
    position:relative;
}
.drop-area-main .gallery-main .grid-item.thumb_image:before{
    content:"";
    border:2px solid #47a447;
    position:absolute;
    top:-1px;
    left:-1px;
    right:-1px;
    bottom:-1px;
}


.navigation a.active {
    background-color:  #d1002a;/* hoặc màu highlight bạn muốn */
    /* font-weight: bold; */
    color: #ffffff; /* màu chữ */
}