/*
 * poprawki dostosowujące bieżący styl jQueryUI do naszej aplikacji 
 */

/*======================================== QTip ======================================== */
.ui-tooltip, .qtip
{
	max-width: 400px;
}

/*======================================== #toolbars ======================================== */
#toolbars.ui-widget-header
{
	border: none;
	background: none repeat scroll 0 0 #F5F5F5;
	overflow: hidden;
	padding: 5px 24px 3px 24px;
}

#toolbars.ui-widget-header.menuOffset
{
	padding-left: 284px;/* adminMenu.width + adminMainPanel.padding-left + 24px */
}

#toolbars.ui-widget-header button
{
	float: left;
	margin-right: 3px;
}

.buttonSeparator
{
	border-color: #ddd;
	border-style: solid;
	border-width: 0 1px;
	float: left;
	height: 25px;
	margin: 0 5px 0 2px;
	width: 2px;
}

.buttonContainer
{
	overflow: hidden;
}

.buttonContainer > button
{
	float: left;
	margin-right: 3px;
}

.buttonContainer .buttonSeparator
{
	height: 24px;
	border-color: #ddd;
}

/*======================================== formularze ======================================== */
table.ui-widget.ui-corner-left,
table.ui-widget.ui-corner-right
{
	float: left;
}

button.ui-button-icon-only
{
    height: 26px;
	border-left-width: 0;
	width: 26px;
}

.ui-autocomplete
{
	background-color: #FFFFFF;
}

.ui-autocomplete-category
{
	font-family: "Century Gothic", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Sans-Serif;
	text-transform: uppercase;
	font-weight: bold;
	clear: left;
	font-weight: bold;
	padding: 8px 4px 0;
}

.ui-draggable
{
	background-color: #FFFFFF;
}

.ui-selecting td.ui-selecting
{
	background: #FECA40;
}

.ui-selected td.ui-selected
{
	background: #F39814;
	color: white;
}

/*======================================== autocomplete ======================================== */
ul.ui-autocomplete.ui-menu,
div.dropdown ul.ui-menu
{
	max-height: 30em;
	min-width: 60px;
	overflow-y: auto;
	overflow-x: hidden;
	font: inherit;
	font-size: 13px;
	list-style: none;
	white-space: nowrap;
	border: 1px solid rgba(0,0,0,.15);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

ul.ui-autocomplete.ui-menu  .ui-corner-all
{
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.ui-menu .ui-menu-item
{
	overflow: hidden;
}

.ui-menu .ui-menu-item a
{
	padding: 8px;
}

/*======================================== ? ======================================== */
/* zakładki (taby) na stronach [Issues/Show], [Groups/Show], wybór zasobu... */
.ui-tabs { position: relative; padding: 0; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs.ui-widget-content { background: none; border: none; }
.ui-tabs .ui-tabs-nav { padding: 0; }
.ui-tabs .ui-tabs-nav.ui-widget-header { background: none; }
.ui-tabs .ui-tabs-nav .ui-tabs-selected { border-color: #ddd; }
.ui-tabs .ui-tabs-nav a { font-weight: normal; }
.ui-tabs .ui-tabs-nav.ui-corner-all 
{
	border: none;
	border-bottom: 1px solid #ddd; 
	border-radius: 0;
	margin-bottom: 24px;
}

.ui-tabs .ui-tabs-nav li
{
	padding: 0;
	margin: 0;
	-moz-border-radius: 5px 5px 0 0 !important;
	-webkit-border-radius: 5px 5px 0 0 !important;
	border-radius: 5px 5px 0 0 !important;
}

.ui-tabs .ui-tabs-nav li a
{
	padding: 12px 14px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle;
}

.ui-tabs .ui-state-default a,
.ui-tabs .ui-state-default a:link,
.ui-tabs .ui-state-default a:visited
{
	color: #999;
}

.ui-tabs .ui-state-default.ui-state-active a,
.ui-tabs .ui-state-default.ui-state-active a:link,
.ui-tabs .ui-state-default.ui-state-active a:visited
{
	font-size: 13px;
	color: #333;
	text-decoration: none !important;
}

.ui-tabs .ui-state-default.ui-state-hover a
{
	color: #333;
	text-decoration: underline;
}

.ui-tabs .ui-tabs-panel
{
	border: none;
	padding: 0;
}

/* [Issues/Show] żeby cieniowane tło togglePanel'a nie zlewało się z tab'ami */
#tabsPanel.togglePanel > .contentPanel 
{
	background-image: none;
}

/* okienka dialogowe (edycja userów, słowników, komunikaty błędów itp.) */
.ui-dialog
{
	background: #f5f5f5;
	padding: 0;
	border: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 20px #000;
	-webkit-box-shadow: 0 0 20px #000;
	box-shadow: 0 0 20px #000;
}

.ui-dialog .ui-dialog-titlebar
{
	background: inherit;
	border: none;
	padding: 0;
	line-height: 45px;
	font-size: 13px;
	font-weight: bold;
	color: #333;
	text-transform: uppercase;
}

.ui-dialog .ui-dialog-title
{
	margin: 0 16px;
}

.ui-dialog .ui-dialog-titlebar-close
{
	padding: 0;
	margin: 0;
	width: 16px;
	height: 16px;
	top: 8px;
	right: 8px;
}

.ui-dialog .ui-dialog-titlebar-close span
{
	margin: 0;
}

.ui-dialog .ui-dialog-titlebar-close.ui-state-hover
{
	border: none;
	background-color: #f5f5f5;
}

.ui-dialog .ui-dialog-titlebar-close.ui-state-hover span
{
	background-color: #f5f5f5;
}

.ui-dialog .ui-dialog-content
{
	margin: 0 11px;
	padding: 18px;
	background: #fff;
	border: 1px solid #ddd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.ui-dialog .ui-widget-content:last-of-type.ui-dialog-content
{
	margin-bottom: 11px;
}

.ui-dialog .ui-dialog-buttonpane
{
	background: #f5f5f5;
	border: none;
	margin: 0;
	padding: 16px 11px;
}

.ui-dialog .ui-dialog-buttonpane button
{
	margin: 0 6px 0 0;
}

.ui-dialog .ui-dialog-buttonpane button:last-of-type
{
	margin: 0;
}

.ui-dialog .ui-resizable-handle.ui-icon-grip-diagonal-se
{
	background-image: url(custom-theme/images/ui-icons_ffffff_256x240.png);
}

/* FIX dla Firefoxa - comboboxy np. przy edycji zgłoszeń (przesunięta ikonka) */
/* FIX dla Opery - m.in. edycja słowników z parentem (niepotrzebny poziomy scrollbar w dialogach) */
.ui-button-icon-only .ui-button-text
{
	display: inline;
	/* btw: w samej Operze wystarczyłoby 'overflow:hidden', ale to powyżej załatwia nam oba tematy */
}


/* m.in. [Admin/Index] - ikonki w panelu "O licencji", nie chcemy domyślnych czerwonych */
div.btns .ui-icon
{
	background-image: url(custom-theme/images/ui-icons_004276_256x240.png);
}

/* Overlays */
.ui-widget-overlay
{
	background: #000 none 50% 50% repeat;
	opacity: .6;
	filter:Alpha(Opacity=60);
	position:fixed;
}

/* datepicker */
.ui-datepicker 
{
	border: 1px solid #ddd;
	width: 17em;
	padding: 0;
	display: none;
	-moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.ui-datepicker .ui-icon
{
	background-image: url(custom-theme/images/ui-icons_006AC3_256x240.png);
}

.ui-datepicker .ui-icon.ui-icon-circle-triangle-w
{
	background-position: -96px -16px;
}

.ui-datepicker .ui-icon.ui-icon-circle-triangle-e
{
	background-position: -32px -16px;
}

img.ui-datepicker-trigger
{
	vertical-align: middle;
	padding: 0 3px 0 3px;
	margin-right: 0.5em;
	cursor: pointer;
}

.ui-datepicker .ui-datepicker-header,
.ui-datepicker .ui-widget-header
{
	background: #f5f5f5;
	border-color: #ddd;
	color: #333;
	border-left: none;
	border-right: none;
	font-weight: normal;
	padding: 8px 2px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next
{
	top: 20%;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover
{
	background: #f5f5f5;
	border: none;
	cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev
{
	left: 6px;
}

.ui-datepicker .ui-datepicker-next
{
	right: 6px;
}

.ui-datepicker-calendar thead,
.fc-day-header
{
	color: #999;
	text-transform: uppercase;
	font-family: "Century Gothic", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
}

.ui-datepicker-calendar .ui-state-default
{
	border: 1px solid #fff;
	background: #fff;
	font-weight: normal;
	text-align: center;
}

.ui-widget-content .ui-datepicker-calendar .ui-state-focus,
.ui-widget-content .ui-datepicker-calendar .ui-state-hover
{
	text-decoration: none;
	border: 1px solid #ddd;
	background: #fff;
	color: #006ac3;
}

.ui-widget-content .ui-datepicker-calendar .ui-state-highlight
{
	border: 1px solid #ddd;
	background: #f5f5f5;
	color: #006ac3;
}

.ui-widget-content .ui-datepicker-calendar .ui-state-active
{
	border: 1px solid #006ac3;
	background: #2b81c9;
	color: #fff;
}

.ui-datepicker td a
{
	padding: 5px 0;
}

.ui-datepicker .ui-slider-handle.ui-state-default
{
	border: 1px solid #006ac3 !important;
	background: #2b81c9 !important;
}

.ui-datepicker .ui-slider.ui-widget-content
{
	border: 1px solid #ddd;
	background: #f5f5f5;
}

.ui-timepicker-div dl dt
{
	padding-left: 10px;
	color: #999;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close
{
	padding: 6px 12px;
	margin: 8px;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current
{
	background: #f5f5f5;
	color: #006ac3;
	border: 1px solid #ddd;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:active,
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:focus,
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:hover
{
	background: #e8e8e8;
	border-color: #ccc;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close
{
	background: #2b81c9;
	color: #fff;
	border: 1px solid #006ac3;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close:active,
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close:focus,
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close:hover
{
	background: #3e90d4;
	border-color: #197bce;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 15px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }

/* nieaktywne taby bez obwódki */
.ui-tabs .ui-tabs-nav li.ui-state-default {
	border: none;
	background: none;
}

.ui-tabs .ui-tabs-nav li.ui-state-active {
	border: 1px solid #ddd;
	background-color: white;
}

/* elementy wspólne */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  
{
	border: 1px solid #efdaa3;
	background: #fff6d9;
	color: #333;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error
{
	border: 1px solid #d04437;
	background: #d04437;
	color: #fff;
}

.ui-button.ui-state-default,
.fc-button,
.fc-button.fc-state-default {
	border: 1px solid #c4c4c4;
	background: #fff;
	font-weight: normal;
	color: inherit;
}

/* QDesk 2.0 */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default
{
	color: #333;
}

.ui-state-default .ui-icon,
.ui-dialog .ui-dialog-titlebar-close .ui-icon
{
	background-image: url(custom-theme/images/ui-icons_999999_256x240.png) !important;
}

.ui-dialog .ui-dialog-titlebar-close.ui-state-hover .ui-icon
{
	background-image: url(custom-theme/images/ui-icons_cc0000_256x240.png) !important;
}

.ui-corner-all
{
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.ui-menu
{
	padding: 0;
}

.ui-menu.ui-corner-all .ui-menu-item:first-child
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.ui-menu .ui-state-hover,
.ui-menu .ui-state-focus
{
	background: #f5f5f5;
	border-color: #f5f5f5;
	text-decoration: underline;
}

.ui-wrapper-ie-resizable
{
	padding: 0 !important;
	max-width: 100%;
	max-height: 100%;
	height: auto;
	width: auto;
}

.ui-wrapper-ie-resizable textarea.ui-resizable
{
	width: 100% !important;
	height: 100% !important;
}

.ui-wrapper-ie-resizable > textarea.ui-resizable + .ui-resizable-handle + .ui-resizable-handle + .ui-resizable-handle
{
	background-image: url(custom-theme/images/ui-icons_999999_256x240.png);
}

.ui-wrapper-ie-resizable > textarea.ui-resizable + .ui-resizable-handle + .ui-resizable-handle + .ui-resizable-handle.ui-resizable-se {
	right: 3px;
	bottom: 3px;
}