/*!
 * Copyright (c) 2014 Tamble, Inc.
 * Licensed under MIT (https://github.com/tamble/jquery-ui-daterangepicker/raw/master/LICENSE.txt)
 */

.comiseo-daterangepicker-triggerbutton.ui-button {
    text-align: left;
    font-weight: normal;
    border: 1px solid #ccc;
    font-family: "BrandonTextWeb-Regular", sans-serif;
}
.comiseo-daterangepicker-triggerbutton.ui-button-text-icon-secondary .ui-button-text, 
.comiseo-daterangepicker-triggerbutton.ui-button-text-icons .ui-button-text {
    padding: 0;
    line-height: 1.5em;
    color: #404040;

}
.comiseo-daterangepicker-triggerbutton.ui-state-default .ui-icon {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII=');
    background-position: center center; 
    opacity: 0.8;
}

.comiseo-daterangepicker.ui-widget-content{
    position: absolute;
    z-index: 9999999; 
    padding: 5px;
    background: #fff;
    font-size: smaller;
    border-radius: 0;
    font-family: inherit; 
}
.comiseo-daterangepicker .ui-widget-content{
    background: none;
}
.comiseo-daterangepicker-mask {
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    /* required for IE */
    background-color: #fff;
    opacity: 0;
    filter: alpha(opacity = 0);
}

.comiseo-daterangepicker-presets,
.comiseo-daterangepicker-calendar {
    display: table-cell;
    vertical-align: top;
    height: 230px;
}

.comiseo-daterangepicker-right .comiseo-daterangepicker-presets {
    padding: 2px 7px 7px 7px;
}

.comiseo-daterangepicker-left .comiseo-daterangepicker-presets {
    padding: 2px 7px 7px 7px;
}

.ui-menu {
    white-space: nowrap;
}
.comiseo-daterangepicker .ui-widget {
    font-family:  'BrandonTextWeb-Light', 'brandon_textlight', sans-serif;
}
.comiseo-daterangepicker .ui-widget-content,
.comiseo-daterangepicker .ui-datepicker .ui-state-highlight {
    border-width: 0;
    background: none;
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}
.comiseo-daterangepicker .ui-datepicker-header {
    border: none;
    border-radius: 0;
    background: #f2f2f2;
    color: #404040;
    font-weight: normal;
    text-align: center;
    position: relative;
    height: 3em;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.ui-datepicker .ui-datepicker-prev span, 
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;

}
.comiseo-daterangepicker .ui-datepicker-prev.ui-corner-all {
    display: block;
    position: absolute;
    width: 2em;
    height: 2em;
}
.comiseo-daterangepicker .ui-datepicker-next.ui-corner-all {
    display: block;
    position: absolute;
    right: 7px;
    width: 2em;
    height: 2em;
}

.ui-datepicker .ui-datepicker-group {
    width: 50%;
    display: inline-block;
    padding: 0 5px;
}
.ui-datepicker .ui-datepicker-group .ui-datepicker-header{
    margin: 0 -5px;
    padding: 0 5px;
}

.comiseo-daterangepicker > .comiseo-daterangepicker-main.ui-widget-content {
    border-bottom-width: 0px;
}
.comiseo-daterangepicker .ui-state-default, 
.comiseo-daterangepicker .ui-widget-content .ui-state-default, 
.comiseo-daterangepicker .ui-widget-header .ui-state-default {
    border: 1px solid #f2f2f2;
    background: #f2f2f2;
    color: #404040;
    text-align: center;
    display: block;
    margin: 1px;
}

.comiseo-daterangepicker-right .comiseo-daterangepicker-calendar {
    border-left-width: 1px;
    padding-left: 5px;
}

.comiseo-daterangepicker-left .comiseo-daterangepicker-calendar {
    border-right-width: 1px;
    padding-right: 5px;
}

.comiseo-daterangepicker-right .comiseo-daterangepicker-buttonpanel {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.comiseo-daterangepicker-left .comiseo-daterangepicker-buttonpanel {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel > button  {
    margin-top: 6px;
    color: #d7007e;
    border-radius: 0;
    border-color: #d7007e;
    background: none;
}
.comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel > button.ui-state-active, 
.comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel > button.ui-state-focus,
.comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel > button.ui-state-hover {
    color: #fff;
    background: #d7007e;
}

.comiseo-daterangepicker-right .comiseo-daterangepicker-buttonpanel > button {
    margin-right: 6px;
}

.comiseo-daterangepicker-left .comiseo-daterangepicker-buttonpanel > button {
    margin-left: 6px;
}

/* themeable styles */
.comiseo-daterangepicker .ui-widget-content .ui-state-focus {
    border:none;
    background: none;
    color: #d7007e;
    font-weight: normal;
    margin: 0;
}
.comiseo-daterangepicker .ui-widget-content .ui-state-focus a{
    color: #d7007e;
}
.comiseo-daterangepicker .ui-datepicker .ui-datepicker-today .ui-state-highlight {
    border-color: #d7007e;
}
.comiseo-daterangepicker-calendar .ui-state-highlight a.ui-state-default {
    background: #d7007e;
    border-color: #d7007e;
    color: #fff;
}

.comiseo-daterangepicker .ui-widget-header .ui-state-hover, 
.comiseo-daterangepicker .ui-widget-header .ui-state-focus { 
    border:none; 
    background: none; 

}
.comiseo-daterangepicker .ui-widget-header .ui-state-hover a, 
.comiseo-daterangepicker .ui-widget-header .ui-state-focus a{
    background-color: #d7007e;
}
.comiseo-daterangepicker .ui-widget-header .ui-state-disabled {
    opacity: .0;
    filter: Alpha(Opacity=0);
}
.comiseo-daterangepicker .ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    zoom: 1;
    width: 100%;
}
.comiseo-daterangepicker .ui-datepicker .ui-datepicker-prev span, 
.comiseo-daterangepicker .ui-datepicker .ui-datepicker-next span {
    background-image: none;
    position: relative;
    font-size: 1em;
    display: block;
    text-indent: -999em;
    width: 2em;
    height: 2em;
    margin-top: 0;
    top: 0;
    left: 0;
}
.comiseo-daterangepicker .ui-datepicker .ui-datepicker-prev span::before,
.comiseo-daterangepicker .ui-datepicker .ui-datepicker-next span::before {
    line-height: 2em;
    color: #fff;
    height: 100%;
    display: inline-block;
    content: "\e900";
    font-family: 'icomoon';
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    background-color: #404040;
    text-indent: 0;
    text-align: center;
    border-radius: 50%;
}
.comiseo-daterangepicker .ui-datepicker .ui-datepicker-prev span::before {
    content: "\e901";
}
