/** Checkbox **/

.itff_checkbox {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #444444;
    border-radius: 2px;
    position: relative;
    cursor: pointer;
}

.itff_checkbox .icon_svg_container svg {

}

.itff_checkbox.small {
    width: 20px;
    height: 20px;
}

.itff_checkbox.medium {
    width: 28px;
    height: 28px;
}

.itff_checkbox.large {
    width: 36px;
    height: 36px;
}

.itff_checkbox .icon_svg_container svg,
.itff_radio .icon_svg_container svg{
    visibility: hidden;
    opacity: 0;
    transition: 0.4s;
}

.itff_checkbox.checked {
    border: 1px solid #609530;
    color: #609530;
}

.itff_checkbox.checked .icon_svg_container svg {
    visibility: visible;
    opacity: 1;
    fill: #609530;
}

.itff_checkbox.disabled {
    border: 1px solid #cccccc;
    color: #cccccc;
    opacity: 0.8;
}

.itff_checkbox.error {
    border: 1px solid #bb0000;
    color: #bb0000;
    opacity: 1;
}

.itff_checkbox.error .icon_svg_container svg {
    fill: #bb0000 !important;
    opacity: 1;
}

.itff_checkbox.disabled.checked .icon_svg_container svg{
    fill: #cccccc;
    opacity: 0.8;
}

.itff_checkbox:hover {
    border: 1px solid #3ABDEB;
    color: #3ABDEB;
}

.itff_checkbox:hover .icon_svg_container svg {
    fill: #3ABDEB;
}

.dropped_row.checked .itff_radio {
    border: 1px solid #609530;
    color: #609530;
}