/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@charset "utf-8";
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.a-users {font-family: "Bai Jamjuree","Prompt",sans-serif; color:black; cursor:pointer;}
.a-users-selected {font-family: "Bai Jamjuree","Prompt",sans-serif; color:#2c7df6; cursor:pointer;}
.a-users:hover {font-family: "Bai Jamjuree","Prompt",sans-serif; color:#2c7df6; text-decoration:underline; cursor:pointer;}
.a-users-menu {font-family: "Bai Jamjuree","Prompt",sans-serif; color:black; cursor:pointer;}
.a-users-menu:hover {font-family: "Bai Jamjuree","Prompt",sans-serif; color:#2c7df6; cursor:pointer;}
.a-users-menu li div {padding:7px;}
.a-users-icons {color:black;}
.a-users-icons:hover {color:#2c7df6;}
.a-users-icons-close {color:black; font-size:50px;}
.a-users-icons-close:hover {color:white;}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
th {border-top:1px solid #dddddd; border-bottom: 1px solid #dddddd !important; border-right: 1px solid #dddddd; background-color:#9e9e9e; color:white; font-size:1em; font-weight:100 !important;}
th:first-child {border-left: 1px solid #dddddd;}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*drop down user sub menu*/.
/*.users-dropbtn {background-color: #3498DB; color: white; padding: 16px; font-size: 16px; border: none; cursor: pointer;}*/
/*.users-dropbtn:hover, .users-dropbtn:focus {background-color: #2980B9;}*/
/*.users-dropdown {display: inline-block;}*/
.users-dropdown {position: relative; display: inline-block;}
.users-dropdown-content {display: none; position: absolute; background-color: #f1f1f1; min-width: 160px; overflow: auto; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 100; top:63px;}
.users-dropdown-content a {color: black; padding: 0px 0px; text-decoration: none; display: block;}
.users-dropdown a:hover {background-color: #ddd;}
.users-show {display: block;}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.users-input-date {height:40px; padding:0.5em; z-index:3; border:1px solid #dddddd; width:250px; min-width:200px;}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.users-menu-icons {font-size:30px;}
.users-menu-icons-small {font-size:20px;}
.users-menu {font-family: "Kanit", "Prompt", "Bai Jamjuree", sans-serif; width:150px; position:absolute; display:none; right:10px; top:70px; padding:10px; z-index:20;}

.users-div-name {text-align:right; padding:0.5em; color:#2c7df6;}
.users-div-value {text-align:left;}
.users-input-text {height:40px; padding:0.5em; border:1px solid #dddddd; width:100%; z-index:3;}
.users-input-text-third {height:40px; padding:0.5em; border:1px solid #dddddd; width:80%; z-index:3;}
.users-input-num{height:40px; padding:0.5em; border:1px solid #dddddd; width:60%; z-index:3;}

.users-btn {height:50px; width:150px; padding:0.5em; margin-top:0.5em; text-align:center; border-radius:1.5em; color:#fff; background-image: linear-gradient(to right, #2196F3 , #87CEEB) !important}
.users-btn:hover {background-color:#2c7df6; background-image:none !important}
.users-btn-small {height:40px; padding:0.5em; margin-top:0.5em; text-align:center; color:#fff;}
.users-btn-small:hover {background-color:#2c7df6; background-image:none !important}

/*.setting-head-text {color:#2196F3;}*/
.users-head-text {color:#ff9800;}

.users-textarea {height:250px; padding:0.5em; border:1px solid #dddddd; width:100%; resize:none;}
.users-textarea-short {height:100px; padding:0.5em; border:1px solid #dddddd; width:100%; resize:none;}
.users-textarea-stations {height:150px; padding:0.5em; border:1px solid #dddddd; width:100%; resize:none;}
.users-file {height:45px; padding:0.5em; border:1px solid #dddddd; width:100%;}
.users-file-drop {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; opacity: 0; outline: none; cursor: pointer; z-index: 2;}   
.users-image {height:150px;}

.users-upload-div {height:300px; padding:0.5em; border:2px dashed #dddddd; width:100%; position:relative;}
.users-preview-ul {height:300px; padding:0.5em; width:100%; overflow:scroll; list-style-type: none;}
.users-preview-li {float:left; padding:0.2em; width:200px; text-align: center;}
.users-preview-div {position:relative; width:200px; float:left;}
.users-preview-img {width:200px; padding:10px; position:relative;}
.users-preview-remove {position:absolute; top:-5px; right:-5px;}
.users-preview-remove i {font-size:30px; color:#ff5722;}
.users-preview-remove i:hover {font-size:30px; color:#ff9800;}
.users-select {width:100%!important;}
.select2 {width:100%!important;}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media(max-width:1280px) 
{	
}
@media(max-width:1080px) 
{
}
@media(max-width:1024px) 
{
}
@media(max-width:991px) 
{
}
@media(max-width:800px) 
{
.users-div-name {text-align:left; padding:0.5em;}
}
@media(max-width:768px) 
{
}
@media(max-width:667px) 
{
}
@media(max-width:640px) 
{
}
@media (max-width: 600px) 
{
}
@media (max-width: 480px) 
{
}
@media (max-width: 414px) 
{
}
@media (max-width: 384px) 
{
}
@media (max-width: 375px) 
{
}
@media (max-width: 320px) 
{
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/