﻿
.divChk {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    width: 100%;
    height: 100%;
    font-family: sans-serif;
    font-size: 0.9em;
    display: normal;
    text-align: center;
    vertical-align: middle;
}

@media screen and (min-width: 900px) {
    .chkStyle {
        background-color: ivory;
        opacity: 1;
        padding-bottom: 1%;
        margin: 0 auto 0 auto;
        box-shadow: 3px 3px 20px 5px #a63800;
        width: 60%;
        border: 1px solid Gray;
        border-radius: 10px;
        vertical-align: middle;
    }
}

@media screen and (max-width: 899px) {
    .chkStyle {
        background-color: ivory;
        opacity: 1;
        padding-bottom: 1%;
        margin: 0 auto 0 auto;
        box-shadow: 3px 3px 20px 5px #a63800;
        width: 90%;
        border: 1px solid Gray;
        border-radius: 10px;
        vertical-align: middle;
    }

    .divChk {
        padding: 0 0 0 0;
        margin: 0 0% 0 0%;
        width: 100%;
    }

    .cellaChk {
        width: 100%;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        font-family: sans-serif;
        font-size: 0.9em;
        display: normal;
    }
}

.comboChk {
    background-color: transparent;
    text-transform: uppercase;
    padding-left: 1px;
    margin-top: 0px;
    border: 0px solid black;
    color: darkslategray;
}

    .comboChk:hover {
        background-color: transparent;
    }

.bottoneChk1, .bottoneChk2 {
    text-align: center;
    padding-top: 2px;
    height: 30px;
    text-transform: uppercase;
    white-space: normal;
    border-radius: 5px;
}

.bottoneChk1 {
    background-color: indianred;
    border: 1px solid #000000;
    width: 100%;
    color: white;
}

.bottoneChk2 {
    color: white;
    height: 30px;
    border-radius: 5px;
}

.bottoneChk1:hover {
    color: white;
    background-color: olive;
}

.bottoneChk2:hover {
    opacity: 0.5;
}

#elencoChk {
    padding: 0 1% 0 1%;
    text-align: left;
}

    #elencoChk input[type=checkbox] {
        display: normal;
        background-color: transparent;
    }

    /* Style the checkmark/indicator */
    #elencoChk input {
        left: 0px;
        top: 0px;
        width: 13px;
        height: 13px;
        border: solid white;
        border-width: 0 0px 0px 0;
        margin-right: 10px;
        /*background-color: transparent;*/
        /*-webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);*/
    }

        #elencoChk input:checked {
            background-color: gray;
        }
