@charset "utf-8";
/* CSS Document */
.input_field_register{
	
}
.form_field_height{
	/*height:25px;*/
}

input {
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: textfield;
    background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59));
    -webkit-rtl-ordering: logical;
    cursor: text;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1px 2px;
    border-width: 1px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-style: inset;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;
}

input:-internal-autofill-selected {
    appearance: menulist-button;
    background-color: rgb(255, 255, 255) !important;
    background-image: none !important;
    color: -internal-light-dark(black, white) !important;
}

/*input[type="password"]{margin-top: 10px;}*/

input[type="text"],input[type="password"],input[type="url"],input[type="email"],input[type="tel"] {
	padding: 12px 10px;
  	box-sizing: border-box;
  	/*border: 1px solid transparent;*/
  	border-radius: 2px;
  	background-color: #f8f8f8;
	margin-right:20px;
	height:25px;
}
/*http://code.iamkate.com/html-and-css/styling-checkboxes-and-radio-buttons/  beta*/

input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}

input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -1.8em;
  line-height  : 1.5em;
}

input[type=checkbox]:not(old) + label > span,
input[type=radio   ]:not(old) + label > span{
  display          : inline-block;
  width            : 1.2em;
  height           : 1.2em;
  margin           : 0.25em 0.25em 0.25em 0.25em;
  border           : 0.0625em solid rgb(192,192,192);
  /*border-radius    : 0.25em;*/
  border-radius    : 50%;
  background       : rgb(224,224,224);
  background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
  vertical-align   : bottom;
}

input[type=checkbox]:not(old):checked + label > span,
input[type=radio   ]:not(old):checked + label > span{
  background-image :    -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :     -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :      -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image : -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :         linear-gradient(rgb(224,224,224),rgb(240,240,240));
}

input[type=checkbox]:not(old):checked + label > span:before{
  content     : '✓';
  display     : block;
  width       : 1em;
  color       : rgb(71,32,47);
  font-size   : 0.875em;
  line-height : 1em;
  text-align  : center;
  text-shadow : 0 0 0.0714em rgb(71,32,47);
  font-weight : bold;
}

input[type=radio]:not(old):checked +  label > span > span{
  display          : block;
  width            : .8em;
  height           : .8em;
  margin           : 0.090em;
  border           : 0.0625em solid rgb(71,32,47);
  border-radius    : 50%;
  background       : rgb(71,32,47);
  background-image :    -moz-linear-gradient(rgb(71,32,47),rgb(95,43,56));
  background-image :     -ms-linear-gradient(rgb(71,32,47),rgb(95,43,56));
  background-image :      -o-linear-gradient(rgb(71,32,47),rgb(95,43,56));
  background-image : -webkit-linear-gradient(rgb(71,32,47),rgb(95,43,56));
  background-image :         linear-gradient(rgb(71,32,47),rgb(95,43,56));
}

#minutes_duration_input{
	width:100px;
}

input[type=textbox]:focus{
	border-color: #777;
}

	


@media only screen and (max-width: 599px) {
.login_form_field{
	width:100%;
	height:50px;
	padding:8px;
	font-size: 24px;
}	
}

@media only screen and (min-width: 600px) and (max-width: 869px) {
	.login_form_field{
	width:100%;
	height:50px;
	padding:8px;
	font-size: 24px;
}
}

@media only screen and (min-width: 870px) {
.login_form_field{
	width:100%;
	height:30px;
	padding:8px;
}	
}