#image img
{
    height: 10%;
    width: 100%;
}

html
{
    min-height:100%;
}

body
{
    background-image: url("/gimgs/pn/bgPN.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    /*background-size: 100% 100%;*/
    /* min-height: 100%; */
    height:auto;
    font-family: 'Source Sans Pro', sans-serif;
}

/**** Subtítulos de formularios ****/
div.alpaca-container-item h2, .alpaca-subt{
    font-size: 2.3rem !important;
    font-weight: 500 !important;
    text-align: center;
}
/**** Fin de subtítulos de formularios ****/

/**** Labels ****/

.control-label.alpaca-control-label{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 20px;
    display: block;
}



/**** Fin de Labels ****/

/**** Campos ****/
.alpaca-control.form-control{
    border: 1px solid #979797;
    border-radius: 2px;
    height: 40px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 18px;
}

select.alpaca-control.form-control {

}

/* SI NO Radios */


.alpaca-control > label{
    padding: 0;
    width: 100%;
}

.alpaca-control > label > div{
    background-color: #fff;
    border: 2px solid var(--gris-secundario);
    border-radius: 3px;
    margin: 0 auto;
    padding: 10px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    color: var(--gris-textos);
    font-size: 18px;
    text-align: center;
    width: 100%;
}

.alpaca-control > label > div:hover{
    background-color: var(--gris-secundario);
}

.alpaca-control.radio input[type="radio"]{
    visibility: hidden;
}

.alpaca-control.radio{
    display: inline-block !important;
    margin-left: 0;
    width: 49%;
}
.alpaca-control > label > input:checked + div{
    background-color: var(--celeste-SINAC-trans);
    border: 2px solid var(--celeste-SINAC);
}

/* Fin de SI NO Radios */



div.alpaca-container-item[data-alpaca-container-item-name="rc_pdf_plano_escaneado"],
div.alpaca-container-item[data-alpaca-container-item-name="rc_pdf_copia_identificacion"],
div.alpaca-container-item[data-alpaca-container-item-name="rc_comprobante_al_dia"],
div.alpaca-container-item[data-alpaca-container-item-name="rc_carta_propietario"],
div.alpaca-container-item[data-alpaca-container-item-name="rc_comprobante_impuestos_municipales"],
div.alpaca-container-item[data-alpaca-container-item-name="rc_impuestos_territoriales"],
div.alpaca-container-item[data-alpaca-container-item-name="rc_formulario_completo_firmado"],
div.alpaca-container-item[data-alpaca-container-item-name="rc_otros_documentos"],
div.alpaca-container-item[data-alpaca-container-item-name="rd_pdf_plano_escaneado"],
div.alpaca-container-item[data-alpaca-container-item-name="rd_pdf_copia_identificacion"],
div.alpaca-container-item[data-alpaca-container-item-name="rd_comprobante_al_dia"],
div.alpaca-container-item[data-alpaca-container-item-name="rd_carta_propietario"],
div.alpaca-container-item[data-alpaca-container-item-name="rd_comprobante_impuestos_municipales"],
div.alpaca-container-item[data-alpaca-container-item-name="rd_impuestos_territoriales"],
div.alpaca-container-item[data-alpaca-container-item-name="rd_formulario_completo_firmado"],
div.alpaca-container-item[data-alpaca-container-item-name="rd_otros_documentos"]
{
    padding-bottom: 10px;
}


/* .alpaca-control.checkbox[name="rd_revision_documentos__botones"]{
  background-color: #FFFFFF;
  border: 2px solid #337A6D;
  color: #337A6D;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  border-radius: 4px;
  text-align: center;
  line-height: 20px;
  padding: 10px;
  min-height: 48px;
} */

/* .alpaca-control.checkbox[name="rd_revision_documentos__botones"]::before{
  content: " ";
  background-image: url("../imgs/rev_check_off.svg");
  background-repeat: no-repeat;
  background-position: 11px 7px;
  position: absolute;
  background-color: #fff;
  border: solid 2px #ededed;
  border-radius: 4px;
  height: 48px;
  width: 48px;
  left: -55px;
  top:0;
} */


/* Overrides de las listas de seleccion */
/* Estos overrides son para los casos especificos en los que las listas de
seleccion deben ir hacia abajo al 100% del ancho del espacio del formilario */

.alpaca-control.radio[name="sc_motivo__necesita_visado"],
.alpaca-control.radio[name="scd_tipo_proceso__necesita_visado"],
.alpaca-control.radio[name="scd_tipo_tramite__necesita_visado"],
.alpaca-control.radio[name="rechazo_avaluo__acepta_el_avaluo"]{
    display: block !important;
    margin-left: 0;
    width: 100%;
}

div[name="scd_tipo_proceso__tipo_procceso"] div {
    height: 190px;
    background-image: url(/TramitesPNE/imgs/menus/compra.png);
    background-repeat: no-repeat;
    background-position: 73px 70px;
}

div[name="scd_tipo_proceso__tipo_procceso"]:last-child div {
    background-image: url(/TramitesPNE/imgs/menus/donacion.png);
    background-position: 60px 70px;
}

/* Fin de los Overrides de las listas de seleccion */

/* Checks */

.alpaca-control.checkbox > label > input{
    display: none;
}

/* Fin de checks */


/* *** Tablas dentro de formulario *** */

/* Amplía el ancho de las tablas de anexos, se deben seleccionar por
data-alpaca-container-item-name porque no hay forma de diferenciar el contenedor
de los otros del alpaca */
.alpaca-container-item[data-alpaca-container-item-name="sc_conclusiones_inspeccion__anexos_adicionales"],
.alpaca-container-item[data-alpaca-container-item-name="sv_conclusiones_inspeccion__anexos_adicionales"],
.alpaca-container-item[data-alpaca-container-item-name="sv_solicitud_certificacion__acompanantes"],
.alpaca-container-item[data-alpaca-container-item-name="sc_solicitud_certificacion__acompanantes"],
.alpaca-container-item[data-alpaca-container-item-name="responsable_acompanantes__acompanantes"],
.alpaca-container-item[data-alpaca-container-item-name="rd_responsable_acompanantes__acompanantes"]
{
    margin-left: -20%;
    margin-right: -20%;
}
/* Fin del ancho de las tablas */

#tabla-puntos, .tabulator-tableHolder{
    overflow: hidden;
}

.alpaca-container-item table th{
    background-color: #626262;
    font-weight: 500;
    color: #FFF;
    font-size: 1.3rem;
    text-transform: uppercase;
    text-align: center;
    border-bottom: 1px solid #bbb;
}

alpaca-container-item table.table{
    margin-bottom: 3px;
}

.alpaca-container-item table td{
    vertical-align: middle !important;
}

.btnEliminar{
    border-radius: 100%;
    width: 30px;
    height: 30px;
    padding: 0;
}

.btnEliminar .glyphicon{
    top: 5px;
    font-size: 1.5rem;
    margin-right: 1px;
}
.btn-lg.btn-warning{
    background-color: var(--verde-SINAC);
    border: 1px solid var(--verde-oscuro-SINAC);
    border-radius: 100%;
    width: 40px;
    height: 40px;
    font-size: 1.5rem;
    padding: 10px 0px 0px 1px;
}

.btn-lg.btn-warning:hover{
    background-color: var(--verde-SINAC-hover);
}

/**** Fin de Tablas dentro de formulario ****/

/**** Fin Campos ****/


/* PASOS */

.sw-main{
    /* display: table !important; */
    display: block;
    width: 95%;
    margin: 0 auto;
    overflow: scroll;
    padding-right: 50px;
    height: max-content;
    overflow-y: hidden;
}

.nav.nav-tabs.step-anchor{
    background-color: transparent;
    /* margin-bottom: 70px;
    margin-left: -80px; */
    width: max-content;
    margin: 0 auto 70px auto;
}

/*
.sw-theme-circles>ul.step-anchor:before {
    background-color: white;
}*/

.sw-theme-circles>ul.step-anchor>li.active>a {
    border: 0;
    color: #fff;
    background-position: 0px 0px;
}

.sw-theme-circles>ul.step-anchor>li.active>a:hover {
    border: 0;
    color: #fff;
    background-position: -32px 0px;
}
/*
.sw-theme-circles>ul.step-anchor:before {

     height: 0px !important;

}*/

.sw-theme-circles>ul.step-anchor>li {
    padding-left: 100px;
    margin-left: 0;
}

.sw-theme-circles>ul.step-anchor>li.active>a>small {
    color: var(--verde-SINAC);
}

.sw-theme-circles > ul.step-anchor > li > a
{
    width: 32px !important;
    height: 43px !important;
    padding: 12px 0 !important;
    box-shadow: none !important;
    border: 0;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 16px;
    font-size: 16px;
    font-weight: 700;
    color: #757575;
    background-image: url('../imgs/hojas_sprt.svg') !important;
    background-position: -160px 0px;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    margin-top: -2px;
    margin-right: -5px;
}

.sw-theme-circles>ul.step-anchor>li>a:hover {
    /* border: 1px solid #757575; */
    color: #fff;
    background-position: -128px 0px;
    /* background-image: url('../imgs/hoja_borde_hover.svg');
    background-repeat: no-repeat;
    background-color: transparent; */
}


a > small
{
    font-size: 90% !important;
}

.sw-theme-circles > ul.step-anchor::before
{
    top:55px !important;
    max-height: 2px;
    background-color: #C3C3C3;
    visibility: hidden;
}

.sw-theme-circles > ul.step-anchor
{
    margin-top: -40px;
}


.sw-theme-circles > ul.step-anchor > li
{
    margin-top: 40px !important;
    /* margin-bottom: 25px !important; */
}

.sw-theme-circles>ul.step-anchor>li.done>a {
    background-position: -64px 0px;
    color: var(--verde-SINAC);
}
.sw-theme-circles > ul.step-anchor > li::before{
    content: " ";
    position: absolute;
    top: 15px;
    width: 100%;
    height: 2px;
    background-color: #C3C3C3;
    z-index: 0;
    margin-left: 5px;
}

.sw-theme-circles > ul.step-anchor > li.done::before{
    background-color: var(--celeste-SINAC);
}

.sw-theme-circles > ul.step-anchor > li:last-child::before{
    visibility: hidden;
}

.sw-theme-circles>ul.step-anchor>li.done>a:hover {
    background-position: -96px 0px;
    color: var(--verde-SINAC);
}



.sw-theme-circles>ul.step-anchor>li>a>small {
    position: relative;
    width: 100px;
    bottom: 0;
    display: block;
    text-align: center;
    color: #757575;
    font-style: italic;
    margin-top: 20px;
    margin-left: -30px;
}

.sw-theme-circles>ul.step-anchor>li.done>a>small {
    color: var(--verde-SINAC);

}


/* FIN DE PASOS */

#contenido
{
    background-color: #fff;
    width: 75% !important;
    margin: auto;
    border-radius: 5px;
    padding: 8px 50px 50px 50px;
    /* padding: 0 0 50px 0; */
    height: auto;
}

.trans-bg{
    background: rgba(255,255,255,0.95) !important;
}

.glyphicon-download-alt
{
    margin-top: 8%;
    background-color: #00abeb;
}

.qq-upload-button
{
    background-color: #cf6c43 !important;
    width: 100%;
    box-shadow: 2px 2px 1px 0 rgba(0,0,0,0.15);
}



.select2
{
    min-width: 50% !important;
    max-width: 100% !important;
}

/* .btn_download
{
    background-color: #00abeb;
    width: 100%;
} */

.btn_download{
    background-color: #FFFFFF;
    border: 2px solid var(--verde-SINAC);
    color: var(--verde-SINAC);
    width: 100%;
    font-size: 1.8rem;
    padding: 15px;
}

.btn_download:hover
{
    background: var(--verde-SINAC-trans);
    border: 2px solid var(--verde-SINAC);
    color: var(--verde-SINAC);
}

.alpaca-container-item .alert{
    margin-bottom: 5px;
}

.header
{
    background-color: #0895D8;
    color: white;
    height: 70px;
    margin: auto;
    width: 95%;
    margin-bottom: 20px;
    margin-left: 2.5%;
}

#descripcion-formulario
{
    background-color: #e7e7e7;
    color: #000;
    width: 95%;
    margin: auto;
    margin-bottom: 40px;
}

.btn-small-secundario{
    border: 2px solid var(--verde-SINAC);;
    color: var(--verde-SINAC);
}

.btn-small-secundario:hover{
    background: var(--verde-SINAC-trans);
    color: var(--verde-SINAC);
}

#btn-atras, .alpaca-form-button-atras
{
    background-color: #FFFFFF;
    border: 2px solid var(--verde-SINAC);
    color: var(--verde-SINAC);
    min-width: 150px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
}

#btn-atras, .alpaca-form-button-atras:hover
{
    background: var(--verde-SINAC-trans);
    border: 2px solid var(--verde-SINAC);
    color: var(--verde-SINAC);

}

#btn-siguiente, .alpaca-form-button-submit
{
    background-color: var(--verde-SINAC);
    border: 2px solid var(--verde-SINAC);
    color:white;
    min-width: 150px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    box-shadow: 2px 2px 1px 0 rgba(0,0,0,0.15);
}

#btn-siguiente, .alpaca-form-button-submit:hover
{
    background-color: var(--verde-SINAC-hover);
    border: 2px solid var(--verde-SINAC-hover);
    color: #fff;
}

.button-grande-A{
    background-color: var(--verde-SINAC);
    border: 1px solid var(--verde-SINAC);
    color:white;
    width: 100%;
    padding: 15px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 20px;
    box-shadow: 2px 2px 1px 0 rgba(0,0,0,0.15);
}

.button-grande-A:hover{
    background-color:var(--verde-SINAC-hover);
    color: #fff;
}

.button-grande-B{
    background-color: transparent;
    border: 2px solid var(--verde-SINAC);
    color: var(--verde-SINAC);
    width: 100%;
    padding: 15px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 20px;
    box-shadow: 2px 2px 1px 0 rgba(0,0,0,0.15);
}

.button-grande-B:hover{
    background-color: var(--verde-SINAC-trans);
    color: var(--verde-SINAC);
}

#parent-btn-siguiente
{
    padding-left: 4px !important;
}

#parent-btn-atras
{
    padding-right: 0px !important;
    width: 49% !important;
}

legend.alpaca-container-label
{
    text-align: center;
    /* margin-bottom: 90px; */
}

[disabled] {
    pointer-events: none;
}

.tooltip-inner {
    max-width: 500px !important;
    min-width: 350px; !important;
}

/* Tooltip */
.tooltip > .tooltip-inner {
    background-color: #f1fffd;
    color: black;
    border: 4px solid #00abeb;
    padding: 5px;
    font-size: 15px;
}

.tooltip.bottom > .tooltip-arrow {
    border-bottom: 5px solid #00abeb;
}

.qq-upload-cancel, .qq-upload-continue, .qq-upload-delete, .qq-upload-pause, .qq-upload-retry, .qq-upload-size {
    font-size: 16px;
}



.qq-upload-button
{
    background-color:var(--verde-SINAC) !important;
    display:inline-block;
    cursor:pointer;
    text-decoration:none;
    text-shadow:0px 1px 0px #2f6627 !important;
    width: 100% !important;
    -moz-border-radius:4px !important;
    -webkit-border-radius:4px !important;
    border-radius:4px !important;
    color:#ffffff;
    padding:17px 24px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;

}

.qq-upload-button-hover{
    background-color: var(--verde-SINAC-hover) !important;
    cursor:pointer;
}

#addaxloading{
    color: #165187 !important;
}

.titulo-pagina {
    color: var(--verde-SINAC);
    text-align: center;
}

.consultas_inputs{
    height: 35px;
    width: 100%;
}

.consuta-box{
    padding: 10px 20px;
}

.consuta-box a{
    width: 80%;
}

.boxes{
    background-color:#ededed;
    padding: 16px;
    border-radius: 4px;
    /* margin-left: 20px;
    margin-right: 20px;  */
}

.boxes p{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 17px;
    font-weight: 300;
    text-align: left;
}

.boxes a{
    width: 100%;
}

.btn-entrar-tramite {
    color: white;
    background-color: var(--verde-SINAC);
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 8px;
    margin-bottom: 10px;
    box-shadow: 2px 2px 1px 0 rgba(0,0,0,0.15);
}

.btn-entrar-tramite:hover {
    background-color: var(--verde-SINAC-hover);
}

.tramite-btn p{
    margin-top: 10px;
    text-align: center;
    line-height: 20px;
}

.tramite-btn a{
    color: #454545;
    text-decoration: none;
}

.btn-tabla-tramites{
    width: 36px;
    height: 36px;
    margin: 0 3px;
    background-image: url('../imgs/acciones_tabla_sprt.png');
    background-repeat: no-repeat;
    border: 1px solid var(--verde-SINAC-oscuro);
    background-color: var(--verde-SINAC);
}

.btn-tabla-tramites:hover{
    background-color: var(--verde-SINAC-hover);
}

.btn-ver{
    background-position: -108px 0px;
}

.btn-ac{
    background-position: -72px 0px;
}

.btn-persona{
    background-position: -37px 0px;
}

.form-group.alpaca-field.alpaca-field-text.alpaca-optional.alpaca-autocomplete a{
    display: block;
    width: 100%;
}

.form-group.alpaca-field.alpaca-field-text.alpaca-optional.alpaca-autocomplete a:hover{
    text-decoration: none;
}

.btn-descarga-docs {
    color: var(--verde-SINAC);
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    box-sizing: border-box;
    border: 2px solid var(--verde-SINAC);
    border-radius: 4px;
    padding: 15px;
    text-decoration: none;
    width: 100%;
}


.btn-descarga-docs:hover {
    text-decoration: none !important;
    cursor: pointer;
    background: var(--verde-SINAC-trans);
    color: var(--verde-SINAC);
}


/* Resposive Media Queries */
/* No poner nada debajo de estas líneas */

@media only screen and (max-width: 600px){
    #contenido{
        width: 95% !important;
        padding: 5px 10px !important;
    }

    .nav-justified{
        width: 100%;
    }

    /* Devuelve el ancho normal a las tablas de anexos, se deben seleccionar por
    data-alpaca-container-item-name porque no hay forma de diferenciar el contenedor
    de los otros del alpaca */
    .alpaca-container-item[data-alpaca-container-item-name="sc_conclusiones_inspeccion__anexos_adicionales"],
    .alpaca-container-item[data-alpaca-container-item-name="sv_conclusiones_inspeccion__anexos_adicionales"],
    .alpaca-container-item[data-alpaca-container-item-name="sv_solicitud_certificacion__acompanantes"],
    .alpaca-container-item[data-alpaca-container-item-name="sc_solicitud_certificacion__acompanantes"],
    .alpaca-container-item[data-alpaca-container-item-name="responsable_acompanantes__acompanantes"],
    .alpaca-container-item[data-alpaca-container-item-name="rd_responsable_acompanantes__acompanantes"]{
        margin-left: 0;
        margin-right: 0;
    }
    /* Fin del ancho de las tablas */
}

/** check de revision */
.icheckbox_square-blue {
    float: right;
    margin-right: -50px;
    margin-top: -47px;
}

.revision_img_button {
    margin: 0px 5px 5px 0px;
    padding: 0;
    width: 24px;
    height: 24px;
    background: url(/gcss/icheck/square/checkmark.png) no-repeat;
    border: none;
    cursor: pointer;

    float: right;
    margin-right: -50px;
    margin-top: -47px;
}

.revision_aprobado_button {
    background-position: 0px 0;
}

.revision_rechazado_button {
    background-position: -24px 0;
}

/** fin de checks de revision **/