/* Minification failed. Returning unminified contents.
(252,73): run-time error CSS1046: Expect comma, found '255'
(252,81): run-time error CSS1046: Expect comma, found '/'
 */
/*handson*/
body .handsontable .colorized {
    background: #DCEDC8;
}

.handsontable th, td {
    font-size: 0.8rem;
}

.handsontable .htDimmed {
    color: #1C2833;
    background-color: #f3f3f3;
}

.handsontable .currentRow:not(.htDimmed) {
    background-color: rgba(211, 251, 218,0.3);
}

.handsontable .currentCol {
    background-color: #eefdf1;
    
}

.handsontable th {
    background-color: #e2f4fd;
}

.handsontable thead th.ht__highlight {
    background-color:  #e0f5e4;
}

.handsontable .currentRow {
    background-color: #e9f8ff;
}

.handsontable .htDimmed {
    color: #1C2833;
    background-color: #f1f9fc;
}

.handsontable th, .handsontable td {
    border-right: 1px solid #cfdce8;
    border-bottom: 1px solid #cfdce8;
}

.handsontable tr:first-child th, .handsontable tr:first-child td {
    border-top: 1px solid #cfdce8;
}

.handsontable th:first-child, .handsontable th:nth-child(2), .handsontable td:first-of-type, .handsontable .htNoFrame + th, .handsontable .htNoFrame + td {
    border-left: 1px solid #cfdce8;
}

.handsontable th:last-child {
    border-right: 1px solid #cfdce8;
    border-bottom: 1px solid #cfdce8;
}





.ui-button {
    color: #000000;
    background-color: #e0e9f5;
    border-color: #a4bed4;
    vertical-align: middle;
    padding: 0.2rem 0.5rem;
    font-size: small !important;
}

.ui-dialog .ui-dialog-content {
    /*        background-color: #ffdcec; pink*/
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    /*        color: #000bde; blue*/
}




.btn-info:hover {
    color: #fff;
    /*background-color: #151965;
    border-color: #151965;*/
    background-color: #151965;
    border-color: #151965;
}
/*etc*/
.btn-info:focus, .btn-info.focus {
    color: #fff;
    /*background-color: #151965;
    border-color: #151965;*/
    background-color: #151965;
    border-color: #080A28;
    box-shadow: 0 0 0 0.1rem rgba(38, 154, 188, 0.5);
}

.btn-info:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #151965;
    border-color: #080A28;
    box-shadow: 0 0 0 0.1rem rgba(60, 137, 232, 0.5);
}

.btn:focus {
    box-shadow: 0 0 0 0.1rem rgba(38, 154, 188, 0.5) !important;
}

#btnAdd:hover:not(.disabled) {
    color: #fff;
    background-color: #151965;
    border-color: #080A28;
}

#btnAdd {
    color: #151965;
    background-color: #fff;
    border: 1px solid #080A28;
}
/*header*/
/*.jqx-widget-header {
    border-color: #cfdce8 !important;
    background: #e6f0fb !important;
}*/

.jqx-widget-header {
    border-color: #cfdce8 !important;
    background: #e2f4fd !important;
}

.jqx-fill-state-pressed {
    /* background: #fdfaf0 !important; */
    /*background: #fffabf !important;*/
    background: #e0f5e4 ;
}

.jqx-fill-state-hover {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border-color: #999;
    background: #d0f4ff;
}

.jqx-grid-cell.jqx-item.link.jqx-grid-cell-pinned.jqx-grid-cell-alt.jqx-grid-cell-pinned-alt.jqx-grid-cell-hover.jqx-fill-state-hover {
    background: #d0f4ff !important;
}

.nav-link.nav-menu:hover, .nav-link.nav-menu:focus {
    text-decoration: none;
    background-color: #151965 !important;
    color: #ffffff !important;
    border-radius: 30px;
    text-shadow: none !important;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 3px;
}

nav.navbar.bg-light {
    /*background: rgb(218,232,246);*/
    background: url(/bis65/Content/images/bb-09-01.jpg) no-repeat 0% 73%;
    background-size: cover;
    /*background: linear-gradient(128deg, rgba(218,232,246,1) 0%, rgb(255 255 255) 23%, rgba(230,240,251,1) 44%, rgba(255,255,255,1) 60%, rgb(242 248 255) 80%);*/
    /*background: linear-gradient(90deg, #00d2ff 0%, #3a47d5 100%);*/
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1), 0 2px 10px 0 rgba(0,0,0,0.1);
}

.bg-light {
    background-color: #cee9ff !important;
}

.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle {
    background: #e6f0fb !important;
    font-size: smaller;
}

.jqx-fill-state-hover-customBB, .jqx-widget-customBB .jqx-grid-cell-hover-customBB {
    background-image: linear-gradient(to bottom, #fffabf, #fffabf);
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #151965;
    border-color: #080A28;
}

.btn-outline-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #151965;
    border-color: #080A28;
}

a.nav-link.nav-menu.font-th {
    font-weight: bold;
    font-size: 0.875rem;
    color: #1c206a;
    text-shadow: 1px 1px 0px #ffffff;
}
a.nav-link.nav-menu.font-pridi {
    /*  font-weight: bold;*/
    font-size: 0.875rem;
    color: #1c206a;
    text-shadow: 1px 1px 0px #ffffff;
}


/*.dropdown-item.active, .dropdown-item:active {
    color: black !important;
    text-decoration: none;
    background-color: #fffabf;
}*/
.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.125rem,0.25rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

    .dropdown-item:hover, .dropdown-item:focus {
        color: #16181b;
        text-decoration: none;
        background-color: rgba(206, 226, 243, 0.40);
    }

    .dropdown-item.active, .dropdown-item:active {
        color: #16181b;
        text-decoration: none;
        background-color: #cee2f3;
    }

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: #6c757d;
        pointer-events: none;
        background-color: transparent;
    }


.menubb {
    /*background: #f1f6fb;*/
    /*background: rgb(255,255,255);*/
    /*background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(241,246,251,1) 79%, rgba(233,244,255,1) 100%);*/
    background: linear-gradient(90deg, #ffffff 0%, #ebf4fd 50%, rgb(255 255 255 / 1) 100%) !important;
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
}


.text-info {
    color: #151965 !important;
}
.jqx-grid-cell-pinned {
    background-color: #FFFFFF;
}
.jqx-grid-cell-pinned-alt {
    background-color: #f7f7f7;
}

.card-header-text {
    font-size: 14px;
    font-weight: bold;
    color: #151965;
}

.card-header-textsecond {
    font-size: 14px;
    font-weight: bold;
    color: #151965;
}

.jqx-fill-state-hover {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    /*border-color: #b8d8be !important;
    background: #d0f4ff !important;*/
}

.btn.dropdown-toggle.btn-selector {
    color: #212529;
    background-color: #ffffff;
    /*border-color: rgba(60, 137, 232, 0.60);*/
    border: 1px solid rgba(0, 0, 0, 0.125)
}

    .btn.dropdown-toggle.btn-selector:hover {
        color: #212529;
        background-color: rgba(224, 233, 245, 0.60);
        border-color: #dae0e5;
    }

    .btn.dropdown-toggle.btn-selector:focus {
        /*  color: #212529;*/
        background-color: rgba(224, 233, 245, 0.30);
        border-color: #dae0e5;
        box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.4);
    }

    .btn.dropdown-toggle.btn-selector.disabled {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

    .btn.dropdown-toggle.btn-selector:not(:disabled):not(.disabled):active, .btn-selector:not(:disabled):not(.disabled).active,
    .show > .btn-selector.dropdown-toggle {
        color: #212529;
        background-color: rgba(224, 233, 245, 0.30);
        border-color: #d3d9df;
    }

        .btn.dropdown-toggle.btn-selector:not(:disabled):not(.disabled):active:focus, .show > .btn.dropdown-toggle.btn-selector.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
        }

.bootstrap-select .dropdown-menu {
    padding: 0px;
}

.bootstrap-select.form-control-sm .dropdown-menu {
    font-size: 0.875rem;
}


/*toggle*/
.toggle.round, .toggle-on.round, .toggle-off.round {
    border-radius: 10px;
}

    .toggle.round .toggle-handle {
        border-radius: 10px;
    }

.btn-light:hover {
    color: #212529;
    background-color: #ffffff;
    border-color: #ffffff;
}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
    color: #212529;
    background-color: #ffffff;
    border-color: #ffffff;
}

.toggle.btn.btn-xs.round.btn-success {
    /*background-color: #28a745;*/
    background-color: #e4f6e8;
    border-color: #28a745;
    border-radius: 10px;
}

.toggle .btn-success {
    color: #000;
    background-color: #e4f6e8;
    border-color: #28a745;
    /*background-color: #31b0d5;
    border-color: #269abc;*/
}

    .toggle .btn-success:hover {
        color: #000;
        background-color: #cbefd2;
        border-color: #1e7e34;
        /*background-color: #31b0d5;
        border-color: #269abc;*/
    }

.btn-secondary {
    color: #000;
    background-color: #c2c6cb;
    border-color: #6c757d;
}

    .btn-secondary:hover {
        color: #000;
        background-color: #B7BBC0;
        border-color: #545b62;
    }

    .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
        color: #000;
        background-color: #B7BBC0;
        border-color: #4e555b;
    }

    .btn-secondary:focus, .btn-secondary.focus {
        color: #000;
        background-color: #B7BBC0;
        border-color: #545b62;
    }

.toggle .btn-success:focus, .toggle .btn-success.focus {
    color: #000;
    background-color: #e4f6e8;
    border-color: #28a745;
    /*background-color: #151965;
        border-color: #269abc;*/
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.toggle .btn-success.disabled, .toggle .btn-success:disabled {
    color: #000;
    /*background-color: #151965;
        border-color: #269abc;*/
    background-color: #e4f6e8;
    border-color: #28a745;
}

.toggle .btn-success:not(:disabled):not(.disabled):active, .toggle .btn-success:not(:disabled):not(.disabled).active,
.toggle .show > .btn-success.dropdown-toggle {
    color: #000;
    /*background-color: #151965;
        border-color: #269abc;*/
    background-color: #e4f6e8;
    border-color: #1c7430;
}

    .toggle .btn-success:not(:disabled):not(.disabled):active:focus, .toggle .btn-success:not(:disabled):not(.disabled).active:focus,
    .toggle .show > .btn-success.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
    }

/*SlideBarMenu*/
#cd-main-nav ul.is-visible {
    padding-left: 40px;
    padding-top: 10px !important;
    background: #ffffff;
    z-index: 2;
}

#cd-nav .cd-nav-trigger {
    z-index: 3;
}

div#CreateGridtable, div#CreateGridtable2 {
    z-index: 1;
}

#cd-nav ul.is-visible > .dropdown-divider {
    margin: 0.1rem 0;
}

#cd-nav ul.is-visible li.list-home a.list {
    color: #151965 !important;
}

#cd-nav ul.is-visible li.list-back a.list {
    color: #151965 !important;
}

#cd-nav ul.is-visible li a {
    color: #151965 !important;
}

    #cd-nav ul.is-visible li a:hover {
        color: #1eaa2a !important;
        text-decoration: none;
    }



/*dialog*/
.ui-dialog .ui-dialog-buttonpane {
    text-align: center;
  /*  background-color: whitesmoke;
    border-color: #a4bed4;
    padding: 0.1rem 0.5rem;*/
}
.ui-dialog .ui-dialog-buttonpane button {
   
    margin: .2em .4em .2em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
}

.ui-dialog.ui-corner-all {
    border-radius: 5px;
}

/*Textarea*/
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.02rem rgba(0, 123, 255, 0.25);
}

ul.jqx-tree-dropdown .jqx-tree-item-selected {
    box-shadow: 0 0 3px rgba(30,144,255,1);
}

#jqxTreeMenu .jqx-tree-dropdown-root ul.jqx-tree-dropdown .jqx-tree-item-selected {
    box-shadow: none;
}

.fa-file:before {
    color: #151965;
}



fieldset.for-program {
    /*background-color: #fafdff;*/
    background-color: #ffffff;
}

.jqx-fill-state-hover-customBB, .jqx-widget-customBB .jqx-grid-cell-hover-customBB {
    background-color: #eff6fd;
}
#searchCriteria .card {
    border: 1px solid #cee2f3;
}

#searchCriteria1 .card, .searchOptional .card {
    border: none !important;
}

/*.searchOptional .card {
    border: none !important;
}*/

fieldset.for-program legend {
    border: 1px solid #cee2f3;
    border-radius: 15px;
    color: #151965;
    font-size: 15px;
    font-weight: bold;
    line-height: 15px;
    margin: inherit;
    padding: 6px 8px 6px 0px;
    /* width: 100%; */
    background-color: #c4e9fb;
    margin-bottom: 0;
}

.card.card-program {
    border-radius: 5px;
    /* border-color: gray; */
    background-color: #ffffff !important;
    box-shadow: 0 0 20px #fff !important;
}

.jqx-loader-icon {
    /* background-image: url(/bis65/Content/images/Rolling-1s-200px.gif);
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;*/
    z-index: 999;
    border-color: #a4bed4;
    background-color: #e0e9f5
}

#searchCriteria .card-header {
    line-height: 11px;
}

#searchCriteria > .card > .card-header {
    background: linear-gradient(90deg, #e2f4fd 0%, #ffffff 127%);
    border-bottom: 1px solid #ddd;
}
/*Hover ของ mapping ซ้าย*/
.treePrimary .jqx-fill-state-hover.jqx-tree-item-hover {
    background: rgba(144,238,144,0.2 );
}
/*Hover ของ mapping ขวา*/
.treeSecondary .jqx-fill-state-hover.jqx-tree-item-hover {
    background: rgba(244,164,96,0.2 );
}

#searchCriteria1 .card-header, .searchOptional .card.card-program .card-header {
    background: linear-gradient(90deg, #f1faff 0%, #ffffff 107%);
    border-bottom: 2px solid #e3eff9;
}

.jqx-fill-state-hover-customBB, .jqx-widget-customBB .jqx-grid-cell-hover-customBB {
    background-image: linear-gradient(to bottom, #d0f4ff, #d0f4ff );
}

.cd-nav-trigger {
    -webkit-box-shadow: 0px 0px 0px 2px #c5def7, inset 0px 11px 12px -8px #81b6f1, inset 0px -10px 27px -8px #fafdff, -24px 5px 5px 5px rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 2px #c5def7, inset 0px 11px 12px -8px #d1f0ff, inset 0px -10px 27px -8px #fafdff, -24px 5px 5px 5px rgba(0,0,0,0);
}


.navbar-nav .pr-2, .navbar-nav .px-2 {
    padding-right: 0.2rem !important;
}

.navbar-nav .pt-2, .navbar-nav .py-2 {
    padding-top: 0.2rem !important;
}

body {
    padding-top: 38px;
}

.cd-nav-trigger {
    top: 47px !important;
}
/*ปุ่มบน Grid*/
.jqx-button.jqx-fill-state-hover {
    background: #d0f4ff !important;
}

.cd-nav-trigger span {
    width: 13px;
    height: 2px;
    background: #151965;
    top: 50%;
    margin-top: -1px;
    left: 50%;
    margin-left: -7px;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
}

.cd-nav-trigger {
    width: 27px;
    height: 27px;
}

fieldset.for-program legend {
    font-size: 14px;
}

#cd-nav ul {
    top: 50px;
}

.cd-nav-trigger.menu-is-open span::before, .cd-nav-trigger.menu-is-open span::after {
    background: #ffffff;
}

a.cd-nav-trigger.menu-is-open {
    background: #de6562;
    box-shadow: none;
}

small, .small {
    font-size: 80%;
}

.btn-xs {
    padding: .35rem .8rem 0rem .4rem;
    /* font-size: .875rem; */
    font-size: 11px;
    line-height: .1;
    border-radius: .2rem;
}

.toggle.btn-xs {
    min-width: 2.19rem;
    min-height: 1rem;
}

a.textTest.font-th, span.font-th {
    font-size: 15px;
}


#divDisplayGrid .d-flex.flex-row-reverse .form-control:focus {
    box-shadow: none;
}
.text-select-muted {
    color: #1eaa2a !important;
}

.spanItem {
    color: blue;
}
.jqx-grid-cell-alt {
    background: #f0f7fb;
}

.jqx-fill-state-hover {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border-color: #999;
    background: #e6f9ff;
}

.collapsibleIndicator.collapsed {
    font-size: 12px;
    font-weight: bold;
    line-height: 8px;
    box-shadow: 0 0 0 3px #31b0d5;
    background: #e2f4fd;
    border: none;
    color: #176982;
} 

.collapsibleIndicator.expanded {
    font-size: 12px;
    line-height: 8px;
    box-shadow: 0 0 0 3px #31b0d5;
    background: #e2f4fd;
    border: none;
    color: #176982;
}
.text-sm {
    font-size: 0.875rem;
}