.gjs-one-bg {
    background-color: #ffffff !important;
}

.gjs-two-color {
    color: #707070  !important;
}

.gjs-sm-sector .gjs-sm-field input, 
.gjs-clm-tags .gjs-sm-field input, 
.gjs-sm-sector .gjs-clm-select input, 
.gjs-clm-tags .gjs-clm-select input, 
.gjs-sm-sector .gjs-clm-field input, 
.gjs-clm-tags .gjs-clm-field input, 
.gjs-sm-sector .gjs-sm-field select, 
.gjs-clm-tags .gjs-sm-field select, 
.gjs-sm-sector .gjs-clm-select select, 
.gjs-clm-tags .gjs-clm-select select, 
.gjs-sm-sector .gjs-clm-field select, 
.gjs-clm-tags .gjs-clm-field select{
	  color: #707070  !important;
}
 
.gjs-editor-cont{height: 100% !important;}
.gjs-three-bg .gjs-clm-tag-label{
	color: #ffffff !important;
}

.gjs-four-color {
    color: #149bdb !important;
}

.gjs-four-color-h:hover {
    color: #149bdb !important;
}

.gjs-select option,
.gjs-field-select option,
.gjs-clm-select option,
.gjs-sm-select option,
.gjs-fields option,
.gjs-sm-unit option {
    background-color: #ffffff !important;
    color: #434343 !important;
}

.gjs-field {
    background-color: rgb(255 255 255) !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #d1d1d1 !important;
}

.gjs-pn-panel.gjs-pn-devices-c {
    padding-bottom: 0px !important;
}

.grapesjsIconsCls {
    font-size: 3em !important;
    line-height: 2em !important;
    padding: 11px !important;
}

.gjs-block{
	box-shadow:none !important;
	border:1px solid #dfdcdc!important;
}


.gjs-block svg {
    width: 40px !important;
    margin-bottom: 10px;
}

.gjs-cv-canvas {
    width : 100% !important;
   
    height: 100% !important;
    background-color: #EBF0F5 !important;
    top: 0px !important;
    overflow: auto !important;
    overflow-y: auto !important;
    position: unset !important;
}

.gjs-editor-cont {
	background-color: #EBF0F5 !important;
}

.gjs-pn-commands {
    height: 50px;
}

.gjs-pn-options, .gjs-pn-customPanel{
	background: transparent !important;
	padding: 3px !important;
}

.gjs-pn-options .gjs-pn-btn, .gjs-pn-customPanel .gjs-pn-btn {
     
    padding: 0px!important;
    border-radius: 80px;
    height: 43px!important;
    width: 43px;
    line-height: 44px !important;
    
    
}
.gjs-pn-options .gjs-pn-btn:hover, .gjs-pn-customPanel .gjs-pn-btn:hover{
	 background-color: #F3F3F3;
	
}

.gjs-pn-options .gjs-pn-btn.gjs-pn-active {
    color: #149BDB;
    box-shadow: none;
    background-color: #e8f6ff; 
}

.gjs-pn-views-container {
    width: 361px !important;
    border-left: solid 1px #DADCE0;
    box-shadow: none !important;
    padding-top: 51px;
}

.gjs-pn-views {
    width: 361px !important;
    border-bottom: solid 1px #DADCE0 !important;
    border-left: solid 1px #DADCE0;
    height: 51px;
    padding: 0px !important;
}

.gjs-pn-views .gjs-pn-btn {
    width: 85px;
    height: 49px !important;
    line-height: 45px !important; 
   
}

.gjs-pn-views .gjs-pn-buttons{ justify-content: left !important;}

.gjs-pn-views .gjs-pn-btn:hover{
	 background-color: #F3F3F3!important;
	   border-bottom:solid 2px ;
}

.gjs-layer .gjs-layer-vis{padding: 14px 5px 7px 10px!important;}
.gjs-layer .gjs-layer-title {  padding-top: 7px  !important}

.gjs-pn-views .gjs-pn-btn.gjs-pn-active {
    background-color: #ffffff !important;
    box-shadow: none !important;
    border-bottom:solid 2px ;
}

.gjs-pn-views-container {
    padding-top: 50px!important;
}

.gjs-fonts::before {
    font-size: 4em !important;
}

.gjs-block-label {
    font-size: 0.9rem !important;
    color: #6a6a6a !important;
}

.gjs-pn-options {
    right: 0% !important;
}

.gjs-category-title,
.gjs-layer-title,
.gjs-block-category .gjs-title,
.gjs-sm-sector .gjs-sm-title,
.gjs-clm-tags .gjs-sm-title {
    background-color: #f9f9f9 !important;
}

.gjs-category-title, .gjs-layer-title,    
.gjs-block-category .gjs-title, 
.gjs-sm-sector .gjs-sm-title, 
.gjs-clm-tags .gjs-sm-title{
	border-bottom: 1px solid #d1d1d1 !important;
}

.gjs-frame-wrapper {
    top: 50px !important;
    height: 485px !important;
    width: 360px !important;
}
.gjs-blocks-c{padding: 15px 20px!important;}

.gjs-pn-devices-c {
    left: 2% !important;
}


.gjs-layer-name.gjs-layer-name--no-edit.gjs-no-app{
	height: fit-content !important;
}

.gjs-layer-name.gjs-layer-name--edit.gjs-no-app{
	height: fit-content !important;
}

.gjs-sm-sector .gjs-sm-field.gjs-sm-composite,
 .gjs-clm-tags .gjs-sm-field.gjs-sm-composite, 
 .gjs-sm-sector .gjs-sm-composite.gjs-clm-select, 
.gjs-clm-tags .gjs-sm-composite.gjs-clm-select, 
.gjs-sm-sector .gjs-sm-composite.gjs-clm-field, 
.gjs-clm-tags .gjs-sm-composite.gjs-clm-field{
	background-color: #fbfbfb !important;
    border: 1px solid #eaeaea !important;
}

.gjs-category-open, .gjs-block-category.gjs-open, 
.gjs-sm-sector.gjs-sm-open, .gjs-sm-open.gjs-clm-tags{
	  border-bottom: 1px solid #e5e5e5 !important;
}
.gjs-category-title,
.gjs-layer-title,
.gjs-block-category .gjs-title, 
.gjs-sm-sector .gjs-sm-title, 
.gjs-clm-tags .gjs-sm-title, .gjs-clm-tags #gjs-clm-new{
    font-size: 13px !important;
    color: #707070 !important;
    font-weight: bold !important;
}
.gjs-cell{vertical-align: top !important;}

.gjs-sm-sector, .gjs-clm-tags{
	font-weight: normal!important;
}
.qt-right-tb-pl{
	
}

.qt-right-tb-pl .x-tab-bar-default-top > .x-tab-bar-body-default{
	padding: 0px!important;
	
	}
	
.qt-right-tb-pl .x-tab-bar-default-top > .x-tab-bar-body-default .x-box-inner	{border-bottom:solid 1px #e2e2e2!important; height: 50px !important;}
.qt-right-tb-pl .x-tab-bar-default-top > .x-tab-bar-body-default .x-box-item {height: 50px!important;}
 
.qt-right-tb-pl .x-tab-default{
	padding-left: 20px;
	padding-right: 20px;
}

.tpl-body-cnt{height: 350px; overflow: hidden; overflow-x: scroll; background-color: red;}


.gjs-three-bg{
	background-color: #149bdb !important;
}

/*Quick templates styles*/
.qa-tmp-manager{width: 100% ; height:400px;   }  
.qa-tmp-prv-thub{  text-align:left; font-size: 11px;   width: 100%; margin-bottom: 10px;}
.qa-tmp-prv-thub-img {padding: 15px;cursor:pointer; width: 150px; min-height: 255px; max-height: 255px; float: left;  padding-left: 11px; margin-left: 10px; position: relative;  border: dashed 1px #fff !important;}
.qa-tmp-prv-thub-img:hover{background: #f6f6f6;}
.qa-tmp-prv-thub-img img{width: 125px; height: 168px;}
.qa-tmp-prv-name{ padding-top: 5px; font-size: 13px; font-weight: bold; margin-bottom: 5px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.qa-select-tick{ width: 25px; height: 25px; border-radius: 50px; background-color: #149bdb; /*border-style: solid; border-width:0px 40px 40px 0px;  border-color:transparent #149bdb transparent transparent ;*/position: absolute;
 z-index: 50; right: 4px; text-align: left;  font-size: 13px;  color:#fff }
.qa-tmp-prv-thub-img.x-item-selected{  border: solid 2px #149bdb !important; background-color: #f1f0f0 !important;}
 
 	
.qa-select-tick .ORBIT-Icons{position: absolute; right: 6px;  top: 6px;}
.qa-tmp-action-buttons {display: none; position: absolute; bottom: 0px; left:0px; z-index: 500; background-color: #ebebeb;  width: 100%; height: 32px; padding-top: 6px;}
.qa-tmp-prv-thub-img:hover .qa-tmp-action-buttons {display: block;}
.qa-tmp-action-buttons ul{margin: 0px; padding:0px;}
.qa-tmp-action-buttons ul li{float: left; list-style: none; font-size: 20px; margin-left: 13px; width: 15%;}
.qa-tmp-action-buttons ul li a{ color:rgb(98, 98, 98);}
.qa-tmp-action-buttons ul li a:hover{color: #149bdb}
/*Quicklet header template styles*/
.qa-hdr-image {
	margin-bottom : 10px;
}
.qa-hdr-image {cursor:pointer;   position: relative;  border: dashed 1px #fff !important;}
.qa-hdr-image:hover{background: #f6f6f6;}
.qa-hdr-image.x-item-selected{  border: dashed 1px #149bdb !important;}
 

.gjs-layer.gjs-selected .fa-chevron-right.fa-chevron-down:before{
	content: '\f078' !important; 
}

.gjs-layer-move{   padding: 12px 10px 7px 5px !important;}

.gjs-layer.gjs-selected .gjs-layer-title{background-color:#efefef !important;}

.gjs-editor-cont ::-webkit-scrollbar-thumb{background-color: rgb(193 192 192) !important;}
.previewCont ::-webkit-scrollbar {width: 7px !important;;}
.previewCont ::-webkit-scrollbar-track-piece{background-color: #efeeee !important; border-radius:0px !important;}
.previewCont ::-webkit-scrollbar-thumb{background-color: #dddddd !important; border-radius:20px !important;}
.previewCont ::-webkit-scrollbar-thumb:hover{background-color: #808080 !important; border-radius:20px !important;}
.gjs-trt-traits, .gjs-trt-trait{font-weight: 500 !important}
.gjs-clm-tags #gjs-clm-tag-label{color:#ffffff !important;}
.gjs-clm-sel-id{opacity: .9 !important;}
.gjs-frames{height: 100%; }
.gjs-hovered{transition: scale(8) !important;}

.gjs-field-checkbox input:checked+.gjs-chk-icon{border-color: #149bdb !important; border-width: 0 3px 3px 0 !important;}
.gjs-am-assets-cont{background-color: #f7f7f7 !important;}
.gjs-am-asset{border-bottom: 1px solid #e9e9e9 !important;}
.gjs-am-highlight{background-color: #dcf4ff !important;}
.gjs-am-file-uploader>form{  border: dotted 2px #bebebe !important;}


.gjs-field-arrow-u{border-bottom: 4px solid #838383 !important;}
.gjs-field-arrow-d{ border-top:  4px solid #838383 !important;}
.gjs-field .gjs-d-s-arrow{ border-top:  4px solid #838383 !important;}
.gjs-radio-item input:checked+.gjs-radio-item-label{background-color: #e3e3e3 !important;}

.gjs-mdl-dialog .gjs-btn-prim{background: #ffffff !important; border: 1px solid #d5d5d5 !important;}
.gjs-mdl-dialog .gjs-btn-prim:hover{background:#ececec !important; border: 1px solid #d5d5d5 !important;}
.gjs-cm-editor #gjs-cm-title{background-color: #363637 !important}
.gjs-sm-sector .gjs-sm-stack #gjs-sm-add{color:#707070  !important}
#gjs-clm-states{width: 95px !important}
#gjs-sm-images{color: #545454 !important}
.gjs-clm-header-status{margin-right: 10px;}
.gjs-layer-count{color : #707070 !important;font-weight: normal;}