.navbar {
background-color: #1565C0 !important;
}
.ace-nav>li>a {
background-color: #1565C0;
}
.ace-nav>li>a:hover{
background-color: #1156a5;
}
.ace-nav>li.light-blue>a {
background-color: #000000;
}
.ace-nav>li.light-blue>a:hover {
background-color: #000000;
}
.ace-nav>li.open.light-blue>a ,.ace-nav>li.light-blue>a:focus {
  background-color: #000000!important;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #3F51B5;
}
.menu-toggler {
	background-color: #004594;
}


@media (max-width: 1200px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}

@media only screen and (max-width: 1000px){
	.ace-nav>li {
	    display: block;
	}
}
.user-info {
    overflow: visible;
}
.badge {
    padding-top: 3px;
    padding-bottom: 3px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: 'THSarabunNew' !important;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    line-height: inherit;
}
@media screen and (min-width: 100px) and (max-width: 5000px){
  .smi-table-responsive {
      width: 100%;
      margin-bottom: 15px;
      overflow-x: scroll;
      overflow-y: hidden;
      border: 1px solid #ddd;
  }
}

.smi-table thead>tr>th {
  /*padding: 0px !important;*/
}

.table thead tr {
  color:#1565c0;
}

.smi-150px {
  width: 150px;
}
.smi-250px {
  width: 250px;
}
.smi-200px {
  width: 200px;
}

.smi-300px {
  width: 300px;
}
.smi-177px {
  width: 177px;
}
.smi-100px {
  width: 100px;
}
.smi-50px {
  width: 50px;
}
.smi-30px {
  width: 30px;
}
.smi-10px {
  width: 10px;
}

.smi-middle {
    vertical-align: middle !important;
}
.gray {
  color: gray;
}

/* style summary */
.panel-body .number-summary {
  color: #D15B47;
  font-size: 20px;
  font-weight: bold;
}
.panel-info>.panel-heading {
    color: #1565C0 !important;
    background-color: #94d0ff !important;
    border-color: #64adff !important;
}
/* end style summary*/

.timeline-item .transparent .widget-header {
    background-color: #eeeeee;
    border-bottom: 0;
}