:root {
    --dt-row-selected: 0, 128, 128;
}

body {
    font-family: 'CSChatThaiUI', SansSerif;
}

.wrapper .content-wrapper {
    min-height: calc(100vh - 50px);
}

/*************** General ***************/
.text-rabies {
    color: #019875 !important;
}

.navbar-rabies {
    background-color: #019875;
    color: #FFF;
}

.navbar-rabies .navbar-nav .nav-link {
    color: #FFF;
}

.main-sidebar .nav-item.active>.nav-link {
    background-color: #6c757d !important;
    color: #FFF;
}

.card-rabies:not(.card-outline)>.card-header {
    background-color: #019875;
    color: #FFF;
}

.btn-rabies {
    color: #fff;
    background-color: #019875;
    border-color: #019875;
    box-shadow: none;
}

.btn-rabies:hover {
    color: #fff !important;
    background-color: #017459 !important;
    border-color: #017459 !important;
}

.table-rabies > thead,
.table-rabies > tbody > tr > th{
    background-color: #019875 !important;
    color: #FFF !important;
}

.table-rabies > tbody > tr.table-group > th {
    background-color: #d7ece4 !important;
    color: #FFF !important;
}

.table-rabies > tbody > tr.table-group > th.text-red {
    color: #F82525 !important;
}

.table-rabies > tbody > tr.table-group > th.text-yellow {
    color: #F7AC08 !important;
}

.card-secondary:not(.card-outline) > .card-header {
    background-color: #6c757d;
}

.card-secondary:not(.card-outline) > .card-header,
.card-secondary:not(.card-outline) > .card-header a {
    color: #ffffff;
}

.card-secondary:not(.card-outline) > .card-header a.active {
    color: #1F2D3D;
}

.card-secondary.card-outline {
    border-top: 3px solid #6c757d;
}

.card-secondary.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.card-secondary.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #6c757d;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff !important;
    border-color: #017459 !important;
    background-color: #017459 !important;
    box-shadow: none !important;
}

.select2 {
    width:100% !important;
}

/***************************************/

.first-menu {
    padding: 1.7rem 0rem 0rem 0rem;
}

.title-text {
    width: 100% !important;
    text-align: left;
}

@media only screen and (max-width: 991px) {
    .title-text {
        width: 100% !important;
        text-align: center;
    }
}

.swal2-container {
    z-index: 30000;
}

.page-heading {
    border-left: 6px solid;
    padding-left: 15px;
}

button.modal-close {
    float: right;
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.modal-close {
    font-weight: 700;
    line-height: 2;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

#chart1 {
    width: 100%;
    height: 400px;
    font-size: 12px;
}

#chart2 {
    width: 100%;
    height: 400px;
    font-size: 14px;
}

#chart3 {
    width: 100%;
    height: 400px;
    font-size: 14px;
}

.tr-selected {
    background-color: #cdedf2 !important;
    cursor: pointer;
}

.btn-default {
    color: #fff;
    background-color: #1567ab;
    border-color: #1567ab;
    box-shadow: none;
}

.btn-default:hover {
    color: #fff;
    background-color: #104f83;
    border-color: #104f83;
}

.box-radius-left {
    border-radius: .3rem 0rem 0rem .3rem !important;
}

.box-radius-right {
    border-radius: 0rem .3rem .3rem 0rem !important;
}

.input-lostfocus:focus {
    outline: none;
    border: 1px solid #ced4da;
}

.sweetalert-inputbox {
    display: block !important;
    width: 100% !important;
    height: calc(2.25rem + 2px) !important;
    padding: .375rem .75rem !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #495057 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #ced4da !important;
    border-radius: .25rem !important;
    box-shadow: inset 0 0 0 transparent !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
}

.sweetalert-btn {
    color: #fff !important;
    background-color: #17a2b8 !important;
    border-color: #17a2b8 !important;
    box-shadow: none !important;
    font-weight: 400 !important;
    text-align: center !important;
    vertical-align: middle !important;
    user-select: none !important;
    border: 1px solid transparent !important;
    padding: .375rem 1.75rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    border-radius: .25rem !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
}

.sweetalert-btn:hover {
    color: #fff !important;
    background-color: #138496 !important;
    border-color: #117a8b !important;
}

.sweetalert-btn-secondary {
    color: #fff !important;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    box-shadow: none !important;
    font-weight: 400 !important;
    text-align: center !important;
    vertical-align: middle !important;
    user-select: none !important;
    border: 1px solid transparent !important;
    padding: .375rem 1.75rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    border-radius: .25rem !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
}

.sweetalert-btn-secondary:hover {
    color: #fff !important;
    background-color: #5a6268 !important;
    border-color: #545b62 !important;
}


/* Override */
.modal-footer {
    padding: 0.75rem 1.25rem !important;
    background-color: rgba(0, 0, 0, 0.03) !important;
}

.content-header {
    width: 98% !important;
}

.content-wrapper {
    padding-top: 10px !important;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
    background-color: #17a2b8 !important;
}

.page-item.active .page-link {
    background-color:  #019875;
    border-color:  #019875;
}

.page-link {
    color: #019875;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #019875 !important;
}

.monthselect {
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    box-shadow: inset 0 0 0 transparent;
    transition: border-color .15s;
    height: 25px !important;
}

.yearselect {
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    box-shadow: inset 0 0 0 transparent;
    transition: border-color .15s;
    height: 25px !important;
}

.daterangepicker {
    font-family: 'CSChatThaiUI', sans-serif !important;
}

.swal2-input[type=number] {
    max-width: 100% !important;
}

.main-header {
    box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.5) !important;
    border-bottom: 0px solid !important;
}

.content-wrapper {
    background: #d8dce3 !important;
}

.tx-normal-force {
    font-weight: 400 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #019875;
    color: #fff;
}

.select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #019875;
    color: #fff;
}

.select2-container *:focus {
   outline: none;
}

/*** Home Loading ***/
#home-loading {
    min-height: calc(100vh - 40px);
    background-color: #d8dce3 !important;
    transition: all .3s ease;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}
#home-loading .message {
    display: flex;
    align-items: center;
    border-radius: 0.475rem;
    box-shadow: 0 0 50px 0 rgba(82,63,105,.15);
    background-color: #fff;
    color: #7e8299;
    font-weight: 500;
    margin: 0!important;
    width: auto;
    padding: 0.85rem 1.75rem!important;
}

.d-none {
    display: none !important;
}

.text-red {
    color: #F82525;
}

.text-yellow {
    color: #F7AC08;
}

.text-green {
    color: #008080 !important;
}

.dt-column-title {
    color: #FFF !important;
}

.select2-container--default.select2-container--open .select2-selection--single {
    border-color: #019875 !important;
}

.select2-container--default .select2-dropdown .select2-search__field {
    border-color: #019875 !important;
}

.form-control:focus {
    border-color: #019875 !important;
}

.login-card-body .input-group .form-control:focus~.input-group-append .input-group-text {
    border-color: #019875 !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current {
    background: #008080 !important;
    box-shadow: #008080 0 1px 3px 0 inset !important;
    color: #fff !important;
    font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_calendar .xdsoft_date:hover{
    color: #fff !important;
    background-color: #80AF81 !important;
    box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    color: #fff;
    background: #80AF81 !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #80AF81 !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color:#fff !important;
}


.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    background: #008080 !important;
    box-shadow: #008080 0 1px 3px 0 inset !important;
    color: #fff;
    font-weight: 700;
}

.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #008080;
}