@import url(../fonts/thsarabunnew/thsarabunnew.css);

.wrapper .ibox-title{
    border-color: #fff !important;
}
body {
    font-family: 'THSarabunNew','Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: bold;
}
.color-fff{
    color: #fff !important;
}
.cursor-poiter{
    cursor: pointer;
}
.default-bg {
    background-color: #fff;
}
/*body.pace-done, #wrapper{
    background-color: #3b6441;
}*/
h1, h2, h3, h4, h5, h6, label, th, button, input, select, textarea, .btn, .nav > li > a {
    font-family: 'THSarabunNew','Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    /*font-family: "Kanit", Arial, sans-serif;*/
    font-weight: bold;
}
input.form-control, select.form-control{
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: normal;
}
td{
    font-family: 'THSarabunNew','Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: bold;
}
.label{
    font-family: 'THSarabunNew','Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}
.fz-pdf-topic{
    font-size: 9px;
}

.well {
    border: 1px solid #e7eaec;
    box-shadow: none;
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 10px 20px;
    font-size: 11px;
    line-height: 16px;
}

.w-40{
   width: 40px;
}
.w-120{
    width: 120px;
}
@media (min-width: 992px){
    .w-lg-800{
        width: 800px !important;
    }
    .w-lg-700{
        width: 700px !important;
    }
    .w-lg-600{
        width: 600px !important;
    }
    .w-lg-500{
        width: 500px !important;
    }
    .w-lg-400{
        width: 400px !important;
    }
    .w-lg-300{
        width: 300px !important;
    }
    .w-lg-200{
        width: 200px;
    }
    .w-lg-190{
        width: 190px;
    }
    .w-lg-180{
        width: 180px;
    }
    .w-lg-170{
        width: 170px;
    }
    .w-lg-160{
        width: 160px;
    }
    .w-lg-150{
        width: 150px;
    }
    .w-lg-140{
        width: 140px;
    }
    .w-lg-130{
        width: 130px;
    }
    .w-lg-120{
        width: 120px;
    }
    .w-lg-110{
        width: 110px;
    }
    .w-lg-100{
        width: 100px;
    }
    .w-lg-90{
        width: 90px;
    }
    .w-lg-80{
        width: 80px;
    }
    .w-lg-70{
        width: 70px;
    }
    .w-lg-60{
        width: 60px;
    }
    .w-lg-50{
        width: 50px;
    }
}

/*nav */
.nav-header {
    padding: 15px 25px 15px 25px;
}
.navbar-default.navbar-static-side{
   /* background-color: #f3f3f4 !important;*/
}
/*.nav-header {
    background-color: #2c663d;
    background-image: none;
}*/
.nav.navbar-top-links a{
    font-size: 13px;
}
/*.nav > li.active {
    border-left: 4px solid #ffc107;
    background: #2c663d;
}*/
/*.nav > li.active > a{
    color: yellow;
}*/
/*.nav > li > a .fa.arrow{
    color: #2c663d;
}*/
/*.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus {
    background-color: transparent;
    color: yellow;
}*/
.nav-header a{
    color: #fff;
}
.mini-navbar .nav .nav-second-level{
    /*background: #f3f3f4;*/
}

.nav.navbar-right > li > a{
    /*color: #2c663d;*/
}
.navbar-header .navbar-minimalize{
    margin-left: 30px;
}
body.mini-navbar .nav-header{
    background: #3b6441;
}
/*.btn-primary{
    color: #fff;
    background-color: #2c663d !important;
    border-color: #2c663d !important;
}*/
/*.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #ca443c !important;
    border-color: #c65635 !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus{
    color: #fff;
    background-color: #ca443c !important;
    border-color: #c65635 !important;
}*/
.wrapper.wrapper-content .ibox-content{
    min-height: 580px;
}
.navbar-default.navbar-static-side{
    box-shadow: 5px 0 5px -5px rgba(0,0,0,.1);
}
.navbar-top-links li a{
    padding: 10px !important;
    min-height: 40px !important;
}
.minimalize-styl-2 {
    margin: 7px 5px 5px 20px;
}

ul.nav-second-level {
    background: transparent;
}

.navbar-fixed-top, .navbar-static-top {
    background: #f3f3f4;
}

/* breadcrumb-bg */
.breadcrumb-bg{
    box-shadow: inset 0 7px 9px -3px rgba(0, 0, 0, 0.15);
    background-color: #fff;
    color: #676a6c;
    /*background: url("/images/bg-banner.png") no-repeat;*/
}
.breadcrumb-bg .total{
    color: #EEE; /* #FEBBBC; */
}

.breadcrumb-bg .breadcrumb{
    background-color: transparent;
}

.breadcrumb-bg .breadcrumb .breadcrumb-item{
    color: #EEE; /* #FEBBBC; */
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #FEBBBC;
}

/* font size */
.fz-10{
    font-size: 10px;
}
.fz-11{
    font-size: 11px;
}
.fz-12{
    font-size: 12px;
}
.fz-14{
    font-size: 14px;
}
.fz-15{
    font-size: 15px;
}
.fz-16{
    font-size: 16px;
}
.fz-17{
    font-size: 17px;
}
.fz-18{
    font-size: 18px;
}
.fz-19{
    font-size: 18px;
}
.fz-20{
    font-size: 20px;
}

/* page */
#page-wrapper {
    padding-right: 0px;
    padding-left: 0px;
}

/* table sort by */
th a.icon-sort-by-asc,th a.icon-sort-by-desc  {
    padding-right: 18px;
    position: relative;
}
a.icon-sort-by-asc:before,
a.icon-sort-by-desc:after {
    border: 4px solid transparent;
    content: "";
    display: block;
    height: 0;
    right: 5px;
    top: 50%;
    position: absolute;
    width: 0;
}
a.icon-sort-by-asc:before {
    border-bottom-color: #666;
    margin-top: -9px;
}
a.icon-sort-by-desc:after {
    border-top-color: #666;
    margin-top: 1px;
}
a.input-order {
    border-bottom: 1px dashed #53b095;
    color: #676a6c;
}
a.input-order.icon-sort-by-desc , a.input-order.icon-sort-by-asc{
    color: #53b095;
}
a.icon-sort-by-desc:after{
    border-top-color: #53b095;
}
a.icon-sort-by-asc:before {
    border-bottom-color: #53b095;
}

.nav > li > a{
    font-weight: bold !important;
}
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ccc;
    opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ccc;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #ccc;
}

.nav > li > a {
    font-weight: 400;
}

.float-right{
    float: right!important;
}

.dropdown-item{
    padding: .4rem 1.5rem !important;
}

/* Breadcrumb */
.breadcrumb {
    color: #999;
}
.breadcrumb > .active{
    font-weight: bold;
}


/* TABLES */
.table-bordered {
    border: 1px solid #EBEBEB;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    background-color: #F5F5F6;
    border-bottom-width: 1px;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 1px solid #e7e7e7;
}
.table > thead > tr > th {
    border-bottom: 1px solid #DDDDDD;
    vertical-align: bottom;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-top: 1px solid #e7eaec;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: top;
}
td{
    font-family: Tahoma, Verdana, Segoe, sans-serif;
    font-size: 14px;
}
/* Table scrollable */
.table-scrollable {
    width: 100%;
    overflow-x: auto;
    overflow-y: scroll;
}

.table-scrollable thead tr th,
.table-scrollable tbody tr td {
    white-space: nowrap;
}

.table-scrollable tbody tr td.wrap {
    white-space: normal;
}
.table-scrollable .dropdown-menu{
    top: 25px !important;
}
.table-scrollable .dropdown-menu > li > a.font-bold {
    font-weight: 500;
}

/* Form */
.has-error .form-control-feedback, .help-block{
    color: #ff4136;
}
.has-success .form-control-feedback{
    color: #19a974;
}
.has-error .form-control-feedback,.has-success .form-control-feedback{
    position: absolute;
    right: 25px;
    text-align: center;
    top: 10px;
}
/* ibox */
.ibox-title{
    padding: 15px 15px 8px 15px;
}
.ibox-content.show{
    font-size: 14px;
}
/* index */
.total{
    color: #aaa;
    font-size: 14px;
    font-weight: 400;
}
.col-form-label{
    font-size: 14px !important;
}

.wrapper-content {
    padding: 10px 0px 40px;
}

@media (min-width: 768px) {
    .navbar-static-side {
        z-index: 2000;
        position: absolute;
        width: 220px;
    }
}
@media (min-width: 1200px){
    .form-group.row label{
       /*padding-top: 7px;*/
        margin-bottom: 0;
        text-align: right;
    }
}

@media screen and (max-width: 767px) {
    .wrapper-content {
        padding: 10px 0px 40px;
    }
    #page-wrapper{
        padding-right: 0px;
        padding-left: 0px;
    }
}