/*FORMULARIO ENABLE */




.formulario input, textarea
{
    border-width: 1px 1px 1px 1px !important;
    font-family: sans-serif;
    background-color: #faf4a9  !important;
    color: black !important;
    font-size: 15px;
}

.formulario label{
    color: #434343 !important; 
    font-size: 15px; 
    line-height: 15px !important; 
    height: 30px; 
    display: inline-block; 
    vertical-align: bottom !important;
}


.formulario .webix_inp_label {
    white-space: normal;
}



.formulario .webix_el_box {
    vertical-align: middle !important;
    box-sizing: border-box;
    font-size: 15px;/**/
}

.formulario .webix_el_richselect {
    display: table-cell!important;
    vertical-align: middle !important;
    box-sizing: border-box;
    padding: 2px 2px;
    font-size: 15px;
}

.formulario-label{
    color: #434343 !important; 
    font-size: 15px;  
    text-align: right;
}

.formulario .webix_inp_static{
    border-width: 1px 1px 1px 1px !important;
    font-family: sans-serif;
    background-color: #faf4a9  !important;
    color: black !important;
    font-size: 15px;
}
/*FIN DE FORMULARIO ENABLE*/


/*FORMULARIO DISABLE*/

.formulario input[disabled], textarea[disabled]
{
    border-width: 0px 0px 1px 0px !important;
    background-image: none;
    background-color: transparent !important;
    color: #434343 !important;
}


.formulario .webix_disabled_box .webix_inp_static{
    border-width: 0px 0px 1px 0px !important;
    background-image: none;
    background-color: transparent !important;
    color: #434343 !important;
} 


.webix_disabled_box  div{
    border-width: 0px 0px 1px 0px !important;
    background-image: none;
    background-color: transparent !important;
    color: #434343 !important;
}
/* FIN DE FORMULARIO DISABLE*/


/*FORMULARIO 2 ENABLE*/

.formulario2 label{
    color: #434343 !important; 
    font-size: 15px; 
}

.formulario2 input, textarea
{
    border-width: 1px 1px 1px 1px !important;
    font-family: sans-serif;
    background-color: #faf4a9  !important;
    color: black !important;
    font-size: 14px;
}

.formulario2 .webix_inp_static{
    border-width: 1px 1px 1px 1px !important;
    font-family: sans-serif;
    background-color: #faf4a9  !important;
    color: black !important;
    font-size: 14px;
}


/*FIN DE FORMULARIO 2 ENABLE*/



/*FORMULARIO 2 DISABLE*/


.formulario2 input[disabled], textarea[disabled]
{
    border-width: 0px 0px 1px 0px !important;
    background-image: none;
    background-color: transparent !important;
    color: #434343 !important;
}

.formulario2 .webix_disabled_box .webix_inp_static{
    border-width: 0px 0px 1px 0px !important;
    background-image: none;
    background-color: transparent !important;
    color: #434343 !important;
} 

/*FIN DE FORMULARIO 2 DISABLE*/



/*LISTAS*/

.lista input {
    border-width: 0px 0px 1px 0px  !important;
    background-color: transparent !important;
    font-size: 14px;
}

.lista .webix_inp_static{
    border-width: 0px 0px 1px 0px;
    font-size: 14px;
}

.lista label{
    color: #434343 !important;
    font-size: 14px;
    line-height: 14px !important;
    display: inline-block; 
    vertical-align: bottom !important;
}

.lista .webix_inp_label {
    float: left;
    padding-right: 7.5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
}

.lista .webix_el_box {
    display: table-cell!important;
    vertical-align: middle !important;
    box-sizing: border-box;
    background-color: transparent !important;
    padding: 2px 2px;
    font-size: 14px;
}

.lista2 input {
    border-width: 0px 0px 1px 0px  !important;
    background-color: transparent !important;
    font-size: 14px;
}

.lista2 label{
    color: #434343 !important;
    font-size: 14px;
}


/*FIN DE LISTAS*/

/*OTROS*/

.formularioSaldo input[disabled]
{
    border-width: 0px 0px 1px 0px !important;
    background-image: none;
    background-color: transparent !important;
    color: #434343 !important;
}

.formularioSaldoRed input[disabled]
{
    border-width: 0px 0px 1px 0px !important;
    background-image: none;
    background-color: red !important;
    color: #434343 !important;
}

.formularioSaldoWhite input[disabled]
{
    border-width: 0px 0px 1px 0px !important;
    background-image: none;
    background-color: white !important;
    color: #434343 !important;
}

.formularioSaldoYellow input[disabled]
{
    border-width: 0px 0px 1px 0px !important;
    background-image: none;
    background-color: yellow !important;
    color: #434343 !important;
}

.formularioSaldo label{
    color: #434343 !important; 
    font-size: 14px; 
}

.columnGreen .webix_cell {
    background-color: #8EF369 !important; 
    color: black !important;
    text-align: right !important;
}

.columnRed1 .webix_cell{
    background-color: #F49188 !important; 
    color: black !important;
    text-align: right !important;
}

.columnRed2 .webix_cell{
    background-color: #F05D50 !important; 
    color: black !important;
    text-align: right !important;
}

.columnRed3 .webix_cell{
    background-color: #EB1703 !important; 
    color: white !important;
    text-align: right !important;
}


.columnFontBold {
    font-weight: bold !important; 
}

.columnVencida {
    background-color: #FFAAAA !important; 
}


.bold label{
    font-weight: bold;
}

.section{
    margin: 0 0px 5px 0px !important;
    padding: 0px 5px 0 0 !important;
    border-width: 0px 0px 2px 0px !important;
    border-color: #DAA520;
}
.sectionTitulo{
    margin: 0 0px 5px 0px !important;
    padding: 0px 5px 0 14px !important;
    border-width: 0px 0px 2px 0px !important;
    border-color: #DAA520;
}

.section-Font{
    color: #DAA520;
    font-weight: bold;
    font-family: 'Scada', sans-serif;
    position: relative;
    text-shadow: 0 2px 0 rgba(255,255,255,0.5);
    font-size: 15px
}

.section-Font-Black{
    color: black;
    font-weight: bold;
    font-family: 'Scada', sans-serif;
    position: relative;
    text-align: center;
    font-size: 15px
} 

.section-Font-Feria{
    color: black;
    font-weight: bold;
    font-family: 'Scada', sans-serif;
    position: relative;
    text-shadow: 0 2px 0 rgba(255,255,255,0.5);
    font-size: 19px
}

.section-Font-Gray{
    color: #434343;
    font-weight: bold;
    font-family: 'Scada', sans-serif;
    position: relative;
    text-shadow: 0 2px 0 rgba(255,255,255,0.5);
    font-size: 13px
}

.section-Saldo{
    color: #585858;
    font-weight: bold;
    font-family: 'Scada', sans-serif;
    position: relative;
    text-shadow: 0 2px 0 rgba(255,255,255,0.5);
    font-size: 14px;;
    text-align: right;
}

.section-Font-Touch{
    color: #DAA520;
    font-weight: bold;
    font-family: 'Scada', sans-serif;
    position: relative;
    text-shadow: 0 2px 0 rgba(255,255,255,0.5);
    font-size: 17px;
}

.titulo-font-gold{
    color: #DAA520;
    font-weight: bold;
    font-family: 'Scada', sans-serif;
    position: relative;
    text-shadow: 0 2px 0 rgba(255,255,255,0.5);
    font-size: 19px;  
}

.label-font-gold{
    color: #DAA520;
    font-family: 'Scada', sans-serif;
    position: relative;
    text-shadow: 0 2px 0 rgba(255,255,255,0.5);
    font-size: 17px;  
}

.div-title{
    margin: 20px 0px 20px 0px !important;
    text-align: center;
    height: auto !important;
}

.div-center{
    text-align: center;
    height: auto !important;
}

.view-auto{
    height: auto !important;
}

.label_form {
    color: #434343 !important;
    font-size: 14px;
    line-height: 14px !important;
    display: inline-block; 
    vertical-align: bottom !important; 
}
.label_form_bold{
    color: #434343 !important;
    font-weight: bold;
    font-size: 14px;
    line-height: 14px !important;
    display: inline-block; 
    vertical-align: bottom !important;   
}


.delete_button .webix_cell{
    text-align: center;
    padding-top: 3px !important;
}

.webix_cell {
    line-height: 31px;
    white-space: nowrap;
}

.webix_disabled_box  div{
    border-width: 0px 0px 1px 0px !important;
    background-image: none;
    background-color: transparent !important;
    color: #434343 !important;
}

.tb_column_number{
    text-align: right !important;
}

.tb_column_number_bold{
    text-align: right;
    font-weight: bold
}

.tb_column_green{
    color: green !important; 
    font-weight: bold;
}

/**/
.error-Font{
    color: red;
    font-weight: bold;
    font-family: 'Scada', sans-serif;
    position: relative;
    text-shadow: 0 2px 0 rgba(255,255,255,0.5);
    font-size: 14px;
}

.imgn-info{
    font-size: 14px;
    line-height:40px;
    height:40px;
    overflow:hidden;
    font-weight:bold;
}

.tickercontainer { /* the outer div with the black border */
    width: 500px;
    height: 27px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
    position: relative;
    top: 8px;
    height: 18px;
    /*width: 718px;*/
    overflow: hidden;
}
ul.newsticker { /* that's your list */
    position: relative;
    /*left: 750px;*/
    font: bold 10px Verdana;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.newsticker li {
    float: left; /* important: display inline gives incorrect results when you check for elem's width */
    margin: 0;
    padding-right: 14px;
    /*background: #fff;*/
}

/*FIN DE OTROS*/