@import url('pt_sans_caption.css');
/*@import url('https://fonts.googleapis.com/css?family=PT+Sans+Caption:700');
*/
/*
Css Actividad reciente: https://smartlabmx.atlassian.net/browse/ED-1484
*/
.fontRegular{
    font-weight: 400;
}
.fontMedium{
    font-weight: 500;
}
.fontSemibold{
    font-weight: 600;
}
.actividadRecienteFontColorAzul{
    color: #006BA6;
}
.actRecFontColorGris{
    color:#5c5c5c;
}
.contenedorCircle{
    padding-right: 0;
    max-width: 5%;
}
.fontBold{
    font-weight: 700;
}
.colorNegro{
    color: black;
}
.contenedorActividades{
    padding:5px 0;
    max-height: 500px;
    overflow: auto;
}
.circleTotalActividades{
    font-size: 10px;
    border-radius: 50%;
    border-color: #f5f5f5;
    background-color: #e6e6e6;
    color: #5c5c5c;
    padding: 5px;
    min-width: 21px;
    min-height: 21px;
    text-align: center;
}
.titleActividadReciente{
    font-size: 13;
    font-weight: 400;
    color: black;
}
.circleActividad{
    border-radius: 50px;
    background-color: #006BA6;
    color: white;
    width: 35px;
    padding: 7px;
    text-align: center;
    font-size: 14px;
}
.regActFecha{
    color:#006BA6;
    font-size: 11px;
    padding:5px;
}
.responsableActividad{
    font-size: 13px!important;
}
.actRecTextoActividad{
    font-size: 12px;
}
.horaActividad{
    font-size: 11px!important;
    font-weight: 700;
}
.comentarioDetalle{
    border: 1.5px solid #cccccc;
    padding: 5px 5px 5px 10px;
    border-radius: 5px;
}
.icon_act_recienteComment {
    background-image: url(../img/icons/hascomm.svg);
}
.btn_mas_Actividad_reciente {
    min-height: 34px;
    padding: 5px 20px;
    border: 0px;
    font-weight: bold;
    cursor: pointer;
    font-size: 12px;
    vertical-align: baseline;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-color: transparent;
    border: 1px solid #006BA6;
    color: #006BA6;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.hrefMayoraMenor{
    cursor: pointer;
    padding-bottom: 4px;
    width: 100%;
    text-align: left;
    outline: none;
    font-size: 13px;
    transition: 0.2s;
    margin: 0px;
    /*
    background-repeat: no-repeat;
    background-position: right bottom 6px;
    background-image: url(../img/icons/arrow_down_7x7.png);
    */
}
.hrefMenoraMayor{
    cursor: pointer;
    padding-bottom: 4px;
    width: 100%;
    text-align: left;
    outline: none;
    font-size: 13px;
    transition: 0.2s;
    margin: 0px;
    /*
    background-repeat: no-repeat;
    background-position: right bottom 6px;
    background-image: url(../img/icons/arrow_up_7x7.png);
    */
}
:focus {
    outline: 0;
}
.btn {
    
    border: 0px;
    font-weight: bold;
    cursor: pointer;
    
    vertical-align: baseline;
    color: white;
    background: #1782f2;
    border: 1px solid;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.35);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.15);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.15);
    -webkit-appearance: none;
}
.btn:hover {
    color: white;
}

.btn:not(.btn-xs), .btn:not(.btn_ch) {
    min-height: 34px;
    padding: 10px 12px;
    font-size: 110%;
}

.btn_ch {
    padding: 5px 12px;
    border: 0px;
    font-weight: bold;
    cursor: pointer;
    font-size: 100%;
    vertical-align: baseline;
    color: white;
    background: #1782f2;
    border: 1px solid;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.35);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.15);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.15);
}

.btn_red_ch {
    padding: 5px 12px;
    border: 0px;
    font-weight: bold;
    cursor: pointer;
    font-size: 100%;
    vertical-align: baseline;
    color: white;
    background: #D14836;
    border: 1px solid;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.35);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.15);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.15);
}

.btn_xs {
    padding: 3px 6px;
    border: 0px;
    cursor: pointer;
    font-size: 90% !important;
    vertical-align: baseline;
    color: white;
    background: #5189a3;
    border: 1px solid;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.35);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF62A5C4', endColorstr='#FF5189A3');
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #62a5c4), color-stop(100%, #5189a3));
    background-image: -webkit-linear-gradient(#62a5c4 0%, #5189a3 100%);
    background-image: -moz-linear-gradient(#62a5c4 0%, #5189a3 100%);
    background-image: -o-linear-gradient(#62a5c4 0%, #5189a3 100%);
    background-image: linear-gradient(#62a5c4 0%,#5189a3 100%);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.15);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.15);
}

.btn_gray_ch, .btn_ch:disabled {
    padding: 5px 12px;
    border: 0px;
    font-weight: bold;
    cursor: pointer;
    font-size: 100%;
    vertical-align: baseline;
    color: white;
    background: #5189a3;
    border: 1px solid;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.35);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-color: #f0f0f0;
    text-shadow: 0 1px rgba(255,255,255,0.7);
    color: #555;
    background: #f5f5f5; /* Old browsers */
    background: -moz-linear-gradient(top,  #f5f5f5 0%, #e0e0e0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f5f5f5 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f5f5f5 0%,#e0e0e0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f5f5f5 0%,#e0e0e0 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f5f5f5 0%,#e0e0e0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.15);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.15);

}

.btn_green {
    border: 0px;
    font-weight: bold;
    cursor: pointer;
    font-size: 100%;
    vertical-align: baseline;
    color: white;
    background: #82B561;
    border: 1px #64A239 solid;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background: #82b561; /* Old browsers */
    background: -moz-linear-gradient(top,  #82b561 0%, #63a239 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #82b561 0%,#63a239 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #82b561 0%,#63a239 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82b561', endColorstr='#63a239',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.15);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.15);
}

.btn_red {
    border: 0px;
    font-weight: bold;
    cursor: pointer;
    font-size: 100%;
    vertical-align: baseline;
    color: white;
    border: 1px #D14836 solid;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background: #db4b39; /* Old browsers */
    background: -moz-linear-gradient(top,  #db4b39 0%, #af3c2f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #db4b39 0%,#af3c2f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #db4b39 0%,#af3c2f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db4b39', endColorstr='#af3c2f',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.15);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.15);
}

a {
    color: #269;
    text-decoration: none;
}


/* dialog boxes */
.msg_error {
    padding: 12px 10px 12px 40px;
    border: 1px #e0a2a2 solid;
    background: #fdc url("../img/icons/error_20x20.png") no-repeat 10px 13px;
    margin-bottom: 15px;
    font-size: 110%;
    color: #633;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.msg_error_sm {
    padding: 5px;
    border: 1px solid #ecb;
    background-color: #fdc;
    margin-bottom: 15px;
    font-size: 100%;
    color: #633;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    box-shadow: rgba(0,0,0,0.2) 0px 2px 2px 0px;
    -moz-box-shadow: rgba(0,0,0,0.2) 0px 2px 2px 0px;
    -webkit-box-shadow: #c8c8c8 0px 2px 2px;
}

.jquibtn_red {
	background-color: #fdc;
    color: #633;
}

.jquibtn_green {
	background-color: #EFD;
    color: #363;
}


.msg_error ul {
    margin-top: 6px;
    margin-bottom: 6px;
}

.msg_error ul li {
    font-weight: normal;
    font-size: 95%;
}

.msg_confirm {
    padding: 12px 10px 12px 40px;
    border: 1px solid #99ca49;
    background: #EFD url("../img/icons/confirm_20x20.png") no-repeat 10px 11px;
    margin-bottom: 15px;
    font-size: 110%;
    color: #363;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.msg_confirm_sm {
    padding: 5px;
    border: 1px solid #BE6;
    background-color: #EFD;
    margin-bottom: 15px;
    font-size: 100%;
    color: #363;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    box-shadow: rgba(0,0,0,0.2) 0px 2px 2px 0px;
    -moz-box-shadow: rgba(0,0,0,0.2) 0px 2px 2px 0px;
    -webkit-box-shadow: #c8c8c8 0px 2px 2px;
}
.msg_warning {
    padding: 12px 10px 12px 40px;
    border: 1px solid #e8d3b3;
    background: #fff8c0 url("../img/icons/warning_20x20.png") no-repeat 10px 11px;
    margin-bottom: 15px;
    font-size: 110%;
    font-weight: bold;
    color: #826944;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: rgba(0,0,0,0.2) 0px 2px 2px 0px;
    -moz-box-shadow: rgba(0,0,0,0.2) 0px 2px 2px 0px;
    -webkit-box-shadow: #c8c8c8 0px 2px 2px;
}

.msg_warning_sm {
    padding: 5px;
    border: 1px solid #e8d3b3;
    background-color: #fff8c0;
    margin-bottom: 15px;
    font-size: 100%;
    color: #826944;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    box-shadow: rgba(0,0,0,0.2) 0px 2px 2px 0px;
    -moz-box-shadow: rgba(0,0,0,0.2) 0px 2px 2px 0px;
    -webkit-box-shadow: #c8c8c8 0px 2px 2px;
}

.msg_notice_sm {
    padding: 5px;
    border: 1px solid #BEDCE7;
    background-color: #EAF2F5;
    margin-bottom: 15px;
    font-size: 100%;
    color: #333;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    box-shadow: rgba(0,0,0,0.2) 0px 2px 2px 0px;
    -moz-box-shadow: rgba(0,0,0,0.2) 0px 2px 2px 0px;
    -webkit-box-shadow: #c8c8c8 0px 2px 2px;


}

.msg_notice {
    padding: 12px;
    border: 1px solid #BEDCE7;
    background: #EAF2F5;

    margin-bottom: 15px;
    font-size: 110%;
    color: #333;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.msg_notice h4 {
    font-weight: bold;
}
.clsSort_d {
    background-image: url(../img/icons/arrow_down_7x7.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 9px;
}



.clsSort_u {
    background-image: url(../img/icons/arrow_up_7x7.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 9px;
}

label.valError, label.error {
    font-style: italic;
    font-weight: bold;
    color: #663333;
    display: block;
}

p.pError, div.pError {
    color: #cd0a0a;
}

input.valError, select.valError, textarea.valError, input.error, select.error, textarea.error {
    background-color: #FFDDCC;
    border: 2px #EECCBB solid;
}

ul.valError {
    background-color: #FFDDCC;
    border: 2px #EECCBB solid;
}


.valError_tab {
    color: #D61A1A !important;
}

.valError_select2_block span.select2, .valError_select2_block span.select2 >span >span {
    background-color: #FFDDCC !important;
}

/*span.valError, span.valError span, span.valError span span {*/
span.valError > span > span {
    background-color: #FFDDCC !important;
}


input[type="text"], input[type="password"], input[type="email"], input[type="number"], select {
    padding: 4px 8px;
    color: #555;
    font-size: 12px;
    min-height: 27px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
    border: 1px #caccda solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.select2-container--default .select2-selection--single {
    border-color: #caccda;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, select:focus {
    border: 1px #1782f2 solid;
}

/* ICONS */

.icon7x7 {
    display: inline-block;
    width: 7px;
    height: 7px;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.icon_arrow_down {
    background-image: url(../img/icons/arrow_down_7x7.png);
}
.icon_arrow_up {
    background-image: url(../img/icons/arrow_up_7x7.png);
}


.iIcon16x16 {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    vertical-align: middle;
}
.iIcon17x17 {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.centerbg {
	background-position: center;
}

.iIcon21x14 {
    display: inline-block;
    width: 21px;
    height: 14px;
    background-repeat: no-repeat;
}

.iIcon21x21 {
    display: inline-block;
    width: 21px;
    height: 21px;
    background-repeat: no-repeat;
}

.iIcon48x30 {
    display: inline-block;
    width: 48px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain;
}

.iIcon32x21 {
    display: inline-block;
    width: 32px;
    height: 21px;
    background-repeat: no-repeat;
    background-size: contain;
}

.iIcon26x29 {
    display: inline-block;
    width: 26px;
    height: 29px;
    background-repeat: no-repeat;
    background-size: contain;
}

.iIcon24x16 {
    display: inline-block;
    width: 24px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: contain;
}
.iIcon24x24 {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
}

.aIcon_left {
    background-repeat: no-repeat;
    padding-left: 20px;
}
.aIcon_center {
    background-repeat: no-repeat;
    background-position: center center;
}
.btn_block {
    display: block;
    min-width: 60px;
}

.genUL {
    list-style-type: none;
    margin-left: 20px;
}
.genUL li {
    margin-top: 4px;
    margin-bottom: 4px;
}

.genULGastos {
    list-style-type: none;
}

.GastosThFlow, .GastosTdFlow {width:  40px;}

.gastos_cbOwners_li {
    position: relative;
}

.gastos_cbOwners {
    top: 14px;
    left: 0px;
}

.gastos_cbOwners ul {
    min-width: 100px;
    min-height: 10px;
    max-height: 100px;
    overflow: auto;
}

.gastos_cbOwners ul li {
    display: block;
    white-space: nowrap;
    font-weight: normal;
    margin-left: 3px;
    margin-right: 3px;
}

.iIcon32x21.amex, .iIcon24x16.amex { background-image: url(../img/icons/cards/amex.png); }

.iIcon32x21.dinersclub, .iIcon24x16.dinersclub  { background-image: url(../img/icons/cards/dinersclub.png); }
.iIcon32x21.jcb, .iIcon24x16.jcb { background-image: url(../img/icons/cards/jcb.png); }
.iIcon32x21.maestro, .iIcon24x16.maestro { background-image: url(../img/icons/cards/maestro.png); }
.iIcon32x21.mastercard, .iIcon24x16.mastercard { background-image: url(../img/icons/cards/mastercard.png); }
.iIcon32x21.visa, .iIcon24x16.visa { background-image: url(../img/icons/cards/visa.png); }
.iIcon32x21.disabled {
    filter: alpha(opacity=20);
    opacity: 0.2;
}


.icon_pencil { background-image: url(../img/icons/pencil_16x16.png); }
.icon_pencil_gray { background-image: url(../img/icons/pencil_gray_16x16.png); }

.icon_magnif_glass { background-image: url(../img/icons/magnif_glass_16x16.png); }
.icon_seal { background-image: url(../img/icons/seal_16x16.png); }
.icon_eye { background-image: url(../img/icons/private0_16x16.png) }
.icon_pdf { background-image: url(../img/icons/pdf_16x16.png); }
.icon_yt { background-image: url(../img/icons/yt_16x16.png); }
.icon_video { background-image: url(../img/icons/video_16x16.png); }
.icon_xml { background-image: url(../img/icons/xml_16x16.png); }
.icon_zip { background-image: url(../img/icons/zip_16x16.png); }
.icon_txt { background-image: url(../img/icons/txt_16x16.png); }
.icon_xls { background-image: url(../img/icons/xls_16x16.png); }
.icon_invoice { background-image: url(../img/icons/invoice_16x16.png); }
.ico_plusadd {background-image: url(../img/icons/add_plus_16x16.png);}
.ico_crossR {background-image: url(../img/icons/cross_16x16.png);}
.ico_lock_open {background-image: url(../img/icons/lock_open_16x16.png);}
.ico_lock_closed {background-image: url(../img/icons/lock_closed_16x16.png);}
.ico_fastforward_w {background-image: url(../img/icons/fastforwardw_16x16.png);}
.ico_fastrewind_w {background-image: url(../img/icons/fastrewindw_16x16.png);}
.ico_gt_w {background-image: url(../img/icons/gt_16x16.png);}
.ico_lt_w {background-image: url(../img/icons/lt_16x16.png);}
.ico_certificate {background-image: url(../img/icons/certificate_16x16.png);}
.ico_keyfile {background-image: url(../img/icons/keyfile_16x16.png);}
.ico_done_bk {background-image: url(../img/icons/done_16x16.png);}
.ico_alert0 {background-image: url(../img/icons/msgalert0_21x14.png);}
.ico_alert1 {background-image: url(../img/icons/msgalert1_21x14.png);}
.ico_swapuser{background-image: url(../img/icons/users_swap_16x16.png);}
.doc_exclamation {background-image: url(../img/icons/doc_exclamation_16x16.png);}
.calendar {background-image: url(../img/icons/calendar_16x16.png);}
.ico_sync1 {background-image: url(../img/icons/sync_1_16x16.png);}
.ico_sync0 {background-image: url(../img/icons/sync_0_16x16.png);}
.ico_val0 {background-image: url(../img/icons/valid0_16x16.png);}
.ico_val1 {background-image: url(../img/icons/valid1_16x16.png);}
.ico_val1_blue {background-image: url(../img/icons/valid1_blue_16x16.png);}
.ico_valqm {background-image: url(../img/icons/validqm_16x16.png);}
.ico_warn1 {background-image: url(../img/icons/alert1_14x14.png);}
.ico_clock {background-image: url(../img/icons/clock_16x16.png);}
.ico_clock_bn {background-image: url(../img/icons/clock_bn_16x16.png);}
.ico_spacer {background-image: url(../img/icons/spacer_1x1.png);}
.ico_paperplane {background-image: url(../img/icons/paperplane_16x16.png);}
.ico_cross_blue {background-image: url(../img/icons/cross_blue_16x16.png);}
.ico_check_blue {background-image: url(../img/icons/check_blue_16x16.png);}
.ico_hand_g{background-image: url(../img/icons/hand_g_16x16.png);}
.ico_hand_1{background-image: url(../img/icons/hand_1_16x16.png);}
.ico_hand_0{background-image: url(../img/icons/hand_0_16x16.png);}
.paidp{background-image: url(../img/icons/paidp_16x16.png);}
.paid0{background-image: url(../img/icons/paid0_16x16.png);}
.paid1{background-image: url(../img/icons/paid1_16x16.png);}
.paid1_sc{background-image: url(../img/icons/paid1_sc_16x16.png);}
.paidp_sc{background-image: url(../img/icons/paidp_sc_16x16.png);}
.folder0{background-image: url(../img/icons/folder_gray_16x16.png);}
.folder1{background-image: url(../img/icons/folder_color_16x16.png);}
.newdoc{background-image: url(../img/icons/newdocument_16x16.png);}
.aut_dash {background-image: url(../img/icons/aut_dash_16x16.png);}
.aut_alert {background-image: url(../img/icons/aut_alert_16x16.png);}
.aut_ok {background-image: url(../img/icons/aut_ok_16x16.png);}
.info_blue {background-image: url(../img/icons/info_blue_16x16.png);}
.private0 {background-image: url(../img/icons/private0_16x16.png);}
.private1 {background-image: url(../img/icons/private1_16x16.png);}
.icon_log {background-image: url(../img/icons/log_16x16.png);}
.icon_log0 {background-image: url(../img/icons/log0_16x16.png);}
.icon_clip {background-image: url(../img/icons/clip_16x16.png);}
.ico_pause {background-image: url(../img/icons/pause_16x16.png);}
.ico_alarm {background-image: url(../img/icons/alarm_16x16.png);}
.ico_sourcecode {background-image: url(../img/icons/sourcecode_16x16.png);}
.ico_bill_1 {background-image: url(../img/icons/bill1_16x16.png);}
.ico_bill_0 {background-image: url(../img/icons/bill0_16x16.png);}
.icon_collapse {background-image: url(../img/icons/collapse_16x16.png);}
.icon_expand {background-image: url(../img/icons/expand_16x16.png);}
.icon_world {background-image: url(../img/icons/world_16x16.png);}
.ico_staff {background-image: url(../img/icons/staff_16x16.png);}
.ico_envelope {background-image: url(../img/icons/envelope_16x16.png);}
.ico_portal {background-image: url(../img/icons/portal_16x16.png);}
.ico_cb0 {background-image: url(../img/icons/cb0_16x16.png);}
.ico_cb1 {background-image: url(../img/icons/cb1_16x16.png);}
.ico_trashcan {background-image: url(../img/icons/trashcan_16x16.png);}
.ico_receipt_1 {background-image: url(../img/icons/receipt1_16x16.png);}
.ico_receipt_error {background-image: url(../img/icons/receipt_error_16x16.png);}
.ico_compass {background-image: url(../img/icons/compass_16x16.png);}
.ico_wand {background-image: url(../img/icons/wand_16x16.png);}
.ico_creditcards {background-image: url(../img/icons/creditcards_16x16.png);}
.ico_cancel { background-image: url(../img/icons/cancel_16x16.png);}
.ico_logbook { background-image: url(../img/icons/logbook_16x16.png);}
.ico_sync_blue{ background-image: url(../img/icons/sync_blue_16x16.png); }
.ico_arrowright_blue {background-image: url(../img/icons/arrow_right_blue_16x16.png); }
.ico_arrowleft_red {background-image: url(../img/icons/arrow_left_red_16x16.png); }
.calculator_alert { background-image: url(../img/icons/calculator_alert_16x16.png);}
.calculator_error { background-image: url(../img/icons/calculator_error_16x16.png);}
.calculator_questionmark { background-image: url(../img/icons/calculator_questionmark_16x16.png);}
.calculator_ok { background-image: url(../img/icons/calculator_ok_16x16.png);}
.calculator { background-image: url(../img/icons/calculator_16x16.png);}
.icon_break { background-image: url(../img/icons/break_16x16.png);}
.icon_breakchain { background-image: url(../img/icons/breakchain_16x16.png);}
.ico_gear { background-image: url(../img/icons/gear_16x16.png);}
.ico_help { background-image: url(../img/icons/helpcircle_16x16.png);}
.ico_manual { background-image: url(../img/icons/manual_16x16.png);}
.ico_policyPend {background-image: url(../img/icons/policycompliance_pending.png);}
.ico_policyWarn {background-image: url(../img/icons/policycompliance_warn.png);}
.ico_policyY {background-image: url(../img/icons/policycompliance_yes.png);}
.ico_policyN {background-image: url(../img/icons/policycompliance_no.png);}
.ico_addtip {background-image: url(../img/icons/addtip_16x16.png);}
.ico_removetip {background-image: url(../img/icons/removetip_16x16.png);}
.ico_coin {background-image: url(../img/icons/coin_16x16.png);}
.ico_pin_1 {background-image: url(../img/icons/pin_1_16x16.png);}
.ico_pin_2 {background-image: url(../img/icons/pin_2_16x16.png);}
.ico_pin_black {background-image: url(../img/icons/pin_black_16x16.png);}
.ico_copy_page {background-image: url(../img/icons/copy_page_16x16.png);}

.icon_puzzle_piece { background-image: url(../img/icons/puzzlepiece_16x16.png);}
.icon_add_comment, .icon_comment_add { background-image: url(../img/icons/add_comment_16x16.png);}
.icon_comment { background-image: url(../img/icons/comment_16x16.png);}
.icon_export_doc { background-image: url(../img/icons/exportdoc_16x16.png);}
.icon_table{background-image: url(../img/icons/table_16x16.png);}
.ico_new_window {background-image: url(../img/icons/new_window_16x16.png);}
.ico_download_blue {background-image: url(../img/icons/downloadblue_16x16.png);}
.ico_upload_blue {background-image: url(../img/icons/arrow_uploadblue_16x16.png);}
.ico_organization {background-image: url(../img/icons/organization-16.png);}
.notice_payment{background-image: url(../img/icons/notice_payment_16x16.png);}
.icon_chain { background-image: url(../img/icons/chain_16x16.png);}
.ico_block {background-image: url(../img/icons/block_16X16.png);}
.ico_advertencia{background-image: url(../img/icons/advertencia-16x16.png);}
.ico_restriccion{background-image: url(../img/icons/restriccion-16x16.png);}
.icon_magnif_glass_circle_red { background-image: url(../img/icons/magnif_glass_circle_red_16x16.png); }
.ico_arrow_up_blue { background-image: url(../img/icons/arrow_up_blue_16x16.png); }
.ico_v2_lupa { background-image: url(../img/v2/lupa.svg); }
.ico_v2_judge { background-image: url(../img/icons/auction_16x16.png); }
.icon_csv { background-image: url(../img/icons/icon_csv.gif); }
.ico-trash {background-image: url(../img/icons/ico-trash.svg);}
.ico-trash-disabled {background-image: url(../img/icons/ico-trash-disabled.svg);}
.ico-move {background-image: url(../img/icons/ico-move.svg);}
.ico-inv-prov {background-image: url(../img/icons/ico-inv-prov.svg);}


.tdbg_ok, .divbg_ok {background-color: #D6E8BF !important;}
.tdbg_ok:nth-of-type(odd) {background-color: #E2EFD2 !important;}

.tdbg_error, .divbg_error {background-color: #F7CCB7 !important;}
.tdbg_error:nth-of-type(odd) {background-color: #F9DBCC !important;}

.tdbg_warn, .divbg_warn {background-color: #fadfb5 !important;}
.tdbg_warn:nth-of-type(odd)  {background-color: #FBE9CB !important;}

.tdbg_msg, .divbg_msg {background-color: #CBDFF0  !important;}
.tdbg_msg:nth-of-type(odd) {background-color: #D9E8F4 !important;}
.tblZebra tr:nth-of-type(odd) { background: #f6f6f6; }

.ico_cal_bg_r {
    background-image: url(../img/icons/calendar_16x16_mr3.png);
    background-repeat: no-repeat;
    background-position: right center;
}


.input_cal_bg {
    background-image: url(../img/icons/calendar_16x16_mr3.png);
    background-repeat: no-repeat;
    background-position: right center;
    border: 1px #ccc solid;
    color: #555;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
    font-size: 11px !important;
    min-height: 24px !important;
    height: 24px !important;
    width: 108px !important; padding-top: 1px !important; padding-bottom: 1px !important;
    padding-right: 23px !important;
}

.input_cal_bg100 {
    background-image: url(../img/icons/calendar_16x16_mr3.png);
    background-repeat: no-repeat;
    background-position: right center;
    border: 1px #ccc solid;
    color: #555;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
    font-size: 11px !important;
    min-height: 24px !important;
    height: 24px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    padding-right: 23px !important;
}


.ul_lstN {list-style-type: none;}

.pagination {
    display: inline-block;
    float: right;
    list-style-type: none;
    margin-top: 5px;
    margin-bottom: 20px;
}

.pagination li {
    display: inline-block;
    float: left;
    margin-right: -1px;
    text-align: center;
    border: 1px solid #CCC;
    
    font-size: 11px;
}

.pagination li a {
    padding: 2px 7px;
    display: block;
}

.pagination li a:hover {
    background-color: rgba(55, 62, 74, .8);
    color: #FFF;
    padding: 2px 7px;
    display: block;
}

.pagination li.active {
    background-color: #373e4a;
    color:#FFF;
    padding: 3px 7px;
    cursor: default;
}

.pagination li:last-child {
    margin-right: 0px;
}

.modal {
    display:    none;
    position:   fixed;
    z-index:    10000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
        url('../img/loading_circle_big.gif')
        50% 50%
        no-repeat;
}

body.loading {
    overflow: hidden;
}

body.loading .modal {
    display: block;
}

.textarea-full-width, .full-width {
    box-sizing: border-box;
    width:100%;
}
.full-width-currency {
    box-sizing: border-box;
    width:85%;
}
/*.TopButton_wrapper {
        margin-bottom: 10px;
}*/

.TopButton {
    border: 1px #acd0e5 solid;
    padding: 4px 8px;
    border-radius: 4px;
    font-weight: bold;
}
.TopButton:hover {
    border-color: #00a5d5;
    color: #00a5d5;
}

.TopButton i {
    vertical-align: middle;
}

.TopButtonBtn {
    border: 1px #acd0e5 solid;
    padding: 4px 8px;
    border-radius: 4px;
    font-weight: bold;
    background: #ffffff;
    color: #269;
    font-size: 11.5px;
}
.TopButtonBtn:hover:not([disabled]) {
    border-color: #00a5d5;
    color: #00a5d5;
    cursor: pointer;
}
.TopButtonBtn i {
    vertical-align: middle;
}
.TopButtonBtn:disabled {
    background: #f3f3f3;
    color: #5a5a5a;
}

/*mini-classes*/
.f_r {float: right;}
.f_l {float: left;}
.f_n {float: none;}
.lh_34 {line-height: 34px;}
.mr_1 {margin-right: 1px;}
.mr_3 {margin-right: 3px;}
.mr_5 {margin-right: 5px;}
.mr_8 {margin-right: 8px;}
.ml_3 {margin-left: 3px;}
.ml_5{margin-left: 5px;}
.ml_10{margin-left: 10px;}
.mr_10 {margin-right: 10px;}
.mt_5 {margin-top: 5px;}
.mt_10 {margin-top: 10px;}
.mt_15 {margin-top: 15px;}
.mt_20 {margin-top: 20px;}
.mb_5 {margin-bottom: 5px;}
.mb_10 {margin-bottom: 10px;}
.mb_20 {margin-bottom: 20px;}
.m_0 {margin: 0px;}
.p0 {padding: 0px !important;}
.p10 {padding: 10px;}
.p2 {padding: 2px;}
.p6 {padding: 6px;}
.p8 {padding: 8px;}
.p10 {padding: 10px;}
.p20 {padding: 20px;}
.pl0 {padding-left: 0px; padding-left: 0px !important;}
.pl5 {padding-left: 5px;}
.pl10 {padding-left: 10px;}
.pt10 {padding-top: 10px; }
.pt25 {padding-top: 25px; }
.pt20 {padding-top: 20px; }
.pb10 {padding-bottom: 10px; }

.pr20 {padding-right: 20px !important; }
.mh_50px{min-height: 50px;}
.ta_r {text-align: right;}
.ta_l {text-align: left;}
.ta_c {text-align: center;}
.ta_l_i {text-align: left !important;}
.d_ib {display: inline-block;}
.d_none {display: none;}

.clearboth {clear: both;}
.d_b {display: block;}
.txtd_u {text-decoration: underline;}
.bold {font-weight: bold; }
.fs_120pct {font-size: 120%;}
.mw150px {max-width: 150px;}

.br5 {border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}


.w_100, .w_100pc {width: 100%;}
.w_80pc {width: 80%;}
.w_70pc {width: 70%;}
.w_50pc {width: 50%;}
.w_30pc {width: 30%;}
.w_20pc {width: 20%;}
.t_o_e {white-space:nowrap; text-overflow: ellipsis; overflow: hidden;}
.t_o_e_mw_95p {white-space:nowrap; text-overflow: ellipsis; overflow: hidden;max-width: 98%;}

.mr_4pc {margin-right: 4%;}
.ovflow_hidden {
    overflow: hidden
}
.v_al_middle{ vertical-align: middle;}

/* Jquery UI */
.ui-tabs {
    background: transparent;
    border: none;
}
.ui-tabs .ui-widget-header {
    background: transparent;
    border: none;
    border-bottom: 1px solid #c0c0c0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
.ui-tabs .ui-tabs-nav .ui-state-default {
    background: transparent;
    border: none;
}
.ui-tabs .ui-tabs-nav .ui-state-active {
    /*background: transparent url(../img/uiTabsArrow.png) no-repeat bottom center;*/
    border: none;
}
.ui-tabs .ui-tabs-nav .ui-state-default a {
    color: #c0c0c0;
}
.ui-tabs .ui-tabs-nav .ui-state-active a {
    color: #424C55;
}



.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding-bottom: 12px;
}



.onoffswitch {
    position: relative; width: 60px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 50px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 13px; padding: 0; line-height: 13px;
    font-size: 10px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "SI";
    padding-left: 13px;
    background-color: #34A7C1; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "NO";
    padding-right: 13px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 20px; margin: -3.5px;
    background: #FFFFFF;
    border: 2px solid #999999; border-radius: 50px;
    position: absolute; top: 0; bottom: 0; right: 43px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}

.tblDisplay_Normal td, .tblDisplay_Compact td {
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.tblDisplay_Normal th, .tblDisplay_Compact th {
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 4px;
    padding-bottom: 4px;
}


.tblDisplay_Mini td, .tblDisplay_Mini th {
    padding: 1px;
}

/* tabla de categorias y subcategorias */
.tblCfgGVCats {

}

.tblCfgGVCats .tAcciones { width: 70px; }
/*.tblCfgGVCats .tSubcat { width: 200px; }*/
.tblCfgGVCats .tAsocActivo {width: 250px; }
.tblCfgGVCats .tEmpleadoSol { width: 150px; }
.tblCfgGVCats .tDependeTrayecto { width: 150px; }

.border-2px-dotted {
	border: 2px #CCC dashed;
}



@media (max-width: 960px) {
    .pagination {
        display: block;
        float: none;
        margin: 0 auto;
        padding-top: 20px;
        padding-bottom: 20px;
    }

}

.ResponsiveTable {
    width: 100%;
    border-collapse: collapse;
    border: 1px #DFDFDF solid;
}

.ResponsiveTable thead tr, .ResponsiveTable tfoot tr {
    background: #DFDFDF !important;
    font-weight: bold;
    text-align: left;
}

.ResponsiveTable tbody tr:nth-of-type(odd) {
    background: #f6f6f6;
}

.tc_cbOwners_li {
    position: relative;
}

.tc_cbOwners {
    display: none;
    position: absolute;
    top: 14px;
    left: 0px;
    background-color: #D9E4E8;
    border: 1px #AECCD7 solid;
    padding: 6px;
    color: #578;
}

@media
only screen and (max-width: 769px)  {
    /* Force table to not be like tables anymore */

    .ResponsiveTable table, .ResponsiveTable thead, .ResponsiveTable tbody, .ResponsiveTable th, .ResponsiveTable td, .ResponsiveTable tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .ResponsiveTable thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .ResponsiveTable tr { border: 1px solid #ccc; }

    .ResponsiveTable td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        box-sizing: border-box;
        width: 100% !important;
    }

    .ResponsiveTable td  {
        text-align: left;
    }
    .ResponsiveTable td:before {
        /* Now like a table header */
        display: inline-block;
        /*position: absolute;*/
        /* Top/left values mimic padding */
        top: 1px;
        left: 6px;
        width: 38%;
        padding-right: 3px;
        white-space: normal;
        /*		white-space: nowrap;*/
        vertical-align: middle;
        text-align: left;
    }
}


.tr-hover:hover, .tr-hover:hover td {
	background-color: #eaf2f5;
}

.clickable {
	cursor: pointer;
}

/* estilos para graficas */
.btngvAnRes {
	color: #ffffff;
    padding: 10px;
    margin-bottom: 20px;
    cursor:pointer;
}
	
.btngvAnRes.gris {
   
    background-image: linear-gradient(to bottom, #2C3E50, #2C3E50);
    border-color: #2C3E50 #2C3E50 #2C3E50;  
    
}
.btngvAnRes.verde {
   
    background-image: linear-gradient(to bottom, #25A65B, #25A65B);
    border-color: #25A65B #25A65B #25A65B;    
   
}
.btngvAnRes.azul {
   
    background-image: linear-gradient(to bottom, #2574A9, #2574A9);
    border-color: #2574A9 #2574A9 #2574A9;
    }
.btngvAnRes.rojo {
    
    background-image: linear-gradient(to bottom, #C0392B, #C0392B);
    border-color: #C0392B #C0392B #C0392B;
    
}
.btngvAnRes.verde2 {
    
    background-image: linear-gradient(to bottom, #585f11, #585f11);
    border-color: #585f11 #585f11 #585f11;
    
}
.chart {
  width: 100%; 
  min-height: 500px;
}

.btngvAnRes > div.texto{
	font-size: small;
	margin-bottom: 10px;
	
}

.btngvAnRes > div.cantidad{
	font-size:x-large ;
	text-align: right;
}

.a-gray{
    color: #666666;
}
.thReporteActividades th{
    width:50%;
    max-width: 50%;
    align:left;
}

.divGVExcepciones {
    margin: 10px 0px;
}

.divGVExcepciones h3 {
/*  color: #F08079;*/
    margin-bottom:10px;
}

.divGVExcepciones ul {
    list-style: none;
    list-style-type: none;
    padding: 0px 4px;
    max-height: 150px;
    overflow: auto;
}

.divGVExcepciones ul li {
    margin: 4px 0px;
    padding: 10px 4px;
    border-style: solid;
    border-width: 0px 0px 0px 10px;
    background-color: #FAFAFA;
}
.divGVExcepciones ul li:last-child {
    margin-bottom:0px;
}

.divGVExcepciones ul li.polLI_N { border-color: #F05A5C; }
.divGVExcepciones ul li.polLI_Y { border-color: #BADC52; }
.divGVExcepciones ul li.polLI_W { border-color: #F4DB05; }



/* tablas con selectores de campos */

.divContTbl{
    overflow-x: auto;
    overflow-y: hidden;
	width:100%;
}
.divContTbl-HasTable > table tbody td, .divContTbl-HasTable > table thead th {
    white-space: nowrap;
}


.tableRecV2{
	border-collapse: collapse;
	width: 100%;
}
.tableRecV2 td, .tableRecV2 th {
	padding: 5px 12px;
	white-space: nowrap;
}

.fRecepcionAceptadoMR {
    max-width: 200px;
    position: relative;
    padding: 8px 12px;
}

.cell-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
}

.custom-tooltip {
    visibility: hidden;
    position: absolute;
    z-index: 100;
    bottom: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    min-width: 250px;
    max-width: 400px;
    opacity: 0;
    transition: opacity 0.2s;
}

.tooltip-content {
    background-color: #333;
    color: white;
    padding: 10px 15px;
    border-radius: 6px;
    font-size: 14px;
    white-space: normal;
    word-wrap: break-word;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    position: relative;
    line-height: 1.5;
}

.tooltip-content::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 8px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}

.tooltip-cell {
    overflow: visible !important;
}

.tooltip-cell:hover .custom-tooltip {
    visibility: visible;
    opacity: 1;
}

tr.selected .fRecepcionAceptadoMR .cell-text {
    background-color: #e3f2fd;
    color: #1976d2;
}


.tableRecV2 th{
	background:#DFDFDF;
}
.tableRecV2 tr:nth-child(odd) {
	background: #f6f6f6;
}


#ListaCamposSortable{
	list-style-type: none;
    max-height: 60vh;
    overflow-y: auto;
}

#ListaCamposSortable li{
	margin: 2px 0px;
	padding: 0.4em;
	border: 1px solid #b8b8b8;
	color: #636363;
	background-color: #F7F7F7;
	cursor: grab;
}

#ListaCamposSortable li:hover {
	cursor: grab;
}

.recDROrdenCampos_ph {
	height: 31px;
	background-color: #F7F9FA !important;
	border: 1px #AFDBED dashed !important;
}

#SeleccionaTodos{
	list-style-type: none;
}

#SeleccionaTodos li{
	margin: 2px 0px;
	padding: 0.4em;
	border: 1px solid #b8b8b8;
	background: #cacaca;
	font-weight: bold;
	font-style: italic;
	color: #353535;
}

.gvLblEstado {
	box-sizing: border-box;
    font-size: 12px;
    line-height: 1.4;
    display: block;
    padding: 3px 6px;
    position: relative;
    white-space: nowrap;
	text-align:center;
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

.gvEstadoPagoAnticipo{
    text-align: center; 
    width: 10%;
}

.gvLblEstado_ch {
	box-sizing: border-box;
    font-size: 12px;
    line-height: 1.4;
    display: inline-block;
    padding: 3px 6px;
    position: relative;
	white-space: nowrap;
	text-align:center;
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

.gvLBLEstadoIB {
	display: inline-block;
	padding: 3px 10px;
    font-size: inherit;

}

.gle-pendiente { /* creando reporte */
	background: #00a5d5;
	color: #fff;
}

.gle-entregada { /* entregada al aprobador */
    background: #007ca0;
    color: #fff;
}

.gle-rechazada, .gle-rojo { /* rechazada por el aprobador */
	background: #e40613; /*#9E0606;*/
	color: #fff;
}

.gle-aprobada, .gle-verde, .gle-revisada { /* aprobada, pendiente de pago */
	background: #74ac4e;
    color: #ffffff;
}

.gle-generado { /* archivo de pago generado */
    background: #57AC4E;
    color: #ffffff;
}

.gle-cerrada, .gle-gris { /* cerrada, aplica cuando el solicitante devolvió el dinero excedente */
	background: #ccc;
	color: #404040;
}

.gle-pagadagle-en-cotizacion { /* reembolsada, aplica cuando el aprobador pagó el gasto que excedió el viático */
	background: #585f11;
	color: #fff;
}
.gle-cancelada { /* reembolsada, aplica cuando el aprobador pagó el gasto que excedió el viático */
	background: #df524e;
	color: #fff;
}
.tblAddusr td{
    padding: 5px 8px 5px 8px;
    vertical-align: middle;
}

.tblAddusr  input[type="text"], .tblAddusr input[type="password"], .tblAddusr input[type="email"], .tblAddusr select{
    width: 100%;
}

.tx2LTitulo {
	font-weight: bold;
    margin: 0px;
}
.tx2LDesc {
	margin-top: 2px;
    font-size: 11.5px;
}

.bloque200Max {
    max-height: 200px; 
    overflow: auto;
}



.tblVAMiddle td {
	vertical-align: middle;
}

.row_nm {
}
.row_nm:before,
.row_nm:after {
  content: " ";
  display: table;
}

.row_nm:after {
  clear: both;
}

.emLblEstado {
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    display: block;
    padding: 3px 6px;
    position: relative;
/*    width: inherit;*/
    text-align:left;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
}

.tblAdjBzGV {
    max-width: 100%;
    min-width: auto;
}
.tblAdjBzGV td{
    padding: 10px 10px;
    vertical-align: middle;
    text-align: center;
}

.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
}
.form-group {
    margin-bottom: 15px;
}

 .form-horizontal .form-group:after {
    clear: both;
}

.form-horizontal .form-group:after, .form-horizontal .form-group:before {
    display: table;
    content: " ";
}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



.form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
}

.tabAnticipos {
    overflow: hidden;
    background-color: inherit;
    border: none;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
}

.tabAnticiposli {
    border-bottom: 3px #424C55 solid;
}

.gvpagosbanconum {
    width: 10%;
}

.gvpagosbanconombre {
    width: 10%;
}

.gvpagosestado {
    width: 5%;
}
 
.gvpagosfolio {
    width: 4%;
}

.gvpagosnombrecch {
    width: 15%;
}
.gvpagosempresa {
    width: 15%;
}

.gvpagosusuario {
    width: 12%;
}

.gvpagosfechaSol {
    width: 8%;
}

.gvpagosfechaPago {
    width: 8%;
}

.gvmontopagar {
    width: 8%;
}

.gvDetAprBloque {
	margin: 0px;
	width: 100%;
	border-spacing: 1px;
    border-collapse: separate;
}

.gvDetAprBloque .estado {
	height: 30px;
	padding: 5px;
	max-width: 90px;
	text-align:center;


}
.gvDetAprBloque .info {
	height: 30px;
	background-color: #F1F1F1;
	padding: 5px;
}

.gvDetAprBloque .info .name {
	font-weight: bold;
}

@media print {    
    .no-print, .no-print * {
        display: none !important;
    }
}

.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
  padding: 0px 0px 0px 0px;
  vertical-align: top;
}
.custom-file-input::before {    
    content:  attr(value);
    display: inline-block;
    background: initial;
    border: 1px #caccda solid;
    border-radius: 2px;
    padding: 3px 7px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    color: black;
    background-color: #fafafa;
    vertical-align: -webkit-baseline-middle;
    position: relative;
}

.custom-file-input-gasto::-webkit-file-upload-button {
  visibility: hidden;
  padding: 0px 0px 0px 0px;
  vertical-align: top;
}
.custom-file-input-gasto::before {
    content:  attr(value);
    display: inline-block;
    background: initial;
    border: 1px #caccda solid;
    border-radius: 2px;
    padding: 3px 5px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    color: black;
    background-color: #fafafa;
    vertical-align: -webkit-baseline-middle;
    position: relative;
}

.absolute_top_right {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
.col-iframe-alert {
    border: 1px solid #DFDFDF ;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.row-alert {
    font-size: 12px;
    margin-top: 2rem;
}
.col-first-alert {
    background: #DFDFDF;
}
.col-sec-alert {
    background: #F5F5F5;
}
.gle-width{
    text-align: left;
    padding: 3px 16px;
    max-width: 150px;
}

.btn_ch_gv {
    background: #ededed;
}

.gvlabelsimilar{
    display: block;
    padding-top: 7px;
}

.img-responsive {
    width: 100%;
    max-width: 300px;
}

/* Cards Políticas Límites */

.list-place-container {
    flex: 1 1 50%;
    margin: 5px;
}

.list-place-container h3 {
    font-weight: bold;
    margin-top: 20px;
    margin-left: 10px;
}
.list-place {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background-color: #F8F8FF;
    padding: 1px;
    min-height: 40px;
    max-height: 450px;
    overflow-y: auto;
}
.list-place > li {
    flex: 1 1 18%;
    margin: 3px;
    max-width: 19%;
    min-height: 30px;
    background-color: white;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 1px 1px 3px #6b6b6b40;
}
.list-place-item {
    display: flex;
    flex-direction: row;
    height: 100%;
    padding: 3px;
}
.place-item-content {
    flex: 1 1 75%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-weight: 400;
}
.place-item-content :first-child {
    margin-left: 3px;
}
.place-item-content :last-child {
    margin-right: 3px;
}
.place-item-title {
    color: #33373e;
    font-weight: 600;
}


.list-card-container {
    flex: 1 1 50%;
    margin: 5px;
}
.list-card {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background-color: #F8F8FF;
    padding: 1px;
    max-height: 450px;
    overflow-y: auto;
}
.list-card > li {
    flex: 1 1 33%;
    margin: 5px 6px;
    max-width: 32%;
    min-height: 60px;
    box-shadow: 1px 1px 3px #6b6b6b40;
}
.limite-error {
    background-color: #D83333;
}
.limite-warn {
    background-color: #F6BC5E;
}
.list-card > li.card-item-editable:hover > * {
    opacity: 65%;
    cursor: pointer;
}
.card-item-container {
    display: flex;
    flex-direction: row;
    height: 100%;
}
.card-item-icon {
    flex: 1 1 15%;
    margin-left: 10px;
    background-color: #F4F4F4;
    padding: 10px;
    align-items: center;
    justify-content: center;
    display: flex;
}
.card-item-icon img {
    width: 48px;
    height: 48px;
}


.card-item-icon-xl {
    display: flex;
    background-color: #F4F4F4;
    padding: 85px 75px;
    align-items: center;
    justify-content: center;
    border: 1px #DFDFDF solid;
}

.card-item-icon-xl img {
    width: 136px;
    height: auto;
}


.card-item-content {
    flex: 1 1 75%;
    background-color: white;
}
.card-item-content > div {
    margin-left: 5px;
    padding: 5px 3px;
}
.card-item-title {
    color: #33373e;
    font-weight: 600;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.card-item-priority {
    font-weight: 500;
}
.card-item-priority img {
    margin: 0 3px -4px 3px;
    width: 16px;
    height: 16px;
}
.limite-error .card-item-priority {
    color: #D83333;
}
.limite-warn .card-item-priority {
    color: #c48c2a;
}
.card-item-limit {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-weight: 400;
}

.icon_trash_blue { background-image: url(../img/icons/trash-16x16.png) }
.icon_edit_pencil { background-image: url(../img/icons/editar-16x16.png) }
.clsSort_r {
    background-image: url(../img/icons/arrow_right_7x7.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 9px;
}

.line-through {
    text-decoration: line-through;
}

.diff-wrapper th{
    /*background-position-y: center;*/
     background-color: white;
    color:#000;
    height:30px;
    text-align: left;
    padding: 10px;
   
    font-weight: 500;
 }
 .respAutoMedidas {
  margin: -4px -6px;
  padding: 6px 6px 6px 50px;
}
.respAutoColorAprobado {
  background-color: #eefdee; 
  border: 1px #999 solid;
}
.respAutoColorRechazado {
  background-color: #fdeeee; 
  border: 1px #999 solid;
}
.respAutoColorEstandar {
  background-color: #eef5fd; 
  border: 1px #999 solid;
}


.AcordeonVert h3:not(:first-child) {
	border-top: 1px #ddd solid;
	 padding-top: 10px;
	 margin-top:20px;
}
.AcordeonVert h3 {
    color: #444;
    cursor: pointer;
	padding-left: 14px;
	padding-bottom: 4px;
    width: 100%;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.2s;
	margin: 0px;
	background-repeat: no-repeat;
    background-position: left bottom 6px;
	background-image: url(../img/icons/arrow_down_7x7.png);
}
.AcordeonVert h3.oculto {
	background-image: url(../img/icons/arrow_up_7x7.png);
	opacity: 0.5;
}
.toggle label {
    position: relative;
    display: inline-block;
    width: 38px;
    height: 18px;
    background-color: #B9B9B9;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.1);
    -webkit-tap-highlight-color: transparent;
}
.toggleDisabled input {
    display: none;
}
.toggleDisabled label {
    position: relative;
    display: inline-block;
    width: 38px;
    height: 18px;
    background-color: #EBEBEB;
    border-radius: 50px;
    cursor: not-allowed;
    box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.1);
    -webkit-tap-highlight-color: transparent;
}
.toggleDisabled label:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    height: 14px;
    width: 15px;
    background-color: #fff;
    border-radius: 46px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease-in-out;
    transition: all 0.3s Ease-in-out;
}
.toggle label:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    height: 14px;
    width: 15px;
    background-color: #fff;
    border-radius: 46px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease-in-out;
    transition: all 0.3s Ease-in-out;
}
.toggle input {
    display: none;
}
.toggle input:checked + label {
    background-color: #006BA6;
}
.toggle input:checked + label:before {
    transform: translateX(20px);
    box-shadow: -1px -1px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s Ease-in-out;
}