/*Estilos genéricos*/
body
{          
    padding-top: 40px;
    background: #f2f2f2;
}
    
textarea {
    resize: none;
}

.mostrar {
    display:block;
}
.ocultar {
    display:none;
}

/*Anchos porcentuales*/
.WP26 {
    width:26%;
}

/*CAJAS SOMBREADAS PARA TEXTOS*/

.caja {
    border: 1px solid #d4d4d4;
    border-radius: 10px;
    padding: 10px;            
    -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);   
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5); 
    }

.cajaTexto {
    border: 1px solid #d4d4d4;
    border-radius: 10px;
    padding: 0 5px 5px 5px;
    color: #666;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.175);    
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.175);   
}

/*Sobreescribimos la clase Badge de Bootstrap. Siempre hacerlo aquí, en el main*/
.badge.badgeRojo {
    background-color: rgb(195, 15, 15);
}

/*DLGERROR*/



#dlgAlert.modal.fade .modal-dialog {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    top: 300px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#dlgAlert.modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0, -300px, 0);
    transform: translate3d(0, -300px, 0);
    opacity: 1;
}

/*FIN ALERT*/

.form-group .form-group-xs {
    height:20px !important;
    margin-bottom: 15px !important;

}

/*Ajustes para el control Jquery DATATABLE (Estaba desalineado)*/
 table.dataTable thead th, table.dataTable thead td {
    padding: 10px 10px;
}

/*Barra superior Proveedores*/
nav #logoIbermatica {   
    margin:5px 15px 0 0 ;
}
/*FIN barra superior Proveedores*/


/*Pantalla Login y recordarPassword*/
.container-login {        
    color: #333333;
    margin-top: 40px;
    padding: 0;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.container-login > section {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 10px;
}

.tabs-login {
    background: #f5f3f3;
    border: medium none;
    margin-top: -1px;
    padding: 10px 30px;
}

.container-login h2 {
    /*color: #ea533f;*/
    color: rgb(80,132,159);
}

/*PENDIENTE BORRAR*/
.form-control {
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #999999;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #333333;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 6px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
/*FIN PENDIENTE BORRAR*/

.container-login button {
    /*background-color: #ea533f;*/
    background-color:rgb(80,132,159);
    /*border-color: #e73e28;*/
    border-color:rgb(80,132,159);
    color: #ffffff;
    border-radius: 0;
    font-size: 18px;
    line-height: 1.33;
    padding: 10px 16px;
    width: 100%;
}

.container-login .checkbox {
    margin-left:-12px;
}
.container-login button:hover,
.container-login button:focus {      
   background-color:#455962;
   border-color:#455962;
    /*background: #de2f18;
    border-color: #be2815;*/
}

/*MENSAJES DE ADVERTENCIA Y ERROR*/
#msgerror , #msgerrorserver{
    border:5px solid #fff;
}

#mensaje {
font-weight:normal;}


/*CAMBIO DE PASSWORD*/
fieldset > legend {
    background-color: rgb(80,132,159);
    color: #FFF;
    font-size: 24px;
}

/*FIN Pantalla Login y recordarPassword*/