input.hintTextbox { color: #6d6e71; }

input#REFERENCIA::placeholder {
    color: #c9c9c9;
}

html {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #6d6e71;
    direction: ltr;
    font: 81.25%/1 arial, helvetica, sans-serif;
}

root {
    display: block;
}

div.side_bar ul li{
    list-style-type: none;
}

div.side_bar ul{
    margin: 0;
    padding: 0;
    margin-right: 1px;
}

.boton{
    text-decoration: none;
    -moz-transition: all 0.218s ease 0s;
    -moz-user-select: none;
    background-color: white;
    border-bottom: 1px solid gainsboro;
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-top: 1px solid white;
    border-radius: 0px 0px 0px 0px;
    color: #6d6e71;
    cursor: default;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 27px;
    line-height: 27px;
    min-width: 46px;
    text-align: center;
    margin-bottom: 3px;

    width: 100%;
}

.boton:hover{
    -moz-box-shadow:    0 3px 3px -3px #6d6e71;
    -webkit-box-shadow: 0 3px 3px -3px #6d6e71;
    box-shadow:         0 3px 3px -3px #6d6e71;


    color: black;
    cursor: pointer;
}
.boton:active{
    background-color: gainsboro;
}

select{
    background-color: white;
    border-bottom: 1px solid gainsboro;
    border-left: 1px solid gainsboro;
    border-right: 1px solid gainsboro;
    border-top: 1px solid gainsboro;

    color: #6d6e71;
    display: inline-block;
    font-size: 12px;
    height: 22px;
    width: 100%;

    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;

    margin-left: 4px;
}


.text_box{
    background-color: white;
    border-bottom: 1px solid #c9c9c9;
    border-left: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    border-top: 1px solid #c9c9c9;

    color: #6d6e71;
    display: inline-block;
    font-size: 12px;
    height: 19px;
    width: 250px;

    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;

    margin-left: 4px;
}

.text_box:focus{
    background-color: beige;
    color: #6d6e71;
}

.text_box:hover{
    border-color: #6d6e71;
    color: #6d6e71;
}

.error{
    border: 1px solid #F5A9A9;
}

.errorRow{
    height: 23px;
    font-weight:bold;
    color: #d20202;
}

.error-div{
    width: 80%;
    height: 23px;
    float: left;

    border:1px solid #F5A9A9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    font-weight:bold;
    text-align: center;
    color: #d20202;
    background-color: #FFFFFF;
}
.ok-div{

    width: 80%;
    min-height: 23px;
    height: auto;
    float: left;

    border:1px solid #4ba614;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    font-weight:bold;
    text-align: center;
    color: #008c00;
    background-color: #FFFFFF;
}
.war-div{

    width: 80%;
    height: 23px;
    float: left;

    border:1px solid gold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    font-weight:bold;
    text-align: center;
    color: black;
    background-color: #FFFFFF;
}

.error-div p{
    margin-left: 4px;
    margin-top: 4px;
}
.ok-div p{
    margin-left: 4px;
    margin-top: 4px;
}
.war-div p{
    margin-left: 4px;
    margin-top: 4px;
}

.div_header{
    border: 1px solid #c9c9c9 ;
    width: 100%;
    height: 23px;
    float: left;
    background-color: #6d6e71;
    font-weight: bold;
    color: white;


}

.degradado {
    border-radius: 3px;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
}


.div_header p{
    margin-left: 4px;
    margin-top: 4px;
}

.div_row{
    margin-top: 1px;
    width: 100%;
    height: 24px;
    float: left;
}
.div_row_msg{
    argin-top: 1px;
    width: 100%;
    height: auto;
    float: left;
    text-align: center;


}
.msg_error{
    border:1px solid #F5A9A9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight:bold;
    text-align: center;
    color: #d20202;
    background-color: #FFFFFF;
}

.msg_error_noraml_font{
    border:1px solid #F5A9A9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight:lighter;
    text-align: center;
    color: #d20202;
    background-color: #FFFFFF;
}

.msg_information{
    border:1px solid #99ccff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight:bold;
    text-align: center;
    color: #007fff;
    background-color: #FFFFFF;
}
#mensaje1.div_row{
    margin-top: 1px;
    width: 100%;
    min-height: 24px;
    height: auto;
    float: left;
}
#mensaje2.div_row{
    margin-top: 1px;
    width: 100%;
    min-height: 24px;
    height: auto;
    float: left;
}
#mensaje3.div_row{
    margin-top: 1px;
    width: 100%;
    min-height: 24px;
    height: auto;
    float: left;
}

div#facturas div.div_row_table, div.div_row_table{
    margin-top: 1px;
    width: 710px;
    height: 24px;
    float: left;
}
div#tickets div.div_row_table, div.div_row_table{
    margin-top: 1px;
    width: 736px;
    height: auto;
    min-height: 24px;
    float: left;
}
div.div_row div.show-border-header {height: 22px;}

.facturas-w{
    width: 705px;
}

.div_line{
    margin-bottom: 4px;
    width: 100%;
    height: 12px;
    float: left;
    -moz-box-shadow:    0 3px 3px -3px #6d6e71;
    -webkit-box-shadow: 0 3px 3px -3px #6d6e71;
    box-shadow:         0 3px 3px -3px #6d6e71;
}

.div_cell{
    width: 100%;
    height: 22px;
    float: left;
    margin-right: 1px;
    border: 1px solid white ;
    line-height: 22px;
}

.div_cell p{
    margin-left: 8px;
    margin-top: 4px;
}

div#facturas div.div-table-cell, div.div-table-cell {
    height: 22px;
    float: left;
}
div#tickets div.div-table-cell, div#div-error div.div-table-cell, div.div-table-cell {
    height: auto;
    min-height: 22px;
    float: left;
    line-height: 22px;
}

.div-table-cell p{
    margin-left: 8px;
    margin-top: 4px;
}

.div_cell_gray{
    width: 100%;
    height: 21px;
    float: left;
    margin-right: 1px;
    margin-top: 1px;
    border: 1px solid gainsboro ;
}
.div_cell_blue{
    width: 100%;
    height: 21px;
    float: left;
    margin-right: 1px;
    margin-top: 1px;
    border: 1px solid white ;
}

.div_cell_gray p{
    margin-left: 4px;
    margin-top: 4px;
}
.div_cell_blue p{
    margin-left: 4px;
    margin-top: 4px;
}

.grand_plus_50{
    width: 350px;
}

.grand_plus_620{
    width: 620px;
}

.giant{
    width: 402px;
}
.grand_plus_25{
    width: 325px;
}
.grand{
    width: 300px;
}
.biggest{
    width: 550px;
}

.biggest_500 {
    width: 500px;
}

.biger{
    width: 250px;
}
.big{
    width: 200px;
}
.medium{
    width: 175px;
}
.small{
    width: 150px;
}
.smaller{
    width: 125px;
}
.tiny{
    width: 100px;
}
.tiniest{
    width: 50px;
}
.tiniest-m{
    width: 60px;
}
.f-icon{
    width: 31px;
}
.center{
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2px;
}
.fill{
    width: 100%;
}
.free{
    width: auto;
}
.xy_free{
    width: auto;
    height: auto;
}
.min{
    width: 15px;

}
.min-s{
    width: 10px;

}

.rigth{
    float: right;
    margin-right: 0px;
}

.transparent{
    border: 1px transparent;
}

.header{
    position: absolute;
    height: 100px;
    width: 100%;
    top: 0;
    right: 0;
}

.login-header{
    width: 500px;
    margin: 0px auto;
}

.login-logo{
    margin: 0px auto;
}

.login-box{
    width: 500px;
    margin: 0px auto;
}

.login-content{
    width: 500px;
}

.h-big{
    height: 200px;
}
.h-medium{
    height: 100px;
}
.h-small{
    height: 50px;
}
.h-custom{
    height: 63px;
}

#menu_hor{
    position: absolute;
}

.side_bar{
    width: 150px;
    position: absolute;
    left: 15px;
    border-left: 0;
    border-right: 1px solid gainsboro;

    -moz-box-shadow:    3px 2px 2px #c9c9c9;
    -webkit-box-shadow: 3px 2px 2px #c9c9c9;
    box-shadow:         3px 2px 2px #c9c9c9;

}
.container{
    left: 186px;
    position: absolute;
    width: 851px;
    bottom: 0px;
    border-left: 0;
    border-right: 1px solid gainsboro;
}

.shadow_left{
    -moz-box-shadow:    3px 2px 2px #c9c9c9;
    -webkit-box-shadow: 3px 2px 2px #c9c9c9;
    box-shadow:         3px 2px 2px #c9c9c9;
}

.subcontainer{
    border-left: 0;
    border-right: 1px solid gainsboro;
    float: left;
    padding-bottom: 10px;

    -moz-box-shadow:    3px 2px 2px #c9c9c9;
    -webkit-box-shadow: 3px 2px 2px #c9c9c9;
    box-shadow:         3px 2px 2px #c9c9c9;
}

.logo{
    float: left;
    margin-left: 15px;
    margin-top: 20px;
}

.logo:hover{
    -moz-box-shadow:    0 4px 3px -3px #6d6e71;
    -webkit-box-shadow: 0 4px 3px -3px #6d6e71;
    box-shadow:         0 4px 3px -3px #6d6e71;
}

.form{
    height: 20px;
}
.boton-icon{
    -moz-transition: all 0.218s ease 0s;
    -moz-user-select: none;
    background-color: white;
    border-bottom: 0px solid gainsboro;
    border-left: 0px solid gainsboro;
    border-right: 0px solid gainsboro;
    border-top: 0px solid gainsboro;
    border-radius: 3px 3px 3px 3px;
    color: #6d6e71;
    cursor: default;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    min-width: 16px;
    text-align: center;

    height: 16px;
    width: 16px;
}

.boton-icon:hover{
    -moz-box-shadow:    3px 2px 2px #c9c9c9;
    -webkit-box-shadow: 3px 2px 2px #c9c9c9;
    box-shadow:         3px 2px 2px #c9c9c9;

    background-color: white;
    color: black;
    cursor: pointer;
}

.boton-icon:active{
    background-color: gainsboro;
    border-color: #c9c9c9;
}

.boton_form{
    -moz-transition: all 0.218s ease 0s;
    -moz-user-select: none;
    background-color: white;
    border-bottom: 1px solid gainsboro;
    border-left: 1px solid gainsboro;
    border-right: 1px solid gainsboro;
    border-top: 1px solid gainsboro;
    border-radius: 0px 0px 0px 0px;
    color: #6d6e71;
    cursor: default;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 27px;
    min-width: 46px;
    padding: 0 8px;
    text-align: center;
    margin-bottom: 3px;
    height: 23px;
}

.boton_form:hover{
    -moz-box-shadow:    0 3px 3px -3px #6d6e71;
    -webkit-box-shadow: 0 3px 3px -3px #6d6e71;
    box-shadow:         0 3px 3px -3px #6d6e71;

    color: black;
    cursor: pointer;
    border-color: #c9c9c9;
}
.boton_form:active{
    background-color: gainsboro;
    border-color: #c9c9c9;
}

.round{
    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    border-color: transparent;
}

.round_top{
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-color: transparent;
    z-index: -100;
}

.shadow{
    -moz-box-shadow:    0 4px 3px -3px #6d6e71;
    -webkit-box-shadow: 0 4px 3px -3px #6d6e71;
    box-shadow:         0 4px 3px -3px #6d6e71;
}

.half{
    height: 10px;
}

.corner-right{
    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
}
.corner-left{
    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
}
.overflow{
    position: absolute;
    right: 0px;
    left: 0px;
    width: 921px;
    top: 224px;

    min-height: 100px;
    padding-right: 2px;

    -moz-box-shadow:    3px 2px 2px #c9c9c9;
    -webkit-box-shadow: 3px 2px 2px #c9c9c9;
    box-shadow:         3px 2px 2px #c9c9c9;
}

.show-border-bottom{
    border-bottom: 1px solid #EBEBEB;
    border-left: none;
    border-right: none;
    border-top: none;
}
.show-border-header{
    border-bottom:  1px solid #EBEBEB;
    border-left: none;
    border-right: 1px solid #EBEBEB;
    border-top: none;
}

.div_row_table:hover > div{
    background-color: #e5ebf9 !important; /* Only need !important to override your inline css */
}
div#div-error:hover{
    background-color: #e5ebf9 !important; /* Only need !important to override your inline css */
}

.div_row_table .tiniest{
    width: 51px;
}
.div_row_table .small{
    width: 151px;
}
.div_row_table .big{
    width: 201px;
}
.div_row_table .giant{
    width: 403px;
}
.div_row_table .f-icon{
    width: 31px;
}

.money{
    text-align: right;
}
.money p{
    margin-right: 2px;
}

.png a{
    margin-top: 3px; margin-left: 5px;
}
.png img{
    margin-top: 3px; margin-left: 8px;
    border-style: none;
}
.modal{
    z-index: 99999;
    width: 100%;
    height: 100%;
    background-color:rgba(255,0,0,0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(
            startColorstr=#BB000000, endColorstr=#BB000000
    );

    /* IE 8 support */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#BB000000, endColorstr=#BB000000)";

}

div.tableRow{width: 100%; min-height: 24px; height: auto; position: relative;}
div#tickets div.tableRow{width: 737px; border-bottom: 1px solid #EBEBEB;}
div.tableRow .smallest{width: 32px;}
div.tableRow .small{width: 100px;}
div.tableRow .medium{width: 150px;}
div.tableRow .big{width: 200px;}
div.tableRow .bigger{width: 250px;}
div.tableRow .biggest{width: 300px;}
div.tableRow .huge{width: 400px;}
div.tableRow .cell{
    float: left;
    height: auto;
    min-height: 24px;
    line-height: 23px;/*Espacio entre lineas*/
    text-indent: 5px;/*Sangria*/
    background-color: #FFF;
}
a:hover div.tableRow, a:hover div.cell{background-color: #E5EBF9;}

div.dropdown {
    color: #555;
    margin: 3px -22px 0 0;
    width: auto;
    position: relative;
    height: 17px;
    text-align: left;
    float: right;
}
div.submenu {
    background: #fff;
    top: -12px;
    left: -20px;
    width: auto;
    display: none;
    margin-left: 10px;
    margin-top: -30px;
    padding: 25px 0 5px;
    border-radius: 6px;
    -moz-box-shadow: 0 5px 10px #ccc;
    -webkit-box-shadow: 0 5px 10px #ccc;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
    zoom: 1;
    filter:
                    progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=0,strength=1),
                    progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=45,strength=1),
                    progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=2),
                    progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=135,strength=3),
                    progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=180,strength=10),
                    progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=225,strength=3),
                    progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=270,strength=2),
                    progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=315,strength=1);

}

.dropdown  li a {
    color: #555555;
    display: block;
    font-family: arial;
    font-weight: bold;
    padding: 6px 15px;
    cursor: pointer;
    text-decoration:none;
}

.dropdown li a:hover {
    background:#155FB0;
    color: #FFFFFF;
    text-decoration: none;
}
a.account {
    font-size: 11px;
    line-height: 16px;
    color: #555;
    z-index: 110;
    display: block;
    padding: 11px 0 0 20px;
    height: 28px;
    min-width: 121px;
    width: auto;
    margin: -11px 0 0 -10px;
    text-decoration: none;
    background: url(../img/arrow.png) right 17px no-repeat;
    cursor:pointer;
}
.root {
    list-style:none;
    margin:0px;
    padding:0px;
    font-size: 11px;
    padding: 11px 0 0 0px;
    border-top:1px solid #dedede;
}

#dropdownContainer{
    width: 925px;
    height: 45px;
    float: left;
}

div.name {
    z-index: 10;
    position: relative;
    cursor: pointer;
    padding-left: 20px;
    padding-right: 32px;
}

.wrap {
    table-layout:fixed;
    width:100%;
    overflow-wrap:break-word;
}

.height_22 {
    height:22px;
}

.width_10_porcent{
    width: 10%;
}

.width_15_porcent{
    width: 15%;
}
.width_20_porcent{
    width: 20%;
}
.width_25_porcent{
    width: 25%;
    text-align: center;
}
.width_30_porcent{
    width: 30%;
    text-align: center;
}
.width_95_percent{
    width: 95%;
}
.div_row_table_100_porcent{
    width: 100%;
}
.facturas_width_100_porcent{
    width: 100%;
}
.text_align_center{
    text-align: center;
}
.text_align_rigth{
    text-align: right;
}

.banner{
    opacity: 1;
    padding: 10px;
    float: none;
    border: 1px dashed #996;
    background-color: #ecffd8;
    font-family: sans-serif;
    font-size: 11px;
    border-radius: 50px 50px;
    text-align: center;
    z-index: 1;
    position: relative;
    width: 100px;
    height: auto;
}
.banner_style_login{
    left: 178px;
    top: 320px;
}

.banner_style_registro{
    left: 800px;
    top: 90px;
}

.banner_style_factura{
    left: 820px;
    top: 90px;
}
.banner_style_facturacion_outside{
    left: 800px;
    top: 90px;
}
.banner_style_facturacion_side{
    left: 780px;
    top: 90px;
}

.banner_style_cliente{
    left: 560px;
    top: 90px;
}

.banner_style_perfil{
    left: 550px;
    top: 90px;
}

.banner_style_genera{
    left: 820px;
    top: 90px;
}

.text-success {
    color:#28a745
}

.text-danger {
    color:#dc3545
}

.option-disabled {
    color:#c9c9c9
}

.ReporteContentModal p {
    margin-top:0px;
}