/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 25, 2016, 11:47:49 AM
    Author     : Techathalon
*/
html {background: #F3F4F0 url(../../../public/uploads/assets/bg.jpg) no-repeat top center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.input_default{background: transparent url(../../../public/uploads/assets/star.png);background-position:100%;/*background-size: 12px 12px;*/background-repeat: no-repeat;}
.input_active{border-color: #FFCD00 !important;background-image: url(../../../public/uploads/assets/star_yellow.png);background-position:100%;/*background-size: 12px 12px;*/background-repeat: no-repeat;}
.input_error{border-color: red !important;background-image: url(../../../public/uploads/assets/star_red.png);background-position:100%;/*background-size: 12px 12px;*/background-repeat: no-repeat;}
.input_success{border-color: #14D0AD !important;background-image: url(../../../public/uploads/assets/circle_tick1.png);background-position:100%;/*background-size: 12px 12px;*/background-repeat: no-repeat;}
.city_default{background: transparent url(../../../public/uploads/assets/star_lightgrey.png);background-position:100%;/*background-size: 12px 12px;*/background-repeat: no-repeat;border-color: lightgrey;}
.btnRight{background: #14d0ad url(../../../public/uploads/assets/arrow_right_white.png) center right 3% no-repeat;background-size: 20px 20px;padding: 1px 10px;border: 2px solid white;border-radius: 25px;color: white;font-weight: bold;width: 90px;text-transform: uppercase;}
.btnRight:hover,.btnRight:focus{background: #14d0ad url(../../../public/uploads/assets/arrow_right_green.png) center right 3% no-repeat;background-size: 20px 20px;background-color: white;padding: 1px 10px;border: 2px solid white;border-radius: 25px;color: #14d0ad;font-weight: bold;width: 90px;text-transform: uppercase;}
select{ -moz-appearance: none; }
option{ padding: 7px;  border-bottom: 1px solid gray; }
#edit_profile{ border: 1px solid #6D6E70; border-radius: 27px 27px 27px 27px; padding:15px 15px 5px; background:transparent;  color:#6D6E70; text-transform: uppercase;  font-weight: bold; }
#edit_profile:hover{border-radius: 27px 27px 27px 27px; padding:15px 15px 5px; background:#6D6E70;color:#fff;border-color: #6D6E70;}
div#load_screen{background: #000;opacity: 0.5;position: fixed;z-index: 10;top: 0;width: 100%;height: 1600px;display: none;} 
div#loading{color:#FFF;position: fixed;width:100%;height:30px;top:100;z-index: 99;background-color: gray;display: none;}
.inputfields{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;outline: none;display: block;width: 98%;margin: auto;border: none;border-bottom: 1px solid darkgray;font-weight:normal;font-size: 1.2em;height: 40px;color: #40B4DD;}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */color:    darkgray;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:    darkgray;opacity:  1;}
::-moz-placeholder { /* Mozilla Firefox 19+ */color:    darkgray;opacity:  1;}
:-ms-input-placeholder { /* Internet Explorer 10-11 */color:    darkgray;}
/* input:focus{border-color: #FFCD00;background-image: url(<?php echo BASE_ASSETS_IMG; ?>star_yellow.png);background-position:100%;background-size: 12px 12px;background-repeat: no-repeat;}*/
/*#aw_zip,#aw_email,#aw_pass,#aw_address,#aw_city_state,#aw_repass,#aw_username,#aw_firstname,#aw_lasname*/
/*input{background: transparent url(<?php echo BASE_ASSETS_IMG; ?>star.png);background-position:100%;background-size: 12px 12px;background-repeat: no-repeat;}*/
/* #aw_city_state:focus{border-color: lightgrey;}*/
.btnGray_skip{background: #E9E9EA;background-size: 20px 20px;padding: 1px 10px;border: 2px solid white;border-radius: 25px;color: #666666;width: 200px;text-transform: none;margin-top: 20px;}
.btnGray_skip:hover,.btnGray_skip:focus{background: #666666;background-size: 20px 20px;padding: 1px 10px;border: 2px solid white;border-radius: 25px;color: #E9E9EA;width: 200px;text-transform: none;margin-top: 20px;}
.input_alert{color: red;font-size: 0.8em;margin: auto;min-height: 20px;text-transform: uppercase;width: 98%;}
@media only screen and (max-width: 450px) {.btnRight{width: 85px;}.btnRight:hover,.btnRight:focus{width: 85px;}}
#footer{min-height: 80px ! important;}