/* Modifications Deltgen */

#vapsersearchform{
    text-align:center !important;
}

.vap-calendar-legend-box{
    display:inline-block;
}

.vapallcaldiv {
    text-align:center !important;
}


.vapcalendardiv {
    width:100%;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

@media (max-width:500px) {
.vapcalendardiv {
    width:320px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}
}

.vapcalendardiv tr {
    height:50px;
}

.vaptdday, .vaptdnoday {
    height:50px;
    width:50px;
}

.cf-value, .vapinput {
    width:100% !important;
}


.vapseroptionsdiv .vapseroptname {
    min-width:25%;
}


.vap-optvar-sel {
    width:340px !important;
}

.vapseroptact .uk-checkbox:checked {
    background-color:#006699;
    height:20px;
    width:20px;
}


.uk-checkbox:checked, .uk-checkbox:indeterminate, .uk-radio:checked, input[type=checkbox]:not([class*=uk-]):checked, input[type=checkbox]:not([class*=uk-]):indeterminate, input[type=radio]:not([class*=uk-]):checked {
      background-color:#006699;
    height:40px;
    width:40px;
}

}


/* Responsiveness is NOT handled by the Shuffle plugin */


@media screen and (max-width : 680px) {
    .shuffle-item {
        width: 50% !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
    }
}
@media screen and (max-width : 550px) {
    .shuffle-item {
        width: 100% !important;
    }
}

.vap-modshuffle-itm-cont a{
    background-color: #f91b24;
color: #fff;
    padding-bottom: 0px;
padding-left: 30px;
padding-right: 30px;
padding-top: 0px;
}

.vap-modshuffle-itm-cont a:hover {
background-color: #D42026;
color: #fff;
border-color: transparent;
}