body,html {  font-family: 'Lexend', sans-serif;  color: rgb(7 37 24); background-color: #e9eced;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; letter-spacing: 0.05em;    background-position: center; background-size: cover;     font-size: 0.9rem; }
.dark{ background-color: #111 !important; color: white; background-image: url("/css/images/welcome_dark.jpg");  }

.comp-device-1 { min-width: 1050px; }
/* HEADERS */
h1{ font-size: 30px; letter-spacing: 0.03em; font-weight: 600; }
h2{ font-size: 24px; line-height: 25px; letter-spacing: 0.03em; font-family: 'Rajdhani', sans-serif;  }
h3{ font-size: 17px; -spacing: 0.03em; line-height: 0.9em;   color: rgba(117, 105, 105, 0.8); font-family: 'Rajdhani', sans-serif;  padding:0; margin:0;  }
h4{ font-size: 16px;  letter-spacing: 0.03em;      padding: 6px 0 0;  margin: 0px 0; color: rgba(120,120,140,0.8); font-family: 'Rajdhani', sans-serif;}
h5{ font-size: 17px; letter-spacing: 0.03em; font-family: 'Rajdhani', sans-serif;   font-weight: 600; padding:0; margin:0; color: rgb(93, 93, 93);  }
.dark h5{  color: rgba(255,255,255,.8); }
.dark h4{  color: rgba(255,255,255,.8); }
.btn{ font-family: 'Rajdhani', sans-serif;  }

[class^="ri-"], [class*=" ri-"] {
    font-size:1.4rem; vertical-align: text-top; opacity: 0.6;
}
[class^="ri-"]:hover, [class*=" ri-"]:hover { opacity: 1; }

.web_sitemap [class^="ri-"], [class*=" ri-"] {
  font-size:1.2rem; vertical-align: bottom;
}
input{ font-family: 'Lexend', sans-serif; }
select{ font-family: 'Lexend', sans-serif; }

.text-warning{ color:#b1bd58c2 !important; }
.bg-warning{ background-color:#b1bd58c2 !important; }
a{  text-decoration: none; color: inherit; }
a:hover{  text-decoration: none; color: inherit; }
i{ opacity:0.6; rgba(60, 64, 76, 1); }
button{ border:none; }s
.text-big{ font-size: 1.3em; }
.text-huge{ font-size:2em; }
#cke_1_contents a { text-decoration: underline;}
.cntb-img{max-width: 100%;}
/* LAYOUT */
.menu{ position:absolute; left:75px; padding-left: 5px; top: 0px; /*background-color: #FFFFFF33; */ right:100px; bottom:0px; text-align: center;  }
.menu-button-section-parent{ text-align: center; padding: 8px 0 5px; width:67px; color: rgba(255,255,255,1); }
.menu-button-section-parent img{ filter: invert(1); } 
.menu-button-name{ font-size: 11px; font-family: 'Rajdhani', sans-serif;  }
.dark .menu{ /* background-color: #000000AA; */ }
.menu_btn{}
.menu_icon{ opacity: 0.85; margin: 0px; width:24px;  }
.dark .menu_icon{ -webkit-filter: invert(100%); filter: invert(100%);}
.menu1{ margin-left: -250px;}
.menu-button-selected{ background-color: rgb(245 245 245) !important;  color: rgba(0,0,0,0.6);  }
.dark .menu-button-selected{  color: white;  }
.menu-button-selected img{ filter: invert(0);  }
.dark .menu-button-selected{ background-color: rgba(245,245,245,0.08) !important;  }
.menu-button-selected .menu_icon{ opacity:1; }
.content{ position:fixed; left:0px; padding-left:5px;  top:55px; bottom:0; right:0px; overflow: auto;  padding-top: 5px; background-color: rgba(255,255,255,0.4);  }
.dark .content{ background-color: rgba(0,0,0,0.1) !important; }
.content1{ left:0px; padding:0;  }
.page{display: table; width: 100%; height: 100%;  } 
.side-bar{ display: table-cell; width:280px; 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{ height:55px; display: table;}
.header-height{height:65px; } 
.bi{ font-size: 1em; line-height: inherit; vertical-align: top; }
.asIcon{ position:relative; height: 16px; width:16px; }
.header-image{ height: 46px; width: 60px; margin-top: -10px; object-fit:cover;margin-left: -5px;   }
.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: 0.85em;  }
.badge i{margin-left: 7px;}
.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;}
/* COLORS */
/*
.bg-header{   background:-moz-linear-gradient(180deg, rgba(88, 91, 100, 1) 0%, rgba(68, 83, 103, 0.64) 100%);   background:-webkit-linear-gradient(180deg, rgba(88, 91, 100, 1) 0%, rgba(68, 83, 103, 0.64) 100%); background:-o-linear-gradient(180deg, rgba(88, 91, 100, 1) 0%, rgba(68, 83, 103, 0.64) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#445367', endColorstr='#585B64', GradientType=1 );  background:-ms-linear-gradient(180deg, rgba(88, 91, 100, 1) 0%, rgba(68, 83, 103, 0.64) 100%);  background:linear-gradient(180deg, rgba(88, 91, 100, 1) 0%, rgba(68, 83, 103, 0.64) 100%);
 }
 .bg-header{
 rgba(85,102,115,1);
 background: -moz-linear-gradient(-45deg, rgba(85,102,115,1) 0%, rgba(107,129,145,1) 52%, rgba(96,118,133,1) 100%);
 background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(85,102,115,1)), color-stop(52%, rgba(107,129,145,1)), color-stop(100%, rgba(96,118,133,1)));
 background: -webkit-linear-gradient(-45deg, rgba(85,102,115,1) 0%, rgba(107,129,145,1) 52%, rgba(96,118,133,1) 100%);
 background: -o-linear-gradient(-45deg, rgba(85,102,115,1) 0%, rgba(107,129,145,1) 52%, rgba(96,118,133,1) 100%);
 background: -ms-linear-gradient(-45deg, rgba(85,102,115,1) 0%, rgba(107,129,145,1) 52%, rgba(96,118,133,1) 100%);
 background: linear-gradient(135deg, rgba(85,102,115,1) 0%, rgba(107,129,145,1) 52%, rgba(96,118,133,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#556673', endColorstr='#607685', GradientType=1 );
 }
 */
 .bg-header{  background:rgba(85,102,115,0.65); backdrop-filter: blur(10px); }
 
 
.dark .bg-header{ background-color:#93adad44; }
.icon-header{width:20px; height: 20px; display: inline-block; }
.bg-header-template{ background-color: rgba(125,125,125,0.15);  }


/*.bg-primary{ background-color:rgb(137 150 223 / 9%) !important }  */
.bg-primary{ background-color: rgba(255 255 252/ 45%) !important; } 
.bg-primary{ background-color: rgba(249 252 254/ 65%) !important; } 

.bg-secondary{  box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 4px; background-color: rgba(127, 150, 200, 0.07) !important; }
.card{background-color: rgb(255 255 252 / 70%); border:none; border-radius: .5em;margin: 10px; padding:5px 0;box-shadow:  rgba(0, 0, 0, 0.14) 0px 2px 6px; }



.form-control{ background-color:rgba(255 255 255/ 60%) !important; }
textarea{ background-color:rgba(255 255 255/ 60%) !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(35,35,35,.6) !important; }
.dark .bg-secondary{ background-color: rgba(15,15,15,.8) !important; }
.dark h2{color:#ddd;}
.dark label{color:#eee;}
.btn-primary{ background-color: #b1bd58c2; border:none; }
.btn-secondary{ background-color:#e3dad5AA; 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(68, 83, 103, 0.64); }
.dataTables_length { display: none;}

.projects_content{max-width: 1100px !important; margin: 0 auto;}
.border-primary{ border-color:rgba(0,0,0,0.1) !important; }
.dark .border-primary{ border-color:rgba(255,255,255,.3) !important; }
.border{ border-color:rgba(0,0,0,0.1) !important; }
.bi-file{ font-size:0.75em; }
.bi-house{ font-size:0.75em; }
.app_list{padding: 10px; background-color:rgb(255 255 255 / 31%); border-radius: 10px; }
.dark .app_icon{  filter: invert(70%); }
.rounded { border-radius: 0.5rem!important } 


.form-switch .form-check-input {
      width: 2.5em;
      margin-left: -2.5em;
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 50, 0.25%29'/%3e%3c/svg%3e");
      background-position: left center;
      border-radius: -2.5em;
      transition: background-position .15s ease-in-out;
      height:17px;
  }
.form-check-input:checked {background-color: rgba(157, 161, 200, 1); }



/* CARDS */

.dark .card{background-color:  rgba(120,120,120,0.30);}
/*.card-title{ font-family: 'Rajdhani', sans-serif; font-size: 18px;   background:-moz-linear-gradient(180deg, rgba(88, 91, 100, 1) 0%, rgba(68, 83, 103, 0.64) 100%);   background:-webkit-linear-gradient(180deg, rgba(88, 91, 100, .6) 0%, rgba(68, 83, 103, 0.5) 100%); background:-o-linear-gradient(180deg, rgba(88, 91, 100, 1) 0%, rgba(68, 83, 103, 0.64) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#445367', endColorstr='#585B64', GradientType=1 );  background:-ms-linear-gradient(180deg, rgba(88, 91, 100, 1) 0%, rgba(68, 83, 103, 0.64) 100%);  background:linear-gradient(180deg, rgba(88, 91, 100, .6) 0%, rgba(68, 83, 103, 0.5) 100%); color:rgba(255, 255, 255, 0.85); padding: 7px 13px 7px; border-radius: 4px;  }
.card-title{ 
   background: rgba(112,140,161,0.7);
   background: -moz-linear-gradient(-45deg, rgba(112,140,161,0.7) 0%, rgba(105,130,148,0.7) 52%, rgba(106,136,156,0.7) 100%);
   background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(112,140,161,0.7)), color-stop(52%, rgba(105,130,148,0.7)), color-stop(100%, rgba(106,136,156,0.7)));
   background: -webkit-linear-gradient(-45deg, rgba(112,140,161,0.7) 0%, rgba(105,130,148,0.7) 52%, rgba(106,136,156,0.7) 100%);
   background: -o-linear-gradient(-45deg, rgba(112,140,161,0.7) 0%, rgba(105,130,148,0.7) 52%, rgba(106,136,156,0.7) 100%);
   background: -ms-linear-gradient(-45deg, rgba(112,140,161,0.7) 0%, rgba(105,130,148,0.7) 52%, rgba(106,136,156,0.7) 100%);
   background: linear-gradient(135deg, rgba(112,140,161,0.7) 0%, rgba(105,130,148,0.7) 52%, rgba(106,136,156,0.7) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#708ca1', endColorstr='#6a889c', GradientType=1 );
 }*/
 .card-title{ 
 background: rgba(85,102,115,0.55); color:white;
 backdrop-filter: blur(10px);  padding: 7px 13px 7px; border-radius: 4px; font-family: 'Rajdhani', sans-serif; font-size: 16px;  
 }
 
.card-title i{ font-size: 20px; } 
.card-body{ padding-top: 0px; } 
#menu_site{  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{ font-size: 13px; line-height: 1.6em; margin-bottom: 3px;  }
select.form-control{ line-height: 1.6em;  }
.form-control.jscolor{ line-height: 1.6em;   }
label{ opacity: 0.75; font-size: 13px; padding-left:6px; line-height: 22px; padding-top:3px; }
.btn{  text-transform: uppercase; font-weight: bold;  font-size: 14px; text-transform: uppercase; letter-spacing: 0.2em; font-weight: 600; line-height: 1.1em;  }
.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{ rgba(120,120,120,0.5); }
.btn-check:checked+.btn-outline-primary{ background-color: #c4cd80; }
.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 left #ddd; -webkit-appearance: none;padding-left: 22px !important;}
.select-small{ line-height: 1em !important; padding-top:2px; padding-bottom:2px; display:inline-block; }
.block-highlight{ z-index: 40; position:absolute; left:0; top:0; right:0; height: 100%; box-shadow: box-shadow: inset 0px 0px 1px #FFFFAA;  filter: contrast(1.75); }
.block-highlight:hover{ box-shadow: inset 0px 0px 10px #FFFFAA;  }
#app_prev_css_title{ letter-spacing: 0.06em; color: #777; background-color:   }

/* 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;}

/* NaV */
.nav{  margin:0; }
.nav-item{  font-family: 'Rajdhani', sans-serif; font-weight: 600; line-height: 2.3em;  font-size: 14px;  letter-spacing: 0.02em;  text-transform: uppercase; color: #999; pooition:relative; }
.nav-item .active{ background-color: rgba(255,255,255,1); font-weight: bold; z-index:2; } 
.nav-item .active{ color: #333; position:relative; }
.nav-item .active:after{ content:"▂▂▂▂▂▂"; font-size: 6px;  letter-spacing: 0;  position:absolute; top:20px; left:50%; opacity:0.4; transform: translate(-50%,0%)!important; color: rgba(68, 83, 103, 0.64) 100%); }
.dark .nav-item .active{ color: white; }

/* IMAGE UPLOAD */ 
.image_upload { position:relative; width: 100%; max-width: 250px; margin:0 auto 15px; border:1px dashed #999; background: rgba(255,255,255,0.5); }
.image_upload_prev { position:relative; background-color: transparent !important; padding: 5px;  align-items: center; justify-content: center; display:flex;  }
.image_upload_prev_cont {background-color: rgba(158, 161, 169, 0.7); 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(115, 116, 120, 1); 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 */ 
.app_name{ font-size: 1rem; margin-top: 14px;  padding: 5px 15px 5px; font-family: 'Rajdhani', sans-serif; width:100%; background-color: #00000011;  border-radius: 5px 5px 0px 0px; line-height: 1.4; color:#00000088; }
.app_name_option{ font-size: 1rem;  width:100%; background-color: #FFFFFFAA;  line-height: 2.1; border-bottom: 1px solid #99999944;}
.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:-20px; left:0px;  background: rgba(121, 119, 145, 1);  } 

/* 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%; overflow: auto;  background-position: center center; background-repeat: no-repeat;  background-size: cover;
}
.welcome_bg {   background-position: center center; background-repeat: no-repeat;  background-size: cover; padding: 100px 0; }
.welcome-name{ font-size: 30px; font-weight: 500; text-align: center; padding: 50px 0;  }
.dark .welcome_bg {   height: 100%;  background-position: center center; background-repeat: no-repeat;  background-size: cover; }
.dark .bg-white{ background-color:  #00000099 !important; }
.dark .jconfirm-box{ background-color: black !important; }
.bg-user{ height:70px;   margin-bottom: -70px; }
#user_image_welcome{width: 85% !important; margin: 0 auto;}
.breadcrumb{ position:absolute; left:0px; top:50px; display:none; }
#breadcrumb_content{ color:rgb(129, 129, 129); font-size: 10px; }
.cursor-pointer{ cursor: pointer; }

.padding-0{ padding:0px; }

/* 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;}
input::::placeholder { opacity: 0.3; }
.link-selected{ filter: contrast(1.75) brightness(60%); font-weight: bold !important; border-bottom:1px solid #00000011;  background-color:#0000000f; }
.dark .link-selected{ background-color:#666;  filter: contrast(1.75) ; }
.project_list_item{  margin-bottom: 42px;  height:236px; border-radius:14px; margin-left: 10px; margin-right: 10px; overflow: hidden; padding-top: 150px; }
.project_list_title_project{ padding:1px 6px; background-color:#b1bd59; font-weight:bold; color:white; border-radius:3px;  text-transform: uppercase; width:fit-content;   font-size: 13px; margin: 15px 15px 0px;   }
.project_list_title{ margin:7px 15px; font-size: 18px;   }
.project_list_item_img{ position:absolute; left:0px; top:0px; width:100%;  height:150px; object-fit: cover; }
.color-verde{color: #93adad;}

.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;}

.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; }
.app_list_object{ border:none; line-height: 1em;  border-radius:10px; font-size: 11px; text-transform: uppercase;   }

.app_info{ width:176px; padding: 10px; font-size: 0.8rem; line-height: 1em; margin-top: 25px; margin-left: -50px;  border-radius:5px; z-index:30; transform: translate(20px) }
.app_info_bot{  z-index:3; }
.web_sitemap{ overflow-y:auto; bottom:0px; width:100%; height:600px; padding: 20px; overflow-x: hidden; }
.web_sitemap h4{line-height: 15px;}
.sitemap-object .menu-button-add{ display:none; }
.link-selected .menu-button-add{ display:block !important; }

/* Tooltip container */
.toolt{ position: relative;  display: inline-block; }
.toolt .tooltiptext { visibility: hidden; width:200px; max-width: 230px;  background-color: rgba(88, 91, 100, 1);  color: #fff;  text-align: left;  padding: 5px 10px;  border-radius: 6px;  font-size: 1em;  position: absolute;  top: 105%;  left: -15%;  z-index: 130; }
.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:30px; left:10px; }
.crosslink_next_icon{ font-size: 40px; position:absolute; top:30px; 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;  }

.conf_info{ border:1px solid #24242457; border-radius:0px 4px !important ; line-height: 1.2em;  color:#666; background-color: #eff8df; font-size: 0.9rem; margin:0px 0px 15px !important;   }
.conf_info:before{ content: 'ⓘ '; }

.prev_links{position:fixed; top:0px; left:0px; width:100%; height:100%;}
.app_list_object{ font-size:10px;  }
.app_list{padding: 10px; background-color:rgb(255 255 255 / 43%); border-radius: 10px; }

.newlayer_btn{ max-width: 250px;}

@media (max-width: 1200px) {
  .menu{width: 35px;}
  .menu-button-name{ display:none !important; }
  .content{left:35px;}
}

.image_upload_prev_cont img{max-height:100px; object-fit: cover;}




.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%);}


.image_forma{ --webkit-clip-path:polygon(10% 25%, 35% 25%, 35% 0%, 65% 0%, 65% 25%, 90% 25%, 90% 50%, 65% 50%, 65% 100%, 35% 100%, 35% 50%, 10% 50%); --clip-path:polygon(10% 25%, 35% 25%, 35% 0%, 65% 0%, 65% 25%, 90% 25%, 90% 50%, 65% 50%, 65% 100%, 35% 100%, 35% 50%, 10% 50%); clip-path:polygon(10% 25%, 35% 25%, 35% 0%, 65% 0%, 65% 25%, 90% 25%, 90% 50%, 65% 50%, 65% 100%, 35% 100%, 35% 50%, 10% 50%); }
/*
.image_blue{ filter: opacity(50%);mix-blend-mode: multiply;   }
.cntb-40-0-archivo-picture:has(> img.image_blue){
 background-color: rgb(62, 81, 202);
}*/



//picture{ box-shadow: inset 0 0 20px 20px rgb(34, 0, 0); }
.border{ border: 3px solid #66666666 !important; }


.range_val_input{ line-height: 1em; border:1px solid #CCC: }



.cntb-design .cntb-prev{ border:dashed 1px rgba(0, 0, 255, 0.367); 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 2px #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; }
.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:4px; left:55px; cursor:pointer; font-size: 14px;  border-radius:6px; border:1px solid #FFF; width:auto; pointer-events: all; max-width:30px !important; max-height:27px !important; }
.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;  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;  top:-5px; left:100px; cursor:pointer;  border-radius:6px; border:1px solid #FFF; line-height: 15px; }
.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 2px; top:35%; left:5%; cursor:pointer; border:1px solid #FFF; border-radius:6px; font-size: 20px; z-index:2; max-width:30px !important; max-height:27px !important; }


.block_blur{	border:none; filter: opacity(85%) blur(2px); -webkit-filter: opacity(85%) blur(2px); -moz-filter: opacity(70%) blur(2px); -o-filter: opacity(85%) blur(2px); -ms-filter: opacity(85%) blur(2px); border:transparent; }
.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; }
picture{ position: relative;    display: block; }




.accordion-button:not(.collapsed){ color: inherit; background-color: inherit; }
.accordion-button:focus {    box-shadow: 0 0 0 0.12rem rgb(110 110 153 / 05%);     border-color: inherit; }





 .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: #b4bbc7ff;
  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;
}