/**
 * All of the CSS for your frontend-facing functionality should be
 * included in this file.
 */



.vc_tta-panel-title{
    position:relative;
    display: flex;
    justify-content: space-between;
}
.vc_tta-panel-title label{
    display: flex;
    align-items: center;
    padding: 0 0px;
}
.vc_tta-panel-title input[type="checkbox"] {
}

.vc_tta-color-white.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-heading:hover h4,
.vc_tta-color-white.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-heading:hover a {
    color: #666 !important;
}

.vc_tta-color-white.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-heading:hover h4,
.vc_tta-color-white.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-heading:hover a{
    color: #fff !important;
}


/* Hide the browser's default checkbox */
.openplay-wrapper label.checkbox input,
.openplay-wrapper label.radiobutton input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.openplay-wrapper label.checkbox span,
.openplay-wrapper label.radiobutton span{
    margin-left: 36px !important;
    position:relative;
    cursor:pointer;
    width: auto;
    display: inline-block;
}
.openplay-wrapper label.radiobutton span{
    margin-left: 25px !important;
}
.openplay-wrapper label.checkbox span:before, .openplay-wrapper label.checkbox span:after,
.openplay-wrapper label.radiobutton span:before, .openplay-wrapper label.radiobutton span:after {
    font-family: FontAwesome !important;
    font-size: 21px !important;
    color: #fff;
    margin-right:8px;
    margin-left: -25px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.openplay-wrapper label.checkbox span:before {
    content: '\f096'!important;
}
.openplay-wrapper label.radiobutton span:before {
    content: '\f10c'!important;
}


.openplay-wrapper label.checkbox span:after,
.openplay-wrapper label.radiobutton span:after {
    content: '\f046'!important;
    max-width: 0 !important;
    overflow: hidden !important;
    opacity: 0.5 !important;
    transition: all 0.35s !important;
    position: absolute;
    left: 0!important;
}
.openplay-wrapper label.radiobutton span:after {
    content: '\f00c'!important;
    left: 3px !important;
    font-size: 18px !important;
    margin-top: -2px !important;
}
.openplay-wrapper label.checkbox input:checked + span:after,
.openplay-wrapper label.radiobutton input:checked + span:after {
    max-width: 25px !important;
    opacity: 1 !important;
    color: #fff;
}

.openplay-wrapper .vc_tta-panel-heading:hover label.checkbox span:before,
.openplay-wrapper .vc_tta-panel-heading:hover label.checkbox span:after,
.openplay-wrapper .vc_tta-panel-heading:hover label.checkbox input:checked + span:after {
    color: #666;
}
.openplay.vc_active .vc_tta-panel-heading:hover label.checkbox span:before,
.openplay.vc_active .vc_tta-panel-heading:hover label.checkbox span:after,
.openplay.vc_active .vc_tta-panel-heading:hover label.checkbox input:checked + span:after {
    color: #fff;
}