/* Loading Spinner */
.spinner {
    margin: 0;
    width: 70px;
    height: 18px;
    margin: -35px 0 0 -9px;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
}

.spinner > div {
    width: 18px;
    height: 18px;
    background-color: #333;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
    }
}

@keyframes bouncedelay {
    0%,
    80%,
    100% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }

    40% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}
.table {
    color: #000;
}
.table th,
.table td {
    font-weight: 600;
}
#page-header .user-account-btn > a.user-profile .glyph-icon,
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th {
    background-color: transparent;
}
body,
h1,
h2,
p,
.header-wrapper {
    font-family: "Sarabun", sans-serif;
}
.form-horizontal .form-group {
    margin-right: 0px;
    margin-left: 0px;
}
.dropdown-menu li > a,
.ui-menu li > a {
    border-bottom: 1px solid #dfdfdf;
    line-height: 25px;
}
.dropdown-menu li:last-child > a,
.ui-menu li:last-child > a {
    border-bottom: none;
}
#page-header .user-account-btn .dropdown-menu:after,
#page-header .user-account-btn .dropdown-menu:before {
    left: 25%;
    margin-left: 0;
}
.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover,
.dropdown-menu .active > a:focus {
    text-decoration: none;
}
#page-title h2 {
    padding: 0 0 7px 0;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th {
    color: #fff;
    text-align: center;
}
.tools .btn {
    font-size: 18px;
}
table.dataTable thead > tr > th.sorting:before,
table.dataTable thead > tr > th.sorting:after,
table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_asc:after,
table.dataTable thead > tr > th.sorting_desc:before,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > th.sorting_asc_disabled:before,
table.dataTable thead > tr > th.sorting_asc_disabled:after,
table.dataTable thead > tr > th.sorting_desc_disabled:before,
table.dataTable thead > tr > th.sorting_desc_disabled:after,
table.dataTable thead > tr > td.sorting:before,
table.dataTable thead > tr > td.sorting:after,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_asc:after,
table.dataTable thead > tr > td.sorting_desc:before,
table.dataTable thead > tr > td.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc_disabled:before,
table.dataTable thead > tr > td.sorting_asc_disabled:after,
table.dataTable thead > tr > td.sorting_desc_disabled:before,
table.dataTable thead > tr > td.sorting_desc_disabled:after {
    opacity: 0.5;
}
label.error {
    color: red;
}

.box-label {
    border: 1px solid #d2d2d2;
    margin-bottom: 35px;
}

.box-label .label-topic {
    top: -12px;
    left: 20px;
    position: absolute;
    padding: 0 10px;
    background-color: #fff;
}

.nav-tabs li a.active {
    color: #fff;
    background: #00bca4;
}
.dropdown-sub {
    position: relative;
}
.dropdown-sub-menu {
    position: absolute;
    left: 100%;
    background: #fff;
    top: 0;
    border-radius: 3px;
    border-color: #dfe8f1;
    box-shadow: 0 1px 7px 2px rgba(135, 158, 171, 0.2);
}
.dropdown-sub:first-child .dropdown-sub-menu {
    margin-top: -5px;
    padding-top: 5px;
}
.pad7A {
    padding: 7px !important;
}
.pad2T {
    padding-top: 2px !important;
}
.pad2L {
    padding-left: 2px !important;
}
.font-size-7 {
    font-size: 7px !important;
}
.font-size-8 {
    font-size: 8px !important;
}
.font-size-9 {
    font-size: 9px !important;
}
.select2-container--default .select2-selection--single {
    height: 36px;
    padding: 3px 6px;
    border: #dfe8f1 solid 1px;
}

table thead th.tools {
    position: sticky;
    top: 0;
    right: 0;
    background: #005cbf;
}

table tbody tr.odd td.tools {
    position: sticky;
    top: 0;
    right: 0;
    background: #ffffff;
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.1) !important;
}

table tbody tr.odd td {
    color: #000;
    background: #ffffff;
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.1) !important;
}

table tbody tr.even td {
    color: #000;
    background: #fefeff;
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.05) !important;
}

table tbody tr.even td.tools {
    position: sticky;
    top: 0;
    right: 0;
    background: #fefeff;
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.05) !important;
}