/* ui datepicker*/
.ui-datepicker { background-color: #FFF; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next { height: 26px; min-width: 32px; max-width: 32px; text-align: center; cursor: pointer; color: transparent; line-height: 26px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.ui-datepicker .ui-datepicker-prev .ui-icon,
.ui-datepicker .ui-datepicker-next .ui-icon { color: transparent; visibility: hidden; }
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover { background-color: #EEE; text-decoration: none; }
.ui-datepicker .ui-datepicker-prev:before,
.ui-datepicker .ui-datepicker-next:before { display: inline; font-size: 14px; color: #393939; }
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover { top: 2px; }
.ui-datepicker .ui-datepicker-prev-hover { left: 2px; }
.ui-datepicker .ui-datepicker-next-hover { right: 2px; }
.ui-datepicker td { padding: 0; }
.ui-datepicker td > a,
.ui-datepicker td > span { display: inline-block; height: 22px; min-width: 24px; max-width: 24px; text-align: center; color: #999; font-size: 13px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.ui-datepicker td > a:hover { background-color: #EEE; }
.ui-datepicker td > a.ui-state-active { background-color: #ff6a00; }
.ui-datepicker td > a.ui-state-highlight { background-color: #D5E5EF; }
.ui-datepicker td > a.ui-priority-secondary { color: #888; }
.ui-datepicker td .ui-datepicker-title select { height: 24px; line-height: 24px; padding: 2px 3px; }
.ui-datepicker td .ui-datepicker-buttonpane { background-color: #DDD; height: 1px; }


/* ui dialog */
.ui-widget-overlay { background: rgba(0, 0, 0, 0.25); opacity: 1 !important; filter: alpha(opacity=100) !important; z-index: 1040 !important; }
.ui-widget-header { border: 1px solid #dddddd; background: #ffffff; color: #333333; font-weight: bold; }
.ui-dialog,
.ui-jqdialog { z-index: 1050 !important; background-color: #FFF; padding: 0; border: 1px solid #DDD; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); }
.ui-dialog .ui-dialog-titlebar,
.ui-jqdialog .ui-dialog-titlebar,
.ui-dialog .ui-jqdialog-titlebar,
.ui-jqdialog .ui-jqdialog-titlebar { background-color: #F1F1F1; font-size: 16px; color: #669fc7; padding: 0; }
.ui-dialog .ui-dialog-title,
.ui-jqdialog .ui-dialog-title,
.ui-dialog .ui-jqdialog-title,
.ui-jqdialog .ui-jqdialog-title { float: none; width: auto; }
.ui-dialog .widget-header,
.ui-jqdialog .widget-header { margin: 0; border-width: 0 0 1px 0; }
.ui-dialog .ui-dialog-buttonpane,
.ui-jqdialog .ui-dialog-buttonpane,
.ui-dialog .ui-jqdialog-buttonpane,
.ui-jqdialog .ui-jqdialog-buttonpane { background-color: #eff3f8; border-top: 1px solid #e4e9ee; }
.ui-dialog .ui-dialog-buttonpane button,
.ui-jqdialog .ui-dialog-buttonpane button,
.ui-dialog .ui-jqdialog-buttonpane button,
.ui-jqdialog .ui-jqdialog-buttonpane button { font-size: 14px; }
.ui-dialog .ui-dialog-titlebar-close,
.ui-jqdialog .ui-dialog-titlebar-close,
.ui-dialog .ui-jqdialog-titlebar-close,
.ui-jqdialog .ui-jqdialog-titlebar-close { border: none; background: transparent; opacity: 0.4; color: #d15b47; padding: 0; top: 50%; right: 8px !important; text-align: center; }
.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-jqdialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-jqdialog-titlebar-close:hover,
.ui-jqdialog .ui-jqdialog-titlebar-close:hover { opacity: 1; text-decoration: none; padding: 0; }
.ui-dialog .ui-dialog-titlebar-close .ui-button-text,
.ui-jqdialog .ui-dialog-titlebar-close .ui-button-text,
.ui-dialog .ui-jqdialog-titlebar-close .ui-button-text,
.ui-jqdialog .ui-jqdialog-titlebar-close .ui-button-text { text-indent: 0; visibility: hidden; }
.ui-dialog .widget-header .ui-dialog-titlebar-close,
.ui-jqdialog .widget-header .ui-dialog-titlebar-close,
.ui-dialog .widget-header .ui-jqdialog-titlebar-close,
.ui-jqdialog .widget-header .ui-jqdialog-titlebar-close { right: 10px !important; }

/* jquery-ui tabs */
.tabbable .tab-content { border: 1px solid transparent !important; }
.tabbable .nav-tabs li { border-bottom:1px solid #ccc !important; }

.ui-tabs .ui-tabs-nav { padding: 0; border: none !important; }
.ui-tabs .ui-tabs-nav li { background-color: transparent; }
.ui-tabs .ui-tabs-nav li.ui-state-default > a { background-color: #F9F9F9; border: 1px solid #C5D0DC; border-bottom-width: 0; color: #999; line-height: 16px; margin-right: -1px; z-index: 11; padding: 8px 12px; position: relative; top: 3px; }
.ui-tabs .ui-tabs-nav li > a:focus { outline: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active > a { background-color: #FFF; border: 1px solid; border-color: #4C8FBD #C5D0DC transparent; border-top-width: 3px; box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.15); color: #576373; position: relative; top: 1px; }
.ui-tabs .ui-tabs-panel { border: 1px solid #C5D0DC; border-top-width: 0; margin: 0; left: auto; right: auto; top: auto; bottom: auto; }

/* TABS Initial Style ... border-color: red !important; */
.tabbable { line-height: 1.5; position: relative; padding: .2em; border-radius: 3px; border: none !important; }
.tabbable ul { box-sizing: border-box; display: flex; flex-wrap: wrap; line-height: 1.3; text-decoration: none; border-radius: 3px; padding: 0; min-width: 700px !important; border-bottom: none; }
.tabbable ul li { line-height: 1.3; position: relative; top: 0px; margin: 1px .2em -1px 0px; padding: 0px 0px 1px 0px; white-space: nowrap; border: none !important; }
.tabbable ul li a { font-family: Arial,Helvetica,sans-serif; font-size: 100%; font-weight: normal; box-sizing: border-box;
    float: left; line-height: 16px; margin-right: -1px; z-index: 11; padding: 8px 12px;
    background-color: #F9F9F9;  border: 1px solid #cccccc;
    color: #999; position: relative; top: -1px; cursor: text; position: relative; top: 3px; }
.tab-pane { font-family: Arial,Helvetica,sans-serif; font-size: 1em; line-height: 1.5; box-sizing: border-box;
    color: #333333; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: none !important; padding: 0px !important; 
    display: block; background: none; margin: 0; left: auto; right: auto; top: auto; bottom: auto; }