html,
body {
    height: 100vh;
    overflow: auto;
    font-family: 'Sarabun', sans-serif !important;
    background: #e9e9e9 !important;
}

.main.container {
    margin-top: 47px;
}

.x-body,
body.pushable>.pusher{
    background: #e9e9e9 !important;
}
body.pushable>.pusher{
    background: #e9e9e9 !important;
}

b, strong{
    font-weight: bold !important;
}

h1, h2, h3, h4, h5,
.ui.header,
.ui.button,
.ui.menu,
.ui.message .header,
.ui.text.container,
.ui.modal>.header,
.ui.input>input,
.ui.card>.content>.header, .ui.cards>.card>.content>.header,
.ui.statistic>.value, .ui.statistics .statistic>.value,
.ui.statistic>.label, .ui.statistics .statistic>.label,
.ui.items>.item>.content>.header,
.ui.list .list>.item .header, .ui.list>.item .header,
.ui.accordion .accordion>.title, .ui.accordion.menu .item>.title, .ui.accordion>.title,
.ui.form input:not([type]), .ui.form input[type=color], .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=email], .ui.form input[type=file], .ui.form input[type=month], .ui.form input[type=number], .ui.form input[type=password], .ui.form input[type=search], .ui.form input[type=tel], .ui.form input[type=text], .ui.form input[type=time], .ui.form input[type=url], .ui.form input[type=week],
.ui.form textarea, .ui.input textarea
{
    font-family: 'Sarabun', sans-serif !important;
}

.ui.left.sidebar, .ui.right.sidebar{
  width: 310px;
}

.ui.vertical.menu .menu .item{
    font-size: 1em !important;
}
.side-left .ui.accordion .content .item,
.side-right .ui.accordion .content .item{
    padding: 0.65rem 1.14285714rem 0.65rem 2.5rem !important;
}
.side-left .ui.accordion .content .item::before,
.side-right .ui.accordion .content .item::before{
    background: transparent !important;
}
/* .side-right .logout{
    position: absolute !important;
    bottom: 0 !important;
    width: 100% !important;
    background-color: #dc3545 !important;
} */

#modal-content-map { min-height: 380px; width: 100%; }
.leaflet-container{
    font-family: 'Sarabun', sans-serif !important;
    background: none !important;
    outline-offset: 0px !important;
}

.menu-list-item .image{
    width: 80px !important;
}

.filter-box{
  background: #f5f5f5;
  border-bottom: 1px solid #e2e2e2;
  padding: 1em 1em;
}

.dropzone{
    background: white;
    border-radius: .25rem!important;
    border: 2px dashed #dee2e6 !important;
    border-image: none;
    min-height: 80px !important;
    padding: 2px !important;
    margin-left: auto;
    margin-right: auto;
  }
  .dropzone:hover {
    background: #f1f1f1;
  }
  .dropzone .dz-preview .dz-image,
  .dropzone .dz-preview.dz-file-preview .dz-image{
    border-radius: .25rem!important;
  }
  .dropzone .dz-preview{
    margin: 2px !important;
  }
  .dropzone .dz-preview .dz-error-mark{
    border-radius: 100%;
    background: #DB2828;
  }
  .dropzone .dz-preview .dz-remove {
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none;
    z-index: 999;
    position: absolute;
    top: 5px;
    right: 5px;
    border-radius: 100% !important;
    width: 30px;
    height: 30px;
    background: #DB2828;
  }
  .dropzone .dz-preview .dz-remove:hover{
    opacity: .9;
  }
  .dropzone .dz-preview .dz-remove  i.icon{
    margin: 0 !important;
    padding: 0 !important;
    line-height: 30px;
    color: #fff;
    cursor: pointer;
  }


  /* .ui.form input:not([type]), .ui.form input[type=color], .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=email], .ui.form input[type=file], .ui.form input[type=month], .ui.form input[type=number], .ui.form input[type=password], .ui.form input[type=search], .ui.form input[type=tel], .ui.form input[type=text], .ui.form input[type=time], .ui.form input[type=url], .ui.form input[type=week],
  .ui.selection.dropdown,
  .ui.input>input{
    border: 1px solid rgb(180 203 225);
    border-radius: 500rem;
  }

  .ui.form input:not([type]):focus, .ui.form input[type=color]:focus, .ui.form input[type=date]:focus, .ui.form input[type=datetime-local]:focus, .ui.form input[type=email]:focus, .ui.form input[type=file]:focus, .ui.form input[type=month]:focus, .ui.form input[type=number]:focus, .ui.form input[type=password]:focus, .ui.form input[type=search]:focus, .ui.form input[type=tel]:focus, .ui.form input[type=text]:focus, .ui.form input[type=time]:focus, .ui.form input[type=url]:focus, .ui.form input[type=week]:focus{
    border-radius: 500rem;
  }

  .ui.button{
    border-radius: 500rem;
  }

  .ui.selection.dropdown .menu{
    border-radius: 0 0 500rem 500rem;
  }
  .ui.ui.upward.selection.dropdown .menu {
    border-radius: 500rem 500rem 0 0;
  }
  .ui.action.input>.button:last-child, .ui.action.input>.buttons:last-child>.button, .ui.action.input>.dropdown:last-child{
    border-radius: 0 500rem 500rem 0;
  } */

  .ui.label, .ui.labels .label,
.ui.selection.dropdown,
.ui.fluid.dropdown,
.ui.basic.button, .ui.basic.buttons .button,
.ui.form input:not([type]):focus, .ui.form input[type=date]:focus, .ui.form input[type=datetime-local]:focus, .ui.form input[type=email]:focus, .ui.form input[type=file]:focus, .ui.form input[type=number]:focus, .ui.form input[type=password]:focus, .ui.form input[type=search]:focus, .ui.form input[type=tel]:focus, .ui.form input[type=text]:focus, .ui.form input[type=time]:focus, .ui.form input[type=url]:focus,
.ui.form input:not([type]), .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=email], .ui.form input[type=file], .ui.form input[type=number], .ui.form input[type=password], .ui.form input[type=search], .ui.form input[type=tel], .ui.form input[type=text], .ui.form input[type=time], .ui.form input[type=url]{
  border-radius: 500rem;
}
.ui.action.input>.button:last-child, .ui.action.input>.buttons:last-child>.button, .ui.action.input>.dropdown:last-child {
  border-radius: 0 500rem 500rem 0;
}
.ui.form textarea:focus,
.ui.form textarea, .ui.input textarea{
  border-top-right-radius: 19px;
  border-top-left-radius: 19px;
  border-bottom-right-radius: 19px;
  border-bottom-left-radius: 19px;
}
.ui.selection.active.dropdown{
  border-radius: 19px;
}
.ui.button{
  border-radius: 500rem;
}
.ui.buttons .button:first-child{
  border-top-left-radius: 19px;
  border-bottom-left-radius: 19px;
}
.ui.buttons .button:last-child {
  border-top-right-radius: 19px;
  border-bottom-right-radius: 19px;
}

.ui.fixed.inverted.menu.borderless .item,
.ui.fixed.inverted.menu.borderless .menu .item{
  color: #000 !important;
}

.ui.action.input:not([class*="right action"])>input{
  border-top-left-radius: 19px;
  border-bottom-left-radius: 19px;
}




.ui.form input:not([type]):focus, .ui.form input[type=color]:focus, .ui.form input[type=date]:focus, .ui.form input[type=datetime-local]:focus, .ui.form input[type=email]:focus, .ui.form input[type=file]:focus, .ui.form input[type=month]:focus, .ui.form input[type=number]:focus, .ui.form input[type=password]:focus, .ui.form input[type=search]:focus, .ui.form input[type=tel]:focus, .ui.form input[type=text]:focus, .ui.form input[type=time]:focus, .ui.form input[type=url]:focus, .ui.form input[type=week]:focus,
.ui.form textarea:focus,
.ui.selection.dropdown:focus,
.ui.selection.active.dropdown:hover,
.ui.selection.active.dropdown .menu, .ui.selection.simple.dropdown:hover .menu{
  border-color: #afafaf !important;
}