/* Radio element*/
input[type="radio"] {
    margin-right: 3px; /*To create space between the radio button and the label*/
    margin-top: -1px; /*To vertically align radio button to the lable*/
    vertical-align: middle; /*To vertically align radio button to the lable*/
    color: #00AEEF !important;
}

    input[type="radio"]:checked {
        box-shadow: 0 0 0 1px #00AEEF;
        color: #00AEEF !important;
    }

    input[type="radio"]:hover {
        box-shadow: 0px 0px 10px #00AEEF;

    }
/* Radio element*/

/* Checkbox element*/
input[type="checkbox"]:checked {
    box-shadow: 0 0 0 1px #00AEEF;
}

input[type="checkbox"] {
    margin-right: 3px; /*To create space between the radio button and the label*/
    margin-top: -1px; /*To vertically align radio button to the lable*/
    vertical-align: middle; /*To vertically align radio button to the lable*/
}

    input[type="checkbox"]:hover {
        box-shadow: 0px 0px 10px #00AEEF;
    }
/* Checkbox element*/

/* SELECT elements*/
option:checked {
    box-shadow: 0 0 0 3px lime;
    color: #00AEEF;
}
/* SELECT elements*/

/*TEXT element*/
input[type="text"] {
    padding: 2px 10px;
    border: 2px solid #ccc;
    border-radius: 5px; /*Space between the start of the box and the text starting point*/
}
/*TEXT element*/

input[type="button"] {
    /*padding: 2px 10px;*/
    border: 2px solid #ccc;
    border-radius: 5px; /*Space between the start of the box and the text starting point*/
    background-color: #00AEEF;
}
[type="button"] {
    /*padding: 2px 10px;*/
    border: 2px solid #ccc;
    border-radius: 5px; /*Space between the start of the box and the text starting point*/
    background-color: #00AEEF;
}
input[type="button"] {
    color:white !important;
}
[type="button"] {
    color: white !important;
}

textarea {
    padding: 2px 10px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 5px;
    max-width: 100%;
}
[type="button"]:hover {
  color:white !important;
  min-height:52px !important;
}

 

@media (min-width:993px) {
    [type="button"] {
        max-width:180px;
        width: calc((100% / 12) * 4.2) !important;
        min-width: 180px;
    }
    button {
        max-width: 180px;
        width: calc((100% / 12) * 4.2) !important;
        min-width: 180px;
    }
}

@media (min-width:601px) {
    [type="button"] {
        max-width: 180px;
        width: calc((100% / 12) * 4.2) !important;
        min-width: 180px;
    }

    button {
        max-width: 180px;
        width: calc((100% / 12) * 4.2) !important;
        min-width: 180px;
    }
}

@media (max-width:600px) {
    [type="button"] {
        max-width: 100%  !important;
        width: 100%  !important;
        min-width: 100%   !important;
    }

    button {
        max-width: 100% !important;
        width: 100% !important;
        min-width: 100% !important;
    }
}