/*
-----------------------------------------------
Login Stylesheet for Daruma4
----------------------------------------------- */

body {
  color: #333;
  font-size: 11px;
  padding: 0 0 40px;
  background: #f2f2ED url(../../../images/body/body_background_login.png) no-repeat center top;
}

/* anchors
----------------------------------------------- */
a {
  color: #006C80;
  font-weight:bolder;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* Container styles
----------------------------------------------- */
.container_16 {
  margin-top: 60px
}

/* headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.1em;}
h2 {margin-top:1em;}
h5 {font-size:1.2em;}
h6 {font-size:1em; text-transform:uppercase;}

h1 a {
	font-weight:normal;
}


/* page heading
----------------------------------------------- */

#aplication-links {
  float: left;
  position: relative;
}
#aplication-links ul{
  list-style: none;
  margin: 10px 0 0 110px;
}
#aplication-links ul li{
  display: inline-block;
  margin-left: 2px;
  zoom: 1;
  *display: inline;
}
#aplication-links ul li a{
  display: block;
  width: 35px;
  height: 35px;
  background-position: top left;
}
#aplication-links ul li a:hover{
  background-position: top right;
}
.daruma_gestion_ds {
  background-image: url(../../../images/body/btn_gestion_1.png);
  background-repeat: no-repeat;
}
.daruma_maestro_ds {
  background-image: url(../../../images/body/btn_maestro_1.png);
  background-repeat: no-repeat;
}
.daruma_portal_ds {
  background-image: url(../../../images/body/btn_portal_1.png);
  background-repeat: no-repeat;
}
.daruma_gestion_dh {
  background-image: url(../../../images/body/btn_gestion_2.png);
  background-repeat: no-repeat;
}
.daruma_maestro_dh {
  background-image: url(../../../images/body/btn_maestro_2.png);
  background-repeat: no-repeat;
}
.daruma_portal_dh {
  background-image: url(../../../images/body/btn_portal_2.png);
  background-repeat: no-repeat;
}
.app_active{
  background-position: top right !important;
}
#aplication-links .daruma_gestion_label{
  position: absolute;
  bottom: -14px;
  left: 146px;
  font-size: 14px;
  color: #006C80;
}
#aplication-links .daruma_maestro_label{
  position: absolute;
  bottom: -14px;
  left: 105px;
  font-size: 14px;
  color: #006C80;
}
#user-panel ul {
  list-style: none;
}
.company_logo {
  display: inline-block;
}

#login-parallax {
    height: 330px;
    overflow: hidden;
    position: absolute;
    bottom: -200px;
    left: -90px;
    width: 550px;
}

/* paragraphs, quotes and lists
----------------------------------------------- */
p {
	margin-bottom:1em;
}
blockquote {
	font-size:1.2em;
	padding-left:1em;
	border-left:4px solid #ccc;
}
blockquote cite {
	font-size:.9em;
}
ul, ol {
	padding-top:0;
}

/* table
----------------------------------------------- */

table {
	margin-bottom:10px;
}

th, td {
	padding:.2em 1em;
	text-align:left;
}

/* forms
----------------------------------------------- */
#company_logo {
  margin-bottom: 30px;
  text-align: center;
}

#login-form {

}

#login-form .env_title {
/*  border-right: 2px solid #1CB3AC;*/
  vertical-align: middle;
/*  padding: 0 20px;*/
  
}
.env_title h1{
  font-size: 25px;
  color: #006C80;
  font-weight: normal;
  margin-left: 16px;
/*  line-height: 48px;*/
}
table th{
  vertical-align: middle;
}
input[type='submit']{
    cursor: pointer;
    padding: 4px 10px;
    text-shadow: 0px 1px 1px #ffd899;
    text-decoration: none;
    background-color: #ff9d00;
    background-color: #ffb133;
    background-image: -moz-linear-gradient(center bottom,#ff9d00 0%,#ffb133 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#ff9d00),color-stop(1,#ffb133));
    background-image: -o-linear-gradient(center bottom,#ff9d00 0%,#ffb133 100%);
    border: 1px solid #cc7d00;
    border-top: 1px solid #e68d00;
    border-bottom: 1px solid #b36e00;
    color: #4d2f00;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.218s ease;
    -moz-transition: all 0.218s ease;
    -o-transition: all 0.218s ease;
    transition: all 0.218s ease;
}
input[type='submit']:hover{
    background-color: #ffa71a;
    -moz-box-shadow: 0px 3px 2px -2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 3px 2px -2px rgba(0,0,0,0.2);
    -opera-box-shadow: 0px 3px 2px -2px rgba(0,0,0,0.2);
    -khtml-box-shadow: 0px 3px 2px -2px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 2px -2px rgba(0,0,0,0.2);
    background-color: #ffb742;
    background-image: -moz-linear-gradient(center bottom,#ffa30f 0%,#ffb742 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#ffa30f),color-stop(1,#ffb742));
    background-image: -o-linear-gradient(center bottom,#ffa30f 0%,#ffb742 100%);
    border: 1px solid #b36e00;
    border-top: 1px solid #cd7e00;
    border-bottom: 1px solid #9a5f00;
}
input[type='submit']:active{
    background-color: #e68e00;
    -moz-box-shadow: inset 0px 2px 5px -1px #b36e00;
    -webkit-box-shadow: inset 0px 2px 5px -1px #b36e00;
    -opera-box-shadow: inset 0px 2px 5px -1px #b36e00;
    -khtml-box-shadow: inset 0px 2px 5px -1px #b36e00;
    box-shadow: inset 0px 2px 5px -1px #b36e00;
    border: 1px solid #995f00;
    border-top: 1px solid #b36e00;
    border-bottom: 1px solid #804f00;
}

label[for='signin_remember']{
  font-weight: bold;
  color: #444;
}

.separator{
  color: #1CB3AC;
}

#login_current_password,
#login_new_password,
#login_confirm_password,
#user_username,
#user_email,
#user_identification,
#signin_username,
#signin_password{
  color: #006b80;
  background: #F4F4F4;
  border-radius: 4px;
  width: 250px;
  padding: 5px 5px;
  font-size: 15px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border: 1px solid #EEEEEE;
  box-shadow: 0 1px 0 #CCCCCC inset, 0 1px 0 #FFFFFF;
  cursor: text;
  height: 18px;
}
#user_captcha,
#signin_captcha{
  color: #1CB3AC;
  border: 1px solid #EEEEEE;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  box-shadow: 0 1px 0 #CCCCCC inset, 0 1px 0 #FFFFFF;
  background: #f4f4f4;
  width: 135px;
  padding: 5px 10px;
  font-size: 15px;
}
input::-webkit-input-placeholder {
    color: #bcbcbc !important;
}
input:-moz-placeholder {
    color: #bcbcbc !important;
}
input:-ms-input-placeholder {
    color: #bcbcbc !important;
}
.arrow_container a{
  display: block;
  float: right;
}
.captcha{
  padding-left: 5px;
  vertical-align: middle;
}

.arrow_container {
  position: relative;
}

.required_field label{
  background-image:url(../../../images/icons/tools/required_field.png);
  background-position:top right;
  background-repeat:no-repeat;
  padding-right:7px;
}

#change_password_form {
    width: 650px;
    padding: 30px 40px;
    margin: 0 auto;
    background: url(../../..//images/bg_80.png);
    border-radius: 5px;
    position: relative;
}

table.change_password td,
table.lost_password td{
  color: #999;
  padding: 0.2em 2em;
}
h1.change_password_headding,
h1.lost_password_headding{
  font-size: 25px;
  color: #006C80;
  font-weight: normal;
}
.footer_link{
  width: 70px;
  float: right;
  padding: 5px;
}
/* site information
----------------------------------------------- */
#site_info{
  margin-top: 90px;
}
#site_info .box {
	color: #006c80;
	margin-bottom:10px;
  text-align: right;
}

.box {
  margin-bottom:20px;
  padding:10px 10px 10px 10px;
}
.error_list{
  margin: 0;
}
.error_list li {
  list-style: none;
  margin: 0;
  color: #ff4545;
  font-size: 10px;
}
#site_info a {
	color:#fff;
}
#site_info a:hover {
	color:#000;
}
#site_info a img{
  margin-bottom: -2px;
}
.arrow_left,
.arrow_left_captcha {
  position: absolute;
  top: 9px;
  left: -14px;
  margin: 0;
  border-top: 8px solid transparent;
  border-left: 0;
  border-right: 14px solid #f4f4f4;
  border-bottom: 8px solid transparent;    
  padding: 0;
  width: 0;
  height: 0;
  /* ie6 height fix */
  font-size: 0;
  line-height: 0;
  /* ie6 transparent fix */
  _border-right-color: white;
  _border-left-color: white;
  _filter: chroma(color=white);
}
.arrow_left_captcha {
  top: 7px;
}
.user_image,
.password_image {
  text-align: center;
}

/* Flashes Messages
-------------------------------------------------------------------------------------- */

.flash-box {
  position: relative;
  margin: 0 0 5px 0;
  padding: 5px 10px 5px 32px;
  background-repeat: no-repeat;
  background-position: 10px 5px;
  border: 1px solid;
  border-radius: 3px;
}

.flash-box-static {
  position: relative;
  margin: 0 0 5px 0;
  padding: 5px 10px 5px 32px;
  background-repeat: no-repeat;
  background-position: 10px 5px;
  border: 1px solid;
  border-radius: 3px;
}

a.flash-close {
  position: absolute;
  right: 8px;
  top: 9px; 
  text-decoration: none !important;
  height:10px;
  width:10px;
  display:block;
  background:url(../../../images/icons/tools/closelabel.png) no-repeat center;
  cursor: pointer;
  opacity: 0.4;
}

a.flash-close:hover {
  background:url(../../../images/icons/tools/closelabel.png) no-repeat center;
  opacity: 0.7;
}

.flash-box-static p,
.flash-box p {
  margin-bottom: 0;
  margin-top: 20px;
}

.flash-box-static p.no-margin,
.flash-box p.no-margin {
  margin: 0;
}

.flash-box-static > p:first-child,
.flash-box > p:first-child {
  margin: 0;  
}

.flash-box-info {
  color: #3A87AD;
  border-color: #BCE8F1;
  background-color: #D9EDF7;
  background-image: url(../../../images/icons/tools/info-circle.png);
}

.flash-box-success {
  color: #468847;
  border-color: #D6E9C6;
  background-color: #DFF0D8;
  background-image: url(../../../images/icons/tools/tick-circle.png);
}

.flash-box-success a {
  color: #468847 !important;
}

.flash-box-warning {
  color: #C09853;
  border-color: #FBEED5;
  background-color: #FCF8E3;
  background-image: url(../../../images/icons/tools/alert-circle.png);
}

.flash-box-warning a {
  color: #C09853 !important;
}

.flash-box-error {
  color: #B94A48;
  border-color: #EED3D7;
  background-color: #F2DEDE;
  background-image: url(../../../images/icons/tools/error-circle.png);
}

.flash-box-error a {
  color: #B94A48 !important;
}

.flash-box-error .error_list li{
  font-size: inherit;
}

/* Styles for TipSy Tootip Plugin
-------------------------------------------------------------------------------------- */

/* Styles for Required items
-------------------------------------------------------------------------------------- */
span.required_form_item {
  font-weight: bold;
  font-size: 12px;
  line-height: 10px;
  color: #FF4545;
}