*:focus-visible {        outline: none;      }
      body{margin:0;padding:0;background-color: #f8f9fa;}
      
      .top {width:100%}
      .top {height:64px;background:#fff;    border-bottom: #3c404326 1px solid;}
      .top .container2 .main{padding:10px;}
      .container2 {width:1200px;margin:0 auto}

      .page .container2{background-color: #f8f9fa;padding:20px;    overflow: auto;}
      .page .main{margin:0 auto;min-height:90%;}
      .page .block{box-shadow: 0 1px 3px 1px rgb(60 64 67 / 15%);margin-bottom:45px;background:#fff}
      
      .edit {position:fixed;top:0;left:0%;width:20%;height:100%;z-index:205;}
      .edit .container2{box-shadow: 0 1px 3px 1px rgb(60 64 67 / 15%);margin:0 auto;background:#fff;height:100%;width:auto}
      .edit .main{padding:20px}
      
      .overlay1{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;display:none;z-index: 4;cursor:pointer}
      .overlay2{    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: #eee;    opacity: 0;z-index: 200;cursor:pointer}

      
      .close{float:left;}
      .close2{float:right;}

      
      .clear{
        clear:both;
      }
      .editor_bar{
        width: 100%;
        line-height: 45px;
        padding: 0 15px;
        z-index: 3;
        background: #eee;cursor: grab;
      }
      .editor_bar.floating{
        width:auto;
        z-index: 3;
        position: absolute;
        display: none;
      }
      .editor_bar .label{
        float:left;
      }
      .edit .main > h1{
        font-size:20px;
        clear: both;
      }
      .edit .main > h1{
        float: left;
      }
      .edit .main > .action_btns{
        float: left;
        z-index: 3;
        position: relative;
        width: 100%;
      }
      .edit .action_btns .fa:before {
          font-size: 15px;
          
      }
      .main > .action_btns{
        float: right;
        z-index: 3;
        position: relative;
      }
      .action_btns .open {
        float:left;
		    max-width: 80%;
    overflow: hidden;    white-space: nowrap;
      }
      .action_btns button {
        cursor: pointer;
        border: none;
        float: right;
        background: none;
        
        
      }
      .action_btns .close button,
      .action_btns .close p {
        float: left;    
        line-height: 25px;
      }

      .block{width:100%;position: relative;}
      .block .content{position: relative;    width: 100%;}


      /*Hover
      .block .editor_bar{ background: #eee;position: absolute;    display: none;
        border-bottom: 1px solid #eee;}
      .block:hover .editor_bar{display:block}
      
      */
      .block:hover .overlay2{opacity: .5}
      @media(max-width:767px){
        .page .container2{padding:0px;}
        .container2 {width:100%}
        .edit{width:100%;}
      }


      .edit_open{}
      .edit_open .edit .main{    overflow: scroll;height: 100%;}
      .edit_open .top .container2,
      .edit_open .page .container2 {
        width: 80%;
        float: right;}

      .block-container{overflow: hidden}
      .blocks-width{width:103.33%}
      .block-types{
        width:30%;
        margin-right:3.33% !important;
        border: 1px solid #e1e8ee;    
        margin: 2rem auto 0 auto;
        box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
        float:left;
      }
      .card-body h4{background: gray;
        color: #fff;
        font-size: 12px;
        font-weight: bold;
        padding: 5px;
        text-align: center;}
      @media(max-width:767px){
        .blocks-width{width:100%}
        .block-types{
          width:100%;
          margin-right:0%;
        }
      }

      .card-body .content {
              height: 150px;
          overflow: hidden;
      }

      .fixed-top{position:relative !important;z-index: 1!important}
      span.help-block {
          
          display: block;
      }
      .field_block{margin-bottom: 20px !important;}
      
      .dd-list {    padding-left: 2rem;}



      button[data-bs-toggle="tooltip"] i{
        padding: 3px 5px !important;
          font-size: 8px;
          top: 0;
          left: 0;
          position: relative;
        }
      button[data-bs-toggle="tooltip"]{
          line-height: normal;
          font-size: 7px !important;
          padding: 0px !important;
          margin: 0;
          border-radius: 10px;
      }
      span.help-block{display:inline-block !important;color: #7f7f7f;}
        


      .form-switch.form-check-custom .form-check-input {
          height: 20px !important;
          width: 40px !important;
      }.form-check-custom {
          display: inline-block;    float: right;}


      .dd-item .action_btns{width:100%}
      .dd-item .action_btns .remove{float:right}


      .field_block textarea{min-height: 200px}
      .field_block .flex-box{display:flex}
      .field_block .flex-box .btn{margin-left:10px;    line-height: 25px;  }
      .field_block .flex-box .btn i{ padding: 0;}






      #tabs{overflow: hidden}
      @media(max-width:767px){
        .edit_open .top .container2, .edit_open .page .container2 {
          width: 100%;
          float: none;
        }
      }



      .edit_btn .action_btns{
        float: none;
          display: inline-block;

      }

      .edit_btn .action_btns button{
            font-size: 20px;
      }
      .edit_btn{
          opacity:1;
            display: flex;
          align-items: center;
          justify-content: center;
          flex-direction: column;
          box-shadow: var(--bs-engage-btn-box-shadow);
          border-width: 1px;
          border-style: solid;
          font-size: 12px;
          font-weight: 600;
          margin-bottom: 8px;
          border-radius: 6px;
          width: 66px;
          height: 70px;
          color: var(--bs-engage-btn-color);
          border-color: var(--bs-engage-btn-border-color);
          background-color: var(--bs-engage-btn-bg);
          
          top: 10%;
          left:10px;
          position: fixed;
          z-index: 204;
          text-align: center;


      }
    .header {margin-bottom:15px}
    .header h3{display:inline}

    .content{position:relative;}
    .editable.nav .content-overlay{    width: 100%;}
    .content-overlay{  position:relative}

     
      .loader{background-color: #000;top: 0;left: 0;width: 100%;height: 100%; position:fixed;display: none; z-index: 10000;    opacity: .2;}
	.editable.block,.editable.nav,.editable.footernav  {position:relative}


*[data-kt-search-element="suggestions"] .badge svg,*[data-kt-search-element="suggestions2"] .badge svg{width:15px !important;height:15px !important}
*[data-kt-search-element="suggestions"] .badge svg rect{    color: var(--bs-gray-700) !important}


/*Block selector*/
.app-prebuilts-thumbnail {
    width: 100%;
    height: 200px;
}
.col-lg-3.result {
    margin-bottom: 15px;
}

.hide{display:none}



form#kt_ae_form .text-muted {
    display: none;
}
form#kt_ae_form .form-label {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: bold;
}
form#kt_ae_form .fv-row,
form#kt_ae_form .fv-row .menu-opts-wrapper .field_block{ //bug sortable nfield
    margin-bottom: 15px;
	/*separator*/
    padding-bottom: 15px;
	
}
form#kt_ae_form span.help-block {
    display: none !important;
}
form#kt_ae_form .card-title span {
    display: none;
}

form#kt_ae_form .card .card-header {
    min-height: auto;
    margin-bottom: 15px;
}

form#kt_ae_form [name="page_nav"],
form#kt_ae_form [name="page_footernav"],
form#kt_ae_form [name="page_blocks"]{
    height: 0;
    visibility: hidden;
    min-height: auto;
    margin: 0;
    padding: 0;  
}
form#kt_ae_form .dd {
    float: none;
}

/*Bloques*/
.columns-count-2{    
	column-count: 2;
    display: block;
    margin: 1.25rem auto;
}
.columns-count-3{    
	column-count: 3;
    display: block;
    margin: 1.25rem auto;
}