@font-face {
font-family: "GillSansC";
src: url("./fonts/"); /* IE9+ Compat Modes */
src: url("./fonts/GillSansC.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("./fonts/GillSansC.woff2") format("woff2"), /* Super modern browsers */
       url("./fonts/GillSansC.woff") format("woff"), /* Modern browsers */
       url("./fonts/GillSansC.ttf")  format("truetype"), /* Safari, Android, iOS */
       url("./fonts/GillSansC.svg#GillSansC") format("svg"); /* Legacy iOS */
}

/*html {
	font-family: GillSansC, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
}*/

/*body {
	width: 390px;
	min-width: 390px;
	margin: 10px;
	min-height: 200px;
}*/
.recallform {
	width: 390px;
	min-width: 390px;
	margin: 10px;
	min-height: 200px;
}

/*
.recallform div{
	display: block !important;
}
*/

.recall-form {
	display: block;
	width: 100%;
	/*height: 400px;*/
	border-radius: 6px;
	box-shadow: 0 1px 18px rgba(0, 101, 143, 0.48), 0 2px 10px rgba(43, 81, 6, 0.31);
	background-color: white;
}

.recall-form p {
	padding: 1.4em;	
	padding-top: .2em;
	padding-bottom: .2em;
	font-size: 111.11%;
	margin-top: .2em;
	margin-bottom: .2em;
    /*-webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;*/
}

input:focus,
input:active,
textarea:focus,
textarea:active {
	/*outline: none !important;*/
	outline: #008eef solid 1px !important;
	border: #008eef solid 1px !important;
}


.recall-form-phone-block {
	display: block;
	width: 100%;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	padding-top: 10px;
	margin-top: 0px;
}

.recall-form-phone-block input {
	display: block;
	/*width: 340px;*/
	/*margin: 20px auto;*/
	/*margin-top: 0;*/
	/*margin-bottom: .8em;*/
	/*padding-top: 0;*/
	/*border-radius: 2px;*/
	/*line-height: 130%;*/
	/*padding-top: 0px;*/
	/*padding-left: 5px;*/
	border: 1px solid #c2c3c2;
	height: 28px;
	background-color: white;
	margin-bottom: 20px;
}

input {
	/*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);*/
	-webkit-box-shadow: none;
	box-shadow: none;
}

#phone-popup,
#phone-static {
	font-family: Proxima;
	font-size: 95%;
	background-image: url(img/phone-gray.png);   
	background-size: 16px 20px;
	background-repeat: no-repeat;   
	background-position: 10px; 
	padding-left: 30px;
	padding-right: 30px;
	width: 280px;
	display: inline-block;
	margin-left: 24px;
}

/*
input#phone-popup.uncompleted-popup+span:after,
input#phone-static.uncompleted-static+span:after {
	position: relative;
	display: inline-block;
	content: '.';
	left: -26px;
	top: -1px;
	color: #FF7500;
	font-size: 400%;
	line-height: 1px;
*/
/*
input#phone-popup.uncompleted-popup+div:after,
input#phone-static.uncompleted-static+div:after {
	position: relative;
	left: -34px;
	width: 8px !important;
	height: 8px !important;
	background: #FF7500;
	margin: 0 0 0 10px;
	bottom: 1px;
}
*/
.recall-form-phone-block .lamp-orange {
	position: relative;
	left: -34px;
	width: 8px !important;
	height: 8px !important;
	background: #FF7500;
	margin: 0 0 0 10px;
	bottom: 1px;
/*
===========================
	position: relative;
	width: 8px !important;
	height: 8px !important;
	background: #57b045;
	margin: 0 0 0 10px;
	bottom: 2px;
===========================
*/
	
}

.completed-popup:focus,
.completed-popup:active,
.completed-static:focus,
.completed-static:active {
	box-shadow: none;
}

.completed-popup,
.completed-static {
	background-color: #e2efd6 !important;
}



.recall-form-add-comment-block {
	display: block !important;
	width: 100%;
	/*padding-top: 1em;*/
	padding-bottom: 1em;
}

.recall-form-add-comment-block>p {
	margin: 0;
	padding: 0;
	margin: 0 auto;
	text-align: center;
}

.recall-form-add-comment-block>p>a {
	border-bottom: 1px dashed #006ad0;
	cursor: pointer;	
}

.recall-form-add-comment-block>p>a[disabled] {
	color: gray;	
	border-bottom: none;	
}

.recall-form-add-comment-block>p>a:hover {
	color: #3da0fe;
	border-bottom: 1px dashed #3da0fe;
}

.recall-form-add-comment-block>p>a[disabled]:hover {
	color: gray;
	border-bottom: none;
	cursor: auto;
}

.recall-form-comment-block {
	display: block;
	width: 100%;
/*	height: 180px;*/
	padding-top: .4em;
	/*top: -100px;*/
	/*padding-top: 0;*/
	margin-top: -30px !important;
}

.recall-form textarea {
	display: block;
	width: 332px;
	/*height: 100%;*/
	margin: 20px auto;
	margin-top: 0;
	margin-bottom: .8em;
	/*padding: 1.4em;	*/
	padding-top: 0;
	/*padding-bottom: .2em;*/
	font-size: 111.11%;
	/*border-radius: 1px;*/
	line-height: 130%;
	font-family: GillSansC, "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top: 5px;
	padding-left: 5px;
	color: black;
	border: 1px solid #c2c3c2;
	height: 108px;
}

textarea#comment-popup,
textarea#comment-static {
	resize: none;
	font-size: 97.78%;
}



.recall-form-recall-time-block-day,
.recall-form-recall-time-block-night {
	display: block;
	width: 100%;
	padding-top: .6em;
	padding-bottom: .6em;
}

.recall-form-recall-time-block-day {
	color: #00770E;
	text-align: center;
}

.recall-form-recall-time-block-night {

}

.recall-form-recall-time-block-night>p {
	margin-top: 0;
	margin-bottom: 0;
	/*margin-left: 1em;*/
}

.recall-form-recall-time-block-night>p>input {
	margin-left: .5em;
	margin-right: .5em;
}



.recall-form-button-block {
	display: block;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding-top: 1.2em;	
	padding-bottom: .6em;
	/*margin-bottom: 4em;*/
	/*background-color: green;*/
	height: 50px;
}



.recall-form-done-block {
	display: block;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding-top: 1em;	
	padding-bottom: 1.4em;
}

.recall_popup_close {
	color: red;
	background-color: yellow;
}

.recall-form-comment {
	margin: 0 auto;
	color: #106d0d;
	font-size: 85%;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	/*padding-top: 15px;*/
	padding-bottom: 20px;
	/*background-color: yellow;*/
	/*width: 100%;*/
}