/* CSS stylesheet voor KNOPPEN crm123 - ingelogd */

/* Hoofdmenu-Buttons (Relaties, Contacten enz ...)  */
/* Hoofdmenu-Buttons (Relaties, Contacten enz ...)  */

div.BtnAlgemeen
{
  float: left;
  width: 100px;
  height: 32px;
  border: 1px #ccc solid;
  background-color: #eaeaea;
  margin: 0 19px 0 0;
  padding: 85px 5px 5px 5px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: 50% 21%;
  cursor: pointer; cursor: hand;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
div.BtnAlgemeen:hover
{
  background-color: #f7f7f7;
  cursor: pointer;
}
div.BtnAlgRechts
{
  float:right;
}

div.BtnEuro
{
  background-image: url('../../assets/images/icons/64x64/euro.png');
}
div.BtnBedrijven
{
  background-image: url('../../assets/images/icons/64x64/home.png');
}
div.BtnClock
{
  background-image: url('../../assets/images/icons/64x64/clock.png');
}
div.BtnContact
{
   background-image: url('../../assets/images/icons/64x64/add_contact.png');
   /*background-position: 26px 10px;*/
}
div.BtnContacten
{
  background-image: url('../../assets/images/icons/64x64/business_users.png');
}
div.BtnSync
{
   background-image: url('../../assets/images/icons/64x64/to_desktop.png');
}
div.BtnSubscriptions
{
  background-image: url('../../assets/images/icons/64x64/subscription.png');
}
div.BtnAdvertisements
{
  background-image: url('../../assets/images/icons/64x64/advertisement.png');
}
div.BtnAfspraken
{
  background-image: url('../../assets/images/icons/64x64/note_book.png');
}
div.BtnMailing
{
  background-image: url('../../assets/images/icons/64x64/mail_edit.png');
}
div.BtnOverzichten
{
  background-image: url('../../assets/images/icons/64x64/folder_full.png');
  background-position: 22px 15px;
}
div.BtnInstellingen
{
  background-image: url('../../assets/images/icons/64x64/computer_process.png');
  background-position: 22px 15px;
}

div.BtnUitloggen
{
  margin-right: 60px;
  background-image: url('../../assets/images/icons/64x64/unlock.png');
}
div.BtnTickets
{
  margin-right: 60px;
  background-image: url('../../assets/images/icons/64x64/tickets_black.png');
}

div.BtnMobiel
{
  background-image: url('../../assets/images/icons/64x64/smart_phone.png');
}
div.BtnSteleenvraag
{
  background-image: url('../../assets/images/icons/64x64/mail_open_edit.png');
  background-position: 22px 11px;
}
div.BtnVindons
{
  background-image: url('../../assets/images/icons/64x64/map.png');
}
div.BtnAdd
{
  background-image: url('../../assets/images/icons/24x24/add.png');
  width: 25px;
  height: 25px;
}
div.BtnBack
{
  background-image: url('../../assets/images/icons/32x32/home2.png');
  margin-right: 5px;
  width: 32px;
  height: 32px;
  float:right;
}
div.BtnBack24
{
  background-image: url('../../assets/images/icons/24x24/back.png');
  margin-right: 5px;
  width: 24px;
  height: 24px;
  float:right;
  cursor: pointer;
}
div.BtnPlay24
{
  background-image: url('../../assets/images/icons/24x24/play.png');
  margin-right: -5px;
  width: 24px;
  height: 24px;
  float:right;
  cursor: pointer;
}
div.BtnHome
{
  background-image: url('../../assets/images/icons/32x32/home.png');
  margin-right: 5px;
  width: 32px;
  height: 32px;
  float:right;
}
div.BtnHelp
{
  background-image: url('../../assets/images/icons/32x32/help.png');
  margin-left: 5px;
  width: 32px;
  height: 32px;
  float:right;
}

div.BtnBackToGrid
{
  background-image: url('../../assets/images/icons/non_square/btnBackToGrid.png');
  margin-left: 5px;
  margin-right: 16px;
  width: 100px;
  height: 32px;
  float:right;
}
div.BtnBackToAd
{
 background-image: url('../../assets/images/icons/non_square/btnBackToAd.png');
 margin-left: 5px;
 margin-right: 16px;
 width: 100px;
 height: 32px;
 float:right;
}
div.BtnBackToMenu
{
  background-image: url('../../assets/images/icons/non_square/btnBackToMenu.png');
  margin-left: 5px;
  margin-right: 3px;
  margin-top: -4px;
  width: 100px;
  height: 32px;
  float:right;
}
div.BtnBackToReports
{
  background-image: url('../../assets/images/icons/non_square/btnBackToReports.png');
  margin-left: 5px;
  margin-right: 3px;
  margin-top: -4px;
  width: 100px;
  height: 32px;
  float:right;
}


div.BtnAddUser
{
  background-image: url('../../assets/images/icons/24x24/user_add.png');
  width: 24px;
  height: 24px;
}
div.BtnEditUser
{
  background-image: url('../../assets/images/icons/24x24/user_edit.png');
  width: 24px;
  height: 24px;
}
div.BtnDeleteUser
{
  background-image: url('../../assets/images/icons/24x24/user_delete.png');
  width: 24px;
  height: 24px;
}
div.BtnDelete
{
  background-image: url('../../assets/images/icons/24x24/delete.png');
  width: 24px;
  height: 24px;
  float: right;
}
div.BtnSearchUser
{
  background-image: url('../../assets/images/icons/24x24/users_search.png');
  width: 24px;
  height: 24px;
}
div.BtnInstellingBack
{
  background-image: url('../../assets/images/icons/24x24/computer_process.png');
	width: 24px;
  height: 24px;
	float:right;
}
div.BtnInstellingWindow
{
  background-image: url('../../assets/images/icons/64x64/computer_process.png');
	width: 64px;
	height: 64px;
}
img.todoButton {
	float: right;
	width: 20px;
	margin: 12px 5px 0 0;
   /* margin-left: 5px; */
}

/* TABS (Relaties, Locaties, Contacten, Financiën enz ...)  */
/* TABS (Relaties, Locaties, Contacten, Financiën enz ...)  */

div.Tabs
{
  width: 150px;
  height: 24px;
  padding: 6px 0px 0px 0px;
  margin: 0px;
  margin-right: 1px;
  float: left;
  font-family: arial,helvetica,sanserif;
  font-size: 12px;
  text-align: center;
  color: #111;  /* #33 */
  font-weight: bold;
/*  border-top: #000;
  border-left: #000;
  border-right: #000;*/
	-moz-border-radius: 7px 7px 0px 0px;
	-webkit-border-radius:  7px 7px 0px 0px;
	-khtml-border-radius: 7px 7px 0px 0px;
	border-radius: 7px 7px 0px 0px;

}
div.TabActive
{
/*  background-image: url('../../assets/images/tab_active.png');*/
  background: #fff;
  color: #B15E21;
  margin-top: -7px;  /* Dit tab spingt omhoog */
  height: 31px;  /* Dit tab spingt omhoog */
}
div.TabActive:hover
{
  color: #fff; /* #000; */
  background: #000;
  cursor: pointer;
}
div.TabNonActive
{
/*  background-image: url('../../assets/images/tab_non_active.png');*/
  background: #bbb;
  color: #000;
}
div.TabNonActive:hover
{
  color: #000;
/*  background-image: url('../../assets/images/tab_active.png');*/
  color: #fff;
  background: #000;
  cursor: pointer;
  margin-top: -7px;  /* Dit tab spingt omhoog bij hover */
  height: 31px;  /* Dit tab spingt omhoog bij hover */
}
div.TabInActive
{
/*  background-image: url('../../assets/images/tab_non_active.png') !important;  */
  background: #ddd;
  color: #bbb;
  cursor:default !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
div.TabInActive:hover
{
/*  background-image: url('../../assets/images/tab_non_active.png') !important;  */
  cursor: pointer;
  color: #bbb !important;
}


/* Action buttons (Opslaan, Verwijderen, Annuleer, Nieuw ...)  */
/* Action buttons (Opslaan, Verwijderen, Annuleer, Nieuw ...)  */

#actionLink
{
  /* containtertje om actionbar en linkbar heen */
  border: 0;
  margin: 0 0 25px 0;
  padding: 0;
}

#actionBar
{
  background-color: #F3E5CD;
  padding: 3px;
  height: 23px;
  width: 652px;
  margin-bottom: 27px;
  border: 1px solid #D3C5AD;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	  -moz-box-shadow: 0px 2px 7px 0px #eee;
	  -webkit-box-shadow: 0px 2px 7px 0px #eee;
	  box-shadow: 0px 2px 7px 0px #eee;
}
.actionBarFullWidth
{
  width: 920px !important;
}

#buttonActionbar
{
  margin: 0px;
}
#buttonActionbar .button {
  /* Generated by http://www.colorzilla.com/gradient-editor/ */
/*background: rgb(26,137,206);  Old browsers
background: -moz-linear-gradient(top,  rgba(26,137,206,1) 23%, rgba(14,124,193,1) 80%);  FF3.6+
background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(26,137,206,1)), color-stop(80%,rgba(14,124,193,1)));  Chrome,Safari4+
background: -webkit-linear-gradient(top,  rgba(26,137,206,1) 23%,rgba(14,124,193,1) 80%);  Chrome10+,Safari5.1+
background: -o-linear-gradient(top,  rgba(26,137,206,1) 23%,rgba(14,124,193,1) 80%);  Opera 11.10+
background: -ms-linear-gradient(top,  rgba(26,137,206,1) 23%,rgba(14,124,193,1) 80%);  IE10+
background: linear-gradient(to bottom,  rgba(26,137,206,1) 23%,rgba(14,124,193,1) 80%);  W3C
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a89ce', endColorstr='#0e7cc1',GradientType=0 );  IE6-9 */

  font-weight: normal;
  height: 23px;
  width: 125px;
  cursor: pointer;

  background: #555;
  color: #fff;  /* #eee; */;
  border: 1px solid #000;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

.selCont {
   padding: 3px 9px 3px 9px;
}

#buttonActionbar .button:hover {
/*background: rgb(14,124,193);  Old browsers
background: -moz-linear-gradient(top,  rgba(14,124,193,1) 23%, rgba(26,137,206,1) 81%);  FF3.6+
background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(14,124,193,1)), color-stop(81%,rgba(26,137,206,1)));  Chrome,Safari4+
background: -webkit-linear-gradient(top,  rgba(14,124,193,1) 23%,rgba(26,137,206,1) 81%);  Chrome10+,Safari5.1+
background: -o-linear-gradient(top,  rgba(14,124,193,1) 23%,rgba(26,137,206,1) 81%);  Opera 11.10+
background: -ms-linear-gradient(top,  rgba(14,124,193,1) 23%,rgba(26,137,206,1) 81%);  IE10+
background: linear-gradient(to bottom,  rgba(14,124,193,1) 23%,rgba(26,137,206,1) 81%);  W3C
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e7cc1', endColorstr='#1a89ce',GradientType=0 );  IE6-9 */

  background: #000;
  color: #fff;  /* #eee; */;
  border: 1px solid #000;
/*    border-bottom: 1px solid #aaa;*/
	color: #fff;
}
#buttonActionbar .buttonRight {
	float: right;
	height: 22px !important;
}



/* SV: NIEUW: Radiobuttons (zwart) voor RAAM ) */

#buttonActionbar .button_radio
{
   height: 23px;
   margin-left:3px;
   width: 123px;
   cursor: pointer;
	  background: #ddd;
	  -webkit-border-radius: 3;
	  -moz-border-radius: 3;
	  border-radius: 3px;
	  font-family: Arial;
	  color: #ffffff;
	  font-size: 15px;
	  padding: 5px 10px 5px 10px;
	  text-decoration: none;
   -webkit-transition: all 0.4s ease;
   -moz-transition: all 0.4s ease;
   -ms-transition: all 0.4s ease;
   -o-transition: all 0.4s ease;
   transition: all 0.4s ease;
   color: #333;
   border: 1px #111 solid;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   font-size: 13px;
   padding: 2px 10px 5px 10px;
}
#buttonActionbar .active
{
   height: 23px;
   margin-left:3px;
   width: 123px;
   cursor: pointer;
	  background: #bbb;
	  -webkit-border-radius: 3;
	  -moz-border-radius: 3;
	  border-radius: 3px;
   font-family: Arial;
   color: #fff;
   font-size: 13px;
   padding: 2px 10px 5px 10px;
   text-decoration: none;
	  -webkit-box-shadow:inset 2px 2px 4px 2px #696969;
	  box-shadow:inset 2px 2px 4px 2px #696969;
}
#buttonActionbar .active:hover, #buttonActionbar .button_radio:hover
{
  background: #555;
  text-decoration: none;
  color: #eee;
   padding: 2px 10px 5px 10px;
}

/* SV: EINDE: Radiobuttons (zwart) voor RAAM ) */



/* OPTIONS binnen Contacten (Overzicht, Afspraken, Bestanden ...)  */
/* OPTIONS binnen Contacten (Overzicht, Afspraken, Bestanden ...)  */

#optionBar
{
/*  border: #d00 1px solid;*/
  padding: 0;
  margin: 0;
  background-color: #fff;
  width: 655px;
}
#linkOptionBar
{
/*  border-bottom: 1px solid #eee;*/
  padding-bottom: 7px;
}
div#linkOption
{
  text-align: center;
  display: inline;
/*  padding: 8px 24px 7px 24px;*/
  padding: 8px 0px 7px 0px;
/*  border-right: 1px solid #eee;*/
/*    -webkit-border-radius: 7px 7px 0px 0px;
	border-radius: 12px 12px 0px 0px;
	  -webkit-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.50);
	  -moz-box-shadow:    0px 2px 2px rgba(50, 50, 50, 0.50);
	  box-shadow:         0px 2px 2px rgba(50, 50, 50, 0.50);*/
  cursor: pointer;
}
div#linkOptionActive
{
  text-align: center;
  display: inline;
/*  padding: 8px 24px 7px 24px;*/
  padding: 8px 0px 7px 0px;
/*  border-right: 1px solid #eee;*/
/*    -webkit-border-radius: 7px 7px 0px 0px;
	border-radius: 12px 12px 0px 0px;
	  -webkit-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.50);
	  -moz-box-shadow:    0px 2px 2px rgba(50, 50, 50, 0.50);
	  box-shadow:         0px 2px 2px rgba(50, 50, 50, 0.50);*/
  cursor: pointer;
}

#linkOption .button
{
  background: rgb(26,137,206); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 23%, rgba(221,221,221,1) 80%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(255,255,255,1)), color-stop(80%,rgba(221,221,221,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(221,221,221,1) 80%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(221,221,221,1) 80%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(221,221,221,1) 80%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 23%,rgba(221,221,221,1) 80%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	font-weight: normal;
	height: 23px;
	width: 120px;
	border-left: 1px solid #789;
	border-top: 1px solid #789;
	border-right: 1px solid #789;
	cursor: pointer;
	color: #555;
	  -moz-border-radius: 2px;
	  -webkit-border-radius: 2px;
	  -khtml-border-radius: 2px;
	border-radius: 3px 3px 0px 0px;
}
#linkOption .button:hover
{
  background: rgb(26,137,206); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(70,70,70,1) 23%, rgba(0,0,0,1) 80%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(70,70,70,1)), color-stop(80%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(70,70,70,1) 23%,rgba(0,0,0,1) 80%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(70,70,70,1) 23%,rgba(0,0,0,1) 80%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(70,70,70,1) 23%,rgba(0,0,0,1) 80%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(70,70,70,1) 23%,rgba(0,0,0,1) 80%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#777',GradientType=0 ); /* IE6-9 */
	font-weight: normal;
	height: 23px;
	width: 120px;
/*    border: 1px solid #789;*/
	border-left: 1px solid #111;
	border-top: 1px solid #111;
	border-right: 1px solid #111;
	cursor: pointer;
	color: #fff;
	  -moz-border-radius: 2px;
	  -webkit-border-radius: 2px;
	  -khtml-border-radius: 2px;
	border-radius: 3px 3px 0px 0px;
}

#linkOptionActive .button
{
  background: rgb(26,137,206); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(90,90,90,1) 23%, rgba(60,60,60,1) 80%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(90,90,90,1)), color-stop(80%,rgba(60,60,60,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(90,90,90,1) 23%,rgba(60,60,60,1) 80%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(90,90,90,1) 23%,rgba(60,60,60,1) 80%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(90,90,90,1) 23%,rgba(60,60,60,1) 80%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(90,90,90,1) 23%,rgba(60,60,60,1) 80%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7111', endColorstr='#777',GradientType=0 ); /* IE6-9 */
	font-weight: normal;
	height: 23px;
	width: 120px;
/*    border: 1px solid #789;*/
	border-left: 1px solid #111;
	border-top: 1px solid #111;
	border-right: 1px solid #111;
	cursor: pointer;
	color: #fff;
	  -moz-border-radius: 2px;
	  -webkit-border-radius: 2px;
	  -khtml-border-radius: 2px;
	border-radius: 3px 3px 0px 0px;
}
#linkOptionActive .button:hover
{
  background: rgb(26,137,206); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(70,70,70,1) 23%, rgba(0,0,0,1) 80%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(70,70,70,1)), color-stop(80%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(70,70,70,1) 23%,rgba(0,0,0,1) 80%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(70,70,70,1) 23%,rgba(0,0,0,1) 80%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(70,70,70,1) 23%,rgba(0,0,0,1) 80%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(70,70,70,1) 23%,rgba(0,0,0,1) 80%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#777',GradientType=0 ); /* IE6-9 */
	font-weight: normal;
	height: 23px;
	width: 120px;
/*    border: 1px solid #789;*/
	border-left: 1px solid #111;
	border-top: 1px solid #111;
	border-right: 1px solid #111;
	cursor: pointer;
	color: #fff;
	  -moz-border-radius: 2px;
	  -webkit-border-radius: 2px;
	  -khtml-border-radius: 2px;
	border-radius: 3px 3px 0px 0px;
}

/* SV: layout en kleine icons (32x32) bij rapporten en mailingen */
table.report_list_head
{
  border: 0;
  margin: 0;
  padding: 0;
}
p.rep_list_head
{
  font-size: 16px;
  color: #555;
}
p.rep_hr
{
  height: 1px;
  border-bottom: 1px #e0e0e0 solid;
  margin: 19px 0 9px 0;
  width: 920px;
}
p.rep_list
{
  padding-left: 49px;
}
div.rep_icons
{
  width: 32px;
  height: 32px;
  padding-right: 10px;
  background-repeat: no-repeat;
}
div.rep_icon_mail
{
  background-image: url('../../assets/images/icons/32x32/mail_edit.png');
}
div.rep_icon_mail_sent
{
  background-image: url('../../assets/images/icons/32x32/mail_sent.png');
}

/* NJJ Button RelationTypes */
div#divTypeButton
{
   margin-top: 12px;
   text-align: right;
}
a.linkTypeButton
{
   border: #444 1px solid;
   background: #444;
   padding: 5px;
   color: #fff !important;
   cursor: pointer; cursor: hand;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   -khtml-border-radius: 3px;
   border-radius: 3px;
}
a.linkTypeButton:hover
{
   border: #333 1px solid;
   background: #eee;
   padding: 5px;
   color: #000 !important;
   cursor: pointer; cursor: hand;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   -khtml-border-radius: 3px;
   border-radius: 3px;
}


/* SV: REPORTS */
table.report_list_head
{
   border: 0;
   margin: 0;
   padding: 0;
}
p.rep_list_head
{
   font-size: 16px;
   color: #555;
}
p.rep_hr
{
   height: 1px;
   border-bottom: 1px #e0e0e0 solid;
   margin: 19px 0 9px 0;
   width: 920px;
}
p.rep_list
{
   padding-left: 49px;
}
div.rep_icons   /* hoofdsoort reports */
{
   width: 32px;
   height: 32px;
   padding-right: 10px;
   background-repeat: no-repeat;
}
div.rep_icons2  /* icons voor pdf en csv enz */
{
   width: 90px;
   height: 27px;
   background-repeat: no-repeat;
   background-position: 30px;
   background-size:30%;
  -webkit-transition: all 0.7s ease;
	 -moz-transition: all 0.7s ease;
	   -o-transition: all 0.7s ease;
	  -ms-transition: all 0.7s ease;
		  transition: all 0.7s ease;

}
div.rep_icons2:hover
{
  -webkit-transform: rotate(15deg);
	 -moz-transform: rotate(15deg);
	   -o-transform: rotate(15deg);
	  -ms-transform: rotate(15deg);
		  transform: rotate(15deg);
}

div.rep_icon_rel
{
   background-image: url('../../assets/images/icons/64x64/business_users.png');
   background-size: 32px 32px;
}
div.rep_icon_abo
{
   background-image: url('../../assets/images/icons/64x64/subscription.png');
   background-size: 32px 32px;
}
div.rep_icon_adv
{
   background-image: url('../../assets/images/icons/64x64/advertisement.png');
   background-size: 32px 32px;
}
div.rep_icon_todo
{
   background-image: url('../../assets/images/icons/64x64/note_book.png');
   background-size: 32px 32px;
}
div.rep_icon_time
{
   background-image: url('../../assets/images/icons/32x32/clock.png');
}
div.rep_icon_lists
{
   background-image: url('../../assets/images/icons/64x64/folder_full.png');
   background-size: 32px 32px;
}
div.rep_icon_scr
{
   background-image: url('../../assets/images/icons/32x32/scr-icon.png');
}
div.rep_icon_pdf
{
   background-image: url('../../assets/images/icons/32x32/pdf-icon.png');
}
div.rep_icon_csv
{
   background-image: url('../../assets/images/icons/32x32/csv-icon.png');
}