﻿.grilla {
    padding: 0 3px;
    width: 100%;
}

/* Validar Para Quita r*/

/*Master*/
.colMarc {
    width: 100%;
}

.rfv {
}

/*Master*/
.dvEncabColo {
    
    font-weight: bold;
}

.rwMenTit {
    width: 100%;
    height: 15px;
    text-align: center;
}

.lblEncabezado {
    font-size: 11px;
    font-weight: bold;
    border: 0;
}

.lblEncaMini {
    font-weight: bold;
    border: 0;
}

.rwImg {
    vertical-align: middle;
    border: 0;
}

.tablaContenido {
    width: 100%;
    margin-bottom: 0px;
}

.tablaEspe {
    width: 100%;
}

.tablaConteBiDatma {
    width: 100%;
    vertical-align: top;
}

.tdConteBiDatma {
    width: 100%;
    vertical-align: top;
}

.tdEsp {
    width: 10px;
}

.tdCasilla {
    vertical-align: top;
    width: 33.33%;
}

.tdCasilla100 {
    width: 100%;
    vertical-align: top;
}

.tdCasilla5 {
    vertical-align: top;
    width: 19.5%;
}

.tdCasilla7 {
    vertical-align: top;
    width: 13.5%;
}

.tdCasC5 {
    text-align: center;
    width: 19.5%;
    vertical-align: top;
}

.tdCasC2 {
    vertical-align: top;
    text-align: center;
}

.tdCasC3 {
    text-align: center;
    width: 33.33%;
}

.tdCasEspeBorde {
    width: 95%;
}

.tdCasilla6 {
    vertical-align: top;
    width: 15.875%;
}

.tdCasC6 {
    text-align: center;
    width: 15.875%;
}

.tdCasD6 {
    text-align: right;
    width: 15.875%;
}

.tdCasC7 {
    text-align: center;
    width: 13.5%;
}

.tdCasC8 {
    text-align: center;
    vertical-align: top;
    width: 11.85%;
}

.tdCasilla2 {
    vertical-align: top;
    width: 25%;
}

.tdCas66 {
    width: 66%;
    vertical-align: top;
}

.tdCasPar1 {
    width: 45%;
    vertical-align: top;
}

.tdCasPar2 {
    width: 55%;
    vertical-align: top;
}

.tdCasTPa1 {
    width: 20%;
    vertical-align: top;
    text-align: center;
}

.tdCasTPa2 {
    width: 80%;
    vertical-align: top;
    text-align: center;
}

.tdCas4 {
    vertical-align: top;
    width: 24.5%;
}

.tdCasC4 {
    vertical-align: top;
    width: 24.5%;
    text-align: center;
}

.tdCas5 {
    width: 19.4%;
}

.tdCas8 {
    vertical-align: top;
    width: 12.45%;
}

.tdCasEsp {
    width: 10px;
}

.tdCasNom {
    width: 66.66%;
}

.tdCas50 {
    width: 49.8%;
}

.tablaRepo {
}

.tablaMarco {
    width: 100%;
}

.tablaBorde {
    width: 100%;
}

.dvMenConcont {
    width: 100%;
    margin: 0px;
    font-weight: bold;
    
}

.tdContenido {
    width: 100%;
    vertical-align: top;
    border-top: 0;
}

.lblEncabCons {
    font-weight: bold;
}

.filaErrorFecha {
    display: block;
    width: 100%;
}

/*Master*/
.filaError {
    padding: 5px 5px 5px 5px;
    
    font-weight: 700;
}

.poPupPanel {
    padding: 5px 5px 5px 5px;
    
}

.wellPerfil {
    padding: 3px;
    margin-bottom: 0px !important;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
}

.fondoPortada {
    background-color: #E3E3E3;
    height: 170px;
    text-align: center;
}

.fondoConexiones {
    background-image: url('../DwImg/imgGD/imgGen/imgConexiones.png');
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
}

.LabelSin {
    display: block;
    width: 100%;
    margin-top: 0px;
}

.LabelModal {
    display: block;
    width: 100%;
    margin-bottom: 0px;
}

.LabelCT {
    display: block;
    width: 100%;
}

.LabelT {
    display: block;
    width: 100%;
}

.LabelTG {
    display: block;
    font-size: 16px;
    width: 100%;
}

.LabelM {
    width: 100%;
}


/** Estilo Label Cajero **/

.LabelTexto {
    display: block;
    width: 100%;
}

.LabelRepo {
    display: block;
    width: 100%;
}

.LabelMed {
    display: block;
    width: 70%;
}

.LabelEsp {
    display: block;
    width: 100%;
}

.LabelPeq {
    display: block;
    width: 100%;
}

/*Master*/
.lblMenMarc {
    display: block;
    
    
    width: 100%;
    font-weight: bold;
}

.lblMenMarcMin {
    display: block;
}

.LabelMensaje {
    display: block;
    width: 100%;
}

.LabelTitu {
    display: block;
    width: 100%;
}

.LabelMini {
    display: block;
}

.MsgGrid {
    display: block;
    width: 100%;
    font-weight: bold;
}

.MsgGridR {
    display: block;
    width: 100%;
    font-weight: bold;
}

.panelMensaje {
    display: block;
    width: 100%;
}

.panel {
    width: 100%;
}

.cajasTexto {
    display: block;
    width: 100%;
}

.cajasTextoD {
    display: block;
    width: 100%;
    text-align: right;
}

.cajasTextoExt {
    display: block;
    width: 100%;
}

.cajasTextoMin {
    display: block;
    width: 80%;
}

.cajasTextoMed {
    display: block;
    width: 68%;
}

.cajasTextoMedGris {
    display: block;
    width: 48%;
}

.cajasTextoLectura {
    display: block;
    width: 100%;
}

.cajasTextoLecturaDer {
    display: block;
    width: 100%;
    text-align: right;
}

.cajasRepo {
    display: block;
    width: 100%;
}

.cajasTextoLecturaPeq {
    display: block;
    width: 100%;
}

.DropDL {
    display: block;
    width: 100%;
}

.DropDLLect {
    display: block;
    width: 100%;
}

.listbox {
    display: block;
    width: 100%;
}

.CheckB {
    display: block;
    width: 100%;
}

.dvEncabezado {
    padding: 5px 5px 5px 5px;
    font-weight: bold;
}

div.marcoMensaje {
    display: block;
    width: 100%;
}

.rwTituIn {
    height: 20px;
    width: 100%;
}

.Contenido {
    width: 100%;
   /* height: 325px;*/
    overflow: auto;
    position: relative;
}

.ContenidoModal {
    width: 100%;
    height: 200px;
    overflow: auto;
    position: relative;
}

.ContenidoModalMini {
    width: 100%;
    height: 80px;
    overflow: auto;
    position: relative;
}

.ContenidoMsjEspe {
    width: 100%;
    height: 100px;
    overflow: auto;
    position: relative;
}

/*Master*/
.botones {
    vertical-align: middle;
    width: auto;
    padding: 2px;
}

    .botones:hover {
        /*background-color: #EEEEEE;
      border: solid 1px #BBBBBB;*/
    }

.botonno {
    vertical-align: middle;
    width: auto;
    padding: 2px;
}

.boton {
    font-weight: bold;
}

/*Master*/
.botonM {
    vertical-align: middle;
    border: 0;
}

.RadioBL {
    display: block;
    width: 100%;
}

.RadioPopup {
    width: 100%;
}

.circular {
width: 300px;
height: 300px;
border-radius: 150px;
-webkit-border-radius: 150px;
-moz-border-radius: 150px;
/*background: url(http://link-to-your/image.jpg) no-repeat;*/
}


/** Modal New **/

.ModalControl {
    box-shadow: rgb(0, 0, 0) 0px 0px 0px !important;
}

.counter {
    text-align: center;
    padding: 27px 41px 10px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

    .counter:before {
        content: '';
        background: linear-gradient(135deg,#EA5C2F,#EB3B00);
        height: 100%;
        width: 83%;
        border-radius: 15px;
        transform: translateX(-50%) translateY(-50%);
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: -1;
    }

    .counter h3 {
        color: #fff;
        font-size: 20px;
        letter-spacing: 1px;
        text-transform: uppercase;
        padding: 0 20px;
        margin: 0 0 15px 0;
    }

    .counter .counter-content {
        background: #fff;
        padding: 10px 10px;
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
        border-radius: 0 15px;
        position: relative;
    }

.counter-content:before,
.counter-content:after {
    content: "";
    background: linear-gradient(to right bottom, transparent 49%, #777 50%);
    width: 20px;
    height: 20px;
    position: absolute;
    top: -20px;
    left: 0;
    z-index: -2;
}

.counter-content:after {
    background: linear-gradient(to right bottom,#777 49%, transparent 50%);
    left: auto;
    right: -2px;
    top: auto;
    bottom: -20px;
}

.counter .counter-icon {
    color: #EB3B00;
    font-size: 35px;
    transition: all 0.3s;
}

.counter:hover .counter-icon {
    transform: rotateY(360deg);
}

.counter .counter-value {
    color: #333;
    font-size: 35px;
    font-weight: 600;
}

@media screen and (max-width:990px) {
    .counter {
        margin-bottom: 40px;
    }
}
.caja {
    color: #ffffff;
    font-size: 18px;
}

.ColorCol {
    background-color: #808080;
    color: #ffffff;
    font-size: 12px;
    border-color: #000000;
}

.colorDegr {
    background: rgba(226,226,226,1);
    background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 14%, rgba(209,209,209,1) 35%, rgba(254,254,254,1) 85%, rgba(254,254,254,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(14%, rgba(219,219,219,1)), color-stop(35%, rgba(209,209,209,1)), color-stop(85%, rgba(254,254,254,1)), color-stop(100%, rgba(254,254,254,1)));
    background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 14%, rgba(209,209,209,1) 35%, rgba(254,254,254,1) 85%, rgba(254,254,254,1) 100%);
    background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 14%, rgba(209,209,209,1) 35%, rgba(254,254,254,1) 85%, rgba(254,254,254,1) 100%);
    background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 14%, rgba(209,209,209,1) 35%, rgba(254,254,254,1) 85%, rgba(254,254,254,1) 100%);
    background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 14%, rgba(209,209,209,1) 35%, rgba(254,254,254,1) 85%, rgba(254,254,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );
}

.sp-form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.sp-form-control:focus {
    /*color: #495057;*/
    /*background-color: #fff;*/
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

.input-group-cajas-texto-left, .input-group-cajas-texto-right {
    width: 1%;
    flex: 1 1 auto;
}

.input-group-cajas-left, .input-group-cajas-right {
    margin-left: -1px;
    background-color: #e9ecef;
    padding: 0.375rem 0.75rem;
}
.input-group-prepend {
    border-right: none !important;
}

.input-group-cajas-texto-right {
    border-left: none !important
}