@import url("icon/font-awesome.css");
/* @font-face {
  font-family: 'FontAwesome';
  src: url('../icon/fonts/fontawesome-webfont.eot?v=4.6.1');
  src: url('../icon/fonts/fontawesome-webfont.eot?#iefix&v=4.6.1') format('embedded-opentype'), 
  url('../icon/fonts/fontawesome-webfont.woff2?v=4.6.1') format('woff2'), 
  url('../icon/fonts/fontawesome-webfont.woff?v=4.6.1') format('woff'), 
  url('../icon/fonts/fontawesome-webfont.ttf?v=4.6.1') format('truetype'), 
  url('../icon/fonts/fontawesome-webfont.svg?v=4.6.1#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
} */

@font-face {
    font-family: 'Sarabun';
    src: url('../fonts/Sarabun-Regular.woff2') format('woff2'),
        url('../fonts/Sarabun-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    font-size: 14px !important;
    font-family: 'Sarabun', sans-serif;
}

.breadcrumb>li+li::before {
    display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
    padding-right: .5rem !important;
    padding-left: .5rem !important;
    color: #818a91;
    content: "\f101" !important;
}

.min-h{
    min-height: 400px;
}
.div-border .set-layout-blog{
    border: 1px solid #CCC;
}
.img-theme-height{
    height: 250px;
    overflow: hidden;
}
.table a{

    color: #555;
}
.cursor-move{
    cursor: move;
}
.middle-align{
    text-align: middle;
}
.form-horizontal .control-label {
    margin-bottom: 0;
    text-align: right !important;
}
.head-menu{
    font-size: 15px;
    color: #515151;
    padding-left: 15px;
    font-weight: bold;
}
.head-li{
    margin-top: 10px;
    padding-bottom: 10px;
}
.navbar-static-side ul li.user-panel .info {
    float: left;
    padding: 15px 15px 5px 15px;
    color: #FFF;
}
.icon-flag{
    width: 8%;
}
.icon-search{
    font-size: 32px;
}
.top-head{
    margin-top: 10px;
}
.table-magin{
    margin-left: 5px;
    margin-right: 5px;
}
/* color-icon */
.icon-red{
    color: red;
}
.icon-blue{
    color: #3498DB;
}
.icon-green{
    color: green;
}

.pagination li a {
    color: #484848;
}

/* Template Color */
#topbar .topbar-main {
    display: block;
    height: 100%;
    background: #3A6F9F none repeat scroll 0% 0%;
}
#topbar .navbar-header {
    background: #3A6F9F none repeat scroll 0% 0%;
}
#sidebar {
    background: #FAFAFA none repeat scroll 0% 0%;
    border-right: 1px solid #DDD;
}
.navbar-static-side ul li {
    border-bottom:none;
}
.navbar-static-side ul li a {
    color: #7D7D7D;
}
.navbar-static-side ul li.user-panel .info {
    float: left;
    padding: 15px 15px 5px;
    color: #565656;
}
.navbar-static-side ul li a:hover, .navbar-static-side ul li a:focus {
    background: #3A6F9F none repeat scroll 0 0;
    outline: medium none;
    color: #FFF;
    transition: all 0.2s ease-in-out 0s;
}

.navbar-static-side ul li.user-panel .info:hover{
    color: #fff;
}

.navbar-static-side ul li a:hover .info p .navbar-static-side ul li a:focus .info p{
    color: #fff !important;
}

.navbar-static-side ul li.active a {
    background: #3A6F9F none repeat scroll 0 0;
    outline: medium none;
    color: #fff;
}
.navbar-static-side ul li .nav-second-level li a {
    padding: 14px 14px 14px 35px;
    background: #FAFAFA none repeat scroll 0% 0%;
    color: #808080;
}
.navbar-static-side ul li .nav-second-level li a:hover {
    color: #3A6F9F;
}
.navbar-static-side ul li .nav-second-level li {
    border-bottom:none;
}
#topbar .navbar-top-links ul.dropdown-messages li p {
    background: #3A6F9F none repeat scroll 0% 0%;
}
#footer {
    background-color: #3A6F9F;
}
#sum_box .db:hover {
    border: 2px solid #fff;
    background-color: #3A6F9F;
    color: #fff;
}
.panel.panel-primary > .panel-heading {
    color: #FFF;
    background: #3A6F9F none repeat scroll 0% 0%;
    border-color: #3A6F9F !important;
}
.btn-green {
    color: #FFF;
    background-color: #12AE46;
    border-color: #039232;
}
.pagination li.active a {
    color: #FFF;
    background: #3A6F9F none repeat scroll 0% 0%;
    z-index: 2;
    cursor: default;
}
.pagination li.active a {
    border-color: #3A6F9F;
}
a:hover {
    color: #3A6F9F;
    text-decoration: none;
}

.wizard > .steps > ul > li {
    width: 20%;
}
.wizard > .content {
    min-height: 26em;
}
.view-report li{
    margin-bottom: 5px;
    list-style: none;
}
.slimScrollDiv {
    float: none;
}

#nestable2 .dd-handle {
    color: #FFF;
    border: 1px solid #005607;
    background: rgba(0, 171, 14, 0.87) none repeat scroll 0% 0%;
}
#nestable2 .dd-handle:hover {
    color: #000;
    border: 1px solid #005607;
    background: rgba(0, 171, 14, 0.50) none repeat scroll 0% 0%;
}
thead ,
thead a{
    color: #FFF !important;
    background-color: #3A6F9F !important;
}
#page-wrapper {
    background-color: #EDEBEB;
}
.pr{
    padding-right: 0;
}
.pl{
    padding-left: 0;
}
.modal {
    top: 50px;
}
.form-horizontal .control-label {
    text-align: left;
    padding-left: 0;
}
.remove{
    float: right;
}
.accodian-per{
    background-color: rgb(104, 181, 248);
    border: 1px solid #929292 !important;
    color: #292929;
    font-weight: bold;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.accodian-per:hover{
    background-color: #9ED2FF;
    border: 1px solid #929292 !important;
    color: #292929;
}
.modal-backdrop{
    z-index: 7;
}
.modal{
    z-index: 8;
}
.has-switch label{
    z-index: 6;
}
#wrapper {
    background-color: #FFF;
}
.image-preview-input {
    position: relative;
    overflow: hidden;
    margin: 0;
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.image-preview-input input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.image-preview-input-title {
    margin-left:2px;
}
.input-daterange input {
    text-align: left;
}
.form-actions{
    padding-top: 0;
}

.sidebar-collapse::-webkit-scrollbar {
  width: 5px;
}

.sidebar-collapse::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.sidebar-collapse::-webkit-scrollbar-thumb {
  background: #D9D9D9 ;
}

.sidebar-collapse::-webkit-scrollbar-thumb:hover {
  background: #3A6F9F ;
}


@media (min-width: 768px){
    .sidebar-collapse {
        display: block;
        overflow-x: hidden !important;
        max-height: calc(100vh);
        min-height: calc(100vh);
    }
}