@CHARSET "UTF-8";

/* =================== */
/* ===== ICONS ======= */
/* =================== */

.iconContener16{width: 16px; height: 16px; display: inline-block; float: left;}
.iconContener24{width: 24px; height: 24px; display: inline-block;}
.iconContener36{width: 36px; height: 36px; display: inline-block;}




.cgmIcon {
	background: url("../images/gui/footer_icon.png") -56px 0 no-repeat !important;
	width:26px;
	height:26px;
}

.manualIcon {
	background: url("../images/gui/footer_icon.png") 0 -1px no-repeat !important;
	width:26px;
	height:26px;
}

.mailIcon {
	background: url("../images/gui/footer_icon.png") -27px -1px no-repeat !important;
	width:26px;
	height:26px; 
}

.commercialIcon {
	background: url("../images/gui/commercial.png") 0 0 no-repeat !important;
	width:19px;
	height:21px;
}

.compCalendar .ui-state-default .ui-icon {
	background: url("../images/gui/ikona_kalendarza.png") 0 0 no-repeat !important;
	width:20px;
	height:20px;
}

.reservationIcon {
	/*background: url("../images/gui/menu_left.png") -3px -4px no-repeat !important;*/
	width:30px;
	height:30px;
}

.reservationIconSelected {
	/*background: url("../images/gui/menu_left.png") -38px -4px no-repeat !important;*/
	width:30px;
	height:30px;
}

.perfServiceIconSelected{
	background: url("../images/gui/menu_left.png") -33px -74px no-repeat !important;
	width:30px;
	height:30px;
}

.perfServiceIcon{
	background: url("../images/gui/menu_left.png") 0 -74px no-repeat !important;
	width:30px;
	height:30px;
}

.commercialServiceIcon {
	background: url("../images/gui/menu_left.png") -1px -245px no-repeat !important;
	width:30px;
	height:30px;
}

.commercialServiceIconSelected {
	background: url("../images/gui/menu_left.png") -37px -245px no-repeat !important;
	width:30px;
	height:30px;
}

.selfControlIcon {
	background: url("../images/gui/menu_left.png") -1px -425px no-repeat !important;
	width:32px;
	height:30px;
}

.selfControlIconSelected {
	background: url("../images/gui/menu_left.png") -36px -425px no-repeat !important;
	width:32px;
	height:30px;
}

.waitingListIcon {
	background: url("../images/gui/menu_left.png") 0 -287px no-repeat !important;
	width:30px;
	height:30px;
}

.waitingListIconSelected {
	background: url("../images/gui/menu_left.png") -35px -287px no-repeat !important;
	width:30px;
	height:30px;
}

.visitListIcon {
	background: url("../images/gui/menu_left.png") 0 -37px no-repeat !important;
	width:30px;
	height:30px;
}

.visitListIconSelected {
	background: url("../images/gui/menu_left.png") -35px -37px no-repeat !important;
	width:30px;
	height:30px;
}

.accountSettingsIcon {
	background: url("../images/gui/menu_left.png") 0 -145px no-repeat !important;
	width:30px;
	height:30px;
}

.accountSettingsIconSelected {
	background: url("../images/gui/menu_left.png") -35px -145px no-repeat !important;
	width:30px;
	height:30px;
}

.waitingVisitIcon {
	background: url("../images/gui/menu_left.png") -0px -287px no-repeat !important;
	width:32px;
	height:30px;
}

.waitingVisitIconSelected {
	background: url("../images/gui/menu_left.png") -35px -287px no-repeat !important;
	width:32px;
	height:30px;
}

.medicalRecordsIcon{
	background: url("../images/gui/menu_left.png") 0 -74px no-repeat !important;
	width:30px;
	height:30px;
}

.medicalRecordsIconSelected{
	background: url("../images/gui/menu_left.png") -33px -74px no-repeat !important;
	width:30px;
	height:30px;
}

.hospitalStructureIcon {
	background: url("../images/gui/menu_left.png") 0 -215px no-repeat !important;
	width:30px;
	height:30px;
}

.communicationIcon {
	background: url("../images/gui/menu_left.png") 0 -317px no-repeat !important;
	width:30px;
	height:30px;
}

.communicationIconSelected {
	background: url("../images/gui/menu_left.png") -35px -317px no-repeat !important;
	width:30px;
	height:30px;
}

.consultationIcon {
    background: url("../images/gui/menu_left.png") 0 -353px no-repeat !important;
    width:30px;
    height:30px;
}

.consultationIconSelected {
    background: url("../images/gui/menu_left.png") -35px -353px no-repeat !important;
    width:30px;
    height:30px;
}

.writtenConsultationIcon {
    background: url("../images/gui/menu_left.png") -2px -388px no-repeat !important;
    width:30px;
    height:30px;
}

.writtenConsultationIconSelected {
    background: url("../images/gui/menu_left.png") -38px -388px no-repeat !important;
    width:30px;
    height:30px;
}

.hospitalStructureIconSelected {
	background: url("../images/gui/menu_left.png") -35px -215px no-repeat !important;
	width:30px;
	height:30px;
}

.logOutIcon {
	background: url("../images/iko_eportal.png") -2px -162px  no-repeat !important;
	width: 36px;
	height:36px;
}

/*.settingsIcon {*/
	/*background: url("../images/gui/icons_us.png") 0 0 no-repeat !important;*/
	/*width:16px;*/
	/*height:16px;*/
/*}*/
.ui-state-default .ui-icon.settingsIcon, .settingsIcon:hover {
	background: url("../images/iko_eportal.png") -2px -82px no-repeat;
	width: 36px;
	height: 36px;
}
button:hover .settingsIcon, button:focus .settingsIcon, .ui-state-focus .settingsIcon.ui-state-focus {box-shadow: 0px 0px 4px 2px #fff;}

.plIcon{
	background: url("../images/flagPL.png") !important;
	min-width:26px;
	min-height:16px;
}

.enIcon{
	background: url("../images/flagEN.png") !important;
	min-width:26px;
	min-height:16px;
}

.ruIcon{
	background: url("../images/flagRU.png") !important;
	min-width:26px;
	min-height:16px;
}

.iconSearch{
	background: url("../images/search.png") !important;
}

.iconUser{
	background: url("../images/user.png") !important;
	margin-right: 5px;
}

.iconLogout{
	background: url("../images/logout.png") !important;
	margin-right: 5px;
}

.iconConfirm{
	background: url("../images/confirm.png") !important;
}

.iconCancel{
	background: url("../images/cancel.png") !important;
}

.iconHome{
	background: url("../images/house.png") !important;
}

.iconClear{
	background: url("../images/ikona-gumki.png") !important;
}

.iconRegister{
	background: url("../images/registerIconSmall.png") !important;
}

.iconWaitingList{
	background: url("../images/waitingListIconSmall.png") !important;
}

.iconMap{
	background: url("../images/map.png") !important;
}

.iconArrowRight{
	background: url("../images/arrow_double.png") !important;
}

.iconAccountConfig{
	background: url("../images/accountConfig.png") !important;
}

.iconWarning{
	background: url("../images/warning_icon.png") -0px -75px no-repeat !important;
	width: 22px;
	height: 20px;
}

.iconWarningGrey{
	background: url("../images/warning_icon_grey.png") -0px -76px no-repeat !important;
	width: 22px;
	height: 22px; 
}

.iconError{
	background: url("../images/warning_icon.png") -0px -50px no-repeat !important;
	width: 25px;
	height: 25px; 
	
}

.iconAccepted{
	background: url("../images/warning_icon.png") -0px -0px no-repeat !important;
	width: 25px;
	height: 24px;
}

.iconInfo{
	background: url("../images/warning_icon.png") -0px -24px no-repeat !important;
	width: 25px;
	height: 26px;
}

.iconInfoGrey{
	background: url("../images/warning_icon_grey.png") -0px -24px no-repeat !important;
	width: 25px;
	height: 26px;
}

.iconPrintWhite{
	background: url("../images/visits_icons_white.png") no-repeat !important;
	width: 16px;
	height: 16px;
}

.iconRemindingWhite {
	background: url("../images/visits_icons_white.png") -0px -49px  no-repeat !important;
	width: 16px;
	height: 19px;	
}

.iconRemindingBlue {
	background: url("../images/visits_icons_blue.png") -0px -49px  no-repeat !important;
	width: 16px;
	height: 19px;	
}
.iconPrintBlue{
	background: url("../images/visits_icons_blue.png") no-repeat !important;
	width: 16px;
	height: 16px;
}

.iconLocalizationBlue{
	background: url("../images/visits_icons_blue.png") -0px -25px no-repeat !important;
	width: 16px;
	height: 19px;
}

.iconLocalizationWhite{
	background: url("../images/visits_icons_white.png") -0px -25px no-repeat !important;
	width: 16px;
	height: 19px;
}

.iconGreenTick{
	background: url("../images/greenTick.png") no-repeat !important;
	width: 21px;
	height: 21px;
}

.iconX{
	background: url("../images/x_search_label.png") -0px 3px no-repeat !important;
	width: 14px;
	height: 14px;
}
.iconReservationStep{
	background-image: url("../images/reservationFlowPanelNumbers.png");
	background-repeat: no-repeat;
	display: inline-block;
	width: 20px;
	height: 20px;
	}


.iconReservationStep1Avtive{
	background-position: 0px -40px !important;
}

.iconReservationStep1Previous{
	background-position:  0px -19px !important;
	width: 20px;
	height: 22px;
}

.iconReservationStep2Avtive{
	background: url("../images/reservationFlowPanelNumbers.png") -19px -40px no-repeat !important;
	width: 20px;
	height: 22px;
}

.iconReservationStep2Previous{
	background: url("../images/reservationFlowPanelNumbers.png") -19px 3px no-repeat !important;
	width: 20px;
	height: 22px;
}

.iconReservationStep2Next{
	background: url("../images/reservationFlowPanelNumbers.png") -19px -19px no-repeat !important;
	width: 20px;
	height: 22px;
}

.iconReservationStep3Avtive{
	background: url("../images/reservationFlowPanelNumbers.png") -39px -40px no-repeat !important;
	width: 20px;
	height: 22px;
}

.iconReservationStep3Previous{
	background: url("../images/reservationFlowPanelNumbers.png") -39px 3px no-repeat !important;
	width: 20px;
	height: 22px;
}

.iconReservationStep3Next{
	background: url("../images/reservationFlowPanelNumbers.png") -39px -19px no-repeat !important;
	width: 20px;
	height: 22px;
}

.iconReservationStep4Avtive{
	background: url("../images/reservationFlowPanelNumbers.png") -59px -40px no-repeat !important;
	width: 20px;
	height: 22px;
}

.iconReservationStep4Next{
	background: url("../images/reservationFlowPanelNumbers.png") -59px 3px no-repeat !important;
	width: 20px;
	height: 22px;
}

.iconArrowSteps{
	background: url("../images/arrow_steps.png") 0px 3px no-repeat !important;
	width: 13px;
	height: 40px;
}

.iconViewTypeFlatGrey{
	background: url("../images/viewType.png") 0px 0px no-repeat !important;
	width: 24px;
	height: 24px;
}

.iconViewTypeFlatBlue{
	background: url("../images/viewType.png") 0px -24px no-repeat !important;
	width: 24px;
	height: 24px;
}

.iconViewTypeHierarhicalGrey{
	background: url("../images/viewType.png") -24px 0px no-repeat !important;
	width: 24px;
	height: 24px;
}

.iconViewTypeHierarhicalBlue{
	background: url("../images/viewType.png") -24px -24px no-repeat !important;
	width: 24px;
	height: 24px;
}

.iconSortingOrderUp{
	background: url("../images/strzalki-sortowania.png") -7px -0px no-repeat !important;
	width: 7px;
	height: 12px;
}

.iconSortingOrderDown{
	background: url("../images/strzalki-sortowania.png") -0px -0px no-repeat !important;
	width: 7px;
	height: 12px;
}

.iconDottedLineVertical{
	background: url("../images/dotted_line.png") -0px -0px !important;
	width: 2px;
	height: 40px;
}

.iconDottedLineVerticalShort{
	background: url("../images/dotted_line_short.png") -0px -0px !important;
	width: 2px;
	height: 20px;
}

.iconDottedLineHorizontal{
	background: url("../images/dotted_line_horizontal.png") -0px -0px no-repeat !important;
	width: 32px;
	height: 2px;
}

.iconTrashBlue{
	background: url("../images/examinationView.png") -0px -24px no-repeat !important;
	width: 16px;
	height: 16px;
}

.iconImageView{
	background: url("../images/images_icon.png") no-repeat !important;
	width: 16px;
	height: 16px;	
}

.profileIcon{
	background: url("../images/profile.png") -0px -0px no-repeat !important;
	width: 24px;
	height: 24px;
}

.working-hour-icon{
    background: url("../images/tm.png") -0px -0px no-repeat !important;
    width: 15px;
    height: 15px;
}

.progressbar-dots {
	background: url("../images/progressbar_dots.gif") -0px -0px no-repeat !important;
	width: 100px;
	height: 100px;
}