.contenedor_principal{
    border:1px solid red;
    display:flex;
    flex-direction: column;
    

}

.datos_centro{
    background:white!important;
    color:white;
    display:flex;
    justify-content: space-between;
    align-items: center;
    border:2px solid #007bff ;
    height:190px;
    overflow: hidden;

    

    }

    .datos_centro div{
        display:flex;
        flex-direction: column;
        width:30%;
        color:#343333;
        height:100%;
     
    }

    .datos_centro div p,h3{
        padding:5px;
    }

    .datos_centro img{
        width:90%;
        height:90%;
        margin:auto;
        padding:5px;
    }

    .contenedor_preguntas{
        display:flex;
        flex-direction: column;
        margin-top:20px;
        background:white;
        box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important;


    }

    .contenedor_preguntas_titulo{
        background-color: #fff3cd;
        display:flex;
        flex-direction:column;
        color:#333333;
      
    }

    .contenedor_preguntas_body{
        background:white !important;
        display:flex;
        flex-direction:column;
        padding:5px;

    }

    .contenedor_preguntas_body textarea{
        height:150px;
        padding: 5px;;
    
    }

    .contenedor_preguntas_body .clasunidades{
        width:60%;
        margin-left:20%;
        display:flex;
        justify-content: flex-start;
        align-items: center;
    }


    .contenedor_preguntas_body .checbox{
        display:flex;
        flex-direction:column;
        justify-content:start;
        margin-top:10px;
        flex-wrap:wrap;
        margin-left:0;
        height:350px;
        box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;


    }

           .contenedor_preguntas_body .checbox .container{
                display: block;
                position:relative;
                padding-left:35px;
                margin-left:5px;;
                margin-bottom:12px;
                cursor: pointer;
                font-size:12px;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                width:40%;
            
            }
            
            /* Hide the browser's default checkbox */
           .contenedor_preguntas_body .checbox .container input {
                position: absolute;
                opacity: 0;
                cursor: pointer;
                height: 0;
                width: 0;
                margin:5px;
            }
            
            /* Create a custom checkbox */
           .contenedor_preguntas_body .checbox .checkmark {
                position: absolute;
                top: 0;
                left: 0;
                height: 25px;
                width: 25px;
                background-color: #eee;
            }
            
            /* On mouse-over, add a grey background color */
           .contenedor_preguntas_body .checbox .container:hover input ~ .checkmark {
                background-color: #ccc;
            }
            
            /* When the checkbox is checked, add a blue background */
           .contenedor_preguntas_body .checbox .container input:checked ~ .checkmark {
                background-color: #2196F3;
            }
            
            /* Create the checkmark/indicator (hidden when not checked) */
           .contenedor_preguntas_body .checbox .checkmark:after {
                content: "";
                position: absolute;
                display: none;
            }
            
            /* Show the checkmark when checked */
          .contenedor_preguntas_body .checbox  .container input:checked ~ .checkmark:after {
                display: block;
            }
            
            /* Style the checkmark/indicator */
           .contenedor_preguntas_body .checbox .container .checkmark:after {
                left: 9px;
                top: 5px;
                width: 5px;
                height: 10px;
                border: solid white;
                border-width: 0 3px 3px 0;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
            }

    /*.contenedor_preguntas_body .checbox div{
        display:flex;
        align-items:center;
        font-size:12px;;
        width:20%;
        padding:5px;


    }*/

    .contenedor_preguntas_body input[type=date]{
       width:20%;;
       padding: 5px;;
     
    }

    .contenedor_preguntas_body input[type=radio]{
      margin-right: 5px;
      
     }

    .contenedor_preguntas_body div{
        width:100%;
        display:flex;
        align-items:center;
        flex-wrap:wrap;
       
    }

    .contenedor_preguntas_body div input{
        margin-left:5px;
    }

  
   
    .contenedor_preguntas_body div .opciones{
        width:90%;
        margin-left:10px;
        display:flex;
        align-items:center;
       
       
    }

    .contenedor_preguntas_body div .personasinvocucradas{
        display:flex;
        padding:5px;
        margin-left:10px;
   
        
    }

    
    .contenedor_preguntas_body div .personasinvocucradas label{
        font-weight:bold;
        margin-right: 10px;
   
        
    }

    
    .contenedor_preguntas_body div .personasinvocucradas select{
        display: inline-block;
            width:50%;
            height: calc(1.5em + .75rem + 2px);
            padding: .375rem 1.75rem .375rem .75rem;
            font-size: 1rem;
            font-weight:400;
            line-height: 1.5;
            color: #495057;
            vertical-align: middle;
            background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
            border: 1px solid #ced4da;
            border-radius: .25rem;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
    }


    .contenedor_preguntas_body div .agregar{
     
        width:100%;
        display:flex;
        flex-direction:column;
        justify-content:flex-start;
        box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
      
    }

    .contenedor_preguntas_body div .agregar .tiposelect{
      
        width:80%;
    }

    .contenedor_preguntas_body div .agregar .tipotexto{
       
        display:flex;
        justify-content:flex-start;
        align-items:center;

    }

    .contenedor_preguntas_body div .agregar .tipotexto_tercer{
        box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
        background: white;
        width:100%;
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding:5px;;
        margin-left:35px;


    }


    .contenedor_preguntas_body div .agregar .tipotexto_tercer div{
        box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
        background: white;
        padding: 5px;;
        width:45%;
        display:flex;
        justify-content:space-between;
        align-items:center;
 
    }

    .contenedor_preguntas_body div .agregar .tipotexto_tercer div div{
    
        width:100%;
     
 
    }

    .contenedor_preguntas_body div .agregar .tipotexto_tercer div div input[type=text]{
      
        width: 60%;;
       
    }

    .contenedor_preguntas_body div .agregar .tipotexto_tercer_cekbox{
        box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
        background: white;
        width:100%;
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding:5px;;
        margin-left:35px;


    }


    .contenedor_preguntas_body div .agregar div .agrupar_contenedores{
        margin-left:15px;
        display:flex;
        background:white;
        margin-top:5px;
        margin-bottom:5px;;
        width:100%;
      
     
    }

    .agrupar_contenedores_tercernivel{
        margin-left:15px;
        display:flex;
        background:white;
        margin-top:5px;
        margin-bottom:5px;;
        width:100%;
      
    }

     .agrupar_contenedores_portipo_checkbox_tercernivel{
        width: 100%;
         display:flex;
         align-items: center;
         background:white;
         margin-top:5px;
         margin-bottom:5px;
         box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
 
     }

    .contenedor_preguntas_body div .agregar div .agrupar_contenedores .agrupar_contenedores_portipo_checkbox{
       width: 100%;
        display:flex;
        align-items: center;
        background:white;
        margin-top:5px;
        margin-bottom:5px;
        box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;

    }

    .contenedor_preguntas_body  .agregar  .agrupar_contenedores .agrupar_contenedores_portipo_checkbox{
        width: 100%;
         display:flex;
         align-items: center;
         background:white;
         margin-top:5px;
         margin-bottom:5px;
         box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
 
     }
 

    .contenedor_preguntas_body div .agregar div .agrupar_contenedores .agrupar_contenedores_portipo_checkbox .sujeta_checkbox{
        width:10%;
      

    }

    
    .contenedor_preguntas_body div .agregar div .agrupar_contenedores .agrupar_contenedores_portipo_checkbox .sujeta_checkbox_label{
        width:90%;
     

    }


    
 .agrupar_contenedores_portipo_checkbox_tercernivel .sujeta_checkbo_tercernivel{
        width:10%;
      

    }

    
 .agrupar_contenedores_portipo_checkbox_tercernivel .sujeta_checkbox_label_tercernivel{
        width:90%;
     

    }





    
    .contenedor_preguntas_body div .agregar div .agrupar_contenedores .agrupar_contenedores_portipo_radio{
        background:white;
        margin-top:5px;
        margin-bottom:5px;
        box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
        display:flex;
        align-items:center;
 

    }

    .contenedor_preguntas_body div .agregar div .agrupar_contenedores .agrupar_contenedores_portipo_radio .sujeta_radio{
        width:auto;

    }

    
    .contenedor_preguntas_body div .agregar div .agrupar_contenedores .agrupar_contenedores_portipo_radio .sujeta_radio_label{
        width:auto;

    }







    .contenedor_preguntas_body div .agregar div input{
        margin-right:5px;
    

    }


    #activo{
    
        color:#007bff !important;
    }

    .contenedor_preguntas_body .azul{
        color:#1a73f2;
        font-weight:bold;
    }


    .ec-stars-wrapper {
        /* Espacio entre los inline-block (los hijos, los `a`) 
           http://ksesocss.blogspot.com/2012/03/display-inline-block-y-sus-empeno-en.html */
        font-size: 0;
        /* Podríamos quitarlo, 
            pero de esta manera (siempre que no le demos padding), 
            sólo aplicará la regla .ec-stars-wrapper:hover a cuando
            también se esté haciendo hover a alguna estrella */
        display: inline-block;
    }
    .ec-stars-wrapper a {
        text-decoration: none;
        display: inline-block;
        /* Volver a dar tamaño al texto */
        font-size: 32px;
        font-size: 2rem;
        
        color: #888;
    }
    
    .ec-stars-wrapper:hover a {
        color: rgb(39, 130, 228);
    }
    /*
     * El selector de hijo, es necesario para aumentar la especifidad
     */
    .ec-stars-wrapper > a:hover ~ a {
        color: #888;
    }
    

    .otromomento{
        position:relative;
        position:fixed;
        display: flex;
        justify-content:space-around; 
        align-items:center;
        left:-230px ;       
       
        
    }

    .otromomento span{
        font-size: 30px;;

    }

    .activar{
        color:#007bff;
    }



    @media screen and (max-width:600px){
   
        .datos_centro{
            flex-direction:column;
            height:auto;
        }

        .datos_centro div{
            width:100%;
            margin:auto;
        }
        .datos_centro div p,h3{
            text-align: center;
        }

        .contenedor_preguntas_body input[type=date]{
            width:100%;
          
         }

      

         .contenedor_preguntas_body div .personasinvocucradas select{
             width: 100%;
         }

         .contenedor_preguntas_body .checbox{
            width:100%; 
            height:auto;
            flex-wrap:wrap;
     
        
        }

        .contenedor_preguntas_body .checbox .container{
            width:90%;
            margin:auto;
            margin-bottom:10px;
    
         
        
        }

        .contenedor_preguntas_body div .agregar .tipotexto_tercer{
            flex-direction:column;
        }

        .contenedor_preguntas_body div .agregar .tipotexto_tercer div{
            width:90%;
            margin:auto;
        }

        .contenedor_preguntas_body div .agregar div .agrupar_contenedores .agrupar_contenedores_portipo_radio{
            width:100%;
            flex-direction:row;
            justify-content:center;;
        
        
        }

        .contenedor_preguntas_body div{
            width: 100%;;
        }

      
    .contenedor_preguntas_body div .agregar div .agrupar_contenedores .agrupar_contenedores_portipo_radio .sujeta_radio{
        width:10%;
        padding: 5px;;

    }

    
    .contenedor_preguntas_body div .agregar div .agrupar_contenedores .agrupar_contenedores_portipo_radio .sujeta_radio_label{
        width:90%;
        padding: 5px;;

    }

    

        .contenedor_preguntas_body div .agregar div .agrupar_contenedores .agrupar_contenedores_portipo_checkbox{
            width:100%;
            flex-direction:row;
            padding:5px;
           
        
        }

        .contenedor_preguntas_body div .agregar div .agrupar_contenedores .agrupar_contenedores_portipo_checkbox .sujeta_checkbox{
            width:10%;
            padding:5px;;
        }
    
        
        .contenedor_preguntas_body div .agregar div .agrupar_contenedores .agrupar_contenedores_portipo_checkbox .sujeta_checkbox_label{
            width:90%;
            padding:5px;;
        
    
        }

        .contenedor_preguntas_body div .agregar .tipotexto_tercer div div{
                width:100%;
             
                display:flex;
                flex-direction:column;
     
        }
    
    
    



        .contenedor_preguntas_titulo h4{
            font-size: 20px;
        }




    }