.form-group {padding-bottom:0px;}
.control-label {font-size:16px;padding:10px 4px 4px 4px;display:block;}
.select,
.input,
textarea,
input[type=tel],
input[type=date],
input[type=time],
input[type=password],
input[type=text] {background-color:#FFF;box-sizing:border-box; box-shadow:none;border:1px solid #CCC;border-radius:5px;height:36px;padding: 2px 10px;outline:none;width:100%;font-size:16px;resize: none;}

.input_falseMsg {display:none;font-weight:normal;padding:4px 10px;}
/*.is-invalid .input_falseMsg {display:block;}*/

.form-message {display:block;padding:10px 0px 0px 0px;line-height:20px;box-sizing:content-box;white-space: pre-wrap;margin:0px ;visibility:visible;}
.form-message:empty {display:none;}


input[type=tel].is-invalid,
input[type=password].is-invalid,
textarea.is-invalid,
input[type=text].is-invalid {border-color:#F33;}

.select > span {width:auto;height:100%;display:block;display:flex;align-items:center;justify-content:flex-start;gap: 10px;position:absolute;left:10px;right:20px;top:0px;bottom:0px;}
.select > span > img {}
.select > ul {display:none;list-style-type:none;width:auto;margin:0px;paddding:0px;position:absolute}
.select > ul > li > span {width:auto;height:30px;display:block;display:flex;align-items:center;justify-content:flex-start;gap: 10px;}
.select > ul > li > span > img {}

select,
.select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: Url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="black" d="M192 384c-8.188 0-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L192 306.8l137.4-137.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-160 160C208.4 380.9 200.2 384 192 384z"/></svg>');
	background-position: right 10px center;
	background-repeat: no-repeat;
	background-size: 10px 10px;
	cursor:pointer;
	padding:0px;
	position:relative;
}

.select.opened > ul {display:block;padding:0px;box-sizing:border-box;z-index:10000;background-color:#FFF;border:1px solid #CCC;position:absolute;left:0px;top:40px;right:0px;border-radius:5px;overflow:hidden;
	box-shadow: 0px 5px 5px rgba(0,0,0,0.3);max-height:25vh;overflow:hidden;}

.select > .rcscrollbar {z-index:10001;margin-left:2px!important;}
.select.opened > ul > li {display:block;width:100%;padding:0px 10px;margin:0px;box-sizing:border-box;}
.select.opened > ul > li:hover {background-color:#F0F0F0;}

.inputGroup {display:flex; gap:10px;align-items:flex-start;width:100%;}
.inputGroup .control-label {display:none;}
.inputGroup .form-group {flex-grow:1;flex-shrink:1;width:100%;}

.toggleCheckbox {display:flex;width:100%;align-items:center;justify-content:flex-start;}
.toggleCheckbox input[type=checkbox] {display:none}
.toggleCheckbox input[type=checkbox] + .toggler {display:inline-block;
	width:36px;height:32px;
	background-repeat: no-repeat;
	background-size: 36px 32px;
	background-position:center center;
	cursor:pointer;
	background-image: Url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="black" d="M192 352C138.1 352 96 309 96 256C96 202.1 138.1 160 192 160C245 160 288 202.1 288 256C288 309 245 352 192 352zM384 448H192C85.96 448 0 362 0 256C0 149.1 85.96 64 192 64H384C490 64 576 149.1 576 256C576 362 490 448 384 448zM384 128H192C121.3 128 64 185.3 64 256C64 326.7 121.3 384 192 384H384C454.7 384 512 326.7 512 256C512 185.3 454.7 128 384 128z"/></svg>');
	flex-shrink:0;
	flex-grow:0;
}
.is-invalid .toggleCheckbox input[type=checkbox] + .toggler {
	background-image: Url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="#FF3333" d="M192 352C138.1 352 96 309 96 256C96 202.1 138.1 160 192 160C245 160 288 202.1 288 256C288 309 245 352 192 352zM384 448H192C85.96 448 0 362 0 256C0 149.1 85.96 64 192 64H384C490 64 576 149.1 576 256C576 362 490 448 384 448zM384 128H192C121.3 128 64 185.3 64 256C64 326.7 121.3 384 192 384H384C454.7 384 512 326.7 512 256C512 185.3 454.7 128 384 128z"/></svg>');
}

.toggleCheckbox input[type=checkbox]:checked + .toggler {
	background-image: Url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="rgb(45,178,48)" d="M384 64C490 64 576 149.1 576 256C576 362 490 448 384 448H192C85.96 448 0 362 0 256C0 149.1 85.96 64 192 64H384zM384 352C437 352 480 309 480 256C480 202.1 437 160 384 160C330.1 160 288 202.1 288 256C288 309 330.1 352 384 352z"/></svg>');
}

.toggleCheckbox > :last-child {padding-left:10px;
	flex-shrink:1;
	flex-grow:1;
	overflow:hidden;
	text-overflow:ellipsis;
	padding-top:2px;
	cursor:pointer;
	font-family:sans-serif;
}

.toggleCheckbox input[type=checkbox].unavailable + span,
.toggleCheckbox input[type=checkbox].unavailable + span + span,
.toggleCheckbox input[type=checkbox].disabled + span,
.toggleCheckbox input[type=checkbox].disabled + span + span {opacity:0.5;cursor:not-allowed;}

select.small,
.select.small {padding:0px 20px 0px 10px;background-color:rgb(239,239,239);border:none;height:30px;}
.select.small.dark {background-color:#999;
	background-image: Url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="white" d="M192 384c-8.188 0-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L192 306.8l137.4-137.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-160 160C208.4 380.9 200.2 384 192 384z"/></svg>');
}
.select.small.dark .select_preview {color:#FFF;}
.select.small.opened > ul {top:34px;}


input[type=text] + .toggleEye,
input[type=password] + .toggleEye {
	cursor:pointer;
	width:24px;height:24px;
	position:absolute;
	background-repeat:no-repeat;
	background-size:contain;
	top:10px;right:10px;
	background-image: Url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="black" d="M279.6 160.4C282.4 160.1 285.2 160 288 160C341 160 384 202.1 384 256C384 309 341 352 288 352C234.1 352 192 309 192 256C192 253.2 192.1 250.4 192.4 247.6C201.7 252.1 212.5 256 224 256C259.3 256 288 227.3 288 192C288 180.5 284.1 169.7 279.6 160.4zM480.6 112.6C527.4 156 558.7 207.1 573.5 243.7C576.8 251.6 576.8 260.4 573.5 268.3C558.7 304 527.4 355.1 480.6 399.4C433.5 443.2 368.8 480 288 480C207.2 480 142.5 443.2 95.42 399.4C48.62 355.1 17.34 304 2.461 268.3C-.8205 260.4-.8205 251.6 2.461 243.7C17.34 207.1 48.62 156 95.42 112.6C142.5 68.84 207.2 32 288 32C368.8 32 433.5 68.84 480.6 112.6V112.6zM288 112C208.5 112 144 176.5 144 256C144 335.5 208.5 400 288 400C367.5 400 432 335.5 432 256C432 176.5 367.5 112 288 112z"/></svg>');
}

input[type=text][value=""] + .toggleEye,
input[type=password][value=""] + .toggleEye {display:none;}

.input-group.relative {position:relative;}

button {width:100%;}