@media (min-width: 1400px) {
  .menu-item-cari:hover,.menu-item-cari:focus { width: 27em !important; }
  
}
@media  screen and (min-width: 992px) and  (max-width: 1200px) {
  
}

@media (max-width: 576px){
.hide-sm {
  display: none !important;
}
}

.landing-header {
  /*background-image: url("../img/navbar-bg.png");
  background-size: 100%;
  */
  background: transparent !important;
}
[data-kt-sticky-landing-header="on"] .landing-header {
    background-color: #fff !important;
}

body[data-kt-sticky-landing-header="on"] .logo-navbar {
  height: 60px !important;
  /*background: url(../img/navbar-logo.png); */
  background-repeat: no-repeat;
  background-size: contain;
}

body[data-kt-sticky-landing-header="on"] #kt_landing_menu .menu-item > a.menu-link-dropdown   { color: #fff; }
body[data-kt-sticky-landing-header="on"] #kt_landing_menu .menu-item > a.menu-link-dropdown  > i {  color: #fff;  }
body[data-kt-sticky-landing-header="on"] #kt_landing_menu .menu-item.active > a.menu-link-dropdown   { color: #fff; }
body[data-kt-sticky-landing-header="on"] #kt_landing_menu .menu-item.active > a.menu-link-dropdown  > i {   color: #fff;  }
body[data-kt-sticky-landing-header="on"] #kt_landing_menu .menu-item > a.menu-link-dropdown  .menu-text  { color: #fff; }

body[data-kt-sticky-landing-header="on"] #kt_landing_menu .menu-item .menu-link.dropdown-item { color: #357; padding: 0.5em !important; }
body[data-kt-drawer="on"] #kt_landing_menu .menu-item > a.menu-link-dropdown  .menu-text { color: #357 !important; }

#kt_landing_menu .menu-item .menu-link.dropdown-item { color: #357; padding: 0.5em !important; }
#kt_left_menu_mobile_toggle { display: none !important; }
/*
body[data-kt-sticky-landing-header="on"] #kt_landing_menu .menu-item > a.menu-link  { color: #fff; }
body[data-kt-sticky-landing-header="on"] #kt_landing_menu .menu-item > a.menu-link > i {  color: #fff;  }
body[data-kt-sticky-landing-header="on"] #kt_landing_menu .menu-item.active > a.menu-link  { color: #fff; }
body[data-kt-sticky-landing-header="on"] #kt_landing_menu .menu-item.active > a.menu-link > i {   color: #fff;  }
*/



.stroked {
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.landing-header { height: auto; }
.main-header { width: 100%;max-width: unset;padding-bottom: 1.5em; }
#kt_landing_menu { margin: 0 auto;width: fit-content; }
#kt_landing_menu .menu-item { padding: 0.5em !important; }
#kt_landing_menu .menu-item .menu-link { padding: 0 !important; color: #000; font-weight: 600; } 
#kt_landing_menu .menu-item:hover {  
  /*border: 1px solid #EAA82445;
  border-radius: 1em;
  background: #EAA82463;*/
  color: #017A87;
}
#kt_landing_menu .menu-item.active {  
  /*  box-shadow: 1px 1px 11px #017A87;
    border-radius: 1em;
    background: #017A87;*/
    color: #357;
}
.nav-link { color: #6e1920; }
.menu-state-title-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-state-title-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
 color: #6e1920 !important;
}
  
  #kt_landing_menu_logo { padding-top: 0.5em !important;  display: none !important;  }
  #kt_landing_menu_logo  .menu-item img { width: 3em; }
  #kt_landing_menu .menu-item .menu-icon { display: none; }
  #kt_landing_menu .menu-item.active a, #kt_landing_menu .menu-item.active i {   color:  #6e1920 !important; }
  body[data-kt-sticky-landing-header="on"] #kt_landing_menu .menu-item.active a, body[data-kt-sticky-landing-header="on"] #kt_landing_menu .menu-item.active i {   color:  #6e1920 !important; }

  body[data-kt-sticky-landing-header="on"] #kt_landing_menu_logo {
    display: none !important; 
  }
  body[data-kt-sticky-landing-header="on"] #kt_landing_menu .menu-item .menu-icon {
    display: none !important; 
  }
  body[data-kt-sticky-landing-header="on"] .main-header {
    padding-top: 1.5em;
  }

  .drawer.drawer-on { 
  flex-direction: column;
  }
  .drawer.drawer-on #kt_landing_menu_logo{ 
  flex-direction: row;
  }
  .drawer.drawer-on  #kt_landing_menu_logo .menu-item img {
    width: 1.8em !important;
  }
  .drawer.drawer-on  .ctn-menu { flex-direction: column !important; } 
  .drawer.drawer-on  .ctn-menu-right { flex-direction: column !important; } 
  .drawer.drawer-on .menu-item-cari { width: 100% !important; }
  .drawer.drawer-on .ctn-menu-user-login { margin-top: 1em; }
  .drawer.drawer-on .ctn-menu-user-login .btn {   margin: 0 auto; }
  body[data-kt-sticky-landing-header="on"] .drawer.drawer-on #kt_landing_menu .menu-item > a.menu-link { color: #357 !important; }
  body[data-kt-sticky-landing-header="on"] .drawer.drawer-on #kt_landing_menu .menu-item .menu-icon { display: none; }

  .menu-item-cari {
    width: 2em;
    border: none;
    border-radius: 0.5em;
    padding: 0.6em;
    padding-left: 2.5em;
    color: #017A87;
    background-image: url(../img/cari.png);
    background-repeat: no-repeat;
    background-size: 2em;
    background-position-y: center;
  }
  .menu-item-cari:hover,.menu-item-cari:focus  {
    width: 27em !important;
    border: 1px solid #f0dfab;
    background-color: #ffeeba;
  }

  nav ul.pagination > li > a { 
    padding-top: 0.5em;
    padding-right: 1em;
    padding-bottom: 0.5em;
    padding-left: 1em;
    border: 1px solid #aaa;
    border-radius: 0.5em;
    margin: 0.5em 0.25em;
  }
  nav ul.pagination > li.active > a {  background: #EAA82455; }

  .logo-navbar {
    background: url(../img/logo.png);
      background-repeat: no-repeat;
      background-size: contain;
    width: 21em;
  }

  #ctn-leftmenu .menu-item > a.active {
    border: 1px solid #EAA824;
    border-radius: 1em;
    background: #EAA82475;
  }
.ctn-footer { 
  background-color: #fff; 
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom !important;
  min-height: 21em;
}

.ctn-footer .menu-item img { width: 5em; }

#carousel_content {
  width: 100% !important;
  max-width: 100% !important;
  display: flex;
  flex-direction: column;
  /* background-image: url(../img/pendataan.png); */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#carousel_content .carousel-image {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 45em;
  width: 50% !important;
  border-radius: 20px;
  background-color: #fff;
  border: 1px solid #eee;
} 

#carousel_content .carousel-inner-text  { 
  position: absolute;top: 3em;
  background: #fff;
  padding: 3em;border: 1px solid #aaa;
  border-radius: 1em;
  height: 37em; 
}
#carousel_content .carousel-inner-text.item2 {
  width: calc(75% + 3em) !important;
  left: calc(25% - 3em);
  background: #ffffffba;
}
#carousel_content .carousel-inner-text.item1 {
  width: 100% !important;
  left: 0;
}
#carousel_content .carousel-item.notext .carousel-inner-text { display: none; }
#carousel_content .carousel-item.notext .carousel-image { width: 100% !important; }

.carousel.carousel-custom .carousel-indicators.carousel-indicators-bullet li {  width: 27px !important; }
.carousel.carousel-custom .carousel-indicators.carousel-indicators-bullet li::after {  height: 17px !important;width: 27px !important;  }
.carousel.carousel-custom .carousel-indicators.carousel-indicators-bullet li.active::after {  width: 27px !important; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

  .header-bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: var(--header-bg);
  }
  .launcher {
   padding:50px
  }
  .launcher .sidebar {
   position:fixed;
   overflow:auto;
   display:flex;
   flex-direction:column;
   width:425px;
   top:50px;
   right:50px;
   bottom:50px;
   background-color:transparent;
  }
  .launcher .sidebar .timeline .timeline-line {
   opacity:.2
  }
  .launcher .sidebar .timeline .timeline-icon .symbol-label {
   background-color:#244cab
  }
  .launcher .sidebar .border {
   border:1px solid rgba(255,255,255,.1)!important
  }
  .launcher .sidebar .hover-scroll-y {
   scrollbar-color:rgba(255,255,255,.15) transparent
  }
  .launcher .sidebar .hover-scroll-y::-webkit-scrollbar-thumb {
   background-color:rgba(255,255,255,.15)
  }
  .launcher .sidebar .hover-scroll-y:hover {
   scrollbar-color:rgba(255,255,255,.25) transparent
  }
  .launcher .sidebar .hover-scroll-y:hover::-webkit-scrollbar-thumb {
   background-color:rgba(255,255,255,.25)
  }
  .launcher.sidebar-enabled {
   padding-right:475px
  }
  @media (max-width:991.98px) {
   .launcher {
    padding:15px
   }
   .launcher.sidebar-enabled {
    padding:15px
   }
   .launcher .sidebar {
    display:none;
    background-color:rgba(19,0,97,.75);
    top:15px;
    right:15px;
    bottom:15px
   }
  }


  .fullscreen-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}

.bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (min-aspect-ratio: 16/9) {
    .bg-video {
        height: 300%;
        top: -100%;
    }
}

@media (max-aspect-ratio: 16/9) {
    .bg-video {
        width: 300%;
        left: -100%;
    }
}

@media (max-width: 767px) {
    .fullscreen-bg {
        background: url('../img/poster.jpg') center center / cover no-repeat;
    }

    .bg-video {
        display: none;
    }
}

.form-control.form-control-solid[readonly] {
    background-color: #c9cacb;
}

.btn-outline.bg-success .fa { color: #fff !important; }
.btn-outline.bg-danger .text-muted { color: #fff !important; }

.modal-danger .modal-content { background-color: #ed5959; }
table.stripe { border: 1px solid #3A7;border-radius: 0 0 1em 1em; }
table.stripe thead { background-size: cover; background-repeat: no-repeat; background-image: var(--header-bg); }
table.stripe thead tr * { color: #fff; }
table.stripe tr th:first-child { padding-left: 1em; }
table.stripe tr td:first-child { padding-left: 1em; }
table.stripe tr th:last-child { padding-right: 1em; }
table.stripe tr td:last-child { padding-right: 1em; }
table.stripe tbody tr.odd { background-color: #f9f9f9; }


.item-file { position: relative;display:inline-block;width:177px;margin:10px }
.item-file .delete-file { display: none;position: absolute;top:0;right:0;padding: 1px 7px !important;}
.item-file:hover .delete-file { display: block; }


table.datatable-card { display: flex;  width: 100%; }
table.datatable-card > thead { display: none;}
table.datatable-card > tbody { display: flex; width: 100%; flex-flow: wrap; }
table.datatable-card > tbody > tr { display: flex;}
table.datatable-card > tbody > tr > td { display: flex; width: 21em;}
table.datatable-card > tbody > tr > td > div { width: 100%; }

table.datatable-card-100 > tbody > tr { display: flex;width: 100%;}
table.datatable-card-100 > tbody > tr > td > div {width: 100%;display: flex;flex-direction: row;  }
table.datatable-card-100 > tbody > tr > td {display: flex;width: 100%;text-align: left !important; }

.item-post img { max-width: 100%;  max-height: 100%; }
.share-btn { padding: 0.5em; }
.share-btn > i { font-size: 2em; color: #3A7; }

.item-post .item-content , .wyswyg-content {     display: inline-block !important;width: 100% !important;height: auto !important; white-space: normal; }
.ql-editor .ql-video ,.ql-editor img ,.wyswyg-content .ql-video ,.wyswyg-content img{  margin: 0.5em; }
#editor-resizer .toolbar {
    display: flex !important;
    flex-direction: column !important;
    height: 6em !important;
  }
.tagify__dropdown__item .add-all .name { color:rgb(104, 27, 27); border-bottom: 1px dashed #ed5959; }

.modal-green .modal-content .modal-header { border-color: #3A7; background: rgb(131, 181, 159);}


.drawer-on > ul.nav  { flex-direction: column;margin-left: 1em; }

#map-tooltip { background-color: #fff; padding: 1em; border-radius: 0.5em;}


.symbol.symbol-60px.symbol-2by3 .symbol-label {
  overflow: hidden;
}


  .ql-toolbar .ql-picker-item[data-value="serif"]::before {font-family: "Sans Serif" !important;content: "Sans Serif" !important; }
  .ql-toolbar .ql-picker-item[data-value="inconsolata"]::before { font-family: "Inconsolata" !important;content: "Inconsolata" !important; }
  .ql-toolbar .ql-picker-item[data-value="roboto"]::before { font-family: "Roboto" !important;content: "Roboto" !important; }
  .ql-toolbar .ql-picker-item[data-value="poppins"]::before { font-family: "Poppins" !important;content: "Poppins" !important; }
  .ql-toolbar .ql-picker-item[data-value="mirza"]::before { font-family: "Mirza" !important;content: "Mirza" !important; }
  .ql-toolbar .ql-picker-item[data-value="arial"]::before { font-family: "Arial" !important;content: "Arial" !important; }
  .ql-toolbar .ql-picker-item[data-value="montserrat"]::before { font-family: "Montserrat" !important;content: "Montserrat" !important; }
  /* Set content font-families */
  .ql-font-serif { font-family: "Sans Serif" !important; }
  .ql-font-arial { font-family: "Arial" !important; }
  .ql-font-poppins { font-family: "Poppins" !important; }
  .ql-font-roboto { font-family: "Roboto" !important; }
  .ql-font-mirza { font-family: "Mirza" !important; }
  .ql-font-montserrat { font-family:  "Montserrat"  !important; }
  .ql-font-inconsolata { font-family: "Inconsolata" !important; }

.ql-toolbar .ql-divblock:after { content:'DIV' }
.ql-cell-selected-after,.ql-cell-selected::after,.ql-cell-focused::after{content:"";pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(158,207,250,.3)}.ql-table-border-shadow,.ql-table-select-container,.ql-table-dropdown-list,.ql-table-dropdown-properties-list,.ql-table-menus-container{border-radius:2px;border:1px solid #ccced1;background:#fff;box-shadow:0 1px 2px 1px rgba(0,0,0,.1490196078)}.ql-table-triangle-common,.ql-table-tooltip-error::before,.label-field-view-status::before,.ql-table-tooltip::before,.ql-table-triangle-down:not(.ql-table-triangle-none)::after,.ql-table-triangle-down:not(.ql-table-triangle-none)::before,.ql-table-triangle-up:not(.ql-table-triangle-none)::after,.ql-table-triangle-up:not(.ql-table-triangle-none)::before{position:absolute;left:50%;transform:translateX(-50%);content:"";border:10px solid rgba(0,0,0,0)}.ql-table-input-focus,.ql-table-color-container .color-picker .color-picker-select>.erase-container,.ql-table-selected,.ql-table-properties-form .ql-table-dropdown-selected,.ql-table-properties-form .ql-table-color-selected,.ql-table-input:focus,.ql-table-color-container .label-field-view-color .property-input:focus,.ql-table-properties-form .property-input:focus{border:1px solid #3779eb;box-shadow:0 0 0 3px #cae1fc}.ql-table-input,.ql-table-color-container .label-field-view-color .property-input,.ql-table-properties-form .property-input{width:80px;height:30px;border:1px solid #ccced1;outline:none;padding-left:6px;background:inherit}.ql-table-input:focus::placeholder,.ql-table-color-container .label-field-view-color .property-input:focus::placeholder,.ql-table-properties-form .property-input:focus::placeholder{color:rgba(0,0,0,0)}.ql-table-input:focus+label,.ql-table-color-container .label-field-view-color .property-input:focus+label,.ql-table-properties-form .property-input:focus+label{display:block}.ql-table-input:not(:placeholder-shown)+label,.ql-table-color-container .label-field-view-color .property-input:not(:placeholder-shown)+label,.ql-table-properties-form .property-input:not(:placeholder-shown)+label{display:block}.ql-table-temporary{display:none}.ql-table-center,.ql-table-select-container .ql-table-select-list,.ql-table-select-container,.ql-table-color-container .color-picker .color-picker-palette .color-picker-wrap .iro-container,.ql-table-color-container .color-picker,.ql-table-properties-form .properties-form-action-row>button,.ql-operate-line-container{display:flex;justify-content:center;align-items:center}.ql-table-selected,.ql-table-properties-form .ql-table-dropdown-selected,.ql-table-properties-form .ql-table-color-selected{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAM1BMVEUAAAAyMjIyMjIiIiIyMjIyMjIyMjIyMjIxMTEyMjIyMjIyMjIwMDAzMzMxMTEwMDAzMzOYbpUsAAAAEXRSTlMA/XgF8HRua2fm2rI3rzk1Lf2cC1oAAAA8SURBVBjTY6AUsHKh8RnZ8PKZoHwBZhifHcLg5GVG4TPwsXAzQ/gwwAMUYWLkALIQIlxgPgLwc3JQ4h0Ae0ABBy2kuXoAAAAASUVORK5CYII=);background-repeat:no-repeat;background-size:16px;box-sizing:border-box}.ql-operate-line-container{position:absolute;z-index:10}.ql-operate-line-container .ql-operate-line{background-color:#0589f3}.ql-operate-block{position:absolute;z-index:10;border:1px solid #979797;cursor:nwse-resize}.ql-operate-block-move{cursor:crosshair;border:none}.ql-operate-drag-table{border:1px dashed #000;position:absolute}.ql-cell-focused{position:relative}.ql-cell-focused::after{border:1px solid #3779eb}.ql-cell-selected{position:relative}.ql-table-menus-container{position:absolute;display:flex;align-items:center;height:40px;width:fit-content;padding:4px;box-sizing:border-box;z-index:1}.ql-table-triangle-up:not(.ql-table-triangle-none)::before{bottom:-20px;border-top-color:rgba(0,0,0,.1490196078) !important}.ql-table-triangle-up:not(.ql-table-triangle-none)::after{bottom:-19px;border-top-color:#fff !important}.ql-table-triangle-down:not(.ql-table-triangle-none)::before{top:-20px;border-bottom-color:rgba(0,0,0,.1490196078) !important}.ql-table-triangle-down:not(.ql-table-triangle-none)::after{top:-19px;border-bottom-color:#fff !important}.label-field-view{position:relative}.label-field-view-input-wrapper{position:relative;height:100%}.label-field-view-input-wrapper>label{position:absolute;left:0;top:-50%;transform:translateY(50%) scale(0.75);color:#999;background:#fff;display:none}.label-field-view-status{max-width:160px;width:max-content}.label-field-view-error>input{border-color:#db3700 !important;animation:ql-table-input-shake .3s ease both}.label-field-view-error>input:focus{box-shadow:0 0 0 3px rgba(255,64,31,.3019607843) !important}.label-field-view-error>label{color:#db3700}.ql-table-dropdown,.ql-table-dropdown-properties{display:flex;height:100%;align-items:center;position:relative;padding:0 4px}.ql-table-dropdown:hover,.ql-table-dropdown-properties:hover{background:#f0f0f0}.ql-table-dropdown-text,.ql-table-dropdown-properties-text{flex:1;height:100%;margin-right:7px;display:flex;align-items:center}.ql-table-dropdown-list,.ql-table-dropdown-properties-list{position:absolute;left:0;bottom:0;transform:translateY(100%);margin:0;padding:0;width:170px;z-index:10}.ql-table-dropdown-list li,.ql-table-dropdown-properties-list li{list-style:none;line-height:30px;padding-left:10px}.ql-table-dropdown-list li:hover,.ql-table-dropdown-properties-list li:hover{background-color:#f0f0f0}.ql-table-dropdown-label,.ql-table-dropdown-properties-label{width:100%;min-width:100%;line-height:24px;font-weight:bold;margin-bottom:6px;display:block}.ql-table-tooltip-hover{display:flex;position:relative}.ql-table-tooltip-hover:hover .ql-table-tooltip{display:block}.ql-table-tooltip-hover:hover+.ql-table-tooltip{display:block}.ql-table-tooltip{font-size:12px;min-width:32px;line-height:20px;padding:6px;white-space:nowrap;color:#fff;text-align:center;word-wrap:break-word;background:rgba(0,0,0,.8509803922);border-radius:6px;position:absolute;z-index:11;left:50%;bottom:-10px;transform:translate(-50%, 100%)}.ql-table-tooltip::before{border-bottom-color:rgba(0,0,0,.8509803922) !important;top:-20px}.ql-table-tooltip:hover{display:block}.ql-table-tooltip-hidden{display:none !important}.ql-table-tooltip-error,.label-field-view-status{font-size:12px;min-width:32px;line-height:20px;padding:6px;white-space:nowrap;color:#fff;text-align:center;word-wrap:break-word;background:#db3700;border-radius:6px;position:absolute;z-index:11;left:50%;bottom:-10px;transform:translate(-50%, 100%);white-space:pre-wrap;z-index:9}.ql-table-tooltip-error::before,.label-field-view-status::before{border-bottom-color:#db3700 !important;top:-20px}.ql-table-tooltip-error:hover,.label-field-view-status:hover{display:block}.ql-table-tooltip-error-hidden{display:none !important}.ql-table-dropdown-properties{width:80px;height:30px;border:1px solid #ccced1;box-sizing:border-box}.ql-table-dropdown-properties:hover{background:none}.ql-table-properties-form{width:320px;position:absolute;left:50%;padding-bottom:8px;background:#fff;z-index:1;box-shadow:0 1px 2px 1px #ccced1}.ql-table-properties-form .properties-form-header{height:40px;line-height:40px;padding:0 12px;border-bottom:1px solid #ccced1;margin:0;box-sizing:border-box;color:#333;font-size:14px}.ql-table-properties-form .properties-form-row{display:flex;flex-wrap:wrap;padding:8px 12px;justify-content:space-between}.ql-table-properties-form .properties-form-row .ql-table-check-container{display:flex;border:1px solid #ccced1;align-items:center}.ql-table-properties-form .properties-form-row .ql-table-check-container .ql-table-tooltip-hover{padding:6px 10px;cursor:pointer}.ql-table-properties-form .properties-form-row .ql-table-check-container .ql-table-tooltip-hover:hover{background:#f0f0f0}.ql-table-properties-form .properties-form-row .ql-table-check-container .ql-table-btns-checked{background:#f0f7ff}.ql-table-properties-form .properties-form-row .ql-table-check-container .ql-table-btns-checked>svg path{stroke:#2977ff}.ql-table-properties-form .properties-form-row-full .ql-table-color-container{width:100%}.ql-table-properties-form .properties-form-row-full .ql-table-color-container .property-input{width:100%}.ql-table-properties-form .properties-form-action-row{display:flex;justify-content:space-around;padding:0 12px}.ql-table-properties-form .properties-form-action-row>button{background:#fff;outline:none;border:none;height:30px;cursor:pointer;flex:1}.ql-table-properties-form .properties-form-action-row>button>span{margin:0 2px;display:flex}.ql-table-properties-form .properties-form-action-row>button:hover{background:#f0f0f0}.ql-table-properties-form .properties-form-action-row>button[disabled]{background-color:rgba(0,0,0,0)}.ql-table-properties-form .ql-table-color-selected{background-position:center}.ql-table-properties-form .ql-table-dropdown-selected{background-position:calc(100% - 10px) center}.ql-table-color-container{border:1px solid #ccced1;height:30px;box-sizing:border-box;display:flex}.ql-table-color-container .label-field-view-color{flex:1}.ql-table-color-container .label-field-view-color .property-input{border:1px solid rgba(0,0,0,0);height:100%}.ql-table-color-container .color-picker{width:30px;border-left:1px solid #ccced1;box-sizing:border-box;position:relative}.ql-table-color-container .color-picker .color-button{width:20px;height:20px;border:1px solid #ccced1;box-sizing:border-box;cursor:pointer;position:relative}.ql-table-color-container .color-picker .color-unselected{position:relative}.ql-table-color-container .color-picker .color-unselected::after{content:"";position:absolute;width:1px;height:26px;background:red;transform-origin:50%;transform:rotate(45deg);left:50%;top:-4px}.ql-table-color-container .color-picker .color-picker-select{position:absolute;right:0;bottom:0;width:156px;transform:translateY(100%);background:#fff;z-index:10;box-shadow:0 1px 2px 1px #ccced1}.ql-table-color-container .color-picker .color-picker-select .erase-container{display:flex;height:30px;align-items:center;padding:0 12px;cursor:pointer}.ql-table-color-container .color-picker .color-picker-select .erase-container:hover{background:#f0f0f0}.ql-table-color-container .color-picker .color-picker-select .erase-container>button{border:none;outline:none;background:inherit;height:100%;cursor:pointer}.ql-table-color-container .color-picker .color-picker-select>.erase-container{margin-bottom:4px}.ql-table-color-container .color-picker .color-picker-select .color-list{display:flex;flex-wrap:wrap;padding:0 12px;margin:0;justify-content:space-between}.ql-table-color-container .color-picker .color-picker-select .color-list>li{list-style:none;width:24px;height:24px;margin:2px 0;position:relative;cursor:pointer}.ql-table-color-container .color-picker .color-picker-select .color-list>li[data-color="#ffffff"]{border:1px solid #ccced1;box-sizing:border-box}.ql-table-color-container .color-picker .color-picker-palette{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;background:#fff}.ql-table-color-container .color-picker .color-picker-palette .color-picker-wrap{width:100%;height:100%;display:flex;flex-direction:column}.ql-table-color-container .color-picker .color-picker-palette .color-picker-wrap .iro-container{flex:1}.ql-table-disabled{background:#f2f2f2;pointer-events:none}.ql-table-button-disabled{background:#f2f2f2 !important;pointer-events:none}.ql-table-button-disabled svg .ql-fill{fill:#999 !important}.ql-table-button-disabled svg .ql-stroke{stroke:#999 !important}button.ql-table-better{position:relative}.ql-table-select-container{flex-direction:column;width:190px;padding:2px;position:absolute;top:24px;z-index:10;box-sizing:border-box}.ql-table-select-container .ql-table-select-list{flex-wrap:wrap}.ql-table-select-container .ql-table-select-label{width:100%;line-height:16px;text-align:center;color:rgba(34,47,62,.7019607843);margin-top:2px}.ql-table-select-container span{width:16px;height:16px;border:1px solid #000;box-sizing:border-box;margin:1px}ol.table-list-container{counter-reset:list-0}@keyframes ql-table-input-shake{20%{transform:translateX(-2px)}40%{transform:translateX(2px)}60%{transform:translateX(-1px)}80%{transform:translateX(1px)}}
.ql-editor .ql-table-better {
  width: unset;
}

body,html {
  font-family: Montserrat,Sans Serif,Poppins,Helvetica,sans-serif !important;
}