/**
 * CONTENTS
 *
 * Cajas
 * Global...............Estilos usados para crear las cajas con estadisticas.
 *
 * Margenes
 * Espaciadores...............Clases utiles para espaciar.
 * Padding...............Clases para paddings.
 *
 * Generico
 * Chart........... chart container resize.
 *
 * Base
 * Display.............Display para las cajas.
 *
 * OBJECTS
 * Wrappers.............Wrapping and constraining elements.
 *
 * Componentes
 * Page-head............The main page header.
 * Bordes............Estilos para los bordes.
 * Cursores..............Cursores.
 * Inputs..............Inputs.
 *
 * Helpers
 * Text.................Text helpers.
 */

/*------------------------------------*\
  #Cajas
 \*------------------------------------*/
    /*------------------------------------*\
        #Global
    \*------------------------------------*/
    .cajas-general {
        margin-bottom: 30px;
        padding: 20px;
        position: relative;
        border-radius: 3px;
    }

    .cajas-espaciador-top {
        margin-top: 5% !important;
    }

/*------------------------------------*\
  #Margenes
 \*------------------------------------*/
    /*------------------------------------*\
        #Espaciadores
    \*------------------------------------*/
    .espaciador-bottom-sm {
        margin-bottom: 15px !important;
    }

    .espaciador-top-md {
        margin-top: 35px;
    }
    
    .espaciador-left-md {
        margin-left:4%;
    }

    /*------------------------------------*\
        #Paddings
    \*------------------------------------*/
    .padding-left {
        padding-left: 5%;
    }
/*------------------------------------*\
  #Base #Display
 \*------------------------------------*/
    /*------------------------------------*\
     #Display
    \*------------------------------------*/
    .display-block-encuesta {
        display: block;
    }

/*------------------------------------*\
  #Componentes
\*------------------------------------*/
    /*------------------------------------*\
        #Cursores
    \*------------------------------------*/
    .cursor-default {
        cursor: pointer;
    }

    /*------------------------------------*\
        #Bordes
    \*------------------------------------*/
    .box-border-all {
        border: 1px solid #C1CCDA;
    }

/*------------------------------------*\
  #Generico
 \*------------------------------------*/
    /*------------------------------------*\
        #Chart
    \*------------------------------------*/
    .chart-line-container {
        position: relative;
        height: 50vh;
        width: 40vw;
    }

    .chart-bar-container {
        position: relative;
        margin-left:7%;
        
        width: 20vw;
    }
/*------------------------------------*\
  #Helpers
 \*------------------------------------*/
    /*------------------------------------*\
        #Text
    \*------------------------------------*/

    .text-title-style {
       text-align:center;
       font-weight: bold;
    }

    .text-no-data{
        margin-top: 7%;
    }
/*------------------------------------*\
  #OBJECTS
 \*------------------------------------*/
    /*------------------------------------*\
        #Wrapper
    \*------------------------------------*/

    .custom_wrapper{
        margin: 0 0 0 210px;
        padding: 0;
        background: #e3e8ee;
        -webkit-transition: all .4s ease 0s;
        transition: all .4s ease 0s;
        position: relative;
        min-height: 200%;
    }

/*------------------------------------*\
  #COMPONENTS
 \*------------------------------------*/
    /*------------------------------------*\
        #Inputs
    \*------------------------------------*/

    /* Removes the clear button from date inputs */
    input[type="date"]::-webkit-clear-button {
        display: none;
    }

    /* Removes the spin button */
    input[type="date"]::-webkit-inner-spin-button { 
        display: none;
    }

    /* Always display the drop down caret */
    input[type="date"]::-webkit-calendar-picker-indicator {
        color: #2c3e50;
    }

    /* A few custom styles for date inputs */
    input[type="date"] {
        appearance: none;
        -webkit-appearance: none;
        color: #95a5a6;
        font-family: "Helvetica", arial, sans-serif;
        font-size: 14px;
        border:1px solid #ecf0f1;
        background:#ecf0f1;
        padding:5px;
        display: inline-block !important;
        visibility: visible !important;
    }

    input[type="date"], focus {
        color: #95a5a6;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }