/** this file contains the css sprite styles **/
/* @author: Peter Rang <peter.rang@k3-innovationen.de */

.icon,
.k-button .k-sprite,
.buttonstyle .icon{
    display: inline-block;
    background: 0 url(../images/css_sprite.png) no-repeat;
    position: relative;
}

.favourite_block div.icon{
    width: 20px;
    height: 20px;
    background-position: -180px -60px;
    top: 5px;
    right: 5px;

}

.trigger .icon {
    width: 20px;
    height: 20px;
    background-position: -180px 0;
    top: 5px;
    right: 5px;
}

.ib_tab .trigger > .icon.arrow.f_right{top:5px;right: 5px;}
.ib_tab .singleRelationHeadline >  .icon.arrow.f_right{right: 8px;}

.news_loader .trigger .icon{
    background-position: 0 -282px;
}

#linktonextnews  .icon{
    background-position: 0 -316px;
}

div#main_content div.collapsable_container a.blue.trigger span.icon {
    background-position: -181px 0;
}

div#main_content div.collapsable_container a.blue.trigger.open span.icon {
    background-position: -179px -30px;
}

button.redirect_to_parent .icon {
    width:0;
}

.trigger h5.icon{
    width: 80%;
}

tr .icon,
.author_link .icon{
    width: 20px;
    height: 20px;
}

tr .icon.width16{
    width: 16px;
}

.open .trigger .icon.arrow,
.trigger.open .icon.arrow,
#to_top .icon{
    background-position: -179px -30px;
}

.favourite_headline .icon.arrow.open{
    background-position: -180px -90px;
}

#to_top .icon{
    position: fixed;
    bottom: 5px;
    right: 30px;
    z-index: 102;
    width: 20px;
    height: 20px;
}

/** workaround to prevent icon slipping for german text */
/*.trigger.open .icon{
    margin-right: 5px;
}*/




button .icon,
.trigger button .icon,
.buttonstyle .icon{
    width: 16px;
    height: 16px;
    /*top: 3px;*/
    /*right: 2px;*/
    position: absolute;
    top: 4px;
    left: 10px;
}

.reloader .icon{
    background-position: -180px -30px;
    height: 20px;
    margin-right: 5px;
    top: 4px;
    width: 20px;
}

button.update .icon,
button.editCurrentObject .icon,
button.updateUserGroup .icon,
.trigger button.update .icon{
    background-position: -120px -148px;
}

button.createoo .icon {
    background-position: 0px -152px;
    top: 1px;
    left: 5px;
}

button.updateoo .icon{
    background-position: -235px -250px;
    top: 1px;
    left: 5px;
}

button.updateoos .icon{
    background-position: -120px -325px;
    top: 1px;
    left: 5px;
}

button.copy .icon{
    background-position: -123px -356px;
}

button.create .icon,
button.createFile .icon,
button.create_ib_event .icon,
button.createUser .icon,
button.create_relation .icon,
button.multiupload .icon,
button.multiupload_btn .icon,
.trigger button.create .icon,
button.create_template .icon{
    background-position: -120px 4px;
}

button.create.add_employees .icon{
	top: 5px;
}

button:disabled .icon{
    opacity: 0.2;
}

button.create_docsfolder .icon{background-position: -240px 1px;}

button.print .icon,
.trigger button.print .icon{
    background-position: -120px -27px;
}

button.toggle_bookmark .icon,
button.check .icon{
    background-position: -120px -268px;
}

button.delete .icon,
button.deleteUserGroup .icon,
.trigger button.delete .icon,
button.toggle_bookmark.delete_bookmark .icon{
    background-position: -120px -178px;
}

button.project_phase .icon,
.trigger button.project_phase .icon,
button.toggle_gantt .icon {
    background-position: -120px -240px;
    /*position: relative;*/
    top: 5px;
}

button.edit_project_phase .icon,
button.new_project_phase .icon,
.trigger button.edit_project_phase .icon{
    background-position: -120px -208px;
}

button.moveButton .icon,
button.moveUser .icon,
button.move .icon,
.trigger button.move .icon{
    background-position: -182px -177px;
}

.favourite_block .favourite_headline h5.icon,
.grey_box .headline h5.icon {
    background-position: -170px -109px;
    /*background: none;*/
}

.single_tab.open h5.icon,
.single_tab h5.icon{
    background-position: -166px -108px;
}

.single_tab h5.icon{
    top: -1px;
}

.icon_link{background-position: -180px -180px;}

.author_link .icon.icon_link {
    display: block;
    float: left;
    height: 12px;
    margin-top: 3px;
}

.icon.new,
.icon.selection0,
#documents .icon.selection0,
#documents .icon.class_image.selection3{
	background-position: 0 -180px;
}
.icon.rejected,
.icon.false,
.icon.selection1{
	background-position: 0 3px;
}
.icon.finished,
.icon.true,
.icon.checked,
.icon.selection2,
#documents .icon.selection3,
#documents .icon.class_image.selection6{
	background-position: 0 -60px;
}
.icon.feedback,
.icon.selection3,
#documents .icon.selection2,
#documents .icon.class_image.selection5{
	background-position: 0 -149px;
}
.icon.inprogress,
.icon.selection5,
#documents .icon.selection1,
#documents .icon.class_image.selection4{
	background-position: 0 -28px;
}

.icon.attachment{background-position: 0 -250px;}
.icon.sources{background-position: 0 -213px;}

.icon.searchbutton{background-position: -180px -147px;}

/* paginator icons */
#article_comments_full .paginator .icon{
    display: inline-block;
    width: 10px;
    height: 10px;
    top: 4px;
}
.paginator .first_page .icon{background-position: -184px -272px;}
.paginator .prev_page .icon{background-position: -183px -244px;}
.paginator .next_page .icon{background-position: -179px -211px;}
.paginator .last_page .icon{background-position: -184px -302px;}

/* treemenu icons */

.treemenu span.icon{
    display: inline-block;
    width: 15px;
    height: 13px;
    position: absolute;
    left: 0;
    top: 2px;
    background: none; !important;
}

.treemenu .icon{background-position: -240px -1px;}

.treemenu .icon.no_children{background-position: -240px -60px;}

.treemenu a.selected .icon{background-position: -240px -31px !important;} /* overrides even "no_children" class... */

/* docuemnts icons */
#documents .icon.image{background: transparent none !important;} /* images will have a preview image that is not loaded via css */
#documents .icon.ib_folder_documents{background-position: -240px 2px;}

.icon.ib_faq_folder{background-position: -240px -1px; top: 2px;}

.close_topic .icon {background-position: -122px -406px;}

.reply .icon{background-position: -125px -425px;}

.pointable .icon:not(.disabled){
    cursor: pointer;
}

/* dashboard headline */

#dashboard .icon.move{
    background-position: -179px -355px;
}

#dashboard h2:hover .icon.move{
    background-position: -179px -382px;
}

#dashboard .icon.toggle{
    background-position: -181px -409px;
}

#dashboard h2:hover .icon.toggle{
    background-position: -181px -459px;
}

#dashboard .icon.toggle.is_hidden{
    background-position: -181px -432px;
}

#dashboard h2:hover .icon.toggle.is_hidden{
    background-position: -181px -486px;
}

#dashboard .icon.settings{
    background-position: -240px -90px;
}

#dashboard .icon.widgetlist{
    background-position: -240px -150px;
}

.searchblock .search_headline h5.icon {
    background-position: -170px -109px;
    /*background: none;*/
}

.icon.ib_faq_folder{
    width:20px;
    height:14px;
}

#documents .icon.documents{
    background: url('../images/docicons_sprite.png') no-repeat -120px -120px;
}


#documents .icon.documents.has_image{
    background-image: none;
}

#documents .icon.documents.pdf{
    background-position: 0 0;
}

#documents .icon.documents.doc,
#documents .icon.documents.docx{
    background-position: 0 -40px;
}

#documents .icon.documents.xls,
#documents .icon.documents.xlsx{
    background-position: -80px -40px;
}

#documents .icon.documents.ppt,
#documents .icon.documents.pptx{
    background-position: -117px -38px;
}

#documents .icon.documents.locked{
    background-position: -40px -120px;
    margin-left: 5px;
}

#documents .icon.documents.unlocked{
    background-position: -80px -120px;
    margin-left: 5px;
}

#documents .icon.documents.loading{
    /*background: url("../images/loading16.gif") no-repeat center center !important;*/
    background: url("../images/loading16.gif") no-repeat center center;
}

#documents .selector{
    height: 20px;

}

#documents .icon.ib_folder_documents{
    background: url('../images/css_sprite.png') -240px 2px;
}

.icon.ib_projects_folder.empty,
.icon.ib_tasks_folder.empty,
.icon.ib_knowledge_folder.empty,
.icon.ib_folder_documents.empty,
#documents .icon.ib_folder_documents.empty{
	background-position: -240px -60px;
}

#documents .icon.ib_folder_documents.empty{
	background-position: -240px -58px;
}


.icon.pre_header{
    position: absolute;
    top: 4px;
    left: 10px;
}


a.download .icon{
    background-position: -121px -458px;
}

button.create_folder span{
    background-position: -120px 4px;
}


/*** exchange bundle ***/

.k-sprite.mail_compose{background-position: -120px 0;}
.k-sprite.mail_reply{
    background-position: -120px -480px;
    width: 20px;
}
.k-sprite.mail_reply_all{background-position: -120px -500px;}
.k-sprite.mail_forward{background-position: -120px -520px;}
.k-sprite.mail_send{background-position: -120px -540px;}
.k-sprite.mail_cancel{background-position: -120px -180px;}
.k-sprite.mail_store_group{background-position: -120px -559px;}
.k-sprite.mail_store{background-position: -120px -577px;}
.k-sprite.mail_store_attachments{background-position: -120px -600px;}


.icon.selection_{
    background:none;
}

.content-browse button.cancel span.icon{
    background-position: -120px -178px;
}
.documentViewButtons #gridView span.icon{
    background-position: -120px -640px;
}

.documentViewButtons #tileView span.icon{
    background-position: -118px -618px;
    /* ### */
}
#notification_icon{
    background-position:  -60px -373px;
}

#notification_icon.has_notifications{
    background-position: -40px -367px;
}

/*** legacy mode icons ***/

.settings_trash button .icon,
.settings_systemerrors button .icon,
.settings_lastchanged button .icon,
.settings_linkmanagment button .icon{left: 5px;}

.settings_trash button.empty .icon {
    background-position: -235px -327px;
    top: 3px;
}

.settings_trash button.restore .icon {
    background-position: -118px -297px;
}

.settings_trash button.remove .icon,
.settings_systemerrors button .icon{
    background-position: -117px -179px;
}

.settings_lastchanged button.versioncontrol .icon {
    background-image: url("/extension/k3.intranetbox.layout/design/k3/images/icon_versioncontrol.png");
    background-position: -1px -3px;
}

.settings_linkmanagment button.edit .icon {
    background-position: -117px -150px;
}

div.content-browse .icon.back{
    width: 16px;
    height: 16px;
    background-position: -180px -600px;
    top: 6px;
    left: 3px;
}

button.policyManager .icon{
	background-position: -123px -405px;
}

button.add_group_employees .icon{
	background-position: -120px -327px;
}

button.delete_group_employee .icon{
	background-position: -120px -178px;
}



/*** contenttype icons ***/

.icon.contenttype,
.content_browse #documents .icon.contenttype.image,
.content_browse .treemenu span.icon.ib_folder_documents{background: 0 url('../images/classicons_sprite.png') no-repeat !important;}

.content_browse #documents .icon.contenttype.image.user_group,
.icon.contenttype.user_group{background-position: -16px -15px !important;}
.content_browse #documents .icon.contenttype.image.ib_department,
.icon.contenttype.ib_department{background-position: -16px -15px !important;}
.content_browse #documents .icon.contenttype.image.ib_task,
.icon.contenttype.ib_task{background-position: -78px -14px !important;}
.content_browse #documents .icon.contenttype.image.ib_tasks_folder,
.icon.contenttype.ib_tasks_folder{background-position: -39px -13px !important;}
.content_browse #documents .icon.contenttype.image.ib_task_history,
.icon.contenttype.ib_task_history{background-position: -17px 7px !important;}
.content_browse #documents .icon.contenttype.image.ib_faq,
.icon.contenttype.ib_faq{background-position: -119px -15px !important;}
.content_browse #documents .icon.contenttype.image.ib_faq_folder,
.icon.contenttype.ib_faq_folder{background-position: -39px -13px !important;}
.content_browse #documents .icon.contenttype.image.ib_forum,
.icon.contenttype.ib_forum{background-position: -20px -35px !important;}
.content_browse #documents .icon.contenttype.image.ib_forum_reply,
.icon.contenttype.ib_forum_reply{background-position: -38px -35px !important;}
.content_browse #documents .icon.contenttype.image.ib_forum_topic,
.icon.contenttype.ib_forum_topic{background-position: -59px -35px !important;}
.content_browse #documents .icon.contenttype.image.ib_event,
.icon.contenttype.ib_event{background-position: -79px -35px !important;}
.content_browse #documents .icon.contenttype.image.ib_company,
.icon.contenttype.ib_company{background-position: -58px -16px !important;}
.content_browse #documents .icon.contenttype.image.user,
.icon.contenttype.user{background-position: -97px 6px !important;}
.content_browse #documents .icon.contenttype.image.ib_news,
.icon.contenttype.ib_news{background-position: -118px -35px !important;}
.content_browse #documents .icon.contenttype.image.ib_folder_documents,
.icon.contenttype.ib_folder_documents{background-position: -39px -13px !important;}
.content_browse #documents .icon.contenttype.image.ib_team,
.icon.contenttype.ib_team{background-position: 3px -15px !important;}
.content_browse #documents .icon.contenttype.image.ib_knowledge,
.icon.contenttype.ib_knowledge{background-position: 2px 4px !important;}
.content_browse #documents .icon.contenttype.image.ib_knowledge_folder,
.icon.contenttype.ib_knowledge_folder{background-position: -39px -13px !important;}
.content_browse #documents .icon.contenttype.image.ib_milestone,
.icon.contenttype.ib_milestone{background-position: -18px -55px !important;}
.content_browse #documents .icon.contenttype.image.ib_project,
.icon.contenttype.ib_project{ background-position: -39px 6px !important;}
.content_browse #documents .icon.contenttype.image.ib_projects_folder,
.icon.contenttype.ib_projects_folder{background-position: -39px -13px !important;}
.content_browse #documents .icon.contenttype.image.ib_module,
.icon.contenttype.ib_module{ background-position: -39px -13px !important;}
.content_browse #documents .icon.contenttype.image.file,
.icon.contenttype.file{ background-position: -76px 6px !important;}
.content_browse #documents .icon.contenttype.image.image,
.icon.contenttype.image{ background-position: -117px 7px !important;}
.content_browse #documents .icon.contenttype.image.ib_roombooking_event,
.icon.contenttype.ib_roombooking_event{ background-position: -36px -55px !important;}
.content_browse #documents .icon.contenttype.image.ib_event_car,
.icon.contenttype.ib_event_car{ background-position: -77px -35px !important;}
.content_browse #documents .icon.contenttype.image.ib_event_room,
.icon.contenttype.ib_event_room{ background-position: -77px -35px !important;}
.content_browse #documents .icon.contenttype.image.ib_event_vacation,
.icon.contenttype.ib_event_vacation{ background-position: -77px -35px !important;}

.content_browse .treemenu span.icon.ib_folder_documents{
    background-position: -40px -19px !important;
}
.content_browse .treemenu span.icon.ib_folder_documents.empty{
    opacity: 0.5;
    -moz-opacity: 0.5;
}


/*** search class icons ***/
#search li .icon, .tile .icon{background: transparent url('../images/search_class_icons.png') 0 0 no-repeat;}
#search li .icon.user_group, .tile .icon.user_group{background-position: -16px -15px;}
#search li .icon.ib_department, .tile .icon.ib_department{background-position: -16px -15px;}
#search li .icon.ib_task, .tile .icon.ib_task{background-position: -78px -14px;}
#search li .icon.ib_tasks_folder, .tile .icon.ib_tasks_folder{background-position: -98px -15px;}
#search li .icon.ib_task_history, .tile .icon.ib_task_history{background-position: -17px 7px;}
#search li .icon.ib_faq, .tile .icon.ib_faq{background-position: -119px -15px;}
#search li .icon.ib_faq_folder, .tile .icon.ib_faq_folder{background-position: 0 -35px;}
#search li .icon.ib_forum, .tile .icon.ib_forum{background-position: -20px -35px;}
#search li .icon.ib_forum_reply, .tile .icon.ib_forum_reply{background-position: -38px -35px;}
#search li .icon.ib_forum_topic, .tile .icon.ib_forum_topic{background-position: -59px -35px;}
#search li .icon.ib_event, .tile .icon.ib_event{background-position: -79px -35px;}
#search li .icon.ib_contact, .tile .icon.ib_contact{background-position: -100px -35px;}
#search li .icon.ib_company, .tile .icon.ib_company{background-position: -58px -16px;}
#search li .icon.user, .tile .icon.user{background-position: -97px 6px;}
#search li .icon.ib_news, .tile .icon.ib_news{background-position: -118px -35px;}
#search li .icon.ib_folder_documents, .tile .icon.ib_folder_documents{background-position: -36px -13px;}
#search li .icon.ib_team, .tile .icon.ib_team{background-position: 3px -15px;}
#search li .icon.ib_knowledge, .tile .icon.ib_knowledge{background-position: 2px 4px;}
#search li .icon.ib_knowledge_folder, .tile .icon.ib_knowledge_folder{background-position: -58px -55px;}
#search li .icon.ib_milestone, .tile .icon.ib_milestone{background-position: -18px -55px;}
#search li .icon.ib_project, .tile .icon.ib_project{ background-position: -39px 6px;}
#search li .icon.ib_projects_folder, .tile .icon.ib_projects_folder{ background-position: 0 -55px;}
#search li .icon.ib_module, .tile .icon.ib_module{ background-position: -57px 9px;}
#search li .icon.file, .tile .icon.file{ background-position: -76px 6px;}
#search li .icon.image, .tile .icon.image{ background-position: -117px 7px;}
#search li .icon.ib_roombooking_event, .tile .icon.ib_roombooking_event{background-position: -36px -55px;}

.icon.search{background: transparent url('../images/css_sprite.png') -201px -150px no-repeat; height: 18px; width: 18px; top: 4px; right: 183px;}

.icon.search.no_language{
    right: 145px;
}

/*** manual icons (no sprites available yet...) ***/
.button_wrapper button.setGroupStatus .icon,
.button_wrapper button.setUserStatus .icon,
.button_wrapper button.setAssignment .icon{
	background: transparent url('../images/usergroupicons/icon_change.png') 0 -4px no-repeat;
	left: 3px;
	top: 5px;
}

.button_wrapper button.setAssignment .icon{
    background-position: 0 -3px;
    top: 4px;
}

.button_wrapper button.setGroupPolicies .icon{
	background: transparent url('../images/usergroupicons/icon_grouprights.png') 0 -4px no-repeat;
}

/*status icons*/
.icon.onlinestatus {
    height: 12px;
    width: 12px;
}

.calendar.availability .icons .triggerInformationEmployee {
    background-position: -20px -622px;
}

#select_status .icon.onlinestatus.status0{
    background-position: -20px -640px;
}

#select_status .icon.onlinestatus.status1{
    background-position: -20px -660px;
}

#select_status .icon.onlinestatus.status2{
    background-position: -20px -680px;
}

.icon.onlinestatus.status0 {
    background-position: -20px -540px;
}

.icon.onlinestatus.status1 {
	background-position: -20px -560px;
}

.icon.onlinestatus.status2 {
	background-position: -20px -580px;
}

.icon.favorite{
    background-position: -39px -185px;
}

.icon.not_favorite{
    background-position: -22px -185px;
}

.icon.triggerDropdownEmployee {
    background-position: -20px -600px;
}

.icon#sortFavorites,
.icon#sortStatusAvailability,
.icon#sortStatusCars,
.icon#sortStatusRooms{
    height: 19px;
    width: 19px;
    float: right;
    cursor: pointer;
}


.icon#sortStatusAvailability,
.icon#sortStatusCars,
.icon#sortStatusRooms {
    background-position: -180px 0;
}

.icon#sortFavorites {
    background-position: -19px -181px;
    margin-right: 35px;
}

/*** header actions ***/



.icon.logout{
    background-position: -60px -400px;
    height: 19px;
    width: 18px;
    cursor: pointer;
}

.icon.help{
    background-position: -40px -401px;
    height: 18px;
    width: 18px;
    cursor: pointer;
}

/* Servermanager */

#grid td span.icon.cross.red,
#grid td span.icon.checkmark {
    position: relative;
    width: 12px;
    height: 12px;
}

#grid td span.icon.cross.red {
    background-position: -20px -580px;
}

#grid td span.icon.checkmark {
    background-position: -20px -540px;
}

/* adaptions for font awesome */

.k-toolbar .k-button .fa.k-sprite,
.k-popup .k-button .fa.k-sprite {
    font-size: 13px;
    line-height: normal;
    background: none;
    margin-top: auto;
    margin-bottom: auto;
}

html.mac .k-toolbar .k-button .fa.k-sprite,
html.mac .k-popup .k-button .fa.k-sprite {
	margin-top: -3px;
}

/*html.mac.ff .k-toolbar .k-button .fa.k-sprite,
html.mac.ff .k-popup .k-button .fa.k-sprite {
	margin-top: 0;
}*/

.fa.red {
    color: #db4a37;
}

.fa.green {
    color: #42B449;
}

.fa.blue {
    color: #066AA5;
}

.k-toolbar .k-split-button-arrow.k-button span.k-icon {
    margin-bottom: auto;
    margin-top: auto;
}