/***********************************************************
:: SQUARE - QUADRADO DE CORES
***********************************************************/

.square-color {
    min-height: 60px;
    border-radius: 10px;
}

.square-color:hover {
    box-shadow: 0 0 10px rgba(43, 43, 43, 0.4);
    /* -webkit-animation-name: spin;
    -webkit-animation-duration: 400ms;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 400ms;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 400ms;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 400ms;
    animation-timing-function: linear; */
}

@-ms-keyframes spin {
    from {
        -ms-transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(180deg);
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(180deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(180deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(180deg);
    }
}


/***********************************************************
;D TAB SIMULADOR
***********************************************************/

#list-bt-simulador .nbra {
    border-radius: 0 0 0 0 !important;
}

#list-bt-simulador .brl {
    border-radius: 10px 0 0 0 !important;
}

#list-bt-simulador .brr {
    border-radius: 0 10px 0 0 !important;
}

#list-bt-simulador .active {
    position: relative;
    margin-top: -10px;
    border-radius: 10px 10px 0 0 !important;
}