@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin,latin-ext);
html, body{position: relative; width: 100%; height: 100%; min-width: 600px; margin:0; padding:0; font-size: 14px; font-family: 'Open Sans', 'HelveticaNeue', 'Arial', sans-serif !important; font-weight: 400;}
div.clear{clear: both;}

div#wrapper{position: relative; width: 100%; min-height:100%; margin:0 auto; background: #f9f9f9;}
div#body{position: relative; width: 100%; margin:0 auto; padding-bottom: 40px;}

/* FORM STYLE */
div#body div.row{margin:10px 0; min-height: 35px;}

div#body a.to_home{position: absolute; z-index: 0; top:50px; left: 50%; display: block; outline: 0; width: 240px; height: 38px; border: solid 1px #393939; line-height: 40px; font-size: 14px; color: #393939; margin-left: -120px; text-align: center; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
div#body a.to_home:hover{color: #098cce;  border: solid 1px #098cce;}
div#body a.to_home div.home{display: inline-block; vertical-align: top; margin-top: 11px; margin-right: 7px; width: 18px; height: 16px; background: url(../img/home_sprite.png) no-repeat top;}
div#body a.to_home:hover div.home{background-position: 0 -16px;}

/* MESSAGE */
div.notify{position: absolute; top: 0; left: 50%; padding: 0 20px; z-index: 500; text-align: center; line-height: 45px; font-size: 13px; font-weight: 600; color: #FFF; height: 45px; max-width: 700px; overflow: hidden;}
div.notify.success{background: #77b436;}
div.notify.error{background: #f0473d;}
div.notify.warning{background: #fcd092; color: #90744c;}
div.notify div.icon{width: 15px; height: 15px; background: url('/images/misc/alert.png') no-repeat;}
div.notify div.icon.success{background-position: 0 0; display: inline-block; vertical-align: top; margin-right: 10px; margin-top: 16px;}
div.notify div.icon.error{background-position: 0 -15px; display: inline-block; margin-right: 10px; vertical-align: top; margin-top: 16px;}
div.notify div.icon.warning{background-position: 0 -30px; display: inline-block; margin-right: 10px; vertical-align: top; margin-top: 16px;}

/* SIGN IN FORM */
div.sign_in_box{position: relative; z-index: 50; width: 315px; min-height: 330px; height: auto; border: solid 1px #e5e5e5; background: #FFF; padding: 30px; margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 10px; -moz-border-radius: 5px; border-radius: 5px;}
div.sign_in_box form#sign_in{width: 250px; margin:25px auto 0 auto;}
div.sign_in_box a.forget_pass{float: right; font-size: 13px; line-height: 13px;}
div.under_link{ margin: 40px auto 0 auto; width: 315px; height: 30px; line-height: 30px; font-size: 16px; color: #438dc6; text-align: center;}

div.preTitle{font-size: 18px; line-height: 35px; color: #666666; text-align: center; width: 100%; }
div.title{width: 146px; height: 32px; display: block; background: url(../img/logo.png) no-repeat center; margin:0 auto;}


/* SIGN UP BOX */
div.sign_up_box{width: 315px; min-height: 330px; height: auto; border: solid 1px #e5e5e5; background: #FFF; padding: 30px; margin:0 auto;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
div.sign_up_box form#sign_up{width: 250px; margin:25px auto 0 auto;}

/* FORGET PASS */
div.recover_pass_box{width: 315px; min-height: 260px; height: auto; background: #FFF; border: solid 1px #e5e5e5; padding: 30px; margin:0 auto;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

/* EMPLOYEE REG FORM */
div.employee_signup_box{position: relative; width: 315px; background: #FFF; min-height: 500px; height: auto; border: solid 1px #e5e5e5; padding: 30px; margin:0 auto;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
div.employee_signup_box form#register_form{width: 250px; margin:25px auto 0 auto;}
div.employee_signup_box div.row{width: 100%;}

div.inviter_info{width: 500px; margin:0 auto; height: 100px; padding-top: 20px; margin-bottom: 30px; text-align: left;}
div.inviter_info div.photo{display: inline-block; vertical-align: top; width: 100px; height: 100%; background: #f38032; overflow: hidden; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;}
div.inviter_info div.info_box{display: inline-block; width: 350px; margin-left: 30px; height: 100%; vertical-align: top; font-size: 13px; color: #2f2b2c;}

/* MODA0L */
div#modal{position: fixed; top:0; left: 0; width: 100%; height: 100%; z-index: 100000; background: #2d2929; background: url('/images/modal/overlay_model.png') repeat;}
div#modal div.box{position: absolute; top: 50%; left: 50%; margin-left: -145px; width: 285px; min-height: 80px; background: #FFF; padding: 55px 0 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
div#modal div.box div.close{position: absolute; top: 17px; right: 20px; z-index: 50000; width: 24px; height: 24px; background: url('/images/modal/close_model.png') no-repeat; cursor: pointer; opacity: 1; filter: alpha(opacity=100);}
div#modal div.box div.close:hover{opacity: 0.8; filter: alpha(opacity=80);}
div#modal div.box div.loader{position: absolute; width: 32px; height: 32px; left: 50%; top: 50%; margin-left: -16px; margin-top: -16px; background: url('/images/modal/ajax-loader.gif') no-repeat;}

/* IAMGE CROPPER */
div.crop_box{position: relative; width: 270px; height: 270px; margin: 25px auto 0 auto;}
div.crop_box div.placeholder{position: absolute; padding: 10px; background: #FFF; width: auto; height: 250px;}
div.crop_box div.placeholder div.crop_loader{position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: 5550; background: rgba(255, 255, 255, 0.6);}
div.crop_box div.placeholder div.crop_loader div.statuss{position: absolute; top: 50%; left: 50%; width: 32px; height: 35px; margin-left: -16px; margin-top: -16px; background: url('/images/misc/ajax-loader.gif') no-repeat;}

div#footer{position: absolute; bottom: 0; width: 100%; min-width: 600px; height: 35px; background: #eeeeee; border-top: solid 1px #dcdcdc;}
div#footer div.copy{width: 100%; height: 35px; margin:0 auto; text-align: center; color: #9D9D9D; line-height: 35px; font-size: 11px;}
div#footer div.copy a{color: #919191; text-decoration: underline;}
/* BUTTONS STYLE */
input.submit, a.button{display: inline-block; color: #FFF; font-weight: 600; cursor: pointer; outline: 0 !important; font-size: 14px; padding:0 7px; line-height: 33px; margin-right: 5px; height: 35px; text-align: center; background: #f98039; border: solid 1px #df6a25; font-family: 'Open Sans', 'HelveticaNeue', 'Arial', sans-serif !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
input.submit:hover, a.button:hover{background: #ff9445; color: #FFF; text-decoration: none; border: solid 1px #ed7c29; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:    0px 1px 2px 0px rgba(0, 0, 0, 0.2); box-shadow:         0px 1px 2px 0px rgba(0, 0, 0, 0.2);}
input.submit:active, a.button:active{background: #e76c23; border: solid 1px #d55b13; }
input.submit.gray, a.button.gray{background: #eeeeee; color: #826f84; border: solid 1px #c4c4c4;}
a.button{line-height: 35px !important;}

/* PLACEHOLDER STYLE */
::-webkit-input-placeholder { color:#bcbcbc; opacity:1; filter: alpha(opacity=100);}
::-moz-placeholder { color:#bcbcbc;  opacity:1; filter: alpha(opacity=100);}
:-ms-input-placeholder { color:#bcbcbc;  opacity:1; filter: alpha(opacity=100);}
input:-moz-placeholder { color:#bcbcbc;  opacity:1; filter: alpha(opacity=100);}

/* INPUT STYLE - BOOTSTRAP */
label{
  display: block; 
  width: 100%; 
  height: 30px; 
  line-height: 30px; 
  text-align: left; 
  font-size: 14px; 
  color: #393939;
  font-weight: 600;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  width: 100%;
  font-family: 'Open Sans', 'HelveticaNeue', 'Arial', sans-serif !important;
  display: inline-block;
  height: 35px;
  padding: 0 7px;
  font-size: 14px;
  color: #393939;
  background-color: #e6e6e6;
  vertical-align: middle;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
  border: solid 1px #e6e6e6;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border: solid 1px #f98039;
  background-color: #FFF;
  outline: none;
  -moz-outline: none;
}

textarea{
  min-height: 30px;
  height: 50px;
  overflow-y: auto; 
  resize: none; 
  font-size: 14px; 
  line-height: 20px; 
  padding: 10px; 
  vertical-align: middle;
}

input[type="radio"],
input[type="checkbox"] {
  display: inline-block;
  vertical-align: top;
  margin:0 5px 0 0 !important;
  line-height: normal;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"]{
  font-family: 'Open Sans', 'HelveticaNeue', 'Arial', sans-serif !important;
  width: auto;
  -webkit-appearance: button;
  cursor: pointer;
}

div.errorMessage{
  font-size: 12px; 
  min-height:0;
  height: auto; 
  line-height: 15px; 
  color: #f0473d;
  margin-top: 5px;
}

select,
input[type="file"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #e6e6e6 url(../images/settings/dropdown_arrow.png) no-repeat right 8px center;
  font-family: 'Open Sans', 'HelveticaNeue', 'Arial', sans-serif !important;
  display: inline-block;
  font-size: 14px;
  padding: 0 7px;
  color: #393939;
  width: 100%;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  outline: none;
  -moz-outline: none;
  border:0;
  height: 35px;
  line-height: 35px;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  border: solid 1px #f98039;
  background-color: #FFF;
  outline: none;
  -moz-outline: none;
}

a{
  color: #098cce;
  text-decoration: none;
  outline:0;
}

a:hover{
  color: #14a2e9;
}