/**
 * Checkator jQuery Plugin
 * A plugin for radio and checkbox elements
 * version 1.1, Dec 20th, 2013
 * by Ingi P. Jacobsen
 */

/* RESET */
input[type=radio],
input[type=checkbox] {
	margin-bottom: 0;
}

/* SOURCE ELEMENT (when checkator is enabled on an element) */
.checkator_source {
	position: relative;
	z-index: 2;
	display: block;
}

/* SHARED SETTING */
.checkator_holder { /* Holder for the new element */
	display: inline-block;
	position: absolute;
}
.checkator_element { /* New element */
    border: 8px solid #fff;
    background-color: #fff;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 15px;
	height: 15px;
}
.reservation-form .checkator_element {
    border: 8px solid #84dde1;
    background-color: #84dde1;
    opacity: .35;
}
.checkator_source:checked+.checkator_element:after { /* Checked element dot */
    background-color: #0f3c54;
    display: block;
    content: ' ';
    top: calc(50% - 4px);
    right: unset;
    bottom: unset;
    left: calc(50% - 4px);
    position: absolute;
    width: 8px;
    height: 8px;
}

/* Only to checkbox dot */
input[type="checkbox"].checkator_source:checked+.checkator_element:after {
    background-color: unset;
    content: '\f00c';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    top: -1px;
    left: 1px;
    position: absolute;
    font-size: 10px;
    color: #134965;
}

.checkator_source:checked+.checkator_element { /* Focused element */
	opacity: 1;
}
.checkator_source:hover+.checkator_element { /* Hovered element */
	/* Bug: There is a bug in chrome preventing this from working correctly */
	/* background-color: red; */
	/* border: 2px solid #79b; */
}


/* RADIO SETTINGS */
.checkator_element.radio {
	border-radius: 50% !important;
}
.checkator_element.radio:after {
	border-radius: 50% !important;
}

/* CHECKBOX SETTINGS */
.checkator_element.checkbox { /* New element */
    border: 1px solid #d2d2d2;
}
.reservation-form .checkator_element.checkbox { /* New element */
	border-color: #84dde1;
}