@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);

/* FORM */
.events{
    padding: 38px 50px;
}
.events form.noStyle
{
    margin: 0;
    padding: 0;
}
.events a.link-caret{
    color: #869699;
    text-decoration: underline;
}
.events a.link-caret:hover,
.events a.link-caret:focus{
    color: #ffffff;
}
.events a.link-caret:before{
    text-decoration: none;
}

.events .btn-getStarted{
    margin: 1em 0;
}

.events .cu-headline{
    color: #fff;
    font-weight: 300;
}

.events a.link-caret{
    padding-top: 6px;
    padding-bottom: 6px;
}

.events label{
    /* display: none; */
    margin-bottom:9px;
    color: #B8B8B8!important;
}

/* SELECT BUTTON */
.events .cu-select-wrap .cu-select,
.events .cu-select.focus,
.events .cu-select.focus
{
    font-family: freight-sans-pro-n3,freight-sans-pro,sans-serif;
    font-weight: 300;

    margin-bottom: 1em;
    padding: 10px 18px;

    border: 1px solid #374041;
    background: #2e3537;
}
.events .cu-select-label
{
    font-size: 24px!important;

    min-height: 32px;

    color: #bdc2ca!important;
}
.events .cu-select-wrap .cu-select:before
{
    top: 50%;
    right: 1em;

    color: #bdc2ca;
}
.events .cu-select-wrap .cu-select option
{
    font-size: 24px!important;
}

/* DATE INPUT */
.events input.datePicker, .events .ms-choice
{
    font-family: freight-sans-pro-n3,freight-sans-pro,sans-serif;
    font-size: 24px!important;
    font-weight: 300;

    height: 54px; 
    width: 100%;
    margin-bottom: 1em;
    padding: 10px 18px;

    cursor: default;

    color: #bdc2ca;
    border: 1px solid #374041;
    background: #2e3537;

    border-radius: 0;
    
}



.events .datePickerWrapper,
.events button.ms-choice
{
    position: relative;
    width: 100%;
}

/* .events .datePickerWrapper:after{
    font-family: 'fontawesome';
    content: "\f073";
    font-size: 20px;
    line-height: 54px;

    position: absolute;
    z-index: 1;
    top: 0;
    left: 1em;

    color: #bdc2ca;
} */
    .events #chooseDatePicker,
    .events button.ms-choice span{ 
        padding-left: 2em;}

.events button.ms-choice:before{
    font-family: 'fontawesome';
    content: "\f007";
    font-size: 20px;
    line-height: 54px;

    position: absolute;
    z-index: 1;
    top: 0;
    left: 1em;

    color: #bdc2ca;
}


.events button.ms-choice:after
{
    font-family: 'fontcustom';
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    position: absolute;
    z-index: 1;
    top: 33%;
    right: 1em;

    content: '\f100';
    text-decoration: inherit;

    color: #bdc2ca;

    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}
.events button.ms-choice>div{
    display: none;
}
    .events button.ms-choice:after{
        top: 46%;
    }
.events input.datePicker::-webkit-input-placeholder
{
    color: #bdc2ca;
}
.events input.datePicker:-moz-placeholder
{
    color: #bdc2ca;
}
.events input.datePicker::-moz-placeholder
{
    color: #bdc2ca;
}
.events input.datePicker:-ms-input-placeholder
{
    color: #bdc2ca;
}

/* MULTISELECTOR */
#ms-close-btn{color:#fff;cursor:pointer; position: absolute; bottom: -5px;right: 15px; z-index:9999999}
@media(max-width: 960px){ 
.ms-drop{position:relative;}
#ms-close-btn{color: #FDFDFD;
  cursor: pointer;
  position: relative;
  bottom: 0;
  right: 0;
  z-index: 9999999;
  background-color: #2E3537;
  display: block;
  width: 100%;
  text-align: center;
  padding-bottom: 5px;
  margin: 0 0 10px 0;}
}


.events .ms-parent{
    width: 100%!important;
}
.events .ms-choice span{
    line-height: 54px;
    padding: 0 18px;
}   
    .events .ms-choice span.placeholder{
        color: #bdc2ca;
    }
.events .ms-drop{
    margin-top: -22px;
    border-radius: 0;
    background: #2e3537;
    color: #fff;
    border: 0;
    overflow-y: scroll;
}
    .events .ms-drop::-webkit-scrollbar{ -webkit-appearance: none;}
    .events .ms-drop::-webkit-scrollbar:vertical{ width: 11px;}
    .events .ms-drop::-webkit-scrollbar:horizontal{ height: 2px;}
    .events .ms-drop::-webkit-scrollbar-thumb{ border-radius: 8px; border: 1px solid #333; background-color: rgba(0,0,0,0.5);}
    .events .ms-drop::webkit-scrollbar-track{ background-color: #333; border-radius: 8px;}

    .events .ms-drop ul{
        /*-ms-overflow-style: none;*/
        overflow-x: hidden!important;
    }
    .events .ms-drop li{
        line-height: 22px;
    }
    .events .ms-drop label{
        color: #bdc2ca;
        font-weight: normal;
        line-height: 24px;
        position: relative;
    }

    .events .ms-drop li.group label{
        font-weight: 300!important;
        font-family: "freight-text-pro",serif;
        font-size: 22px; 
        line-height: 32px;
    }

    .events .ms-drop li:not(.group) label{
        padding-left: 24px;
    }

    .events .ms-drop li:not(.group)>label::before{
        position: absolute;
        top: 3px;
        left: 0;
        content: " ";
        font-family: "fontawesome";
        text-align: center;
        font-size: 14px;
        line-height: 16px;
        color: #fff;
        display: inline-block; 
        background: #252b2c; 
        border: thin solid #374041; 
        height: 18px; 
        width: 18px;  
        overflow: hidden;
    }
    .events .radio_wrapper .ms-drop li:not(.group)>label::before{
        border-radius: 50%;
    }

    .events .ms-drop li:not(.group).selected>label::before{
        content: "\f00c";
        color: #fff; 
        background: #3787b0;
    }
    .events .ms-drop li:not(.group):hover>label::before{
        content: "\f00c";
        color: rgba(255,255,255,0.25);
    }
    .events .radio_wrapper .ms-drop li:not(.group).selected>label::before,
    .events .radio_wrapper .ms-drop li:not(.group):hover>label::before
    {
        content: "\f111";
        font-size: 10px;
    }

    /* MULTISELECT */
    .events .ms-drop li>label>input{
        display: none;
    }

    .events .ms-drop:last-child{
       /* max-height: 160px;*/
    }

/* DATETIMEPICKER */
.events .xdsoft_datetimepicker
{
    font-family: 'freight-sans-pro',serif;

    width: 100%;
    max-width: 293px;

    border: 0;
}
.events .xdsoft_datetimepicker .xdsoft_datepicker
{
    width: 97%!important;
}

/* BUTTONS */
.events .xdsoft_datetimepicker .xdsoft_prev,
.events .xdsoft_datetimepicker .xdsoft_today_button,
.events .xdsoft_datetimepicker .xdsoft_next
{
    width: 8%;
}
.events .xdsoft_datetimepicker .xdsoft_month
{
    width: 35%;
}
.events .xdsoft_datetimepicker .xdsoft_year
{
    width: 20%;
}

/* CALENDAR */
.events .xdsoft_datetimepicker .xdsoft_calendar td:hover,
.events .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover
{
    background: #57a4cb!important;
}
.events .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current
{
    background: #3787b0!important;
    box-shadow: none;
}

p.explainer
{
    font-family: 'freight-text-pro-n7','freight-text-pro',sans-serif;
    font-size: 18px;
    font-weight: 100;
    font-style: italic;

    margin-bottom: 2em;

    color: #869699;
}


fieldset{margin-bottom:0}
/* #typeVisitWrap:before, #advancedFiltersSelect_wrapper:before { 
    font-family: 'fontawesome';
    content: "\f007";
    font-size: 20px;
    line-height: 54px;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 1em;
    color: #bdc2ca;}*/

#typeVisitWrap:after, #advancedFiltersSelect_innerwrapper:after {
    font-family: 'fontcustom';
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    position: absolute;
    z-index: 1;
    top: 33%;
    right: 25px;
    content: '\f100';
    text-decoration: inherit;
    color: #bdc2ca;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;}

	#visitorSelectNew, #advancedFiltersSelect{padding: 0px 15px; line-height: 2; -webkit-appearance: none; appearance: none;}
	#visitorSelectNew::-ms-expand, #advancedFiltersSelect::-ms-expand  {display: none; }


    #typeVisitWrap:after, #advancedFiltersSelect_innerwrapper:after, .datePickerWrapper:before{
        pointer-events: none; 
        }
.day{font-variant-numeric: lining-nums;
    -moz-font-feature-settings: "lnum";
    -webkit-font-feature-settings: "lnum";
    font-feature-settings: "lnum";}

.datepicker{position: absolute;
    background-color: rgb(255, 255, 255);}
.datePicker{padding:0 15px!important}

.toggleDatepicker {
font-size: 20px;
position: absolute;
right: 20px;
top: 15px; 
color: #bdc2ca;
}  

.ui-datepicker-trigger {
    margin: 2px;
    padding: 0;
    vertical-align: bottom;

    font-family: 'fontawesome';
    content: "\f073";
    font-size: 20px;
    line-height: 54px;
    
    position: absolute;
    z-index: 9999999;
    top: 0;
    right: 0;
    
    color: #bdc2ca;
    border-left: 1px solid #656565 !important;
    padding:0 20px
    
}
.ui-datepicker-trigger img{
    width: 25px;
    height: 25px;
}
.offscreen {
    position: absolute;
    width: 1px;
    height: 1px;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    margin: 0;
    padding: 0;
}
button.ui-datepicker-trigger {
    background-color:transparent !important;
    /* border:none !important;  */
    margin:auto !important;
}
button.ui-datepicker-trigger:focus,
button.ui-datepicker-trigger:hover,
button.ui-datepicker-trigger:active {
  
    margin:auto !important; 
  
    background-color:#e2e2e2  !important;
    color:#000;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background:none !important;
    background-color:#f2f2f2 !important;
    font-weight: normal;
    color: #000 !important;
    text-align: center !important;
}
.ui-widget-header{background:none!important; border:0!important;}
.ui-state-default.ui-state-active{background:none!important; border:0!important; background-color:#b31b1b!important; color:#fff!important;}
 .ui-datepicker-next-hover{right:2px!important}
 .ui-datepicker-prev-hover{left:2px!important}

 .ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 1px solid #fff !important;
    background-color: #ddd !important;
 }

 .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
     background-color:#F8981D!important; color:#fff!important}
.ui-datepicker-close{font-size:0.8em!important}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border-color:#d3d3d3!important}
.ui-state-disabled .ui-state-default{font-size:0.9em!important}