body {
    font-family: 'Pridi', sans-serif;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Pridi', sans-serif;
}
.logo-mini, .logo-lg {
	font-family: 'Pridi', sans-serif;
}

/* Sweet Alert */
.sweet-alert {
    font-family: 'Pridi', sans-serif;
}
.sa-button-container { 
    direction: rtl !important; 
}

/** Link **/
a {
    color: #076ACD;
}
a:hover {
    color: #054B95;
}

/* Body */
.content-wrapper {
    /*background-color: #E1EFF1 !important;*/
    background-image: url("../../../web/img/background.png") !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-size: 100% 100% !important;
}

/* Form */
form div.required label.control-label:after {
    content: " * ";
    color: red;
}

/* Table */
.index-table {
    background-color: #FFFFFF !important;
}
.table>thead>tr>th {
    background-color: #D8EFFE !important;
}

/** MODAL **/
.modal-header {
    color: #FFFFFF !important;
    background-color: #076ACD !important;
}
.modal-footer .form-group {
    margin-bottom: 1px;
}

/** SELECT2 **/
.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
    height: 34px !important;
    border-radius: 3px !important;
}

/*Navbar*/
.skin-red .main-header .navbar {
    background-image: linear-gradient(to right,#FF9527,#FF9527,#FF9527);
    background-color: #0000FF;
    box-shadow: 0 7px 14px 0 rgba(65,69,88,.1), 0 3px 6px 0 rgba(0,0,0,.07);
    background-size: 200%;
}
/*.skin-red .main-header .navbar-brand {
    background-color: #076ACD;
    color: #fff;
}
.skin-red .main-header .navbar-brand:hover {
    background-color: #054B95;
    color: #fff;
}*/
.skin-red .main-header .logo {
    background-color: #FF9527;
    color: #fff;
    border-bottom: 0 solid transparent;
}
.skin-red .main-header .logo:hover {
    background-color: #E58623;
}
.skin-red .main-header li.user-header {
    background-color: #FF9527;
    color: #fff
}
.skin-red .main-header .navbar .sidebar-toggle:hover {
    color: #fff;
    background-color: #E58623;
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {
    color: #fff;
}

/* Left */
.sidebar {
    /*background-color: #E1EFF1 !important;*/
    background-image: url("../../../web/img/sidebar.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100%;
}

.skin-red .user-panel {
    background: #E0E0E0;
}
.skin-red .user-panel>.info, .skin-red .user-panel>.info>a {
    color: #2E2E2E;
}
.skin-red .wrapper, .skin-red .main-sidebar, .skin-red .left-side {
    background-color: #E0E0E0;
    /* background: #F6F6F6; */ /* For browsers that do not support gradients */
    /* background: -webkit-linear-gradient(#000000 8%, #333333); */ /* For Safari 5.1 to 6.0 */
    /* background: -o-linear-gradient(#000000 8%, #333333); */ /* For Opera 11.1 to 12.0 */
    /* background: -moz-linear-gradient(#000000 8%, #333333); */ /* For Firefox 3.6 to 15 */
    /* background: linear-gradient(#000000 8%, #333333); */ /* Standard syntax */
}
.skin-red .sidebar-menu>li.header { /*headerในแถบเมนู*/
    font-weight: bold;
    color: #2E2E2E;
    background: #E0E0E0;
}
.skin-red .sidebar a { /*สีfont sidebar*/
/*    font-weight: bold;*/
    color: #2E2E2E;
    background: transparent;
}
.skin-red .sidebar-menu>li:hover>a, .skin-red .sidebar-menu>li.menu-open>a, .skin-red .sidebar-menu .treeview-menu>li>a:hover {
/*    font-weight: bold;*/
    color: #2E2E2E;
    background-color: #C8C8C8;
}
.skin-red .sidebar-menu>li.active>a { /*เมนูactive*/
/*    font-weight: bold;*/
    border-left-color: #FF9527;
    border-left-width: 4px;
    color: #2E2E2E;
    background-color: #C8C8C8;
}
.skin-red .sidebar-menu>li>a {
/*    font-weight: bold;*/
    color: #2E2E2E;
    border-left: 4px solid transparent;
}
.skin-red .sidebar-menu>li>.treeview-menu, .skin-red .sidebar-menu .treeview-menu>li>a {
    /*font-weight: bold;*/
    color: #849096;
    background-color: transparent;
}
.skin-red .sidebar-menu .treeview-menu>li.active>a, .skin-red .sidebar-menu .treeview-menu>li>a:hover {
    /*font-weight: bold;*/
    color: #2E2E2E;
    background-color: transparent;
}
.sidebar-menu>li>a {
    padding: 10px 5px 10px 15px !important;
}

/* Box */
.box.box-solid.box-primary>.box-header {
    color: #fff;
    background-color: #076ACD;
}
.box.box-solid.box-success>.box-header {
    color: #fff;
    background-color: #05AF54;
}
.box.box-solid.box-info>.box-header {
    color: #fff;
    background-color: #42A6F2;
}
.box.box-solid.box-danger>.box-header {
    color: #fff;
    background-color: #F23636;
}
.box.box-solid.box-warning>.box-header {
    color: #fff;
    background-color: #FF9427;
}
.box.box-solid.box-default>.box-header {
    color: #fff;
    background-color: #F8F9FA;
}

/* Buttons */
.btn-primary, .btn-primary:focus {
    color: #FFFFFF;
    background-color:#076ACD;
    outline: none;
    border: 1px solid transparent;
    border-color: #076ACD;
    transition: .5s;
}
.btn-primary:hover {
    color: #FFFFFF;
    background-color: #054B95;
    border: 1px solid transparent;
    border-color: #054B95;
}
.btn-success, .btn-success:focus {
    color: #FFFFFF;
    background-color:#05AF54 ;
    outline: none;
    border: 1px solid transparent;
    border-color: #05AF54;
    transition: .5s;
}
.btn-success:hover {
    color: #FFFFFF;
    background-color: #048440;
    border: 1px solid transparent;
    border-color: #048440;
}
.btn-info, .btn-info:focus {
    color: #FFFFFF;
    background-color:#42A6F2;
    outline: none;
    border: 1px solid transparent;
    border-color: #42A6F2;
    transition: .5s;
}
.btn-info:hover {
    color: #FFFFFF;
    background-color: #0781DF;
    border: 1px solid transparent;
    border-color: #0781DF;
}
.btn-danger, .btn-danger:focus {
    color: #FFFFFF;
    background-color:#F23636;
    outline: none;
    border: 1px solid transparent;
    border-color: #F23636;
    transition: .5s;
}
.btn-danger:hover {
    color: #FFFFFF;
    background-color: #D60E0E;
    border: 1px solid transparent;
    border-color: #D60E0E;
}
.btn-warning, .btn-warning:focus {
    color: #FFFFFF;
    background-color:#FF9427 ;
    outline: none;
    border: 1px solid transparent;
    border-color: #FF9427;
    transition: .5s;
}
.btn-warning:hover {
    color: #FFFFFF;
    background-color: #E58623;
    border: 1px solid transparent;
    border-color: #E58623;
}
.btn-default, .btn-default:focus {
    color: #44444A;
    background-color:#F8F9FA;
    outline: none;
    border: 1px solid transparent;
    border-color: #DDDDDD;
    transition: .5s;
}
.btn-default:hover {
    color: #44444A;
    background-color: #E9ECEF;
    border: 1px solid transparent;
    border-color: #ADADAD;
}

/* Outline Buttons */
.btn-outline-primary, .btn-outline-primary:focus {
    color: #076ACD;
    background-color:#E2F0FE;
    outline: none;
    border: 1px solid transparent;
    border-color: #076ACD;
    transition: .5s;
}
.btn-outline-primary:hover {
    color: #FFFFFF;
    background-color: #076ACD;
}
.btn-outline-success, .btn-outline-success:focus {
    color: #05AF54;
    background-color:#C7F1D1 ;
    outline: none;
    border: 1px solid transparent;
    border-color: #05AF54;
    transition: .5s;
}
.btn-outline-success:hover {
    color: #FFFFFF;
    background-color: #05AF54;
}
.btn-outline-info, .btn-outline-info:focus {
    color: #42A6F2;
    background-color:#E2F0FE;
    outline: none;
    border: 1px solid transparent;
    border-color: #42A6F2;
    transition: .5s;
}
.btn-outline-info:hover {
    color: #FFFFFF;
    background-color: #42A6F2;
}
.btn-outline-danger, .btn-outline-danger:focus {
    color: #F23636;
    background-color:#FCD9D6;
    outline: none;
    border: 1px solid transparent;
    border-color: #F23636;
    transition: .5s;
}
.btn-outline-danger:hover {
    color: #FFFFFF;
    background-color: #F23636;
}
.btn-outline-warning, .btn-outline-warning:focus {
    color: #FF9427;
    background-color:#FEF7E2 ;
    outline: none;
    border: 1px solid transparent;
    border-color: #FF9427;
    transition: .5s;
}
.btn-outline-warning:hover {
    color: #FFFFFF;
    background-color: #FF9427;
}
.btn-outline-default, .btn-outline-default:focus {
    color: #44444A;
    background-color:#F8F9FA;
    outline: none;
    border: 1px solid transparent;
    border-color: #DDDDDD;
    transition: .5s;
}
.btn-outline-default:hover {
    color: #44444A;
    background-color: #E9ECEF;
    border: 1px solid transparent;
    border-color: #ADADAD;
}

@media (max-width: 991px){
    .main-header .navbar-custom-menu a, .main-header .navbar-right a {
        color: inherit;
        /* background: transparent; */
    }
    a.btn.btn-primary{
        background-color: #076ACD;
    }
    a.btn.btn-success{
        background-color: #05AF54;
    }
    a.btn.btn-info{
        background-color: #42A6F2;
    }
    a.btn.btn-danger{
        background-color: #F23636;
    }
    a.btn.btn-warning{
        background-color: #FF9427;
    }
}

.mt-1 {
  margin-top: 1rem !important;
}
.mt-2 {
  margin-top: 2rem !important;
}
.mt-24 {
  margin-top: 2.4rem !important;
}

.mb-1 {
  margin-bottom: 1rem !important;
}
.mb-2 {
  margin-bottom: 2rem !important;
}