/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
	overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modalLoading {
	display: block;
}

.tt-menu {
    z-index:999999 !important;
}

.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

input[type="text"]:read-only {
  background: #F8F9F9;
}

.textRight { 
    text-align: right; 
}

.form-right-title {
    padding-top: 8px;
    vertical-align: middle;
    display: block;
    text-align: right;
    padding-left: 0px;
    padding-right: 10px !important;
}

.datepicker {
  background: #FFFFFF !important;
}

.data-list-view th {
    background-color: #E5E5E5;
    text-align: center;
}

.modal-fullscreen {
	margin: 0;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}


/*เพิ่มเติม*/


.accordion {
	 max-width: 100%;
	 text-align: left;
}
 .accordion article {
	 border: 1px solid #fff;
	 padding: 1em;
}
 .accordion input[type="radio"].head_tab {
	 appearance: none;
	 position: fixed;
	 top: -100vh;
	 left: -100vh;
}
 .accordion input[type="radio"] ~ div {
	 max-height: 0;
	 overflow: hidden;
	 transition: max-height 0.5s;
}
 .accordion input[type="radio"]:checked ~ div {
	 max-height: 5000px;
}
.accordion label { width: 100%; cursor: pointer; font-size: 1rem;}
.accordion ol li {list-style: none;}
.accordion span { color: #006338;}
.accordion p {margin-bottom: 0px;}
.accordion label.head_detail {
  padding: 10px 0 3px 20px;
  border: 1px solid #006338;
  border-radius: 5px;
	background: #006338;
}
.accordion label.head_detail h3 { color: #fff;}
.accordion ol {width: 100%;}
.accordion .li_ml_none ul { padding: 0 !important;}




#app_form {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  top: 80px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #006338; /* Set a background color */
  color: white; /* Text color */
  padding: 15px; /* Some padding */
  border-radius: 8px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

.form-select {
  display: block;
  width: 100%;
  padding: 0.422rem 2.45rem 0.422rem 0.875rem;
  -moz-padding-start: calc(0.875rem - 3px);
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: #6f6b7d;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%236f6b7d' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='white' stroke-opacity='0.2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.875rem center;
  background-size: 22px 20px;
  border: 1px solid #dbdade;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}

input[type="file"]::file-selector-button {
  border: 1px solid #ccc;
  padding: 0.2em 0.4em;
  border-radius: 0.2em;
  background-color: #fff;
  transition: 1s;
  cursor: pointer;
}

input[type="file"]::file-selector-button:hover {
  background-color: #eee;
  border: 1px solid #ccc;
}

.data_detail { color: red; padding-right: 10px;}
.img_map {}
.img_map img { width: 80px; height: auto; margin: 5px 5px 5px 0;}
.bg_gray {background: #f8f8f8 !important;}


/*End เพิ่มเติม*/


@media (max-width: 2000px)
{
    body.vertical-layout.vertical-menu-modern .main-menu
    {
        width: 0;
    }
    body.vertical-layout.vertical-menu-modern .main-menu .navigation > li > a > span
    {
        -webkit-animation: .1s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 fadeout;
           -moz-animation: .1s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 fadeout;
             -o-animation: .1s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 fadeout;
                animation: .1s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 fadeout;
    }
    body.vertical-layout.vertical-menu-modern .main-menu .navigation li.navigation-header span
    {
        display: none;
    }
    body.vertical-layout.vertical-menu-modern .navbar .navbar-header
    {
        width: 0;
    }
    body.vertical-layout.vertical-menu-modern .content,
    body.vertical-layout.vertical-menu-modern .footer
    {
        margin-left: 0;
    }
    body.vertical-layout.vertical-overlay-menu .app-content .header-navbar.floating-nav
    {
        width: -webkit-calc(100% - 4.4rem);
        width:    -moz-calc(100% - 4.4rem);
        width:         calc(100% - 4.4rem);
    }
}

.name-site {
    display: none !important;
}

.expanded .name-site {
    display: block !important;
}


.redBG {
  background-color: #F1948A;
}


.txtKeyDisable {
    background-color: #E2E1E1;
    border-color: #E2E1E1;
}