/*Color de fondo y letra al dar click en gv de AgendarCitaDistancia */
.fondoClick { background-color: #74c3ae; color: white; font-weight: 600; font-size: 12px; border: 0px hidden; padding: 0px !important; vertical-align: top; cursor: pointer; }
    .fondoClick a { color: white; display: block; }
.fondoClick2 { background-color: white; color: black; font-weight: 600; font-size: 12px; border: 0px hidden; padding: 0px !important; vertical-align: top; cursor: pointer; }
    .fondoClick2 a { color: black; display: block; }

/*estilos*/
.popup { padding-top: 0px; z-index: 3; position: fixed; height: 100%; width: 100%; cursor: pointer; }
.popuptext { width: 100%; background-color: #888383; height: 100%; color: #fff; text-align: center; margin: 0; opacity: 0.7; padding-top: 35%; text-align: center; font-weight: 500; }
.popup .popuptext::after { position: absolute; top: 100%; left: 50%; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; }
.popup .show { visibility: visible; -webkit-animation: fadeIn 1s; animation: fadeIn 1s; }

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/*Estilos enabled false*/
input[disabled="disabled"] { background: #d7e4d8; color: black; cursor: auto; }
select[disabled="disabled"] { background: #d7e4d8; color: black; cursor: auto; }

/*estilos*/
.txtLink { font-size: 16px; font-weight: 600; text-align: left; }
    .txtLink a { color: green !important; }
.prueba { font-size: 15px; text-align: left; }
.quiPadd { padding-left: 0px !important; padding-right: 0px !important; }
.quiMar { margin-left: 0px !important; margin-right: 0px !important; }
.titulo { padding-top: 45px; border-bottom: 1px solid black; font-size: 18px; font-weight: 500; }
.padTop { padding-top: 6%; }
.padTopCampo { padding-top: 2%; }
.padDire { padding-top: 0; padding-bottom: 0; margin: 0 auto; display: block; }
.subtitulo { font-size: 11px; }
.wDire { width: 90%; }
.ddl { font-size: 12px; height: 28px; border: 0px hidden; cursor: pointer; }
.cajaDdl { width: 97%; overflow: hidden; border-bottom: 1px solid black; font-size: 9px; height: 29px; }
    .cajaDdl::after { content: url("../App_Themes/Verde/Image/FlechaVerde.png"); width: 174%; height: 10px; display: table-cell; text-align: center; position: absolute; top: 8px; pointer-events: none; }
.caText { border: 1px solid black; height: 29px; text-align: center; font-size: 9px; }
.txtAce { font-size: 8px; text-align: right; padding-right: 20px !important; }
input[type=file].cargar { position: relative; z-index: 2; opacity: 0; height: 90px; width: 90px; margin: 0 auto; }
.imgPerfil { height: 90px; width: 90px; margin: 0 auto; position: absolute; z-index: 1; left: 50%; margin-left: -46px; }
.imgCheck { max-width: 100%; margin: 0 auto; }
.terminosCondiciones {text-align: justify }

.fondoClick2 > a:hover {background-color:rgba(173, 230, 215,0.39); }
.lblTitMensaje { position: relative; color: gray; top: 1%; font-size: 12px; }
.linkExterno { text-decoration: underline; font-weight: bold; color: green !important;}
@media screen and (min-width: 768px) { .fondoClick { background-color: #74c3ae; color: white; font-weight: 600; font-size: 15px; border: 0px hidden; }
    .fondoClick2 { background-color: white; color: black; font-weight: 600; font-size: 15px; border: 0px hidden; }
    .gvOficina { font-weight: 600; font-size: 15px; }
    .titulo { padding-top: 45px; border-bottom: 1px solid black; font-size: 25px; font-weight: 500; }
    .subtitulo { font-size: 20px; }
    .ddl { font-size: 15px; height: 28px; border: 0px hidden; }
    .cajaDdl { width: 97%; overflow: hidden; border-bottom: 1px solid black; font-size: 15px; }
        .cajaDdl::after { content: url("../App_Themes/Verde/Image/FlechaVerde.png"); width: 174%; height: 10px; display: table-cell; text-align: center; position: absolute; top: 2px; pointer-events: none; }
    .caText { border: 1px solid black; height: 29px; text-align: center; font-size: 15px; }
    .txtAce { font-size: 17px; text-align: right; padding-right: 20px !important; }
    .imgCheck { max-width: 70%; margin: 0 auto; }
    .padTop { padding-top: 5%; }
}

@media screen and (min-width: 1200px) {
    .padDire { padding-top: 6%; padding-bottom: 6%; }
    .wDire { width: 100%; }
    .imgCheck { max-width: 60%; margin: 0 auto; }
    .padTop { padding-top: 4%; }
}