.modal-open .model{
  overflow-x: hidden;
  overflow-y: auto;
}

.model{
  height: 100%;
  position: fixed !important;
  z-index: 1050 !important;
}

.main {
    -webkit-animation: toast-in 0.25s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: toast-in 0.25s; /* Firefox < 16 */
        -ms-animation: toast-in 0.25s; /* Internet Explorer */
         -o-animation: toast-in 0.25s; /* Opera < 12.1 */
            animation: toast-in 0.25s;
}

@keyframes toast-in {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes toast-in {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes toast-in {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes toast-in {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes toast-in {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/*#doc{
    background-image: url('../images/bg.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}*/

.main > div.container{
    background-color: white;
}

/* SET FOR WEBSITE */
.btn{height: auto;}

.controls .notification{
    font-weight: bold;
}
.active-menu{background-color: #1f1d94;border-radius: 0.3rem;}
.active-submenu{background-color: #feffb1;}
.uiPopover .btn-box{background-color:#fff}
.alert-messages{
    top:100px;
}

a:hover{
    text-decoration: none !important;
}

.has-error .form-control, .has-error .select2-selection {
    border-color: #a94442 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}

.has-error .form-control:focus. , .has-error .select2-selection:focus {
    border-color: #843534 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483 !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483 !important;
}

.control-label{
    font-weight: bold !important;
    color:#000000 !important;
}

/* Override Select2 Default ให้เป็นสไตล์ Bootstrap 4 */
.select2-container--default .select2-selection--single {
    height: calc(1.5em + .75rem + 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;
    border: 1px solid #ced4da !important;
    border-radius: .25rem !important;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
}

/* จัดตำแหน่งข้อความภายใน */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1.5 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    color: #495057 !important;
}

/* จัดตำแหน่งลูกศรลง (Dropdown Arrow) */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: calc(1.5em + .75rem) !important;
    right: 8px !important;
}

/* สไตล์ตอน Focus / Click ให้ขอบเรืองแสงแบบ Bootstrap 4 */
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #80bdff !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
}

/* ปรับความสูงของ Dropdown List ตัวเลือกข้างในให้ตัวหนังสือไม่เบียด */
.select2-container--default .select2-results__option {
    padding: 6px 12px !important;
}