@charset "utf-8";
/* CSS Document */

.form-reset { margin:0 0 0 0 !important; }
.form-reset .button {
	width:100%;
} 

select, input, button, textarea { outline:none; }

button.btn {
	width:100%;
	height: 38px;
	line-height: 38px;
	text-align: center;
	color: #fff;
	margin-top: 4%;
}
button.btn.blue {
	background: #1D4E76;
}
button.btn.darkblue {
	background: #1D4E76;
	border: none;
}
button.btn.darkblue:hover {
	background: #34495e;
	border: none;
}
button.btn.purple {
	background: #8e44ad;
	border: none;
}

input[type=text], input[type=password] { text-indent:5px; }

input[type="file"] { font-size: 12px !important; cursor:pointer; }
input[type="file"]::-webkit-file-upload-button { cursor:pointer; outline:none; background: none !important; border:none !important; padding-right: 15px; color: #ccc; }
.formText.imgFile img {
	height:38px;
	width: 68px;
	background: url(../images/products/noimgselected.png);
	cursor:pointer;
}
.formText.mp4File img {
	height:38px;
	width: 68px;
	background: url(../images/products/videos/nomp4selected.png);
	cursor:pointer;
}
.form label input[type=file] { width: calc(100% - 68px) !important; cursor:pointer; }
.form button, .form input[type=button], .form input[type=submit], .form input[type=reset], .button {
	width: calc(100% - 38px);
	display: block;
	height: 38px;
	line-height: 36px;
	padding: 0 13px;
	border: none;
	background: rgba(0,0,0,0.4);
	color: #fff;
	outline: none;
	text-align:center;
	text-indent:0px;
}

.button { text-decoration:none; line-height:38px; width: calc(100% - 23px !important); }

.form input[type=submit], .form input[type=button], .form input[type=reset] { border:none; }

.form button:hover, .form input[type=button]:hover, .form input[type=reset]:hover, .form input[type=submit]:hover, .button:hover {
	background: var(--main-interface-color);
	color: #fff;
}

.form label {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 5px;
	overflow:hidden;
	display: inline-block;
}

.form label span {
	display: block;
	width: 38px;
	height: 38px;
	border: none;
	background: rgba(0,0,0,0.4);
	text-align: center;
	line-height: 38px;
	color: #fff;
	float: left;
	clear: left;
	text-shadow: none;
}

.select2-selection.select2-selection--single, .selection, .select2-selection__rendered,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
	border:none !important;
	background: transparent !important;
	width:100% !important;
	height:38px !important;
	text-align: left !important;
	text-indent:2px;
	line-height: 38px !important;
}
.select2-container--default {
	top:-38px;
	left:38px;
}
.dropdown-wrapper { display: none !important; }
.select2-selection__rendered { background: rgba(0,0,0,0.1) !important; }
.select2-selection__arrow { height:38px !important; line-height: 38px !important; }

.optionProduct .select2.select2-container.select2-container--default {
    width: 40% !important;
    position: relative !important;
    left: 50% !important;
}

.form label input, .form label textarea, .form label select, .form label div.input {
	display: block;
	outline: none;
	width: calc(100% - 38px);
	height: 38px;
	border: none;
	background: rgba(0,0,0,0.4);
	text-align: left;
	line-height: 38px;
	color: #fff;
	float: right;
	clear: right;
	resize: none;
	padding: 0px !important;
	margin: 0px !important;
    text-indent: 10px;
}

.form label input:disabled { background:#CCC !important; }

.form label select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 10px;
    text-overflow: '';
	width: calc(100% - 38px);
	height: 38px;
	outline:none;

}

select { border-radius: 0px !important; }

::-webkit-input-placeholder {
   color: white;
}

:-moz-placeholder { /* Firefox 18- */
   color: white;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: white;  
}
:-ms-input-placeholder {  
   color: white;  
}input-placeholder {
   color: white;
}

.form label input:after, .form label textarea:after, .form label select:after, .form label div.input:after {
	float: none;
	clear: both;
}

.form label#res span, .form label#sub span, .form label#und span {
	transition: all ease-in-out 0.2s;
}
a,input,button, label span
{
	transition:all ease-in-out 0.2s;
}

.form label:hover span, .form label:hover input[type=submit], .form label:hover input[type=button], .form label:hover span, .form label:hover input[type=reset] {
	background: var(--main-interface-color);
	color: #fff;
	cursor: pointer;
}

.form label textarea {
	padding:15px 0 0 0 !important;
}
.form label textarea {
	line-height: 1.5;
}

.form .success {
	color: #3498DB;
	text-shadow: 1px 1px 1px #eee;
	text-align: center;
	margin-bottom: 10px;
	margin-top:-10px !important;
}
.form{
	margin: 25px 20px;
}

div#padNumbersWrapper { width:232px; margin:auto; display:none; }
div#padNumbersWrapper div#padNumbers {
  width: 232px;
  height: 232px;
  overflow: hidden;
  letter-spacing: -0.25em;
  outline:none;
}

div#padNumbersWrapper div#padNumbers > button {
  outline:none;
  width: 56px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  background: rgba(0,0,0,0.4);;
  margin: 1px;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  border: none;
  cursor: pointer;
  display:inline-block;
  text-indent:0;
}

.form .formText span {
	background: rgba(0,0,0,0.4); !important;
	color:#fff !important;
}

div#padNumbersWrapper div#padNumbers > button:active {
  border: none;
  background:#1D4E76;
  color: #fff;
}

div#padNumbersWrapper div#padNumbers > button:disabled {
  cursor: default;
}
span.genPWD button { display:inline-block; width:100%; padding:0; text-align:center; text-indent:0; height:22px; line-height:22px; font-size:.7em; }
.responsive-navigation { display:none; }