﻿.mycheckbox input {
    /*margin-bottom: 12px;*/
    margin-top: 5px;
    margin-left: 10px !important;
    position: absolute;
    top: -20px;
    display: none;
}


label:not(.form-check-label):not(.custom-file-label) {
    font-weight: 600;
    font-size: 14px !important;
}

.mycheckbox {
    /*display: inline-block;*/
    font-weight: 400;
    color: #fff;
    margin-top: 10px;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    font-size: 1rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

    .mycheckbox label {
        margin-bottom: 10px;
        padding: .375rem .75rem;
        background-color: #fff;
        margin-right: 5px;
        display: inline-block !important;
        color: #000;
        min-width: 35px;
        border: 2px solid #d1d1d1;
        border-radius: 3px;
    }

    .mycheckbox:hover {
        color: #fff;
        /*background-color: #16ac7f;*/
        /*border-color: #16ac7f;*/
        box-shadow: none,0 0 0 0 rgba(72,180,97,.5)
    }

    .mycheckbox input:checked + label {
        color: #fff;
        background-color: #009688;
        border-color: #009688;
        padding: .65rem .75rem;
        border: 2px solid #009688;
    }



label:not(.form-check-label):not(.custom-file-label) {
    font-weight: 400;
    font-size: 14px !important;
}






[type=radio]:not(:checked) + label {
    height: unset;
}

    [type=radio]:not(:checked) + label:after, [type=radio]:not(:checked) + label:before {
        border: 0px solid #fff;
        display: none;
    }

[type=radio]:checked + label:after, [type=radio]:checked + label:before {
    border: 0px solid #fff;
    display: none;
}

[type=radio]:not(:checked) + label {
    padding: 5px 5px 5px 5px;
}


[type=radio]:checked + label {
    height: unset;
}

[type=radio]:checked + label, [type=radio]:not(:checked) + label {
    display: none;
}
