/***************************************************************************************************
/****** Modifikacije napravljene u svrhu prilagodbe jquery-ui biblioteke aplikaciji KontrolERP *****
***************************************************************************************************/
/* postavi defaultne ikonice na svijetliju varijantu */
.ui-icon,
.ui-widget-content .ui-icon{
	background-image: url("images/ui-icons_777777_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
/* postavi defaultne ikonice na svijetliju varijantu - kraj */



/* custom dialog */
.ui-widget-overlay { /* stil pozadine dialoga */
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:10000;
}

.ui-dialog{ /* stil dialoga */
	font-size:11px;	
	background: white ;
	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
	z-index:10000;
}

.ui-widget { /* postavi font za widgete */
	font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
}

.ui-widget-header{ /* stil zaglavlja dialoga */
	background:white;
	border:0px;
	color:black;
}

.ui-corner-all { /* postavi ostre rubove na dialog */
	border-radius: 0;
}

.ui-dialog .ui-dialog-titlebar .ui-icon-closethick { /* ikonica za zatvaranje dialoga */
	background-image: url(images/ui-dialog-close.png) !important;
	background-position: left top !important;
	background-size: 13px 13px;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close { /* ikonica za zatvaranje dialoga */
	background: none !important;
	border: none !important;
}

.ui-dialog .ui-widget-content a { /* stil linkova za dialog */
  color:#2199c0;
  text-decoration:none;
  cursor:pointer;
}
/* custom dialog - kraj */



/* custom gumb dialoga */
.ui-button{ /* defaultni stil gumba */
	background:white;	
	color:#666666;
}

.ui-button:hover,
.ui-button:focus { /* stil gumba kada se predje pokazivacem preko istoga */
	border: 1px solid #cccccc;
	background: #e6efc2;
	font-weight: normal;
	color:#666666;
}

a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover { /* stil gumba kada se klikne na isti */
	border: 1px solid #cccccc;
	background: #e6efc2;
	font-weight: normal;
	color:#666666;
}
/* custom gumb dialoga - kraj */



/* custom autocomplete */
.ui-autocomplete.ui-widget { /* stil opcija u autocompletu */
	font-family: Verdana,Arial,sans-serif;
	font-size: 11px;
}

.ui-autocomplete .ui-state-active{ /* stil opcija u autocompletu kada predjemo pokazivacem preko istih */
	border:1px solid #e7e7e7;	
    color:#555555;
    background:#e7e7e7;
}
/* custom autocomplete - kraj */



/* custom datepicker */
.ui-datepicker{ /* stil datepickera */
	font-size:10px;
}

.ui-datepicker .ui-state-default{ /* stil opcija (dana) u datepickeru */
	background:white;
	border-color:#c6c6c6;	
}

.ui-datepicker .ui-state-default:hover{ /* stil opcija (dana) kada predjemo pokazivacem preko iste */
	background:#e6efc2;	
	border-color:#c6d880;
}

.ui-datepicker .ui-state-active{ /* stil opcije (dana) datepickera kada je ista aktivna */
    border: 1px solid #e17009;
    background: white;
    color: #e17009!important;
}

.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-state-highlight:hover{ /* stil opcije danasnjeg dana u datepickeru */
	background:#fbec88;
	border-color:#fad42e;	
	color:#454545!important;
}
/* custom datepicker - kraj */



/* custom tooltip */
.ui-tooltip {
    width: 200px;
    text-align: center;
    box-shadow: none;
    padding: 0;
	z-index: 10000;
	border-width:2px!important;
	border-color:#c3ccd7!important;
}

.ui-tooltip-content {
    position: relative;
    padding: 0.5em;
	font-size:12px;

}

.ui-tooltip-content::after, .ui-tooltip-content::before {
    content: "";
    position: absolute;
    border-style: solid;
    display: block;
    left: 90px;
}

.bottom .ui-tooltip-content::before {
    bottom: -10px;
    border-color: #c3ccd7 transparent;
    border-width: 10px 10px 0;
}

.bottom .ui-tooltip-content::after {
    bottom: -7px;
    border-color: white transparent;
    border-width: 10px 10px 0;
}

.top .ui-tooltip-content::before {
    top: -10px;
    border-color: #c3ccd7 transparent;
    border-width: 0 10px 10px;
}

.top .ui-tooltip-content::after {
    top: -7px;
    border-color: white transparent;
    border-width: 0 10px 10px;
}
/* custom tooltip - kraj */



/* custom multiselect */
.ui-multiselect-menu { /* stil popup multiselecta */
    z-index:11000!important; /* defaultni z-index multiselecta je 10000 ali to nam ne odgovara jer je nas dialog z-index:10000 tako da cemo staviti z-index multiselecta 11000 da uvijek bude na vrhu */
}

.ui-multiselect-menu .ui-widget-header { /* stil headera multiselecta */
    border: 1px solid #bebebe;
    background: #d7d7d7;
    color: #777777;
    font-weight: bold;
	font-size: 12px;
}

.ui-multiselect.ui-state-active{ /* stil inputa multislecta kada je isti aktivan */
	border: 1px solid #ababab;
    background:white;
	color:#2f2f2f!important;
}

.ui-multiselect-menu .ui-state-hover{ /* stil opcija u multiselectu kada predjemo pokazivacem preko istih */
	font-weight:bold;
}

.ui-multiselect-menu .ui-state-active{ /* stil opcije multislecta kada je ista aktivna */
    border: 1px solid #e17009;
    background: white;
    color: #e17009!important;
}

.ui-multiselect-menu .ui-widget-header a { /* stil linka u headeru multiselecta */
    color: #777777;
}
/* custom multiselect - kraj */
/***************************************************************************************************
/** Modifikacije napravljene u svrhu prilagodbe jquery-ui biblioteke aplikaciji KontrolERP - KRAJ **
***************************************************************************************************/