@font-face {
    font-family: roboto;
    src: url(Roboto-Regular.ttf);
}

@font-face {
    font-family: roboto-light;
    src: url(Roboto-Thin.ttf);
}

@keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: -670px 0; }
}
@-moz-keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: -670px 0; }
}
@-webkit-keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: -670px 0; }
}
@-ms-keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: -670px 0; }
}
@-o-keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: -670px 0; }
}

textarea {
  resize: none;
}

[hidden] {
  display: none !important;
}

body {font-family: roboto; margin: 0; padding: 0; height: 100%; margin: 0; padding: 0;}

html {height: 100%; margin: 0; padding: 0;}
body, html{background-color: #ffffff;}

#app_loader{
	background-color: #0193e9;
}

#map{height: 360px; width: 100%;}

textarea:focus, input:focus{
    outline: none;
}

/** Fixed center style **/
.center_box{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	padding: 10px;
	z-index: 1500000;
	display: table;
}

.center_frame{
	display: table-cell;
    vertical-align: middle;
	text-align: center;
}

#app_popout_state{
	border-radius: 8px;
	background-color: #fff;
	padding: 15px;
	color: #2e2e2e;
	font-size: 15px;
}

#app_blockout_state{
	border-radius: 8px;
	background-color: #eb5f00;
	padding: 15px;
	color: #fff;
	font-size: 15px;
}

/** Head Menu **/


.headbar{
	position: fixed; 
	left: 0px; 
	top: 0px; 
	width: 100%; 
	z-index: 4000;
	font-size: 17px;
	text-align: center;
}

.head_button{
	text-align: center;
	padding: 12px 12px 0px 12px;
}

/**Footer position**/
.clear{clear: both;}


/*** Upload media ***/
#app_picture_uploader_file_progress{
	width: 100%;
	height: 32px;
	background: #00c0ff;
	display: none;
	color: #ffffff;
	text-align: left;
	position: relative;
}

#app_picture_uploader_file_fill{
	top:0;
	left:0;
	position:absolute;
	height: 32px;
    background-color: #f39ac7;
    width: 0;
}

#app_picture_uploader_file_size{
	top:3px;
	left:50%;
	position:absolute;
	display:inline-block;
	color: #000000;
}

.form-center-1-button{
	margin-top: 17px;
	width: 100%;
	font-size: 14px;
	padding: 7px;
	text-align: center;
	border: none;
}

/*** color background ***/
.bc-red{background-color: #d50000; color: #ffffff;}
.bc-deep-red{background-color: #7b1111; color: #ffffff;}
.bc-orange{background-color: #ffc000; color: #ffffff;}
.bc-pale-blue{background-color: #366d98; color: #ffffff;}
.bc-light-blue{background-color: #87cbd3; color: #ffffff;}
.bc-green{background-color: #3c9d11; color: #ffffff;}
.bc-olive{background-color: #009661; color: #ffffff;}
.bc-deep-olive{background-color: #006544; color: #ffffff;}
.bc-black{background-color: #2e2e2e; color: #ffffff;}
.bc-gray{background-color: #5f5f5f; color: #ffffff;}
.bc-light-gray{background-color: #7e7e7e; color: #ffffff;}
.bc-pale-gray{background-color: #e1e1e1; color: #2e2e2e;}
.bc-purple{background-color: #8d457f; color: #ffffff;}
.bc-pink{background-color: #ff699e; color: #ffffff;}
.bc-white{background-color: #ffffff; color: #2e2e2e;}

.bc-red:hover{background-color: #d50000; color: #ffffff;}
.bc-deep-red:hover{background-color: #7b1111; color: #ffffff;}
.bc-orange:hover{background-color: #ffc000; color: #ffffff;}
.bc-pale-blue:hover{background-color: #366d98; color: #ffffff;}
.bc-light-blue:hover{background-color: #87cbd3; color: #ffffff;}
.bc-green:hover{background-color: #3c9d11; color: #ffffff;}
.bc-olive:hover{background-color: #009661; color: #ffffff;}
.bc-deep-olive:hover{background-color: #006544; color: #ffffff;}
.bc-black:hover{background-color: #2e2e2e; color: #ffffff;}
.bc-gray:hover{background-color: #5f5f5f; color: #ffffff;}
.bc-light-gray:hover{background-color: #7e7e7e; color: #ffffff;}
.bc-pale-gray:hover{background-color: #e1e1e1; color: #2e2e2e;}
.bc-purple:hover{background-color: #8d457f; color: #ffffff;}
.bc-pink:hover{background-color: #ff699e; color: #ffffff;}
.bc-white:hover{background-color: #f1f1f1; color: #2e2e2e;}

.bc-red:focus{background-color: #d50000; color: #ffffff;}
.bc-deep-red:focus{background-color: #7b1111; color: #ffffff;}
.bc-orange:focus{background-color: #ffc000; color: #ffffff;}
.bc-pale-blue:focus{background-color: #366d98; color: #ffffff;}
.bc-light-blue:focus{background-color: #87cbd3; color: #ffffff;}
.bc-green:focus{background-color: #3c9d11; color: #ffffff;}
.bc-olive:focus{background-color: #009661; color: #ffffff;}
.bc-deep-olive:focus{background-color: #006544; color: #ffffff;}
.bc-black:focus{background-color: #2e2e2e; color: #ffffff;}
.bc-gray:focus{background-color: #5f5f5f; color: #ffffff;}
.bc-light-gray:focus{background-color: #7e7e7e; color: #ffffff;}
.bc-pale-gray:focus{background-color: #e1e1e1; color: #2e2e2e;}
.bc-purple:focus{background-color: #8d457f; color: #ffffff;}
.bc-pink:focus{background-color: #ff699e; color: #ffffff;}
.bc-white:focus{background-color: #f1f1f1; color: #2e2e2e;}

.bc-pitch-black{background-color: #000000; color: #ffffff;}

.bc-grad-orange{
	color: #fff;
	text-shadow: 0px 1px 1px #6e6e6e;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa84c+0,ff7b0d+100;Orange+3D */
background: rgb(255,168,76); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,168,76,1)), color-stop(100%,rgba(255,123,13,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* IE10 preview */
background: linear-gradient(to bottom, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
}

.bc-grad-orange:hover{color: #fff;}

.bc-grad-orange:focus{color: #fff;}

.bc-grad-green{
	color: #fff;
	text-shadow: 0px 1px 1px #6e6e6e;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b7eb23+0,65b919+100 */
background: rgb(183,235,35); /* Old browsers */
background: -moz-linear-gradient(top, rgba(183,235,35,1) 0%, rgba(101,185,25,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(183,235,35,1)), color-stop(100%,rgba(101,185,25,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top, rgba(183,235,35,1) 0%,rgba(101,185,25,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top, rgba(183,235,35,1) 0%,rgba(101,185,25,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top, rgba(183,235,35,1) 0%,rgba(101,185,25,1) 100%); /* IE10 preview */
background: linear-gradient(to bottom, rgba(183,235,35,1) 0%,rgba(101,185,25,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7eb23', endColorstr='#65b919',GradientType=0 ); /* IE6-9 */
}

.bc-grad-green:hover{color: #fff;}

.bc-grad-green:focus{color: #fff;}

.bc-grad-green2{
	background: #d2ff52; /* Old browsers */
	background: -moz-linear-gradient(top,  #d2ff52 0%, #91e842 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #d2ff52 0%,#91e842 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #d2ff52 0%,#91e842 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#91e842',GradientType=0 ); /* IE6-9 */
}

.bc-grad-purple{
	color: #fff;
	text-shadow: 0px 1px 1px #6e6e6e;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e570e7+0,c85ec7+47,a849a3+100;Pink+3D+%233 */
background: rgb(229,112,231); /* Old browsers */
background: -moz-linear-gradient(top, rgba(229,112,231,1) 0%, rgba(200,94,199,1) 47%, rgba(168,73,163,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,112,231,1)), color-stop(47%,rgba(200,94,199,1)), color-stop(100%,rgba(168,73,163,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top, rgba(229,112,231,1) 0%,rgba(200,94,199,1) 47%,rgba(168,73,163,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top, rgba(229,112,231,1) 0%,rgba(200,94,199,1) 47%,rgba(168,73,163,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top, rgba(229,112,231,1) 0%,rgba(200,94,199,1) 47%,rgba(168,73,163,1) 100%); /* IE10 preview */
background: linear-gradient(to bottom, rgba(229,112,231,1) 0%,rgba(200,94,199,1) 47%,rgba(168,73,163,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e570e7', endColorstr='#a849a3',GradientType=0 ); /* IE6-9 */
}

.bc-grad-purple:hover{color: #fff;}

.bc-grad-purple:focus{color: #fff;}

.bc-grad-red{
	color: #fff;
	text-shadow: 0px 1px 1px #6e6e6e;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
background: rgb(255,48,25); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,48,25,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* IE10 preview */
background: linear-gradient(to bottom, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}

.bc-grad-red:hover{color: #fff;}

.bc-grad-red:focus{color: #fff;}

.bc-grad-pink{
	color: #fff;
	text-shadow: 0px 1px 1px #6e6e6e;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff72bb+0,ff0084+100 */
	background: #ff72bb; /* Old browsers */
	background: -moz-linear-gradient(top, #ff72bb 0%, #ff0084 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff72bb), color-stop(100%,#ff0084)); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(top, #ff72bb 0%,#ff0084 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(top, #ff72bb 0%,#ff0084 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(top, #ff72bb 0%,#ff0084 100%); /* IE10 preview */
	background: linear-gradient(to bottom, #ff72bb 0%,#ff0084 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff72bb', endColorstr='#ff0084',GradientType=0 ); /* IE6-9 */
}

.bc-grad-pink:hover{color: #fff;}

.bc-grad-pink:focus{color: #fff;}

.bc-grad-blue{
	color: #fff;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5eb2ca+0,256b9c+100 */
background: #5eb2ca; /* Old browsers */
background: -moz-linear-gradient(top,  #5eb2ca 0%, #256b9c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #5eb2ca 0%,#256b9c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #5eb2ca 0%,#256b9c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5eb2ca', endColorstr='#256b9c',GradientType=0 ); /* IE6-9 */

}

.bc-grad-blue:hover{color: #fff;}

.bc-grad-blue:focus{color: #fff;}

.bc-grad-yellow{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e0c708+0,ad8a18+100 */
background: #e0c708; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #e0c708 0%, #ad8a18 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #e0c708 0%,#ad8a18 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #e0c708 0%,#ad8a18 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0c708', endColorstr='#ad8a18',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.bc-grad-yellow:hover{color: #fff;}

.bc-grad-yellow:focus{color: #fff;}

.bc-grad-yellow2{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffaf4b+0,ff920a+100;Orange+3D+%231 */
background: #ffaf4b; /* Old browsers */
background: -moz-linear-gradient(top,  #ffaf4b 0%, #ff920a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffaf4b 0%,#ff920a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffaf4b 0%,#ff920a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); /* IE6-9 */
}

.bc-grad-yellow2:hover{color: #fff;}

.bc-grad-yellow2:focus{color: #fff;}

.bc-grad-brown{
	color: #fff;
	text-shadow: 0px 1px 1px #6e6e6e;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3b23a+0,e3a93d+50,c68e1d+100 */
background: rgb(243,178,58); /* Old browsers */
background: -moz-linear-gradient(top, rgba(243,178,58,1) 0%, rgba(227,169,61,1) 50%, rgba(198,142,29,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(243,178,58,1) 0%,rgba(227,169,61,1) 50%,rgba(198,142,29,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(243,178,58,1) 0%,rgba(227,169,61,1) 50%,rgba(198,142,29,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3b23a', endColorstr='#c68e1d',GradientType=0 ); /* IE6-9 */
}

.dana_wnb{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#138ee9+0,2bc0f6+100 */
background: #138ee9; /* Old browsers */
background: -moz-linear-gradient(top,  #138ee9 0%, #2bc0f6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #138ee9 0%,#2bc0f6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #138ee9 0%,#2bc0f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#138ee9', endColorstr='#2bc0f6',GradientType=0 ); /* IE6-9 */
}