body,html { height: 100%; font-family: 'Montserrat', sans-serif; color: rgb(91, 91, 91); font-size: 0.9rem;  background-color: #f4f4f4;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
.dark{ background-color: #111 !important; color: rgba(255,255,255,.85); color-scheme: dark; }


/* HEADERS */
h1{ font-size: 28px; letter-spacing: 0.03em; font-weight: 600; }
h2{ font-size: 18px; line-height: 25px; letter-spacing: 0.02em; }
h3{ font-size: 15px; color: rgba(125,125,125,0.8); text-transform: uppercase; padding:0; margin:0; }
h4{ font-size: 12px;  text-transform: uppercase;  padding:0; margin:0; color: rgba(125,125,125,0.8);}
h5{ font-size: 12px;  text-transform: uppercase;  padding:0; margin:0; color: rgb(0, 0, 0); }
.dark h5{  color: rgba(255,255,255,.8); }
.dark h4{  color: rgba(255,255,255,.8); }
.dark textarea.cke_editable.cke_source{
  background-color: #4e4e4e!important;
}

a{  text-decoration: none; color: inherit; }
a:hover{  text-decoration: none; color: inherit; }
i{ color: inherit; font-size: 1.4em; line-height:1em; padding-top: 4px; }
button{ border:none; }
.text-big{ font-size: 1.3em; }
.text-huge{ font-size:2em; }
#cke_1_contents a { text-decoration: underline;}
/* LAYOUT */
.menu{ position:absolute; left:0px; top: 55px; background-color: #FFFFFFAA; width:62px; bottom:0px;}
.menu-button-section-parent{ text-align: center; padding: 8px 0; }
.dark .menu{ background-color: #000000AA; }
.menu_btn{}
.menu_icon{ opacity: 0.5; margin: 5px; width:30px;  }
.dark .menu_icon{ -webkit-filter: invert(100%); filter: invert(100%);}
.menu1{ margin-left: -250px;}
.menu-button-selected{ background-color: rgba(0, 0, 0, 0.04) !important; }
.dark .menu-button-selected{ background-color: rgba(255, 255, 255, 0.04) !important; }
.menu-button-selected .menu_icon{ opacity:1; }
.content{ position:fixed; left:63px; top:55px; bottom:0; right:0px; overflow: auto; background-color: rgba(255,255,255,0.4);  padding-top: 5px;  }
.dark .content{ background-color: rgba(0,0,0,0.9) !important; }
.content1{ left:0px; padding:0;  }
.page{display: table; width: 100%; height: 100%;  } 
.side-bar{ display: table-cell; width:245px; vertical-align: top;  }
.page-content{ display: table-cell; overflow: auto;}
.padding-content{ /*padding: 0 60px;*/ }
.padding-header{ /*padding-top: 65px;*/ }
.top-title{ height:95px; padding: 0 20px; }

.header{ position:absolute;  height:65px;  top:0px; left:0px; width:245px; background-color: rgba(245,245,245, 1);  }
.dark .header { background-color: rgba(0, 0, 0, 0.80); }
.header_breadcrumb{ background-color:#EBEBEB; width:100%; height: 65px; position:absolute; top:0px; left:0px; }
.dark .header_breadcrumb{ background-color:rgba(0,0,0,0.75); }
.header_menu{ position:absolute; padding:0 5% 0 2%; top:0px;  height:65px; left:245px; right:0px;  background-color: rgba(235,235,235, 1);z-index: 10;   } 
.dark .header_menu{ background-color: rgba(0, 0, 0, 0.82);   } 
.header_icons{ position:absolute; top:10px; right:20px; }
.header_user_image{ height: 45px;width: 45px;  object-fit: cover; }
#header_sections_modal{ z-index:9;position:absolute; top:2px; left:2px; width:240px;     border-radius: 6px;  border: 1px solid rgba(206,206,206, 1); cursor:pointer; background-color: #F5F5F5; display:none;    }
.header_sections_modal_object{ height:65px; position:relative;cursor:pointer; }
.header_sections_modal_image{ margin:10px 15px; width:40px; height:40px;   }
.header_sections_modal_name{ position:absolute; left:65px; top:10px; color: rgba(155,155,155,1); font-size: 11px; font-weight: 600; text-transform: uppercase; }
.header_sections_modal_back{display: inline-block; color:#919191; vertical-align: middle; text-transform: uppercase; font-size: 12px; overflow: hidden; padding-left:20px;  line-height: 40px;  width:100%; font-weight: 500; border-bottom:1px solid #999; }
.header_sections_modal_back_image{ position:absolute; right:16px; margin-top:10px; overflow: hidden; border-radius: 50%; top:5px; width:30px; height:30px; background-color: #333;  }
.header_sections_modal_back_image img{width:100%; height:100%; object-fit:cover; position:absolute; left:0px; top:0px; }
.header_sections_name{ font-size:14px; color:rgba(155,155,155,1); position:absolute; left:65px; top:13px; text-transform: uppercase; font-weight: 600; }
.dark #header_sections_modal{ color: rgba(255,255,255,0,8); background-color: rgba(0,0,0,.8);  border: 1px solid rgba(206,206,206, 0.5); }
.dark #menu_projects_modal{ color: rgba(255,255,255,0,8); background-color: rgba(0,0,0,.8);  border: 1px solid rgba(206,206,206, 0.5); }
.dark .menu_projects_back{ filter:invert(1); }



.header_sections_logo{  position:absolute; left:65px; top:0px; }
.header_sections_icon{ position:absolute; right:15px; top:10px; }
.header_sections_cache{ position:absolute; right:150px; top:10px; }
.header_sections_breadcrumb{ font-size:14px;  position:absolute; left:65px; top:13px; text-transform: uppercase; font-weight: 600;  color:rgba(114, 114, 114, 1); }
.header_sections_breadcrumb a{ color:#BFBFBF; }

.header_menu_section_titles{ padding-top:25px; }
.header_menu_section{ width:auto; display:inline-block; height:65px; padding: 0 5px;   margin-right: 15px; cursor:pointer; position:relative; }
.header_menu_section_title{ display:inline-block;vertical-align: middle; text-transform: uppercase; font-size:10px; }
.header_menu_section_icon{ display:inline-block;vertical-align: middle;  font-size:12px; line-height: 10px;  }
.header_menu_section_line{ position:absolute; width:100%; height:3px;  bottom:0px; background-color: rgba(80,125,125, 1); }

.section_menu{ position:absolute; left:0px; width:245px; top:66px; bottom:0px; background-color: white; overflow: auto; overflow-x:hidden;  padding: 0 10px 0 18px; color:#636363; }
.dark .section_menu{ background-color:rgba(0,0,0,0.9); color: rgba(255,255,255,0.8);   }
.section_content{  position:absolute; box-sizing: border-box; left:245px; right:0; top:65px; bottom:0px;  padding: 0 1%;  overflow: auto; }
.nav-link,.nav-link:hover{ cursor:pointer; color: #111;}
.nav .active {   color: #333; position: relative; font-weight: 600; }

.nav .active:after{    content: "▂▂";    position: absolute;    top: 20px;    left: 50%;    transform: translate(-50%,0%)!important;}
.dark .nav .active{   color: rgba(255,255,255,0.8); }
.dark .nav{    color: rgba(255,255,255,0.8);  }

.dark #edit_window{  background-color: rgba(0,0,0,0.70);  } 

.accordion-button:not(.collapsed){ color: #999; background-color: transparent; }

/* menus */
.menu_title{ position:relative; margin:30px 20px 30px;  font-size: 14px;  font-weight: 600; line-height: 15px; text-transform: uppercase;  }
.menu_title select{ background: transparent; }
.menu_title input{ background: transparent; }

.menu_element{ position:relative; margin:0 0 6px -7px; padding:8px 10px; border-radius: 6px;  vertical-align: middle;  font-size: 11px;line-height: 15px; font-weight: 600; line-height: 15px; text-transform: uppercase; color:#9B9B9B;   }
.menu_element2{ position:relative;  margin:0px 0 0 18px; padding: 10px 40px 10px 10px;  vertical-align: middle;  font-size: 11px; font-weight: 600; text-transform: uppercase; line-height: 15px; border-radius: 6px; color:#9B9B9B;  }
.menu_element2_lines{ position:absolute; top:-16px; left:-10px; width:12px; height:34px; border-left:1px solid #999;  border-bottom:1px solid #999;  }
.menu_element_selected{ background-color: #dedede; }
.dark .menu_element_selected{ color: white; background-color: rgba(255,255,255,.2); }

.dark .section_content{ background-color:rgba(0,0,0,0.76);   }
.dark .device_buttons{     background-color: #666;}
.dark .device_icon_selected{ background-color:rgba(0,0,0,0.95) !important;  }
.dark{
  --bs-body-color:  color: rgba(255,255,255,0.8);
  --bs-body-bg:  background-color: rgba(255,255,255,0.6);
  --bs-border-color:  rgba(255,255,255,0.2);
  .accordion-button::after{ filter: invert(1); }
  
}

.icon_menu{ line-height: 15px; font-size: 15px; vertical-align: middle; padding-right: 5px;   }
.menu_element_padding{ margin-left: 18px; }
.prev_window_handler{ position:absolute; top:0px; left:-10px; padding:0 3px; z-indec:7; border-radius:3px; border:1px solid #999; background-color: #dedede; cursor:grab; font-size: 10px; line-height: 10px; }
.dark .prev_window_handler{ background-color: #181818; }


/* device */
.device_icon{ line-height: 22px; font-size: 20px; padding:3px 8px; border-radius:4px; cursor: pointer;  }
.device_icon_selected{ background-color: #4e7071; color:white; cursor:pointer; }
.device_buttons{ border-radius: 4px; background-color: #ccc; padding: 2px 5px; display:inline-block; margin-top: -5px; vertical-align: bottom; padding-top:4px; }

.comp_preview_container{ overflow: auto; position:relative; }
#comp_edition_container{ padding-bottom: 60px !important; }

.bi{ font-size: 1em; line-height: inherit; vertical-align: top; cursor:pointer; }

.asIcon{ position:relative; height: 16px; width:16px; }
.header-image{ height: 135px; width: 135px; object-fit:cover; }
.bg-cover{background-position: center center; background-size: cover;}
.text-selection{ color: rgba(0,0,0, 0.8); }
.dark .text-selection{ color:  rgba(255,255,255, 0.8); }
.badge{padding: 7px; font-size: 1em; }
.badge-disabled{ background-color:rgba(255,255,255, 0.3)  !important;  color:rgba(0,0,0, 0.3);}
.form-check-input:checked{  background-color: rgba(125,125,125,0.8); border-color:  rgba(125,125,125,0.8) ; } 
.dark .form-control{ background-color: rgba(125,125,125,0.3); color:white; border-color:#666; }
.dark .form-check-input { background-color: #527d7d; }
select.form-select.form-select-sm { padding-right: 30px !important;}
.ck-editor__editable{background-color:#CCC !important;}
.dark .ck-editor__editable{background-color:#666 !important;}
#btn_dark_layout2{filter: invert(0.6); }
.bi-unlock{filter: invert(0.6); }
.dark .bi-unlock{filter: invert(0); }
/* COLORS */
.bg-header{ /*background-color:#999;*/  }
.dark .bg-header{ background-color:#2e2e2edb; }
.icon-header{width:20px; height: 20px; display: inline-block; }
.bg-header-template{ background-color: rgba(125,125,125,0.15);  }
.bg-primary{ background-color:  rgba(253, 253,253,1) !important; }
.bg-secondary{ background-color: #e1e1e199 !important; }
.bg-dark{ background-color: rgba(125,125,125,0.8) !important; color:white; } 
.dark .bg-dark{ background-color: rgba(0,0,0,0) !important; }
.bg-info{ background-color: rgba(125,125,125,0.3) !important; color:white; }
.dark .bg-primary{ background-color: rgba(25,25,25,.8) !important; }
.dark .bg-secondary{ background-color:  rgb(45 45 45 / 80%) !important }
.dark h2{color:#ddd;}
.dark label{color:#eee;}
.btn-primary{ background-color: #527d7d; border:none; }
.btn-secondary{ background-color: rgba(255,255,255,1); color:#999; border:solid 1px #999; }
.dark  .btn-secondary{ background-color: rgba(0,0,0,1); color:#FFF; border:solid 1px #FFF; }
.btn-outline-primary { color: rgba(120,120,120,0.5); } 

.badge{ background-color: rgba(120,120,120,0.5);}
.dataTables_length { display: none;}

.projects_content{max-width: 1100px !important; margin: 0 auto;}
.border{ border-color:rgba(0,0,0,0.2) !important; }
.border-primary{ border-color:rgba(0,0,0,0.2) !important; }
.dark .border-primary{ border-color:rgba(255,255,255,.2) !important; }


/* CARDS */
.card{background-color:  rgba(90,90,90,0.07); border:none; border-radius: .5em;margin: 10px 0; padding:5px 0;}
.dark .card{background-color:  rgba(120,120,120,0.20);}
.card-title{ text-transform: uppercase; background-color:  rgba(120,120,120,.2); padding:8px 15px; }
.dark .card-title{background-color:  rgba(0,0,0,0.40); color:  rgba(255,255,255,0.90); padding-left:10px; }
.card-body{ padding-top: 0px; } 
.dark .card-body{ color: rgba(255,255,255,0.60); } 
#menu_site{ background-color: white; z-index: 10; } 
.dark #menu_site{ background-color: black;} 
#menu_site .card{background-color:  rgba(120,120,120,0); }
#menu_site .card-title{background-color:  rgba(120,120,120,0); font-weight: 500; padding-top: 10px; font-size: 0.85rem;  }
#menu_site h4{line-height: 1.3em;  }
#menu_content{ position:relative;}
#menu_content h3{  line-height: 1.3em;  }
#menu_content i{ line-height: 0.5em;} 
#projects_content{/*padding: 0 0 0 20px;*/ overflow-x: hidden; }
.square:before{ content: "";  display: block; padding-top: 100%;  }
/* FORMS */
.form-group{ margin-bottom: 16px; }
.form-control{  line-height: 2em; }
label{ opacity: 0.5; text-transform: uppercase; font-size: 11px; font-weight: 600; padding-left:6px; }
.btn{  text-transform: uppercase;  font-size: 10px; text-transform: uppercase; letter-spacing: 0.2em; font-weight: 600; line-height: 2em;  }
.btn:hover { color: inherit;}
.btn-group{padding: 3px;  border-radius: 6px; }
.btn-group .btn{ line-height: 1em; font-size: 9px; border:none; }
.btn-group .btn .active{ line-height: 1em; font-size: 9px; background-color: #507D7D; }
.btn-group>:not(.btn-check)+.btn {  background-color:#DCDCDC; color: #9B9B9B; }
.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle{color: rgba(120,120,120,0.5); }
.btn-check:checked+.btn-outline-primary{ background-color: #527d7d; }
.btn-group label{ opacity: 1; }
.btn-outline-primary:hover { color: #fff; background-color: rgba(0,0,0,0.3); border-color: rgba(0,0,0,0.5); }
.btn-primary:hover { color: #fff; background-color: rgba(0,0,0,0.3); border-color: rgba(0,0,0,0.5); }
select{ background: url(/css/icons/select_icon.png) no-repeat right #ddd; -webkit-appearance: none;padding-right: 15px !important;}
.select-small{ line-height: 1em; padding: 5px 25px 5px 5px !important; display:inline-block; }
.block-highlight{ z-index: 40; position:absolute; left:0; top:0; width:100%; height: 100%; }
.block-highlight:hover{ box-shadow: inset 0px 0px 15px #9999FF;  }

/* LISTS */
.layout_card .list_container:after { content: "";  display: block;  }
.layout_card .list_container{ overflow: hidden; }
.layout_card .list_img:after { content: "";  display: block;  padding-bottom: 100%; }
.layout_card .list_img{  background-position: center center; background-size: cover; }
.layout_card .list_img_user{   width: 100px; height:100px; margin:1.5rem auto !important; }

.layout_list{ border-bottom: 1px solid rgba(100,100,100,0.5); }
.layout_list .list_img{  width: 100px; height:100px; background-position: center center; background-size: cover; border-radius: 50%; margin: 10px 30px; display: inline-block;   }
.list_description{ height:50px;}
.label_contador {width: 100%;text-align: right;font-size: 10px;letter-spacing: 0.01em;padding: 0;}

/* NaV */
.nav{  margin:0; }
.nav-item{  line-height: 3.5em; text-transform: uppercase; color: #999; position:relative; }
.nav-item .active{ background-color: rgba(255,255,255,1); font-weight: bold; z-index:2; } 


/* IMAGE UPLOAD */ 
.image_upload { position:relative; width: 100%; max-width: 250px; margin:0 auto 15px; border:2px dashed #999; }
.image_upload_prev { position:relative; background-color: transparent !important; padding: 10px;  align-items: center; justify-content: center; display:flex;  }
.image_upload_prev_cont {background-color: rgba(0, 0, 0, 0.3); width:100%; margin: auto; z-index: 1; border: 2px dotted rgba(255, 255, 255, 0.3);  min-height:80px; }
.image_upload_prev img {  z-index: 2; display: block; width: 100%; max-width: 500px; height: auto;  margin: auto; }
.image_upload_drop{ position:absolute; top:0px;  width:100%; height: 100%;  z-index: 3; }
.image_upload_bar{ position:absolute; bottom:0; width:100%; border-bottom: 2px solid #00CCFF; display:none;}
.image_upload_input{  position:relative; width:auto;  margin-top: 7px;  }
.image_upload_input input{ width:100%; } 


/* VIDEO UPLOAD */ 
.video_upload { position:relative; width: 100%; max-width: 250px; margin:0 auto 15px; }
.video_upload_prev { position:relative; background-color: white; padding: 10px;  align-items: center; justify-content: center; display:flex;  }
.video_upload_prev_cont {background-color: rgba(0, 0, 0, 0.3); width:100%; margin: auto; z-index: 1; border: 2px dotted rgba(255, 255, 255, 0.3);  min-height:80px; }
.video_upload_prev img {  z-index: 2; display: block; width: 100%; max-width: 500px; height: auto;  margin: auto; }
.video_upload_drop{ position:absolute; top:0px;  width:100%; height: 100%;  z-index: 3; }
.video_upload_bar{ position:absolute; bottom:0; width:100%; border-bottom: 2px solid #00CCFF; display:none;}
.video_upload_input{  position:relative; width:auto;  margin-top: 7px;  }
.video_upload_input input{ width:100%; } 

/* DESIGN */ 
.cntb-design .cntb-prev{ border:dashed 1px #dedede; box-sizing: border-box;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box; }
.cntb-prev-selected{ border:solid 2px #0000FF; }
.cntb-design .cntb-group{border:solid 1px #dedede; }
.cntb-group-flag{ display:none; }
.cntb-element-flag{ display:none; }
.cntb-group-element{ position:relative; }
.cntb-design .cntb-group-flag{ width:auto; display:block; left:50px; position:absolute; background: rgba(82, 81, 92, 1); color:white; font-size: 9px; font-weight:bold; z-index:2; padding:2px 3px; top:-5px; line-height:8px; }
.cntb-design .cntb-element-flag{  display:block;  left:50%; transform: translate(-50%, 0); position:absolute; background: rgba(78, 70, 70, 1); color:white; font-size: 9px; font-weight:bold; z-index:2; padding:2px 3px; top:10px; line-height:8px;}
.cntb-design .cntb-group-flag-multiple{top:-15px; left:0px;  background: rgba(121, 119, 145, 1);  } 
.cntb-group-flag{ display: none; }
.cntb-design .cntb-block-flag{top:-30px; left:0px;  background: rgba(255,150, 80, 1); }

.sitemap-object .menu-button-add {  display: none; }
.link-selected .menu-button-add{ display:block !important; }
/* MODAL */
#modal_window{ position:fixed; width:100%; height:100%; background: rgba(0,0,0,0.8); top:0px; left:0px; z-index:3; display:none; }
#modal_window_cont{ width:100%; max-width: 550px; }

/* LOGIN */
.login_bg { 
  background-image: url("/css/images/background.jpg");  height: 100%;  background-position: center center; background-repeat: no-repeat;  background-size: cover;
}


/* WELLCOME */
.welcome_bg {  background-image: url("/css/images/welcome.jpg"); background-position: center center; background-repeat: no-repeat;  background-size: cover; padding: 100px 0; }
.welcome-name{ opacity: 1; padding: 30px 0  10px;  text-align: center;  color: rgba(89,89,89,1);  font-size: 22px;  font-weight: 500; letter-spacing: 0px;  text-align: center; line-height: 15px; }
.dark .welcome-name{  color: rgba(203, 203, 203, 1);  }
.edit-user{ padding: 0 0  60px;  text-align: center;  color: #666;}
.invalid-feedback-pwoldie,.invalid-feedback-pwold,.invalid-feedback-pwrepeat,.invalid-feedback-pw{color:red;display: none;}
.dark .welcome_bg {  background-image: url("/css/images/welcome_dark.jpg");  height: 100%;  background-position: center center; background-repeat: no-repeat;  background-size: cover; opacity:0.85;  }
.main-container { max-width: 650px; margin:0 auto;    }
.main-settings {position: relative;  }
.home-button {  width: 150px;height: 150px;  text-align: left;  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);  border-radius: 8px;
  padding-left: 10px;  display: flex;  align-items: center;  color: white;  font-size: 22px;  font-weight: 200;  line-height: 40px;  cursor: pointer;  position: relative;  margin: 0 auto 28px;  text-decoration: none;
}
.home-button img {  position: absolute;  right: 10px;  top: 10px;  opacity: 0.3;  width: 24px;  height: 24px;}
.pill {	  background-color: #376e92;	}
.manager {	  background-color: #507d7d;	}
.view {	  background-color: #c86e64;	}
.back {	  background-color: #505050;	}
.data {	  background-color: #96a07d;	}
.qa {	  background-color: #735064; 	}
.disabled { opacity: 0.6; pointer-events: none;}
.welcome_logo{ margin: 30px 0 15px; font-size: 40px; text-align: center;  color: rgba(186,186,186,1);  font-size: 9px;  font-weight: 600;  font-style: normal;  letter-spacing: 0px;  text-align: center;  line-height: 12px; line-height: 40px;  text-transform: uppercase;}



/* MENU PROECTS */
.menu_projects{  position:absolute; top:10px; right:10px;  height:44px;  border-radius: 6px;cursor:pointer;}
.menu_projects_back{ padding: 10px; display: inline-block;  }
.menu_projects_title{display: inline-block; color:#919191; vertical-align: middle; text-transform: uppercase; font-size: 12px; overflow: hidden; width:160px; font-weight: 500; }
.menu_projects_logo{ position:absolute; right:7px; overflow: hidden; border-radius: 50%; top:5px; width:30px; height:30px; background-color: #333;  }
.menu_projects_logo img{width:100%; height:100%; object-fit:cover; }
#menu_projects_modal{  position:absolute; top:2px; right:2px; width:222px;     border-radius: 6px;  border: 1px solid rgba(206,206,206, 1); cursor:pointer; background-color: #F5F5F5; display:none;     z-index: 13; }
.menu_projects_modal_title{display: inline-block; color:#919191; vertical-align: middle; text-transform: uppercase; font-size: 12px; overflow: hidden; margin-left:30px;  line-height: 40px; width:160px; font-weight: 500;}
.menu_projects_modal_back{ margin-top:10px;  border-top:1px solid rgba(206,206,206, 1);
}



.dark .nav-item{ color: rgba(255,255,255,0.8);  }
.dark .bg-white{ background-color: #FFFFFF33 !important; }
.bg-user{ height:100px;   margin-bottom: -70px; }
#user_image_welcome{width: 85% !important; margin: 0 auto;}
#breadcrumb_content{ color:rgb(118, 118, 118); text-transform: uppercase; }
#breadcrumb_content a{ color:rgb(53, 53, 53); }
.dark #breadcrumb_content{ filter:invert(1); }
.cursor-pointer{ cursor: pointer; }

/* OPACITY */
.opacity-0 {  opacity: 0; }
.opacity-10 { opacity: 0.1; }
.opacity-20 { opacity: 0.2; }
.opacity-30 { opacity: 0.3; }
.opacity-40 { opacity: 0.4; }
.opacity-50 { opacity: 0.5; }
.opacity-60 { opacity: 0.6; }
.opacity-70 { opacity: 0.7; }
.opacity-80 { opacity: 0.8; }
.opacity-90 { opacity: 0.9; }
.opacity-100 { opacity: 1.0; }

/* Z-INDEX */
.z-index-1 { z-index: 1; } 
.z-index-2 { z-index: 2; } 
.z-index-3 { z-index: 3; } 
.z-index-4 { z-index: 4; } 
.z-index-5 { z-index: 5; } 

.ck.ck-editor__top.ck-reset_all {
  z-index: var(--ck-z-modal);
  position: sticky;
	top:-22px;
}
  .ck .ck-sticky-panel__placeholder{top:100px !important;}
  .ck-sticky-panel__content, .ck-sticky-panel__content_sticky{top:50px !important;}
  
/* BOTONES ADMIN AC*/
.boton_home_activo, .boton_carrusel_activo{background-color:#000; color:#FFF;}

.link-selected{ filter: contrast(1.75) brightness(20%); font-weight: bold !important; border-bottom:1px solid #00000011;  background-color:#00000022; }
.dark .link-selected{ background-color:#666;  filter: contrast(1.75) ; }
.project_list_item{  margin-bottom: 10px; margin-top:30px;  height:240px; border-radius:10px;  margin-right: 0px; padding-top: 120px; }
.menu_title_project{ position:absolute; position:absolute; top:-25px; left:10px; font-size: 14px;  font-weight: 600; line-height: 16px; text-transform: uppercase; color: #9B9B9B;  }
.project_list_title_project{ padding:1px 6px; background-color: #999; font-weight:bold; color:white; border-radius:3px;  text-transform: uppercase; width:fit-content;   font-size: 11px; margin: 5px 10px 0px;display: inline-block;   }
.project_list_subtitle{ margin:10px 15px; font-size: 9px; font-weight: 500; height:15px; color:#466487;  line-height: 14px; text-transform: uppercase;   }
.project_list_title{ margin:10px 15px; font-size: 14px; line-height: 14px; font-weight: 500;   }
.project_list_item_img{ position:absolute; left:0px; top:0px; width:100%;  height:120px; object-fit: cover; }
.color-verde{color: #93adad;}
.project_list_description{ margin:0px 10px; max-height: 49px; line-height: 1.2em; overflow:hidden; }
.content_list_item .project_list_item{ min-height:430px; padding-top: 190px; }
.content_list_item .project_list_item_img{ height:190px; }
.templates_list_item .project_list_title{ height:60px; }
.templates_list_item .project_list_item{ height:380px; padding-top: 300px; }
.templates_list_item .project_list_item_img{ height:300px; }
.project_list_visible{padding: 0px 7px;border-radius: 30px;text-transform: uppercase;width: fit-content;font-size: 11px;margin: 5px 0 5px 5px;border: solid #FFF 1px;display: inline-block;}
.project_list_visible.visible_1{background-color: #7fd049;}
.project_list_visible.visible_0{background-color: #d51616;}
.project_list_visible.visible_2{background-color: #00aeff;}
.project_list_visible.visible_3{background-color: #ffd000;}





.design_template-container{ position:absolute; top:0px; left:0px; z-index:41; width:auto; transform: translate(-50%, 0);left: 50%; -ms-transform: translate(-50%, 0); text-align: center; pointer-events:none; overflow:hidden; height:50px; height:300px;  }
.design_template-button{ position:relative; top:5px; left:0px; z-index:41; width:100%; text-align: center; pointer-events:all; opacity:0.7;  cursor:pointer;     width: fit-content; margin: 0 auto; }
.design_template-controls_cont{ position:relative;   width:390px;  display: inline-block; z-index:2000; margin:0 auto; pointer-events:all;  backdrop-filter: blur(6px); display:none; }
.design_template-controls{ position:absolute; width:390px;margin: 20px 0; padding:20px; }
.design_template-controls button{  pointer-events:all;  }
.design_template-controls-im{height:150px; overflow: hidden; }
.design_template{ overflow: hidden; margin-top:15px;  height: 100%; }
.button_delete_template{ pointer-events:all;     z-index: 50;  }


#cke_1_top {position:sticky; top: -20px; z-index: 1;}
.cke_top{position:sticky!important; top: -20px; z-index: 1;}

.content_name{display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;    overflow: hidden;}
.content_desc{font-size: 13px; line-height: 1em;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;    overflow: hidden;}

.menucomp-button{ font-size: 11px; }
.nav-item .active{ color: #333; position:relative; }
.nav-item .active:after{ content:"▂▂"; position:absolute; top:20px; left:50%; transform: translate(-50%,0%)!important; }
.dark .nav-item .active{ color: white; }

.web_sitemap{ overflow-y:auto; bottom:0px; width:100%; height:600px; padding: 0 20px 0; overflow-x: hidden; }

.conf_info{ opacity: 0.7; border:1px solid #24242457; background-color: #ecf3f7c5; font-size: 0.9rem; margin:8px 5px !important;  }
.conf_info:before{ content: 'ℹ️ '; }
.dark .conf_info{ background-color:  rgba(0, 0, 0, 0.7); color:  rgba(255, 255, 255, 1);  }


/* Tooltip container */
.toolt{
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.toolt .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: rgba(33, 33, 33, 0.7);
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  top: 5px;
  left: 105%;
  z-index: 130;
}

/* Show the tooltip text when you mouse over the tooltip container */
.toolt:hover .tooltiptext {
  visibility: visible;
}

/*  crosslink  */
.crosslink{ width:100%; height:100px; position:relative; }
.crosslink_prev{ position: absolute; left:0px; top:0px; width:30%; }
.crosslink_next{ position: absolute; right:0px; top:0px; width:30%; }
.crosslink_prev_name{ text-align: left; padding-left:60px; padding-top: 20px;  display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden; }
.crosslink_next_name{ text-align: right; padding-right:60px; padding-top: 20px;   display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden; }
.crosslink_prev_icon{ font-size: 40px; position:absolute; top:5px; left:10px; }
.crosslink_next_icon{ font-size: 40px; position:absolute; top:5px; right:10px; }
.crosslink_prev_icon:before{ content: '←'; }
.crosslink_next_icon:before{ content: '→'; }


  /*  content related  */
.content_related{ position:relative; box-sizing: border-box; padding: 15px; width:33%; float:left;  }
.content_related_img img{ width: 100%; height:200px; object-fit: cover; }
.content_related_name{ margin:12px 0;   display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden; height:53px;  }
.content_related_description{ margin:12px 0;   display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  overflow: hidden; height:58px;  }
.tags-look .tagify__dropdown__item {display: inline-block;border-radius: 3px;padding: .3em .5em;border: 1px solid #CCC;background: #F3F3F3;margin: .2em;font-size: .85em;color: black;transition: 0s;}
.tags-look .tagify__dropdown__item--active {color: black;}
.tags-look .tagify__dropdown__item:hover {background: lightyellow;border-color: gold;}


.app_name {  font-size: 0.8rem;   margin-top: 14px;   padding: 5px 5px 5px;   font-family: 'Rajdhani', sans-serif;   width: 100%;   background-color: #FFFFFFAA;   border-radius: 5px 5px 0px 0px;   line-height: 1.8;   color: #00000088; }
.dark .app_name{ background-color: rgba(0,0,0,0.90); }

.image_blur {filter: blur(4px);}
.image_brightness {filter: brightness(250%);}
.image_contrast {filter: contrast(180%);}
.image_grayscale {filter: grayscale(100%);}
.image_huerotate {filter: hue-rotate(180deg);}
.image_invert {filter: invert(100%);}
.image_opacity {filter: opacity(50%);}
.image_saturate {filter: saturate(7);}
.image_sepia {filter: sepia(100%);}
.image_desaturate {filter: grayscale(50%);}



.cntb-design .cntb-prev{ border:dashed 1px #dedede; box-sizing: border-box;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box; }
.comp-mod{ min-height:35px; /*background-color:rgba(120,120,120,0.4);*/ z-index:2000;}
.comp_preview{ border:1px solid #66666633; }
.comp_invisible{ min-height: 32px;}
.comp_invisible div:first-child{   filter: opacity(85%) blur(2px); -webkit-filter: opacity(35%) blur(2px);  opacity:0.5;  /*background-color:rgba(80,80,80,1) !important; */    height: 32px !important; overflow: hidden; min-height: 32px;}
.comp_invisible .bi{}
.comp_invisible .bi-gear-fill::before { content: "\f33e"; }
.cntb-prev-selected{ border:solid 1px #0000FF !important; }
.cntb-design .cntb-group{border:solid 1px #dedede; }
.cntb-group-flag{ display:none; }
.cntb-group-row-flag{ display:none; }
.cntb-element-flag{ display:none; }
.cntb-element-row-flag{ display:none; }
.cntb-group-flag2{ display:none; }
.cntb-block-flag{ display:none; max-width:80px; }
.cntb-element-flag2{ display:none; }
.cntb-picture-flag{ display:none; }
.cntb-design .cntb-group-flag{  display:block;  position:absolute; background: rgba(120,120,120,1); color:white; font-size: 9px; font-weight:bold; z-index:2; padding:4px 10px; top:-10px; left:0px; cursor:pointer; border-radius:6px; border:1px solid #FFF; width:auto;}
.cntb-design .cntb-group-row-flag{  display:block;  position:absolute; background: rgba(86, 86, 86, 1); color:white; font-size: 9px; font-weight:bold; z-index:3; padding:0px 5px; top:-3px; left:40px; cursor:pointer; font-size: 14px;  border-radius:6px; border:1px solid #FFF; width:auto; pointer-events: all; }
.cntb-design .cntb-element-flag{  display:block;  position:absolute; background: rgba(108, 118, 157, 1); color:white; font-size: 9px; font-weight:bold; z-index:2; padding:4px 10px; top:-5px; cursor:pointer;  border-radius:6px; border:1px solid #FFF;}
.cntb-design .cntb-element-row-flag{  display:block;  position:absolute; background: rgba(59, 72, 121, 1); color:white; font-size: 9px; font-weight:bold; z-index:3; padding:0px 5px; top:4px; font-size: 14px; left:20px; left:55%; cursor:pointer;  border-radius:6px; border:1px solid #FFF; width:auto; }
.cntb-design .cntb-group-flag2{  display:block;  position:absolute; background: rgba(120,120,120,1); color:white; font-size: 9px; font-weight:bold; z-index:2; padding:4px 10px; top:-10px; left:0px; cursor:pointer;  border-radius:6px; border:1px solid #FFF; }
.cntb-design .cntb-element-flag2{  display:block;  position:absolute; background: rgba(120,120,120,1); color:white; font-size: 9px; font-weight:bold; z-index:2; padding:4px 10px; top:-5px; left:100px; cursor:pointer;  border-radius:6px; border:1px solid #FFF; }
.cntb-design .cntb-block-flag{  display:block;  position:absolute; background: rgba(180, 162, 128, 1); color:white; font-size: 9px; font-weight:bold; z-index:3; padding:0px 10px; top:40%; left:10px; cursor:pointer; border:1px solid #FFF; border-radius:6px; height:fit-content; }
.cntb-img{ height:intrinsic; width:100%; }
.cntb-picture-flag{  display:block; width:auto;  position:absolute; background: rgba(140, 94, 5, 1); color:white; font-size: 9px; font-weight:bold; z-index:3; padding:2px 4px; top:70%; left:20px; cursor:pointer; border:1px solid #FFF; border-radius:6px; font-size: 20px; z-index:2; }


.block_edit{box-shadow: inset 1px 1px 100px rgba(255,255,255,0.6);}
.block-options-bg1{ background: rgba(120,120,120,0.6) !important; backdrop-filter: blur(6px); }
.block-options-bg2{ background: rgba(255,255,255,0.3) !important; }
.button-over{opacity: 0.5; z-index:2999; cursor:pointer;}
.button-over:hover{opacity: 1;}
.newlayer_btn{  cursor:pointer; }


.app_icon i{ padding: 10px; font-size: 22px;  }
.app_icon{ text-align: center; }

.app_icon_img{ width:32px; opacity:0.6; padding:5px; padding-top:6px; float:left; }
.app_list_scroll{ }
.app_list_but{ height:28px; line-height: 13px; }

  .slidecontainer {
  width: 100%;
}
.range .row{ margin-bottom: -5px; margin-top: 4px;}
.range  input{     font-size: 12px;
  padding: 0;
  line-height: 10px;
  border: none;
  text-align: center;  }
.slider {
  margin-top:-5px;
  -webkit-appearance: none;
  width: 100%;
  height: 12px;
  background: #b3b3b3ff;
  outline: none;
  opacity: 0.8;
  -webkit-transition: .2s;
  transition: opacity .2s;
  border-radius: 5px;
  border:1px solid #33333366;

}

.slider:hover {
  opacity: 1;
}
.range_min{ line-height: 14px; }


.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 13px;
  height: 10px;
  background: #ffffffff;
  cursor: pointer;
  border-radius:5px;
}

.slider::-moz-range-thumb {
  width: 13px;
  height: 10px;
  background: #7b7b7b;
  cursor: pointer;
}

  .app__preset--clip {
  align-items: center;
  background-color: transparent;
  border: var(--app-inp-brd);
  border-radius: .25rem;
  display: inline-flex;
  flex: 0 0 45px;
  flex-direction: column;
  font-size: xx-small;
  height:45px;
  margin: 0 .25rem .25rem 0;
  overflow: hidden;
  position: relative;
}
/*[.app__preset--clip::before {
  border-radius: 50%;
  content: '';
  display: inline-block;
  height: 8px;
  position: absolute;
  top: 2px;
  left: 2px;
  width: 8px;
}
data-type=polygon]::before {
  background-color: #70a370;
}*/
.app__preset--clip div {
  background-color: #333;
  height: 32px;
  margin: .25rem 0;
  pointer-events: none;
  width: 32px;
}


  .overlay_bot_{ }
.overlay_bot_:after{content: ''; display: block; height: 100%; width: 100%;	top: 0;	left: 0; position: absolute; pointer-events: none; background:linear-gradient(60deg, rgba(65, 65, 65, 0.127) 0, #2779ff00  100%); mix-blend-mode:multiply ;   opacity:1; }
.overlay_bot_:hover:after{ background: none; }
.block_highlight_controls .col{
	padding-left:0;
  padding-right:0;
  flex: 1 0 0%;
}
.block_highlight_controls .col select option{
	color: #d0d0d0;
}

.dark .jconfirm .jconfirm-box { background: rgba(0,0,0,0.5); }

/* MOBILE HEADER DROPDOWN */
.mobile-menu-dropdown .btn.btn-link.header_menu_section {
	font-size: 10px;
	color: #000;
	top: 4px;
	left: -8px;
}
.mobile-dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	background: white;
	border: 1px solid #ddd;
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.15);
	list-style: none;
	padding: 0;
	margin: 5px 0 0 0;
	min-width: 200px;
	z-index: 1000;
}
.mobile-dropdown-menu a {
	padding: 10px 15px;
	color: #333;
	text-decoration: none;
	display: flex;
	align-items: center;
}
.mobile-dropdown-menu a:hover {
	background: #f8f9fa;
}

@media only screen and (max-width: 600px){
  .header{ width:145px }
  .header_menu{left: 145px;}
  .menu_projects {top:17.5px}
  .menu_projects_title{ font-size:10px;    margin-left: 5px!important; }
}