/***** Style Modal Login ******/
#modalLogin .modal-content{
    max-width:340px;
    margin-left: auto;
    margin-right: auto;
    color:#000;
}
#modalLogin .modal-content a,
#modalLogin .modal-content a:hover,
#modalLogin .modal-content a:focus{
    color:#000;
}
#modalLogin .modal-content label{
    width: 100px;
}
#modalLogin .modal-content .form-inline{
    text-align: center;
}
#modalLogin .modal-content .input-group-addon{
    /*background: #888;*/
}
.modal-header h4{
     color:#000;
}
#modalLogin .modal-header,
#modalLogin .modal-body,
#modalLogin .modal-footer{
    padding: 10px;
}
#modalLogin .modal-footer{
    text-align: center;
}
#modalLogin .modal-title{
    font-size:1.5em;
}
#modalLogin .close, #forgotPasswordModal .close{
    /*color: #ff3333;*/
    font-size: 2em;
    opacity: 1;
    margin-top: -0.3rem;
    right: 10px;
}
#modalLogin .modal-title{
    text-align: center;
}
#modalLogin .modal-footer {
    /*border-top-width:0;*/
}
#modalLogin .modal-body input[type="text"],
#modalLogin .modal-body input[type="password"]{
    width:94%;
}
#modalLogin .modal-footer .btn {
    border-radius: 3px;
    font-size: 14px;
    line-height: 1.5;
    padding: 5px 10px;
	width: 100%;
    height: 45px;
}
#modalLogin .well{
    padding: 10px;
    margin-bottom: 10px;
}
#modalLogin .well.pw{
   background: none;
}
#modalLogin .left{
    float:left;
}
#modalLogin .right{
    float:right;
}
#modalLogin .extra-info{
    width:100%;
    padding: 10px 20px;
    display: block;
    margin: 0px;
}
#modalLogin .extra-info  a{
    /*color:red;*/
}
#modalLogin .loginError {
    color:red;
    display: none;
}
#modalLogin #btnEntrar{
	color: white;
	border: none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f24719+0,be3814+100 */
    background: rgb(242,71,25); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(242,71,25,1) 0%, rgba(190,56,20,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(242,71,25,1) 0%,rgba(190,56,20,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(242,71,25,1) 0%,rgba(190,56,20,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f24719', endColorstr='#be3814',GradientType=0 ); /* IE6-9 */
}

#whitebackground .panel-heading {
    background: #f5f5f5 !important;
    color: #000 !important;
}


/* Style register full */
#form-register-cashier{
    background: #222;
    color:#999
}

/*site container*/
body.lg #form-register-cashier .wrapper,
body.sm #form-register-cashier .wrapper,
body.md #form-register-cashier .wrapper{
width:460px;
margin:0 auto;
}

/*site container*/
body.xs #form-register-cashier .wrapper{
 width:100%;
 margin:0 auto;
}

#form-register-cashier .form{
 width:100%;
}
#form-register-cashier #formularioIngreso select,
#form-register-cashier #formularioIngreso input[type="text"],
#form-register-cashier #formularioIngreso input[type="email"],
#form-register-cashier #formularioIngreso input[type="password"]{
 -webkit-appearance: none;
 width:98%;
 padding:15px 0px 15px 8px;
 border-radius:5px;
 box-shadow:inset 4px 6px 10px -4px rgba(0,0,0,0.3), 0 1px 1px -1px rgba(255,255,255,0.3);
 -webkit-box-shadow:inset 4px 6px 10px -4px rgba(0,0,0,0.3), 0 1px 1px -1px rgba(255,255,255,0.3);
 background:rgba(0,0,0,0.2);
 outline:none;
 border:none;
 border:1px solid rgba(0,0,0,1);
 margin-bottom:10px;
 color:#FFFFFF;
}
#form-register-cashier #formularioIngreso input[type="button"]{
 width:100%;
 padding:15px;
 border-radius:5px;
 outline:none;
 border:none;
 background-image: -webkit-linear-gradient(top,#337ab7 0,#265a88 100%);
 background-image: -o-linear-gradient(top,#337ab7 0,#265a88 100%);
 background-image: -webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#265a88));
 background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
 background-repeat: repeat-x;
 /*font:14px Oswald;*/
 color:#FFF;
 text-transform:uppercase;
 border:1px solid #000;
 opacity:0.7;
 -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.7);
 -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.7);
 box-shadow: 0 8px 6px -6px rgba(0,0,0,0.7);
 border-top:1px solid rgba(255,255,255,0.8)!important;
 -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), to(rgba(255,255,255,0.2)));
}

#form-register-cashier #formularioIngreso input:focus{
 box-shadow:inset 4px 6px 10px -4px rgba(0,0,0,0.7), 0 1px 1px -1px rgba(255,255,255,0.3);
 background:rgba(0,0,0,0.3);
 -webkit-transition:1s ease;
 -moz-transition:1s ease;
 -o-transition:1s ease;
 -ms-transition:1s ease;
 transition:1s ease;
}

#form-register-cashier #formularioIngreso input[type="submit"]:hover{
 opacity:1;
 cursor:pointer;
}

#form-register-cashier #formularioIngreso .name-help,.email-help{
 display:none;
 padding:0px;
 margin:0px 0px 15px 0px;
}

#form-register-cashier #formularioIngreso .optimize{
 position:fixed;
 right:3%;
 top:0px;
}

#form-register-cashier .inputField,
#form-register-cashier .textField{
   float: left;
}

#form-register-cashier .overlay {
 background-color: black;
 opacity: 0.2;
 height: 200px;
 width: 100%;
 position: absolute;
 background-size: 60px 60px;
 background-image: url("/images/loading.gif");
 background-position: center;
 background-repeat: no-repeat;
 z-index: 9999 !important;
 display: none;
}

#form-register-cashier #formularioIngreso{
   margin-right: 20px;
   margin-left: 20px;
   padding-bottom: 20px;
   padding-left: 20px;
   padding-right: 20px;
   /*background-color: #FFFFFF;
   Color: #000000;*/
}

#form-register-cashier #formularioVerificacion{
   margin-right: 20px;
   margin-left: 20px;
   padding-bottom: 20px;
   padding-left: 20px;
   padding-right: 20px;
   /*background-color: #FFFFFF;
   Color: #000000;*/
}

body.xs #form-register-cashier #formularioIngreso .input-group-addon{
 padding-right: 5px;
 padding-left: 5px;
}

#form-register-cashier #formularioIngreso .wrapper .form .formRow label{
   width: 100%;
   text-align: left;
   padding-left: 8px;
}

#form-register-cashier #formularioIngreso .wrapper .form .formRow .controlLine .control{
   float:left;
   width: calc(98% / 3);
   width: -webkit-calc(98% / 3);
   width: -moz-calc(98% / 3);
}

#form-register-cashier #formularioIngreso #agree{
   float: left;
   margin: 8px 10px 0 0;
}
#form-register-cashier #formularioVerificacion .narrowButtonsDiv {
   height:8%;
   padding-top:5px;
   padding-bottom:5px;
}
#form-register-cashier #formularioVerificacion .buttonPanel2 {
   margin:auto;
   width:83%;
   max-width: 940px;
}
#form-register-cashier #formularioVerificacion a {
   color: #FFFFFF;
}
#form-register-cashier #formularioVerificacion a:hover {
   color: #FFFFFF;
}
#form-register-cashier #formularioVerificacion #content {
   margin: 25px auto 5px;
}
#form-register-cashier #formularioVerificacion .col-md-6,
#form-register-cashier #formularioVerificacion .col-sm-12 {
   padding: 0;
}
#form-register-cashier #formularioVerificacion{
   display: none;
   width: 60%;
   margin-right: auto;
   margin-left: auto;
}
body.xs #form-register-cashier #formularioVerificacion{
   width: 100%;
}
#form-register-cashier #messagesErrorContent{
   display: none;
}
#form-register-cashier #messagesError{
   margin-left: 20px;
   margin-right: 20px;
   color: red;
}