@charset "UTF-8";
/*@import url(./fonts/fonts_lb.css);*/
/*top-20
padding-0
margin-bottom-20
*/

/*body {
  background-color: #F0F3F4;
}
*/

body, h1, h2, h3, h4, h5, h6 {
  font-family: 'sarabun', sans-serif;
  /*font-family: 'Kanit', sans-serif;*/
}

.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li>a {
  font-family: 'sarabun', sans-serif;
}

.lb-font-style2 {
  font-family: 'sarabun', serif;
}

/* report */
.lb-font-header-report {
  font-family: 'sarabun', serif;
}

.font-n{ font-weight: normal; font-style: normal; }
.font-b{ font-weight: bold; font-style: normal; }
.font-i{ font-weight: normal; font-style: italic; }
.font-bi{ font-weight: bold; font-style: italic; }

.lb-style-header-report {
  font-size: 18px;
  font-weight: bold;
  margin-top: 10px;
  line-height: 28px;
}

.lb-report > table > thead > tr > th {
  font-size: 14px;
}

.lb-report > table > tbody > tr > td {
  font-size: 14px;
}

.lb-name-person {
  font-family: 'sarabun', serif;
  font-size: 16px;
  font-weight: normal;
}
/* end */


.lb-one-line {
  white-space: nowrap !important;
}
.nav-link.lb-one-line {
  white-space: nowrap !important;
}

.lb-select-box-no-margin{
  margin-top: 0px !important;
}

.lb-label-no-padding {
  padding: 0px;
}

.form-animate-checkbox label {
  font-size: 15px;
}

.lb-col-title {
  color:#f0f3f4;
  padding:0px 15px;
  margin-bottom: 10px;
}

.lb-font-color-heading {
  color: #8e9daa;
}

div.portlet-body.details div:empty:before {
   content: '-';
}

div.portlet-body.lb-details p:empty:after {
   content: '-';
}

/*p.form-control-static.details div:empty:after {
   content: '-';
}*/

.lb-table {
  display: table;
  border-collapse: separate;
  border-spacing: 5px;
  border-color: gray;
  margin: 15px;
  font-size: 14px;
}

.lb-width-column {
  width: 150px;
}

.lb-width-column-title {
  width: 600px !important;
}

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
  margin: 53px 90px;
  background-color: #eff3f8;
  z-index: 9999;

/*  position: relative;
  padding-bottom: 26.25%;
  padding-top: 200px;
  height: 0;
  margin: 40px 200px;
  background-color: #eff3f8;*/
}
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 15px;
}

@media screen and (max-width: 700px) {
  .video-wrapper {
    margin: 53px 20px;
  }

  .video-wrapper iframe {
    padding: 10px;
  }
}