/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=.smoobu-calendar&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
 */


/* Component containers
----------------------------------*/

.smoobu-calendar .ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.smoobu-calendar .ui-widget .ui-widget {
    font-size: 1em;
}

.smoobu-calendar .ui-widget input,
.smoobu-calendar .ui-widget select,
.smoobu-calendar .ui-widget textarea,
.smoobu-calendar .ui-widget button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.smoobu-calendar .ui-widget.ui-widget-content {
    /* border-shadow */
    -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.10);
    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.10);
    /* border-radius */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.smoobu-calendar .ui-widget-content {
    /* general-bg */
    background: #FFFFFF;
    /* general */
    color: #333333;
}

.smoobu-calendar .ui-widget-content a {
    /* general */
    color: #333333;
    border: none;
}

.smoobu-calendar .ui-widget-header {
    /* header-bg */
    background: #FFFFFF;
    /* header */
    color: #333333;
    font-weight: bold;
}

.smoobu-calendar .ui-widget-header a {
    /* header */
    color: #333333;
}

.smoobu-calendar .ui-widget-header th span {
    /* days */
    color: #333333;
}


/* Interaction states
----------------------------------*/

.smoobu-calendar .ui-state-default,
.smoobu-calendar .ui-widget-content .ui-state-default,
.smoobu-calendar .ui-widget-header .ui-state-default,
.smoobu-calendar .ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */

html .smoobu-calendar .ui-button.ui-state-disabled:hover,
html .smoobu-calendar .ui-button.ui-state-disabled:active {
    /* regular-bg */
    background: #f6f6f6;
    font-weight: normal;
    /* regular */
    color: #454545;
}

.smoobu-calendar .ui-state-default a,
.smoobu-calendar .ui-state-default a:link,
.smoobu-calendar .ui-state-default a:visited,
a.smoobu-calendar .ui-button,
a:link.smoobu-calendar .ui-button,
a:visited.smoobu-calendar .ui-button,
.smoobu-calendar .ui-button {
    /* regular */
    color: #454545;
    text-decoration: none;
}

.smoobu-calendar .ui-state-hover,
.smoobu-calendar .ui-widget-content .ui-state-hover,
.smoobu-calendar .ui-widget-header .ui-state-hover,
.smoobu-calendar .ui-state-focus,
.smoobu-calendar .ui-widget-content .ui-state-focus,
.smoobu-calendar .ui-widget-header .ui-state-focus,
.smoobu-calendar .ui-button:hover,
.smoobu-calendar .ui-button:focus {
    /* hover-bg */
    background: #ededed;
    font-weight: normal;
    /* hover */
    color: #2b2b2b;
}

.smoobu-calendar .ui-state-hover a,
.smoobu-calendar .ui-state-hover a:hover,
.smoobu-calendar .ui-state-hover a:link,
.smoobu-calendar .ui-state-hover a:visited,
.smoobu-calendar .ui-state-focus a,
.smoobu-calendar .ui-state-focus a:hover,
.smoobu-calendar .ui-state-focus a:link,
.smoobu-calendar .ui-state-focus a:visited,
a.smoobu-calendar .ui-button:hover,
a.smoobu-calendar .ui-button:focus {
    /* hover */
    color: #2b2b2b;
    text-decoration: none;
}

.smoobu-calendar .ui-state-active,
.smoobu-calendar .ui-widget-content .ui-state-active,
.smoobu-calendar .ui-widget-header .ui-state-active,
a.smoobu-calendar .ui-button:active,
.smoobu-calendar .ui-button:active,
.smoobu-calendar .ui-button.ui-state-active:hover {
    /* selected-bg */
    background: #007fff;
    font-weight: normal;
    /* selected */
    color: #ffffff;
}


/* Interaction Cues
----------------------------------*/

.smoobu-calendar .ui-state-highlight,
.smoobu-calendar .ui-widget-content .ui-state-highlight,
.smoobu-calendar .ui-widget-header .ui-state-highlight {
    /* highlighted bg */
    background: #FFFA90;
    /* highlighted */
    color: #2b2b2b;
}

.smoobu-calendar .ui-state-checked {
    /* highlighted bg */
    background: #FFFA90;
}

.smoobu-calendar .ui-state-highlight a,
.smoobu-calendar .ui-widget-content .ui-state-highlight a,
.smoobu-calendar .ui-widget-header .ui-state-highlight a {
    color: #777620;
}

.smoobu-calendar .ui-state-error,
.smoobu-calendar .ui-widget-content .ui-state-error,
.smoobu-calendar .ui-widget-header .ui-state-error {
    background: #fddfdf;
    color: #5f3f3f;
}

.smoobu-calendar .ui-state-error a,
.smoobu-calendar .ui-widget-content .ui-state-error a,
.smoobu-calendar .ui-widget-header .ui-state-error a {
    color: #5f3f3f;
}

.smoobu-calendar .ui-state-error-text,
.smoobu-calendar .ui-widget-content .ui-state-error-text,
.smoobu-calendar .ui-widget-header .ui-state-error-text {
    color: #5f3f3f;
}

.smoobu-calendar .ui-priority-primary,
.smoobu-calendar .ui-widget-content .ui-priority-primary,
.smoobu-calendar .ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.smoobu-calendar .ui-priority-secondary,
.smoobu-calendar .ui-widget-content .ui-priority-secondary,
.smoobu-calendar .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    /* support: IE8 */
    font-weight: normal;
}

.smoobu-calendar .ui-state-disabled .ui-state-default,
.smoobu-calendar .ui-widget-content .ui-state-disabled .ui-state-default,
.smoobu-calendar .ui-widget-header .ui-state-disabled .ui-state-default {
    /* disabled bg */
    background-color: #FBFBFB;
    /* disabled */
    color: #CACACA;
}


/* Icons
----------------------------------*/


/* states and images */

.smoobu-calendar .ui-icon {
    width: 20px;
    height: 20px;
}

.smoobu-calendar .ui-datepicker .ui-datepicker-prev span,
.smoobu-calendar .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    top: 50%;
    margin-top: -10px;
}

.smoobu-calendar .ui-datepicker .ui-datepicker-prev span {
    background-image: url("images/arrow-left.png");
    background-position: 0 0;
}

.smoobu-calendar .ui-datepicker .ui-datepicker-next span {
    background-image: url("images/arrow-right.png");
    background-position: 0 0;
}


/* Misc visuals
----------------------------------*/


/* Corner radius */

.smoobu-calendar .ui-corner-all,
.smoobu-calendar .ui-corner-top,
.smoobu-calendar .ui-corner-left,
.smoobu-calendar .ui-corner-tl {
    /* border-radius */
    border-top-left-radius: 3px;
}

.smoobu-calendar .ui-corner-all,
.smoobu-calendar .ui-corner-top,
.smoobu-calendar .ui-corner-right,
.smoobu-calendar .ui-corner-tr {
    /* border-radius */
    border-top-right-radius: 3px;
}

.smoobu-calendar .ui-corner-all,
.smoobu-calendar .ui-corner-bottom,
.smoobu-calendar .ui-corner-left,
.smoobu-calendar .ui-corner-bl {
    /* border-radius */
    border-bottom-left-radius: 3px;
}

.smoobu-calendar .ui-corner-all,
.smoobu-calendar .ui-corner-bottom,
.smoobu-calendar .ui-corner-right,
.smoobu-calendar .ui-corner-br {
    /* border-radius */
    border-bottom-right-radius: 3px;
}


/* Overlays */

.smoobu-calendar .ui-widget-overlay {
    background: #aaaaaa;
    opacity: .3;
    filter: Alpha(Opacity=30);
    /* support: IE8 */
}

.smoobu-calendar .ui-widget-shadow {
    -webkit-box-shadow: 0px 0px 5px #666666;
    box-shadow: 0px 0px 5px #666666;
}