/* 
    Created on : 2015 - 2016
    Author     : Ylee - Secretaría de Educación Distrital
*/

/**************** Estilos generales ************************/
#numeroViaPrincipal, #letraViaPrincipal, #tipoViaPrimaria, #letraBis, #bis, #numeroViaGeneradora, #cuadranteViaPrincipal, #letraViaGeneradora, #numeroPlaca, #cuadranteViaGeneradora{
    padding: 1px 0px;
    height: 34px;
}

.app-modal-window .modal-dialog {
  width: 70%;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input[type=number] { -moz-appearance:textfield; }

/*CAMILO INICIO: AJUSTE DE COMBOBOX POR TAMAÑO*/
.ui-select-match
{
    width: 120% !important;
    position: relative;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
}

.ui-select-match-text
{
    width: 120% !important;
    position: absolute;
    white-space: nowrap !important;
    text-overflow: clip !important;
    overflow: hidden !important;
}

.ui-select-choices
{
    width: 150% !important;
}
/*CAMILO FIN: AJUSTE DE COMBOBOX POR TAMAÑO*/

/*CAMILO INICIO: AJUSTE DE PANTALLA POR TAMAÑO GRANDE DE IMAGEN 13/11/2018*/
#imgLogoFut
{
    width: 85%;
    height: auto;
}
/*CAMILO FIN: AJUSTE DE PANTALLA POR TAMAÑO GRANDE DE IMAGEN 13/11/2018*/
body {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #FAFBFC;
    font-family: 'Days One', sans-serif;
}


#main-nav {
    margin-top:80px; 
    width: 1140px;
    margin-left: auto;
    margin-right: auto;
}

#main-menu {
    z-index: 1;
}

header {
    background-color: #FAFBFC; /*#009EE0;*//*#01ACE4;*//*#3FAAE0;*/
    position:absolute; /*El div será ubicado con relación a la pantalla*/
    left:0px; /*A la derecha deje un espacio de 0px*/
    right:0px; /*A la izquierda deje un espacio de 0px*/
    top:0px; /*Arriba deje un espacio de 0px*/
    z-index:0;
}

header img {
   /* margin-left: 12%;
    margin-right: 12%;*/
   margin-left: 8%;
    margin-right: 7%;
}

footer {
    background: #CCCCCC;
    position:fixed; /*El div será ubicado con relación a la pantalla*/
    left:0px; /*A la derecha deje un espacio de 0px*/
    right:0px; /*A la izquierda deje un espacio de 0px*/
    bottom:0px; /*Abajo deje un espacio de 0px*/
    height:100px; /*alto del div*/
    /*z-index:999999;*/
    padding: 10px 0px;
}

footer img {
    margin-left: auto;
    margin-right: auto;    
}

.container {
    margin-top: 0px;
    margin-bottom: 100px;
}

h1 {
    font-family: 'Days One', sans-serif;
    color: #3FAAE0;
    text-align: center;

}
h3 {
    font-family: 'Days One', sans-serif;
    color: #3FAAE0;

}
h4 {
    font-family: 'Days One', sans-serif;
    color: #3FAAE0;

}
h6 {
    font-family: 'Days One', sans-serif;
    color: #3FAAE0;

}

legend {
    font-family: 'Days One', sans-serif;
    color: #3FAAE0;

}

.obligatorio {
    color: red;

}

.div_terminos{
    margin-top: 50px;
}


/**************** // Estilos generales ************************/

/**************** menú del home *******************************/
.menu-home {
    margin: 5px;
    min-height: 50px;
    padding: 10px;
    border: #26657F 1px solid;
    border-bottom:  #26657F 5px solid;
    /*cursor: pointer;*/
}
.menu-home p{
    font-weight: bold;
    color: #26657F;
}
.menu-home a{
    color: #26657F;
}
.menu-home:hover{
    background-color: #CAEFFF;
}

/*** Por si se quiere dar estilo diferente a cada caja */
.estudiantes{
    background-color: /*#01ACE4/*/#FFF/*#FF3399*/;
}
.padres{  
    background-color: /*#D4D4D2/*/#FFF/*#F15A29*/;
}
.docentes{
    background-color: /*#D4D4D2/*/#FFF/*#FFCE01*/;
}
.administrativos{
    background-color: /*#D4D4D2/*/#FFF/*#2BDD73*/;
}
.instituciones{
    background-color: /*#D4D4D2/*/#FFF/*#9A0CBD*/;
}

.botones_menu_home{
    font-size: 40px;
    width: 100%;
}

.oculto {
    visibility: hidden;
}



/**************** // menú del home *****************************/



/**************** formulario legalización **********************/
.repetido{
    background-color: #E3E9EE;
    margin-left: 100px;
    margin-right: 205px;
    padding: 10px;
}

.label-campo-fut{
    font-weight: normal;
}

.label-ayuda{
    color: #737373;
}

.div-campo_fut{
    min-height: 63px;
}

.div-archivo_fut{
    height: 30px;
}

.label-obligatorio{
    color: #a94442;
}

.label-blanco {
    color: #FFF;
}

/**************** // formulario legalización *******************/




/**************** Consulta web *********************************/
.consulta_web_container {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

}.consulta_web {
    border: 1px solid #006699;
    border-top: none;

}
.consulta_web table {
    margin: 0px;
} 
.consulta_web div.contenido {
    border-top: 1px solid #006699;
} 
.consulta_web div.contenido-tabla {
    border-top: 1px solid #006699;
    padding: 0px;
} 
.consulta_web div.encabezado {
    border-top: 1px solid #006699;
    background-color: #64A7C2;
    color: white;
} 

.consulta_web div.encabezado_titulo {
    border-top: 1px solid #006699;
    background-color: #145A7C;
    color: white;
} 

.consulta_web div.titulo {
    border-top: 1px solid #006699;
    background-color: #D2D2D2;
}

.botones_estado_documento_borde h3 {
    font-size: 30px
}

.botones_estado_documento  p{
    font-size: smaller;
    margin: 0px;
}
.botones_estado_documento  h3{
    margin-bottom: 0px;
}

.base_estado_documento_p {
    font-size: smaller;
    margin: 0 -30px;
    /*background-color: black;*/
    color: white;
}

.barras_estado {
    background-color: lightgray;
    margin-top: 5px;
}

.boton_titulo {
    float:right; 
    margin-top: -60px;
}

.progress-bar-finalizado {
    background-color: #145A7C;
    color: white;

}

.tabla-consultaweb>thead>tr>th, 
.tabla-consultaweb>tbody>tr>th, 
.tabla-consultaweb>tfoot>tr>th, 
.tabla-consultaweb>thead>tr>td, 
.tabla-consultaweb>tbody>tr>td, 
.tabla-consultaweb>tfoot>tr>td {
    font-size: smaller;
}

/************** // Consulta web ************************/



/*************  generador trámites *******************/
/*.div_campos {
    border: 1px solid grey;
    margin: 5px;
    padding: 5px;    
}*/

.campos_generador_tramite {
    margin-right: 40px;
    height: 70px;    
}
.campos_generador_tramite_sm {
    margin-right: 30px;
    height: 70px;    
}

.tabs_generador_tramite{
    margin-top: 50px;
}

.tabs_generador_tramite legend {
    font-size: 15px;
}

.check_publico {
    width: 155px;
}

/************* // generador trámites *******************/

/**************** Servicios ************************/
.servicios .row{
    margin: 0px;
}

.servicios .row p {
    color: grey; 
    text-align: justify; 
    font-family: Helvetica,Arial,sans-serif; 
    font-size: 12px;
    height: 100px;
}

.servicios_etiquetas {    
    font-size: 12px;
}

.servicios .row h4 {
    height: 60px;
    margin-right: 25px;
    font-size: 14px;
    margin-top: -5px;
    margin-bottom: 20px;
}

.servicios .destacado {
    margin-top: -5px;
    margin-left: 80%;
    margin-bottom: -60px;
    color: #d11848;
}
/*.servicios .destacado :hover {
    margin-top: -5px;
    margin-left: 50%;
    margin-bottom: -60px;
    color: #d11848;
}*/

.servicios .destacado span{
    font-size: 50px;
}
.servicios .buscador {
    height: 120px;
    background-color: #096684;
    margin-bottom: 10px;
    padding: 10px;
}

/**************** // Ventanas modales ************************/

/**************** Ventanas modales ************************/
/*.large-Modal{

    width: 1000px;
    max-height: 500px; 
}*/

.modal-body {
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}
/**************** // Ventanas modales ************************/

/**************** Básicos varios *******************************/
.paddin_top_20 {
    padding-top: 20px;
}

.pointer {
    cursor: pointer;
}

.faltante {
    color: red;
}

.modal{
    z-index: 99999;
}

.info_fut{
    text-align: justify;
}

.ocultar {
    display: none;
}

.mostrar {
    display: block;
}
/**************** // Básicos varios ************************/




/************************ Pantallas celular vertical **************************/
@media screen and (max-width: 750px)  and (orientation:portrait) { 
    /*body {
        background-color: lightgreen;
    }*/

    header img {
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
    }

    #main-nav {
        margin-top: 15px;
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }

    footer {
        position: absolute;
        bottom: auto;
    }

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {

        padding-left: 1px; 
        padding-right: 0px; 
    }

    .botones_estado_documento  p{
        display: none;
    }

    .botones_estado_documento_borde {
        /*   height: 70px;
           width: 70px;*/
    }    

    .base_estado_documento {
        margin: 0px;
    }

    .botones_estado_documento {
        margin: 4px;
    }


    .row-eq-height {
        display:         block;
    }

    .boton_titulo {
        float: right;
        margin-top: -10px;
        margin-bottom: 5px;
    }
    .consulta_web {
        margin-top: 40px;
    }

    .base_estado_documento_p {
        margin: 0 15px;
        width: 50px;
    }

    .botones_menu_home{
        font-size: 20px;
        width: 100%;
    }
}
/********************** // Pantallas celular vertical *************************/


/************************ Pantallas celular horizontal ************************/
@media screen and (max-width: 750px)  and (orientation:landscape) {
    /*  body {
          background-color: lightsalmon;
      }*/

    header img {
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
    }

    #main-nav {
        margin-top: 50px;
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }

    footer {
        position: absolute;
        bottom: auto;
    }

    .base_estado_documento {
        margin: 0 -5px;
    }

    .botones_estado_documento {
        margin: 20px;
    }

    /* .botones_estado_documento  p{
         display: none;
     }*/


    .row-eq-height {
        display:         block;
    }

    .botones_menu_home{
        font-size: 20px;
        width: 100%;
    }
}
/*********************** // Pantallas celular horizontal **********************/


/************************ Pantallas medianas I ********************************/
@media screen and (min-width: 751px) and (max-width: 970px) { 
    /* body {
         background-color: lightyellow;
    }*/

    /*
     * Row with equal height columns
     * --------------------------------------------------
     */
    .row-eq-height {
        clear: both;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;
    }
}
/********************** // Pantallas medianas I *******************************/

/************************ Pantallas medianas II********************************/
@media screen and (min-width: 971px) and (max-width: 1170px) { 
    /*  body {
          background-color: lightblue;
      }*/

    /*
     * Row with equal height columns
     * --------------------------------------------------
     */
    .row-eq-height {
        clear: both;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;
    }
}
/********************** // Pantallas medianas II ******************************/

/************************ Pantallas grandes ***********************************/
@media screen and (min-width: 1170px) { 
    /*  body {
          background-color: lightpink;
      }*/

    /*
     * Row with equal height columns
     * --------------------------------------------------
     */
    .row-eq-height {
        clear: both;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;
    }

}
/*********************** // Pantallas grandes *********************************/

/*
--CARACTERES RAROS EN INPUT ONLY NUMBER --
--CAMBIAR ORDEN-FORM-FUT(LISTA_TIPO_DOC-NUMERO_DOC) --
--PLACEHOLDER (DIRECCION DE LOCALIDAD)(IMAGEN DE AYUDA) --
--ARCHIVO PDF (INDICAR QUE DEBE SER SOLO PDF MENSAJE) --
--AJUSTAR PANTALLA DE INICIO A LA VISTA(IMAGEN SE SALE)--
*/