/*general*/

/*pregunta nps*/
.radio-toolbar input[type="radio"] {
    display: none;
}

.radio-toolbar label {
    display: inline-block;
    background-color: #d2d0d0;
    padding: 2px 3px;
    /*font-family: Arial;*/
    font-size: 15px;
    cursor: pointer;
}

.radio-toolbar input[type="radio"]:checked+label {
    background-color: #9b59b6;
    color: #FFF;
    text-shadow: none;
}


.padding-0{
    padding-right:0;
    padding-left:0;
    padding-bottom:0;
    padding-top:0;
}

/*fin general*/


/*dibujar estrellas*/
.star-cb-group {
    /* remove inline-block whitespace */
    font-size: 0;
    /* flip the order so we can use the + and ~ combinators */
    unicode-bidi: bidi-override;
    direction: rtl
    /* the hidden clearer */
}
/*
.star-cb-group * {
    font-size: 3rem;
}
*/
.star-cb-group > input {
    display: none;
}
.star-cb-group > input + label {
    /* only enough room for the star */
    display: inline-block;
    overflow: hidden;
    text-indent: 9999px;
    width: 1.0em;
    white-space: nowrap;
    cursor: pointer;
}
.star-cb-group > input + label:before {
    display: inline-block;
    text-indent: -9999px;
    content: "☆";
    color: #888;
}
.star-cb-group > input:checked ~ label:before, .star-cb-group > input + label:hover ~ label:before, .star-cb-group > input + label:hover:before {
    content: "★";
    color: #efe76a;
    text-shadow: 0 0 0px #333;
}
.star-cb-group > .star-cb-clear + label {
    text-indent: -9999px;
    width: .5em;
    margin-left: -.5em;
}
.star-cb-group > .star-cb-clear + label:before {
    width: .5em;
}
.star-cb-group:hover > input + label:before {
    content: "☆";
    color: #888;
    text-shadow: none;
}
.star-cb-group:hover > input + label:hover ~ label:before, .star-cb-group:hover > input + label:hover:before {
    content: "★";
    color: #efe76a;
    text-shadow: 0 0 0px #333;
}
/*fin de dibujar estrellas*/



/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    /*texto en pantalla del ng-confirm*/
    .ng-confirm.ng-confirm-modern .ng-confirm-box div.ng-confirm-content{
        font-size: 14px;
    }

    .star-cb-group * {
        font-size: 3rem;
    }

    .radio-toolbar{
        text-align: center;
    }

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    /*texto en pantalla del ng-confirm*/
    .ng-confirm.ng-confirm-modern .ng-confirm-box div.ng-confirm-content{
        font-size: 14px;
    }

    .star-cb-group * {
        font-size: 4rem;
    }

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    /*texto en pantalla del ng-confirm*/
    .ng-confirm.ng-confirm-modern .ng-confirm-box div.ng-confirm-content{
        font-size: 14px;
    }

    .star-cb-group * {
        font-size: 3.2rem;
    }

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    /*texto en pantalla del ng-confirm*/
    .ng-confirm.ng-confirm-modern .ng-confirm-box div.ng-confirm-content{
        font-size: 15px;
    }

    .star-cb-group * {
        font-size: 3.2rem;
    }

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    /*texto en pantalla del ng-confirm*/
    .ng-confirm.ng-confirm-modern .ng-confirm-box div.ng-confirm-content{
        font-size: 15px;
    }

    .star-cb-group * {
        font-size: 3.2rem;
    }


}