/* this page contains with custom css using in this website */


/* to prevent conflict, the class name must start with .cm-**** */

body {
    /* font-family: 'th_sarabun_newregular', 'th_sarabun_newbold';*/
    /* font-family: 'psl_kittithada_proregular', 'psl_kittithada_probold'; */
    font-family: 'psl_kittithada_probold';
    font-size: 14pt;
    color: rgb(27, 27, 27);
}

hr {
    margin-top: 7px;
    margin-bottom: 7px;
    border-top: 1px dashed;
}

.form-control-inline {
    display: inline;
    width: auto;
}

.border-hilight-left {
    border-left: solid 1px lightgray;
}


/* extend from template */


/* menu caption */

.sidenav>li>a {
    font-size: 18pt;
}

.swal-text {
    font-size: 16pt;
}


/* menu sub caption */

.sidenav-subnav>li>a {
    font-size: 16pt;
}

.padding-tb-2 {
    padding-top: 2px;
    padding-bottom: 2px;
}

.form-control {
    font-size: inherit;
    padding-left: 1px;
    padding-right: 1px;
    padding-bottom: 3px;
    padding-top: 2px;
    height: 28px;
}

.btn {
    font-size: inherit;
    /* padding-top: 3px;
    padding-bottom: 0px;
    padding-left: 7px;
    padding-right: 7px; */
}

.head_topic th {
    text-align: center;
}

.text-aligh-right {
    text-align: right;
}

.btn-xs {
    font-size: 15px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: -2px;
}

.auto-scroll {
    overflow: auto;
}

.datatable_filter {
    font-family: 'Tahoma';
    font-size: 12pt;
    color: red;
}

input[type="radio"] {
    margin-right: 0;
}

.text-number-hilight {
    color: red;
    font-weight: bold;
    /* font-size: 20pt;
    padding-top: 5px; */
}

.text-red {
    color: red;
}

.text-blue {
    color: blue;
}

.text-black {
    color: black;
}

.text-green {
    color: green;
}

.text-gray {
    color: gray;
}

.border-gray {
    border: solid 1px gray;
}

.text-yellow {
    color: yellow;
}

.text-white {
    color: white;
}

.text-bold {
    font-weight: bold;
}

.div-line-space {
    height: 4px;
}

.sub_title {
    width: 100%;
    text-align: left;
    background-color: lightgray;
    font-size: 15pt;
    height: 28px;
    padding-left: 6px;
}

.label {
    line-height: 0.8;
}


/* hilight radio, check box checked */


/* เอาออก เพราะว่าต้องการให้ เป็นสีน้ำเงิน กับสีแดง
input[type="checkbox"]:checked+label {
    color: red;
}

input[type="radio"]:checked+label {
    color: red;
}

input[type="checkbox"]:checked+label {
    color: red;
}
*/


/* title of page */

.card-align-center {
    margin: 0 auto;
    /* Added */
    float: none;
    /* Added */
    margin-bottom: 10px;
    /* Added */
}

.cm-page-title {
    font-size: 24pt;
    font-weight: bold;
}

.font-size-24 {
    font-size: 24pt;
}

.font-size-larger {
    font-size: larger;
}

.font-size-large {
    font-size: large;
}

.font-size-medium {
    font-size: medium;
}

.font-size-small {
    font-size: small;
}

.width100 {
    width: 100%;
}

.row {
    padding-top: 1px;
    padding-bottom: 1px;
}

@media only screen and (max-width: 667px) {
    .hide-if-mobile {
        display: none;
    }
}

@media only screen and (min-width: 668px) {
    .show-if-mobile {
        display: none;
    }
}

.display-none {
    display: none;
}

.cboMultiSelection_Button {
    height: 28px;
    padding-top: 0px;
    padding-bottom: 0px;
    /* font-size: medium; */
}

.multiselect-container {
    font-size: medium;
}

.table tr:hover {
    background-color: #ffff99;
}

.table tr:hover td {
    background-color: transparent;
    /* or #000 */
}

.table thead th {
    background-color: #f3f3f3;
    vertical-align: middle;
}

.table>thead>tr>th {
    /* override theme */
    vertical-align: middle;
    text-align: center;
}

#modal1_title {
    color: yellow;
}


/* ---- REMOVE TABLE TD SPACE ---- */


/** only for the head of the table. */

table.table thead th {
    padding: 2px;
}


/** only for the body of the table. */

table.table tbody td {
    padding: 2px;
}

td.text-right {
    padding-right: 4px !important;
}

.table-no-padding {
    padding: 0px;
}

.table-no-padding tr td {
    padding: 0px;
    margin: 0px;
    /* background-color: yellow; */
}

.table-grid-line tr td {
    border: solid 1px gray;
}

.table-color tbody tr:nth-child(odd):not(.bg-color-status-2) {
    /* alternate table row color */
    background-color: #FAE4E4;
    /* color: #fff; */
}

.table-color tbody tr:nth-child(even):not(.bg-color-status-2){
    /* alternate table row color */
    background-color: #F7CDCF;
    /* color: #fff; */
}

.table-color thead tr th {
    /* padding: 4px 2px; */
    color: black;
    /* border: solid 1px #c1c1c1; */
    font-weight: bold;
    /* font-size: 40pt; */
    background-image: url('/customer/bg_th.jpg');
    background-repeat: repeat-x;
    background-color: #FFCBD8;
}

.table-cell-border tbody tr td {
    border: solid 1px gray;
}

.table-find-option td:nth-child(even) {
    /* : not(ajax__calendar){*/
    padding-right: 20px;
}

.table-find-option td:nth-child(odd) {
    /* : not(ajax__calendar){*/
    padding-right: 10px;
}

.tr-summary {
    background-color: #FFC107;
    border-top: double 1px #e66a76;
    border-bottom: double 1px #e66a76;
}

.tr-summary td {
    font-weight: bolder;
}

.table thead tr th {
    /* padding: 4px 2px; */
    color: black;
    /* border: solid 1px #c1c1c1; */
    font-weight: bold;
    /* font-size: 40pt; */
    background-image: url('/customer/bg_th.jpg');
    background-repeat: repeat-x;
    background-color: #FFCBD8;
}

.tr-comp-hdr {
    background-image: url('/customer/bg_compth.jpg') !important;
    background-repeat: repeat-x;
    background-color: #c8faa2 !important;
}

.tr-comp-hdr-sub {
    background-color: #b7e991;
}

.tr-comp-dtl {
    background-color: #dcffc1;
}

.table tbody tr:hover {
    background-color: #ffff99;
}

.table tbody tr:hover td {
    background-color: transparent;
    /* or #000 */
}

.width-auto {
    width: auto;
}

.width-120 {
    width: 120px;
}

.width-80 {
    width: 80px;
}

.format-number {
    /* just for javascript check format number */
}

.format-decimal {
    /* just for javascript check format number */
}

.bg-graylight {
    background-color: #eeeeee;
}

.line_a {
    background-color: #9ADC6A;
    border-radius: 5px;
    border: solid 1px #7fb658;
    padding-left: 2px;
    padding-right: 2px;
}

.line_b {
    background-color: #D7A257;
    border-radius: 5px;
    border: solid 1px #b6894a;
    padding-left: 2px;
    padding-right: 2px;
}

.line_add{
    background-color: #bebebe;
    border-radius: 5px;
    border: solid 1px #858585;
    padding-left: 2px;
    padding-right: 2px;
    cursor: pointer;
}

.status_text_on {
    color: blue;
}

.status_text_off {
    color: red;
    text-align: left;
}

@media only screen and (max-width: 667px) {
    .status_text_off {
        min-width: 100px;
    }
}

.status_border_on {
    background-color: #DEEBF6;
    border-radius: 7px;
    border: solid 1px #9CC3E5;
    padding-left: 3px;
    padding-right: 3px;
}

.status_border_off {
    background-color: #FCE4D6;
    border-radius: 7px;
    border: solid 1px #F4B183;
    padding-left: 3px;
    padding-right: 3px;
}

.bg-color-status-0 {
    background-color: #AAAAAA;
}

.bg-color-status-2 {
    background-color: #CCCCCC;
}

.bg-color-odd {
    background-color: #FAE4E4;
}

.bg-color-even {
    background-color: #F7CDCF;
}


/* ---- END REMOVE TABLE TD SPACE ---- */


/* for sub uer permission */

.tr-bg-icon-database {
    background-color: #F8696B;
}

.tr-bg-icon-dollar {
    background-color: #FA9D75;
}

.tr-bg-icon-bar-chart-o {
    background-color: #FDD17F;
}

.tr-bg-icon-user {
    background-color: #E0E383;
}

.tr-bg-icon-database {
    background-color: #A2D07F;
}

.tr-bg-icon-cogs {
    background-color: #63BE7B;
}

.chk_take_share:checked+label {
    color: green;
}

.chk_take_share:not(:checked)+label {
    color: red;
}

input[type="checkbox"].chk_take_share+label {
    color: green;
}

input[type="checkbox"].chk_take_share:checked+label {
    color: red;
}

.ico_account_lock {
    color: rgb(102, 61, 0);
}

.box-show-ticket-details {
    /* max-height: 200px;
    overflow-y: auto; */
}

.tr-report td {
    font-family: tahoma;
    font-size: 8pt;
    line-height: 1px;
}

.datepicker-days {
    font-family: Tahoma;
}

.container-box {
    border: 1px solid lightgray;
    border-radius: 5px;
    padding: 5px;
    display: flex;
    width: auto;
    background: rgb(2, 0, 36);
    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(238, 238, 238, 1) 0%, rgba(255, 255, 255, 0.028448879551820738) 100%);
}

.container-box table {
    background-color: transparent;
}

.MixParlay {
    font-style: italic;
    font-size: -2;
    color: #FF0033;
    font-weight: bold;
}

.txt-calendar {
    width: 100px;
}

.team_tor {
    color: red !important;
}

.team_rong {
    color: blue !important;
}

.mnu-cas {
    color: yellow !important;
}

.p-warning {
    background-color: yellow;
    border: dashed 1px orange;
    border-radius: 5px;
    /* padding-left: 5px; */
    padding: 0px 5px 0px 5px;
    line-height: 20px;
    color: red;
}