/**
	Incluir aqu� las reglas css propias de este proyecto 
*/

#tipclick_div.tooltip{ /* The styling on the tooltip */
	background-color: #ffffe0;			 
	padding: 2px;
	border: 1px solid black;
	line-height:18px;
	z-index:100;
	color: #000000;
	font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif; 
	position: absolute;
	opacity: 90;
}

.ui-datepicker-trigger{
	width: 20px;
}

/* ************************************/
/* ***********   GENERAL   ************/
/* ************************************/

.user-panel{
    display:none;
}

.content, .content .form-control, .content .btn{
    font-size:14px  !important;
}

.panel-default > .panel-heading{
    text-transform: uppercase;
    text-align: center;
}

.panel-heading{
    font-weight: bold;
    text-transform: uppercase;
}


/*************************************/
/************   CUADROS  *************/
/*************************************/

.corte-0 {
    background-color: #513955 !important;
    color: white;
    font-size:14px;
}

.corte-1{
    background-color: #8c7d8e  !important;
    color: white !important;
    font-size:14px;
}

.corte-2{
    background: #d3a5db !important;
}

/*************************************/
/***********    MENU      ************/
/*************************************/

.sidebar-menu > li.active{
    border-left-color: var(--main-color) !important;
    border-left:3px solid var(--main-color) ;
}

.sidebar-menu {
    font-size: 15px !important;
}

.sidebar-menu .treeview-menu > li > a {
    font-size: 14px !important;
}


/*************************************/
/*********  SOBRE NOSOTROS ***********/
/*************************************/
.logo img{
    width:120px;
}

#sobre_nosotros_container{
    background: #fefefe;
    padding: 30px 15px;
    border-radius: 2px;
    font-family: helvetica;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

#sobre_nosotros_container p{
    font-size:15px;
}

#sobre_nosotros_container img{
    margin:0 auto;
}

#email_sistemas{
    color:#008dda;
    font-size:15px;
}

#email_sistemas:hover{
    color:var(--main-color);
}

#sobre_nosotros_container footer img{
    margin-top:20px;
    display:block;
}

#descripcion_inicial{
    display: block;
    font-size: 35px;
    padding: 40px;
    color: #444;
    font-weight: bold;
    text-transform: uppercase;
}

#contenedor_inicial img{
   margin-top:20vh;
   text-align: center;
}

.ei-boton-izq {
    padding: 6px 13px;
    text-shadow: none;
    background: #dadada;
    border: 1px solid #cecece;
    box-shadow: 1px 1px 1px;
    margin-left: 5px;
    float: left;
}


/*************************************/
/*********  reportes  ***********/
/*************************************/

.ef-reporte-totales{

    padding: 7px;
    border: 1px solid #e8e8e8;
    font-size: 13px;
    font-weight: bold;
    float: left;
    margin-right: 4px;
    line-height: 23px;
    text-transform: uppercase;
}

.ef-fijo-reporte{
    font-size: 16px;
    padding-top: 10px;
}

/*************************************/
/*********  menu wizard  ***********/
/*************************************/

.nav-tabs-custom > .nav-tabs > li.active > a{
    background:#513955 !important;
    color:white !important;
}

/*************************************/
/*********  formulario  ***********/
/*************************************/

div.ef_pers{        
    font-size: 1.1em;
}

.form-horizontal .control-label{
    font-size: 1em;
    font-weight: bold;
}

.control-label {
    font-weight: bold !important;
    font-style: normal !important;
 }


.panel-heading {
    border-bottom: 2px solid var(--main-color) !important;
    background: #513955;
    color: white;
}


 .estado-comprobante{
    font-size: 16px;
    padding-top: 7px;
 }


/*************************************/
/*********  otros  ***********/
/*************************************/

.ef-fijo-estilizado{
    font-size: 16px;
    padding-top: 4px;
}

.btn-pirapire{
    background:#69576c;
    color:white;
}

.btn-pirapire:hover,.btn-pirapire:active{
    background:#513955;;
    color:white !important; 
}

.modal-header {
    background:#725677;
    color:white;
}

 .comprobante-estado{
    text-align:center;
 }


 .ef-textarea{
    display: inline-block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-contro-90,
.form-contro-80,
.form-control-70,
.form-control-60,
.form-control-50{
    display: inline-block;
    margin-right: 10px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control-90{
    width: 90%;
}

.form-control-80{
    width: 80%;
}

.form-control-70{
    width: 70%;
}

.form-control-60{
    width: 60%;
}

.form-control-50{
    width: 50%;
}

#editor_previsualizacion{
    float: right !important;
}

.nombre_uv {
    color: var(--main-color);
}