@import url(../../css/main.css);
@import url(../../css/print.css);

/* button login */
/*.btn-back {
    font-family: 'Kanit', Helvetica, Arial, sans-serif;
    font-size: 1.1rem;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    background: #78909C;
    box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.1);
    outline: none !important;
    border: none;
    border-radius: 5px;
    height: 40px;
    padding: 0 15px;
    color: #fff !important;
    text-decoration: none;
    transition: background .3s, transform .3s, box-shadow .3s;
    will-change: transform;
}
.btn-back:hover {
    background: #546E7A;
}
.btn-back:active {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    transform: translate3d(0, 1px, 0);
}

.btn-back > img {
    height: 30px;
    padding-right: 13px
}

.btn-back-text {
    font-size: 2rem;
    margin-right: 10px;
    color: rgba(0,0,0,0.2);
    cursor: pointer;
}
.btn-back-text:hover {
    color: rgba(0,0,0,0.5);
}*/

/* container */
.wrap-content > .container-fluid {
    padding-top: 50px;
    padding-bottom: 50px;
}

#content-header,
#content-footer  {
    display: none;
}
.wrap-content > div > table:first-child,
.wrap-content > div > table:last-child {
    display: none;
}
.wrap-content > div > table {
    min-width: 100%;
}

.wrap-content .hide-block {
    display: none;
}

#content-body {
    width: 100%;
    height: 100%;
}
.body-boder {
    display: none;
}
.text_big2 {
    font-size: 1.2rem;
    font-weight: bold;
}

fieldset {
    margin-top: 18px !important;
}
legend {
    font-size: 1.2rem;
}

/* grid */
.ui-widget,
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button,
.text-default,
ul.holder li.bit-box, ul.holder li.bit-input input,
.facebook-auto ul li {
    font-family: "Google Sans", "Noto Sans", "Noto Sans Thai UI", Helvetica, Arial, sans-serif !important;
    font-size: 1rem !important;
}
.ui-widget input, .ui-widget select, .ui-widget textarea {
    width: auto;
    color: #000000;
}
.ui-widget .form-control {
    border-color: #90A4AE;
}
.ui-widget th[align="right"] {
    text-align: right;
}

.ui-widget table td,
.ui-widget table th {
    padding-bottom:5px;
}
font.text-alert{
    font-size: 1rem;
}

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

.require {
    margin-left: 5px;
    font-size: 1.1rem;
}

.ui-jqgrid .ui-jqgrid-title {
    margin: .5em 0 .4em;
    padding-left: 10px;
    font-size: 1rem !important;
}
.ui-jqgrid-titlebar-close{
    right: 10px !important;
}
.ui-jqgrid .ui-jqgrid-htable th {
    height: 26px;
    font-size: 1rem !important;
}
.ui-jqgrid tr.jqgrow td {
    vertical-align: middle !important;
    font-size: 0.9rem !important;
}
.ui-jqgrid tr.jqgrow td a {
    color: #3949AB;
    text-decoration: underline;
}
.ui-jqgrid tr.jqgrow td a:hover {
    color: #e53935;
}
.ui-jqgrid .ui-state-highlight > p {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.ui-jqgrid .ui-pg-input {
    height: 18px !important;
    text-align: center !important;
}
.wrap-content .hide {
    display: none;
}

.ui-jqgrid .ui-userdata {
    height: 50px;
    padding: 8px;
}

.ui-icon-req {
    width: 8px;
    height: 8px;
    background-image:url(../images/RequiredFieldIcon.png);
    float:right;
    vertical-align: middle;
    margin-right: 10px;
}

.ui-icon-true {
    width: 16px;
    height: 16px;
    background-image:url(../images/true.png);
}

.ui-icon-false {
    width: 16px;
    height: 16px;
    background-image:url(../images/false.png);
}

.ui-icon-nor {
    width: 8px;
    height: 8px;
    float:left;
}

table.table-separate{
    border-collapse: separate;
}

.ui-state-highlight a {
    color: #3F51B5;
}

.ui-state-highlight a:hover {
    color: #1E88E5;
    text-decoration: underline;
}

.ui-state-highlight h2{
    margin-bottom: 10px;
}
.ui-state-highlight p {
    font-size: 1rem;
}

.ui-datepicker{
    z-index:9999 !important;
}

.ui-datepicker td,
.ui-datepicker th {
    padding-bottom: 0px !important;
}

.ui-dialog {
    /*z-index: 9999;*/

    top: 130px;
    left: calc(50% - 400px);
}

.ui-dialog legend {
    font-size: 1rem;
}

.table td {
    vertical-align: middle;
}

.bg-white {
    background: white;
}

.formError .formErrorContent {
    font-size: 0.9rem;
    border:none;
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3);
}

.formError .formErrorArrow div {
    border:none;
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3);
}

.table-regis {
    position: relative;
}

.table-regis .form-control {
    border-color: #90A4AE;
    position: relative;
}

.table-regis td,
.table-regis th {
    padding-top: 0.3rem !important;
    padding-bottom: 0.3rem !important;
    /*position: relative;*/
}

.table-regis h3 {
    margin-top: 0.6em !important;
}

.wrap-content input.text {
    padding: .375rem .75rem;
}

@media (max-width: 991.98px) {
    .wrap-content > .container-fluid {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}