@media (min-width: 992px) {
  .page-sidebar {
    width: 300px;
  }
  .page-content-wrapper .page-content {
    margin-left: 300px;
  }
}


/*@font-face {
  font-family: "Kanit";
  src: url("../fonts/kanit-regular-webfont.eot");
  src: url("../fonts/kanit-regular-webfont.eot?#iefix") format("embedded-opentype"),
    url("../fonts/kanit-regular-webfont.woff") format("woff"),
    url("../fonts/kanit-regular-webfont.ttf") format("truetype"),
    url("../fonts/kanit-regular-webfont.svg#webfont") format("svg");
}*/

/* @font-face {
  font-family: "TH Sarabun New";
  src: url("fonts/THSarabunNew.eot?") format("embedded-opentype"),
    url("fonts/THSarabunNew.woff") format("woff"),
    url("fonts/THSarabunNew.ttf") format("truetype"),
    url("fonts/THSarabunNew.svg#webfont") format("svg");
} */

html,
body,
a,
button,
h1,
h2,
h3,
h4,
h5,
h6,
input,
label,
select,
textarea,
td,
span,
strong,
div {
  font-family: "Sarabun";
}

.page-header.navbar .page-logo .logo-default {
  margin: 10px 0 0;
}

.page-content {
  background-color: #e5e5e5;
}

.page-footer .page-footer-inner {
  color: #a7863b;
}

.page-header.navbar .top-menu .navbar-nav>li.dropdown-language>.dropdown-toggle>.langname, .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>.username, .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>i {
  color: #a7863b;
}

.modal-header {
  border-bottom: 1px solid #555;
  background-color: #555;
  color: #fff;
}

.sweet-alert {
  z-index: 20000;
}

.sweet-overlay {
  z-index: 19000;
}

@media (max-width: 2000px){
  .modal-lg-custom{
    width: 1500px;
  }
}
@media (max-width: 1500px){
  .modal-lg-custom{
    width: 1300px;
  }
}
@media (max-width: 1400px){
  .modal-lg-custom{
    width: 1200px;
  }
}
@media (max-width: 1200px){
  .modal-lg-custom{
    width: 800px;
  }
}
@media (max-width: 900px){
  .modal-lg-custom{
    width: 700px;
  }
}
@media (max-width: 800px){
  .modal-lg-custom{
    width: 700px;
  }
}
@media (max-width: 700px){
  .modal-lg-custom{
    width: 600px;
  }
}
@media (max-width: 550px){
  .modal-lg-custom{
    width: 450px;
  }
}