/* ############# THEME CUSTOM BY ME ############# */
.text-position-center {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99 !important;
    font-size: 20px;

}

.switch-font-role {
    font-size: 10px !important;
    top: -10px !important;
    margin-top: -6px !important;
}

.icon-switch-role {
    display: flex !important;
    justify-content: center !important;
    margin-top: -5px !important;
}

.error-lable {
    font-family: Kanit, sans-serif;
    text-align: center;
    color: #fd2222;
    background-color: rgba(255, 0, 0, .25);
    border-radius: 10px;
    padding: 5px;
    border: 1px solid rgba(248, 62, 62, .33);
}

.register-site {
    min-height: 530px !important;
    padding: 35px !important;
    border-radius: 5px !important;
    border: none !important;
    background: rgba(40, 57, 101, .9) !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 12px 15px 0px, rgba(0, 0, 0, 0.19) 0px 17px 50px 0px !important;
}

.login-site-text {
    font-weight: 100;
    border-bottom: 2px solid #1161ee;
    padding-bottom: 8px;
    /*border-color: #1161ee;*/
    width: 77px;
    margin-bottom: 15px;

}

.login-site {
    padding: 35px !important;
    border-radius: 5px !important;
    border: none !important;
    background: #1d1d1d69 !important;
    background: rgba(40, 57, 101, .9) !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 12px 15px 0px, rgba(0, 0, 0, 0.19) 0px 17px 50px 0px !important;
}

.span-circle-status {
    width: 12px;
    height: 12px;
    padding: 2px 4px;
    border-radius: 25px;
    font-size: 10px;
    line-height: 1;
    margin-right: 6px;
    display: inline-block;
}

.status-danger {
    background-color: #e74c3c;
    border-color: #e74c3c;
    color: #FFFFFF;
}

.status-success {
    background-color: #48bf7b;
    border-color: #48bf7b;
    color: #FFFFFF;
}

.status-success2 {
    background-color: #CDDC39;
    border-color: #CDDC39;
    color: #FFFFFF;
}

.status-warning {
    background-color: #ffb606;
    border-color: #ffb606;
    color: #FFFFFF;
}

.status-primary {
    background-color: #1161ee;
    border-color: #1161ee;
    color: #FFFFFF;
}

.status-primary2 {
    background-color: #9b59b6;
    border-color: #9b59b6;
    color: #FFFFFF;
}

.status-info {
    background-color: #3498db;
    border-color: #3498db;
    color: #FFFFFF;
}

.status-default {
    background-color: #b1b1b1;
    border-color: #b1b1b1;
    color: #FFFFFF;
}

.table-custom td, th, tr {
    padding: 10px !important
}

/* ############# END CUSTOM BY ME ############# */
/* ############# Search ############# */
.times {
    position: absolute;
    right: 50px;
    z-index: 99;
    top: 8px;
    display: block;
}

input.search-box:not(:valid) ~ .close-icon {
    display: none;
}

.times:hover {
    opacity: .7;
}

.icon-custom {
    font-size: 23px;
    color: #8a8686;
    font-weight: 600;
}

.clear-style-button {
    font-size: 25px;
    border: 0;
    padding: 0px;
    background-color: white;
    width: 50px;
}

.input-group {
    margin-bottom: 5px;
}

/* ############# End Search ############# */
/* ############# THEME Content ############# */
/*.color-line {
    background-color: #3ACF51 !important;
}*/

.fixed-navbar #header {
    z-index: 20 !important;
}

#side-menu li a {
    color: #6a6c6f;
    text-transform: inherit;
    font-weight: 700;
    padding: 15px 20px;
}

/*Slide bar เพิ่มความกว้าง*/
.fixed-small-header .content {
    padding-top: 0px;
}

#wrapper {
    margin: 0 0 0 200px;
}

.fixed-sidebar #menu {
    width: 220px !important;
}

.fixed-sidebar.show-sidebar #menu {
    width: 200px !important;
}

#logo {
    width: 200px !important;
}

body.page-small.show-sidebar #wrapper {
    margin-left: 200px;
}

/* ############# END THEME Content ############# */

/* ############# Modal modal ############# */
.modal-header {
    padding: 20px 30px !important;
}
div.modal-dialog > div.modal-content> div.color-line {
    background-color: #62cb31;
}
body.modal-open {
    position: relative !important;
}
/* ############# END Modal ############# */
/* ############# END Tab tab ############# */
.nav-tabs > li > a {
    border: 1px solid #e9e9e9 !important;
    background-color: #f7f9fa;
    border-bottom: none !important;
    border-top: 1px solid #e9e9e9 !important;
    height: 42px;
}

.nav-tabs > li a:hover {
    background-color: #f7f9fa !important;
    border: 1px solid #e9e9e9 !important;
    border-bottom: none !important;
    border-top: 1px solid #e9e9e9 !important;
    height: 42px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover {
    background-color: #fff !important;
    /*  border-top: 2px solid #ccc !important;*/
}

/* ############# END TAB tab ############# */
/* ############# btn button ############# */
.btn-input {
    font-size: 1.3em !important;
}

.btn-view {
    background-color: #F4F4F4 !important;
    border-color: #CCCCCC !important;
    color: #6E6E6E !important;
}

.btn-gray2 {
    color: #48bf7b !important;
    background-color: #fff7f7 !important;
    border-color: #cccccc78 !important;
    padding: 4px !important;
    padding-bottom: 1px !important;
    padding-top: 1px !important;
    border-radius: 50px !important;
    -webkit-box-shadow: 0px 0px 52px -13px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 52px -13px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 9px -4px rgba(0, 0, 0, 0.75);
}

/*button*/
.btn-log-in {
    color: #FFFFFF !important;
    font-size: 16px !important;
    border: none !important;
    padding: 10px !important;

    background-image: linear-gradient(to top right, #156eac, #55b8e3) !important;
}

.btn-custom-2 {
    padding: 2px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 2px;
    opacity: 0.9;
    display: block;
    width: 100%;
}

.btn-success-2 {
    color: #FFFFFF !important;
    background-color: #62cb31;
    border: 1px solid #62cb31;
}

.btn-danger-2 {
    color: #FFFFFF !important;
    background-color: #c0392b;
    border: 1px solid #c0392b;
}

.btn-primary-2 {
    color: #FFFFFF !important;
    background-color: #34495e;
    border: 1px solid #34495e;
}

.btn-warning-2 {
    color: #FFFFFF !important;
    background-color: #ffb606;
    border: 1px solid #ffb606;
}

.btn-default-2 {
    color: #333;
    background-color: #f8f9fa;
    border: 1px solid #f8f9fa;
}

.btn-info-2 {
    color: #fff;
    background-color: #3498db;
    border: 1px solid #3498db;
}

.btn-secondary-2 {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-dark-2 {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-gray2 {
    color: #48bf7b;
    background-color: #fff7f7;
    border-color: #cccccc78;
    padding: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
    border-radius: 50px;
    -webkit-box-shadow: 0px 0px 52px -13px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 52px -13px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 9px -4px rgba(0, 0, 0, 0.75);
}

/* ############# END btn button ############# */
/* ############# OTHER BOX BORDER ############# */
.box-upload {
    clear: both;
    margin: 0px 10px;
    border: solid 1px #9393931a;
    border-radius: 10px;
    background-color: #f7f7f745;
    padding: 20px 20px 0px 20px;
}

.border-info {
    border: 1px solid #e4f2ff;
    background-color: #f7fbff;
    padding: 10px;
    margin: 10px 1px;
    border-radius: 5px
}

.border-gray {
    border: 1px solid #eeeeee;
    background-color: #f7f9fa;
    padding: 10px;
    margin: 10px 1px;
    border-radius: 5px;
}

.table.border-card > thead > tr > td {
    padding: 2px;
}

.table.border-card {
    margin-bottom: 0px;
}

.table-hover > tbody > tr:hover {
    background-color: #f8fcfc !important;
}

/* ############# END ASIDE ############# */
/* ############# check box CHECKBOX ############# */
/*.checkbox label::after{
    padding-top: 0px !important;
}*/
.checkbox input[type="checkbox"] {
    margin-left: -20px !important;;
    width: 17px !important;;
    height: 14px !important;;
}

/*thead > tr > th > div.checkbox label::after{
    margin-top: -6px !important;
}*/
/*.checkbox-table-top {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}*/
/*.checkbox label {
    padding-left: 2px !important;
}*/

/* ############# END check box CHECKBOX ############# */
/* ############# Form Input Select Kartik ############# */
.select2-container--krajee .select2-selection--multiple .select2-selection__choice__remove{
    margin: 0 0 3px 3px !important;
}
.has-error.select2-container--krajee .select2-dropdown, .has-error .select2-container--krajee .select2-selection{
    border-color: #d62c1a !important;
}
.select2-selection__rendered {
    width: 95% !important;
}
.select2-container--krajee .select2-selection--single .select2-selection__clear {
    right: 4rem !important;
   /* right: auto !important;*/
    top: auto !important;
    margin-right: 3px;
}
.select2-container--krajee .select2-selection--single .select2-selection__arrow{
    border-left: 1px solid #e8dddd !important;
    height: 38px !important;
}
.select2-container--krajee .select2-selection{
    box-shadow: none !important;
}
.bootstrap-timepicker input{
    border-top-right-radius: 0rem !important;
    border-bottom-right-radius: 0rem !important;
}
input#payment-time {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

input#search_global {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.form-control:focus {
    box-shadow: 0 0 0 0.28rem rgba(0, 123, 255, .25) !important;
}

.form-control {
    margin-bottom: 5px;
    border-radius: 5px !important;
    padding: 18px !important;
    /* border: 1px solid #b2b2b2;*/
    background-color: #ffffff !important;
    font-size: 16px !important;
    /*  margin-bottom: 5px !important;*/
    background-clip: padding-box !important;
    border: 1px solid #b2b2b2 !important;
    /*  border-radius: .25rem;*/
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
}

.select2-container--krajee.select2-container--disabled .select2-selection {
    background-color: #eeeeee !important;
}

span.select2-selection.select2-selection--single {
    border-radius: 5px !important;
    border: 1px solid #e4e5e7; /*!important*/
    font-size: 16px !important;
    height: 38px;
    padding-left: 10px;
    margin-bottom: 5px;
}

.select2-selection__arrow {
    margin-right: 10px;
}

.select2-container--krajee .select2-selection {
    background-color: #ffffff !important;
}

/*select2-multiple*/
span.select2-selection.select2-selection--multiple {
    border-radius: 5px !important;
    font-size: 16px !important;
    color: #9a9a9a !important;
    padding: 2px;
    border: 1px solid #ced4da !important;
}

/*Date picker*/
/*span.input-group-addon.kv-date-picker {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-bottom: 1px solid #999;
}
span.input-group-addon.kv-date-remove{
    border-bottom: 1px solid #999;
    border-top: 1px solid #999;
    !*border-right: 1px solid #999 !important;*!
}
span.input-group-addon.kv-date-remove {
    border-left: none;
   !* border-right: 1px solid #9E9E9E !important;*!
}*/
.input-group .form-control:last-child {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

/*form error*/
.has-error .form-control:focus {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483 !important;
}

.has-success .form-control:focus {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168 !important;
}

/* ############# END Form ############# */
/* ############# TABLE ############# */

.hidden_row td {
    display: none;
}

.bored {
    background-color: #eaf6f552 !important;
}

.cow-info td {
    padding: 5px !important;
}

.table > tbody > tr > td {
    padding: 8px !important;
}

.table {
    margin-bottom: 10px;
    font-size: 14px !important;
}

.table-custom-header { /*#ebeff2*/
    border-bottom: 2px solid #ebeff2 !important;
    background: #ffffff !important;
    /*  background: #dfdfdfbf;*/
    font-size: 14px !important;
    /* background: #ebeff2;*/
}

td {
    vertical-align: middle !important;
}

th {
    line-height: 20px !important;
}

table tr:last-child th:first-child {
    border-top-left-radius: 10px !important;
}

table tr:last-child th:last-child {
    border-top-right-radius: 10px !important;
}

.table-line-body {
    /* border: 1px solid #ddd !important;*/
    border-bottom: 1px solid #ddd !important;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #eaf6f552 !important;
}

.table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
    padding: 15px;
}

.table-bg-info {
    background-color: aliceblue;
}

.table-bg-danger {
    background-color: #fff0f0;
}

.table-bg-success {
    background-color: honeydew;
}

/* ############# END TABLE  ############# */
/* ############# START SWEET ALERT ############# */
/*.swal2-popup {*/
/*width: 42em !important;*/
/*padding: 2.0em !important;*/
/*}*/

/*.swal2-popup .swal2-content {*/
/*font-size: 1.625em !important;*/
/*margin-bottom: 10px !important;*/
/*}*/

/*.swal2-popup .swal2-title {*/
/*font-size: 2.175em !important;*/
/*}*/

/*.swal2-popup .swal2-styled.swal2-confirm {*/
/*font-size: 1.325em !important;*/
/*}*/

/*.swal2-icon.swal2-warning, .swal2-error {*/
/*width: 7em !important;*/
/*height: 7em !important;*/
/*line-height: 7em !important;*/
/*}*/

/*.swal2-icon.swal2-success {*/
/*margin: 2.25em auto 2.875em !important;*/
/*}*/

/*.swal2-popup .swal2-styled.swal2-cancel {*/
/*font-size: 1.325em !important;*/
/*}*/

/*.swal2-icon.swal2-error [class^='swal2-x-mark-line'] {*/
/*top: 3.3125em !important;*/
/*width: 4.9375em !important;*/
/*height: .3125em !important;*/
/*}*/

/*.swal2-icon.swal2-success .swal2-success-ring {*/
/*top: -1.25em !important;*/
/*left: -1.25em !important;*/
/*width: 70px !important;*/
/*height: 70px !important;*/
/*border: .25em solid rgba(165, 220, 134, 0.57) !important;*/
/*border-radius: 50% !important;*/
/*}*/
/*-------------xxxx-------------*/
/*.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{
    top: 3.375em !important;
    right: .5em !important;
    width: 3.9375em !important;
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{
    top: 4.0em !important;
    left: 1.775em !important;
    width: 1.5625em !important;
}
.swal2-icon.swal2-success .swal2-success-ring{
    border: .25em solid rgb(165, 220, 134) !important;
}*/
/*-------------xxxx------------*/
/* ############# END SWEET ALERT ############# */
/* #############  grade ############# */
.grade-A {
    padding: 10px;
    font-weight: 600;
    /* font-size: 26px;*/
    background-color: #61d800;
    border-radius: 10px;
    color: white;
    margin: 22px;
    width: 80%;
}

.grade-B {
    padding: 10px;
    font-weight: 600;
    font-size: 26px;
    background-color: #ebc142;
    border-radius: 10px;
    color: white;
    margin: 22px;
    width: 80%;
}

.grade-C {
    padding: 10px;
    font-weight: 600;
    font-size: 26px;
    background-color: #cb2a2a;
    border-radius: 10px;
    color: white;
    margin: 22px;
    width: 80%;
}

.text-dark-two {
    color: #646464;
}

.item-center-justify {
    text-align: center;
    justify-content: center;
    display: flex;
}

.row-form {
    padding: 15px
}

/*border*/

/* border grade */

.border-right-dash {
    border-right: 2px dashed #cdcdcd;
}

.border-right-dash-muted {
    border-right: 2px dashed #c0c1c9;
}

@media only screen and (max-width: 1151px) {
    .border-right-dash {
        border-right: none;
    }
}

/* ############# END grade ############# */
/* ############# custom icon ############# */
/*icon*/
.custom-icon {
    font-size: 20px;
    vertical-align: middle;
    font-weight: bold;
}

.text-icon {
    padding-left: 10px;
    font-size: 12.5px;
}

li > a > div.img-icon-project-approve {
    content: url("../img/icon-aside/project-approve.png");
    margin-right: 10px;
    width: 23px;
    float: left;
}

li > a > div.img-icon-approve {
    content: url("../img/icon-aside/approve.png");
    margin-right: 10px;
    width: 23px;
    float: left;
}

.navigation > ul > li > a:hover > div.img-icon-cow {
    content: url("../img/icon-aside/cow-white.png");
    margin-right: 10px;
    width: 23px;
    float: left;
}

li > a > div.img-icon-history {
    content: url("../img/icon-aside/history.png");
    margin-right: 10px;
    width: 23px;
    float: left;
}

li > a > div.img-icon-cow {
    content: url("../img/icon-aside/cow.png");
    margin-right: 10px;
    width: 23px;
    float: left;
}

.navigation > ul > li > a:hover > div.img-icon-analysis {
    content: url("../img/icon-aside/analysis-white.png");
    margin-right: 10px;
    width: 23px;
    float: left;
}

li > a > div.img-icon-analysis {
    content: url("../img/icon-aside/analysis.png");
    margin-right: 10px;
    width: 23px;
    float: left;
}

.navigation > ul > li > a:hover > div.img-icon-man {
    content: url("../img/icon-aside/man-white.png");
    margin-right: 10px;
    width: 23px;
    float: left;
}

li > a > div.img-icon-man {
    content: url("../img/icon-aside/man.png");
    margin-right: 10px;
    width: 23px;
    float: left;
}

.navigation > ul > li > a:hover > div.img-icon-cooperative {
    content: url("../img/icon-aside/cooperative-white.png");
    margin-right: 10px;
    width: 23px;
    float: left;
}

li > a > div.img-icon-cooperative {
    content: url("../img/icon-aside/cooperative.png");
    margin-right: 10px;
    width: 23px;
    float: left;
}

.navigation > ul > li > a:hover > div.img-icon-project-correct {
    content: url("../img/icon-aside/project-farm-white.png");
    margin-right: 10px;
    width: 23px;
    float: left;
}

li > a > div.img-icon-project-correct {
    content: url("../img/icon-aside/project-farm.png");
    margin-right: 10px;
    width: 23px;
    float: left;
}

.navigation > ul > li > a:hover > div.img-icon-project {
    content: url("../img/icon-aside/project-white.png");
    margin-right: 10px;
    width: 23px;
    float: left;
}

li > a > div.img-icon-project {
    content: url("../img/icon-aside/project.png");
    margin-right: 10px;
    width: 23px;
    float: left;
}

.navigation > ul > li > a:hover > div.img-icon-sale {
    content: url("../img/icon-aside/finance-white.png");
    margin-right: 10px;
    width: 23px;
    float: left;
}

li > a > div.img-icon-sale {
    content: url("../img/icon-aside/finance.png");
    margin-right: 10px;
    width: 23px;
    float: left;
}

li > a > div.img-icon-cow_sale {
    content: url("../img/icon-aside/sale_cow.png");
    margin-right: 10px;
    width: 23px;
    float: left;
}

.width-30 {
    width: 30px !important;
}

/*icon aside*/
div.img-icon-cow {
    content: url("../img/icon-aside/cow-white.png");
    margin-right: 10px;
    width: 23px;
    float: left;
}

div.img-icon-farmer {
    content: url("../img/icon-aside/farmer.png");
    margin-right: 10px;
    width: 23px;
    float: left;
}

div.img-icon-vaccine {
    content: url("../img/icon-aside/vaccine.png");
    margin-right: 10px;
    width: 23px;
    float: left;
}

div.img-icon-weight {
    content: url("../img/icon-aside/weight.png");
    margin-right: 10px;
    width: 23px;
    float: left;
}

div.img-icon-cooperative {
    content: url("../img/icon-aside/cooperative-white.png");
    margin-right: 10px;
    width: 23px;
    float: left;
}

/* ############# END icon ############# */
/* ############# breadcrumb ############# */
.breadcrumb {
    background-color: #f5f5f500 !important;
}

h3.this-title.text-green {
    margin: 0px;
}

ol.breadcrumb {
    padding-left: 0px;
    margin-bottom: 5px;
}

/* ############# END breadcrumb ############# */
/* #############  panel ############# */
.hpanel.hgreen-ku .panel-body {
    border-top: 2px solid #3ea6a1;
}

.widget-card-green {
    /* background: repeating-linear-gradient( 45deg, transparent, transparent 1px, #4CAF50 1px, #a8d376 40px ),linear-gradient( to bottom, #848484, #848484 ) !important;*/
    /*   background: repeating-linear-gradient( 45deg, #312d2d00, #100d0d00 0px, #92d147 0px, #8BC34A 40px ),linear-gradient( to bottom, #76b829, #1eb0a2 ) !important;*/
    background: repeating-linear-gradient(45deg, #312d2d00, #100d0d00 0px, #148480 0px, #1e8a85 40px), linear-gradient(to bottom, #5d951c, #1eb0a2) !important;
    color: #fff;
    border: none;
}

/* ############# end panel ############# */
/* ############# alert panel ############# */
.alert-custom-gray {
    color: #3c763d;
    background-color: #f7f8f7;
}

/* ############# End alert ############# */
/* ############ MEDIA ################## */
@media (max-width: 768px) {
    .margin-top {
        margin-top: 40px !important;
    }

    .margin-top-50 {
        margin-top: 50px !important;
    }
}

/* ############## MEDIA ############### */
/* ############## Dropdow ############### */
.dropdown-menu > li > a {
    padding: 10px !important;
}

/* ############## end Dropdow ############### */
/* ############## start Label ############### */
.label {
    font-size: 90% !important;
    font-weight: 100 !important;
    padding: .5em .6em .5em !important;
}
.label2 {
    font-size: 90% !important;
    font-weight: 100 !important;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.label-small{
    padding: .2em .3em .3em !important;
    margin-left: 2px !important;
    margin-top: 5px !important;
}
/* ############## end Label ############### */
/* ############## start alert kartik ############### */
.bootstrap-dialog.type-warning .modal-header {
    background-color: #62cb31 !important;
}

.btn-warning {
    background-color: #62cb31 !important;
    border-color: #62cb31 !important;
    color: #FFFFFF;
}

/* ############## end alert kartik  ############### */
/* ############## start Img  ############### */
.img-profile {
    max-width: 100%!important;
    height: 120px!important;
    width: 120px!important;
    padding: 3px!important;
    margin-top: 10px!important;
    margin-bottom: 10px!important;
}

/* ############## end Img  ############### */
/* ############## Start Full Calendar  ############### */
/*.fc-popover.fc-more-popover {
    overflow: scroll !important;
    height: 500px !important;
}*/
.fc-body.fc-widget-content {
    overflow: scroll !important;
    height: 500px;
}
.fc-unthemed .fc-popover .fc-header {
    background: #62cb31 !important;
    color: white;
    font-size: 15px;
}
.fc-icon-x:after {
    content: "\D7";
    font-size: 250%;
    top: 6%;
    color: white;
}
.fc-popover .fc-header {
    padding: 4px 4px;
}
.fc-unthemed .fc-popover {
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
}
a.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end {
    margin-bottom: 5px !important;
    margin-left: 5px;
    margin-right: 5px;
}
.fc-toolbar .fc-state-active {
    z-index: 1 !important;
}
.fc-more-popover .fc-event-container{
    padding: 10px 4px !important;
}
.loader {
/*    border: 10px solid #dadada;
    border-radius: 50%;
    border-top: 10px solid #3498db;
    width: 100px;
    height: 100px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: fixed;
    z-index: 9999;
    top: 400px;*/
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #62cb31;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    position: fixed;
    z-index: 9999;
    top: 410px;
}

/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* ############## end Full Calendar  ############### */
/* ############## Start Text   ############### */
.font-text-info{
    font-size: 16px !important;
}
/* ############## End Text  ############### */
/* ############## Start Popover   ############### */
.popover-title,.popover-content{
    font-family: 'Bai Jamjuree' !important;
}
/* ############## End Popover  ############### */
/* ############## Start Tour  ############### */
.tour-backdrop{
    opacity: .3 !important;
}
.popover-title {
    padding: 9px 14px !important;
    margin: -1.5px !important;
    font-size: 14px !important;
    margin-top: -1.5px !important;
    background-color: #62cb31 !important;
    border: 1px solid #62cb31 !important;
    border-bottom: none !important;
    border-radius: 5px 5px 0 0 !important;
    color: white !important;
}
.popover{
    border: 1px solid rgb(255 255 255 / 0%)!important;
   /* border-bottom: 1px solid rgba(0, 0, 0, .2) !important;
    border-left: 1px solid rgba(0, 0, 0, .2) !important;
    border-right: 1px solid rgba(0, 0, 0, .2) !important;*/
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2) !important;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2) !important;
}
.popover.bottom > .arrow:after{
    border-bottom-color: #62cb31 !important;
}
.popover.bottom > .arrow{
    border-bottom-color: rgb(57 57 57 / 6%) !important;
}
.popover.left > .arrow{
    top: 18px !important;
}
.popover.left > .arrow:after{
    border-left-color: #62cb31 !important;
}
/* ############## End Tour  ############### */

.font-assess{
    font-size: 13px;
}