@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300italic,600italic,300,600");
@import url("https://fonts.googleapis.com/css?family=Prompt:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=thai");
@import url("https://fonts.googleapis.com/css?family=Mitr:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=thai");

/* Form */

form {
	margin: 0 0 2.5rem 0;
}

	form .field {
		margin: 0 0 1.5rem 0;
	}

		form .field.half {
			width: 50%;
			float: left;
			padding: 0 0 0 0.75rem;
		}

			form .field.half.first {
				padding: 0 0.75rem 0 0;
			}

	form > .actions {
		margin: 1.875rem 0 0 0 !important;
	}

	@media screen and (max-width: 736px) {

		form .field {
			margin: 0 0 1.125rem 0;
		}

			form .field.half {
				padding: 0 0 0 0.5625rem;
			}

				form .field.half.first {
					padding: 0 0.5625rem 0 0;
				}

		form > .actions {
			margin: 1.5rem 0 0 0 !important;
		}

	}

	@media screen and (max-width: 480px) {

		form .field.half {
			width: 100%;
			float: none;
			padding: 0;
		}

			form .field.half.first {
				padding: 0;
			}

	}

label {
	color: #000;
	display: block;
	font-size: 0.8rem;
	font-weight: 300;
	letter-spacing: 0.2rem;
	line-height: 1.5;
	margin: 0 0 1rem 0;
	font-family: prompt;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
select,
textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-webkit-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-ms-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out;
	transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out;
	background: transparent;
	border-radius: 4px;
	border: solid 1px #000;
	color: #000;
	display: block;
	outline: 0;
	padding: 0 1rem;
	text-decoration: none;
	width: 100%;
}

	input[type="text"]:invalid,
	input[type="password"]:invalid,
	input[type="email"]:invalid,
	input[type="tel"]:invalid,
	select:invalid,
	textarea:invalid {
		box-shadow: none;
	}

	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	input[type="tel"]:focus,
	select:focus,
	textarea:focus {
		background: rgba(255, 255, 255, 0.075);
		border-color: #ff0000;
		box-shadow: 0 0 0 1px #ffffff;
	}

select option {
	background: #1b1f22;
	color: #ffffff;
}

.select-wrapper {
	text-decoration: none;
	display: block;
	position: relative;
}

	.select-wrapper:before {
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		text-transform: none !important;
	}

	.select-wrapper:before {
		color: #ffffff;
		content: '\f107';
		display: block;
		height: 2.75rem;
		line-height: calc(2.75rem + 0em);
		pointer-events: none;
		position: absolute;
		right: 0;
		text-align: center;
		top: 0;
		width: 2.75rem;
	}

	.select-wrapper select::-ms-expand {
		display: none;
	}

input[type="text"],
input[type="password"],
input[type="email"],
select {
	height: 2.75rem;
}

textarea {
	padding: 0.75rem 1rem;
}



::-webkit-input-placeholder {
	color: rgba(0, 110, 255, 0.5) !important;
	opacity: 1.0;
}

:-moz-placeholder {
	color: rgba(255, 255, 255, 0.5) !important;
	opacity: 1.0;
}

::-moz-placeholder {
	color: rgba(255, 255, 255, 0.5) !important;
	opacity: 1.0;
}

:-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.5) !important;
	opacity: 1.0;
}

.formerize-placeholder {
	color: rgba(255, 255, 255, 0.5) !important;
	opacity: 1.0;
}

.modal-body {padding: 15px 14px 15px;}
.modal-lg {width: 900px;margin: 90px auto 0;}
.modal-header {border-bottom: none; height: 50px;}
.modal-title {font:18px'Kanit';margin: 0;line-height: 1.42857143;color: #000;}
.modal-header .close {margin-top: -10px;}
.ui-red-status {color: #DB2828!important;font-size: 1em;font-weight: 400;}
.ui-green-status {color: #21BA45!important;font-size: 1em;font-weight: 400;}
.ui.text.container {max-width: 900px!important;}
.table td, .table th {border-top: none;}
.ui.list .list>.item, .ui.list>.item, ol.ui.list li, ul.ui.list li {font-size: 12px;}
.ui.list .list>.item .header, .ui.list>.item .header {font-size: 16px;margin-bottom: 10px;}
.ui.table thead th {font-size: 14px;}
.ui.table td {font-size: 12px;font-weight: 600;}
.modal {
margin-top: 100px;
}
.modal-header {
}
.modal-body {
}
.modal-content {
	color: #000;
}
.modal-backdrop {
    position: static;
	
}
.imgpoli {
	margin-top: 100px
}






button {
	margin: 20px;
  }
  .custom-btn {
	color: #fff;
	border-radius: 5px;
	font-family: 'Lato', sans-serif;
	font-weight: 500;
	background: transparent;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	display: inline-block;
	 box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
	 7px 7px 20px 0px rgba(0,0,0,.1),
	 4px 4px 5px 0px rgba(0,0,0,.1);
	outline: none;
	width:20%;
	height:34px;
  }
  /* 14 */
  .btn-14 {
	background: rgb(255,151,0);
	border: none;
	z-index: 1;
  }
  .btn-14:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 0;
	top: 0;
	left: 0;
	z-index: -1;
	border-radius: 5px;
	background-color: #eaf818;
	background-image: linear-gradient(315deg, #eaf818 0%, #f6fc9c 74%);
	 box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5);
	 7px 7px 20px 0px rgba(0,0,0,.1),
	 4px 4px 5px 0px rgba(0,0,0,.1);
	transition: all 0.3s ease;
  }
  .btn-14:hover {
	color: #000;
	  font-weight: 800;
  
  }
  .btn-14:hover:after {
	top: auto;
	bottom: 0;
	height: 100%;
  }
  .btn-14:active {
	top: 2px;
  }

  .ip-warning {
	background-color: #ffcc00;
    color: #000;
    padding: 5px;
    border-radius: 40px;
    font-size: 16px;
    display: flex;
    align-items: center;
}


.ip-warning i {
	margin-left: 10px;
    margin-right: 10px;
    font-size: 20px;
}

.approval-message {
    background-color: #00cc66;
    color: #fff;
    padding: 5px;
    border-radius: 40px;
    font-size: 16px;
    display: flex;
    align-items: center;
}

.checkbox-icon {
    margin-right: 5px; /* Existing right margin */
    font-size: 20px;
    cursor: pointer;
    display: none;
    margin-left: 10px; /* Added left margin */
    margin-right: 10px; /* Updated right margin */
}

.checkbox-icon.unchecked {
    display: inline-block;
}

#approval-checkbox:checked ~ .unchecked {
    display: none;
}

#approval-checkbox:checked ~ .checked {
    display: inline-block;
}

a {
    color: #ffffff !important;
    text-decoration: none;
}