@charset "UTF-8";

.conBar { position:relative; width:100%; min-width:1020px; max-width:1360px;  background-color:#FFF; border:solid 1px #e1e1e1; height:50px; color:#737373; line-height:50px; }
.conBar.default { line-height:normal; height:55px; }
.conBar h1 { padding:0; margin:0; font-size:20px; font-weight:normal; float:left; line-height:55px; margin-left:15px; color:#06C; }

.bgi-grey { background-image:url(images/backs/grey.png); background-repeat:no-repeat; background-position:left; }
.bgi-orange { background-image:url(images/backs/orange.png); background-repeat:no-repeat; background-position:left; }
.bgi-blue { background-image:url(images/backs/blue.png); background-repeat:no-repeat; background-position:left; }
.bgi-red { background-image:url(images/backs/red.png); background-repeat:no-repeat; background-position:left; }
.bgi-green { background-image:url(images/backs/green.png); background-repeat:no-repeat; background-position:left; }

.conBarGroups { position:relative; float:left; border:solid 0px #FF0000; padding:0px 10px 0px 10px; cursor:pointer; }
.conBarGroups:hover { background-color:#effaff; }
.conBarGroups.noHover:hover { background-color:transparent; cursor:default; }
.conBarGroups img { float:right; width:16px; height:16px; background-color:#39C; margin-left:10px; padding:5px; margin-top:10px; }
.conBar .group_title { float:left; margin-left:15px; color:#CD5154; }

.conBarSearch { position:relative; float:left; border:solid 0px #006699; margin-left:25px; }
.conBarSearch input { height:37px;  border:solid 1px #B0B0B0; background-color:#FFF; font-size:14px; color:#036; padding-right:5px; padding-left:5px; margin-top:8px; }

.conLine { position:relative; width:100%; min-width:1020px; max-width:1360px; background-color:#FFF; border:solid 1px #e1e1e1; height:50px; color:#737373; cursor:pointer; }
.conLine:hover { background-color:#effaff; }
.conLine:hover { border-left:solid 1px #FF0000; }
.conLine .selectBox { width:100px; border:solid 1px #666666; }

/* --> Full contacts details */
.conContainer { position:relative; width:100%; min-width:1020px; max-width:1360px;  background-color:#FFF; border:solid 1px #e1e1e1; min-height:150px; color:#737373; }
.conContainerSimple { position:relative; width:100%; min-width:1020px; max-width:1360px; border:solid 0px #e1e1e1; color:#737373; }
.conLabel { position:relative; width:200px; margin:5px; float:left; border:solid 1px #993300; padding:10px; }
.conContent { position:relative; width:400px; margin:5px; float:left; border:solid 1px #993300; padding:10px; }

/*
.conContCol { position:relative; width:665px; margin:3px; float:left; border:solid 0px #093; }
.conBox { position:relative; width:635px; margin:3px; float:left; border:solid 0px #993300; padding:5px; }
.conBox label { position:relative; display:block; float:left; width:190px; border:solid 0px #993300; padding:3px; }
.conBox p { display:block; position:relative; float:left; border:solid 0px #999999; width:430px; padding:0; margin:0; }
.conBoxSection { position:relative; border:solid 1px #CCCCCC; background-color:#f7f7f7; padding:10px; border-right:0; border-left:0; font-size:18px; color:#c35159; }
.conBoxSection span { background-color:#06C; color:#FFF; font-size:15px; margin-left:10px; padding:3px; border-radius:3px; }
*/

.conContCol { position:relative; display:inline-block; width:49%; margin:3px; float:left; border:solid 0px #093; }
.conBox { position:relative; display:inline-block; width:96%; margin:3px; float:left; border:solid 0px #993300; padding:3px; }
.conBox label { position:relative; display:inline-block; width:25%; float:left; border:solid 0px #993300; padding:3px; }
.conBox p { display:inline-block; width:68%; position:relative; float:left; border:solid 0px #999999;  padding:0; margin:0; margin-top:3px; }

.conBoxSection { position:relative; border:solid 1px #CCCCCC; background-color:#f7f7f7; padding:10px; border-right:0; border-left:0; font-size:18px; color:#c35159; }
.conBoxSection span { background-color:#06C; color:#FFF; font-size:15px; margin-left:10px; padding:3px; border-radius:3px; }
.conBoxSection img { float:left; margin-right:10px; width:28px; height:22px; }
.conBoxSection .conOptions { margin-top:-9px; }
	/* events */
	
	.conEvent { position:relative; padding:0px; line-height:40px; padding-left:10px; margin:5px; border-left:solid 10px #999999; border-bottom:solid 0px #CCCCCC; cursor:pointer; clear:both; }
	.conEvent.nb { border:0; }
	.conDate { position:relative; float:left; margin-right:15px; }
	.conDateIndicator { position:relative; float:right; margin-right:15px; }
	.conDateIndicator.green { color:#093; }
	.conDateIndicator.red { color:#F00; }
	.conDateIndicator.purple { color:#C09; }
	.conEvent:hover { background-color:#effaff; } 
	
	.conCategory { position:relative; float:left; line-height:normal !important; margin-right:10px; background-color:#eaeaea; padding:5px; font-size:12px; margin-top:8px; }
	.conTag { position:relative; float:left; line-height:normal !important; margin-right:10px; background-color:#eaeaea; padding:5px; font-size:12px; margin-top:8px; }
	.conTag2 { position:relative; float:left; line-height:normal !important; margin-right:10px; background-color:#eaeaea; padding:5px; font-size:12px; margin-top:8px; }
	
	
	.conDateIndicator .conOptions { margin-top:0 !important; margin-left:5px; }
	.conToolsContainer { position:relative; float:right; margin-right:0;  position:absolute; right:0; top:0; background-color:#FFF; }
	.conToolsContainer .conOptions { margin-top:0 !important; margin-left:5px; }
	.conToolsContainer.green { color:#093; }
	.conToolsContainer.red { color:#F00; }
	.conToolsContainer.purple { color:#C09; }	
	.con_manager_container { position:relative; float:left; margin-right:10px; color:#039; font-size:13px; }
	
	.conEvent:hover .conToolsContainer { background-color:#effaff; } 
	
/* <-- */

.contact_checkbox { position:relative; width:22px; height:22px; margin-left:15px; margin-top:15px; background:url(images/contacts_checkbox.png) top; float:left; cursor:pointer; }
.contact_checkbox:hover { background-position:0px -22px; }
.contact_checkbox.active { background-position:bottom; }

/*
.conImage { position:relative; float:left; width:38px; height:38px; background:url(images/contacts/contact_image.png) top no-repeat; }
.conImage.company { background-position:bottom; }
*/

.conImage { position:relative; float:left; width:38px; height:38px; border-radius:19px; background-color:#F1F1F1; line-height:36px; }

.conLine .conCol { position:relative; float:left; line-height:50px; height:50px; overflow:hidden; margin-left:15px; width:18%; border:solid 0px #666666;   }

.conOptions { position:relative; float:right; width:38px; height:38px; margin-top:7px; margin-right:5px; cursor:pointer; line-height:normal !important; }

.conOptions.cEdit { background:url(images/contacts/contacts_edit.png) top no-repeat; }
.conOptions.cStar { background:url(images/contacts/contacts_star.png) top no-repeat; }
.conOptions.cStar2 { background:url(images/contacts/contacts_star_2.png) top no-repeat; }
.conOptions.cMenu { background:url(images/contacts/contacts_menu.png) top no-repeat; }
.conOptions.cArrowDown { background:url(images/contacts/contacts_arrow_down2.png) top no-repeat; }
.conOptions.cArrowDownRed { background:url(images/contacts/contacts_arrow_down_red.png) top no-repeat; }
.conOptions.cArrowRight { background:url(images/contacts/contacts_arrow_right.png) top no-repeat; }
.conOptions.cArrowLeft { background:url(images/contacts/contacts_arrow_left.png) top no-repeat; }
.conOptions.cArrowRightWhite { background:url(images/contacts/contacts_arrow_right2.png) top no-repeat; }
.conOptions.cArrowLeftWhite { background:url(images/contacts/contacts_arrow_left2.png) top no-repeat; }
.conOptions.cSort { background:url(images/contacts/contacts_sort.png) top no-repeat; }
.conOptions.cPlusBlue { background:url(images/contacts/contacts_plusBlue.png) top no-repeat; }
.conOptions.cCalendar { background:url(images/contacts/contacts_calendar.png) top no-repeat; }
.conOptions.cPage { background:url(images/contacts/contacts_page.png) top no-repeat; }
.conOptions.cClock { background:url(images/contacts/contacts_clock.png) top no-repeat; }

.conOptions.cGoUp { background:url(images/contacts/contacts_goUp.png) top no-repeat; }

.conOptions.cCheck { background:url(images/contacts/contacts_check.png) top no-repeat; }
.conOptions.cCheck2 { background:url(images/contacts/contacts_check2.png) top no-repeat; }

.conOptions.cGear { background:url(images/contacts/contacts_gear.png) top no-repeat; }
.conOptions.cDownload { background:url(images/contacts/contacts_download.png) top no-repeat; }
.conOptions.cColor { background:url(images/contacts/contacts_color.png) top no-repeat; }

.conOptions.cPlus { background:url(images/contacts/contacts_plus.png) top no-repeat; }
.conOptions.cPlusBlue { background:url(images/contacts/contacts_plus_blue.png) top no-repeat; }
.conOptions.cMobile { background:url(images/contacts/contacts_mobile.png) top no-repeat; }
.conOptions.cPullDown { background:url(images/contacts/contacts_pull_down.png) top no-repeat; }

.conOptions.cDelete { background:url(images/contacts/contacts_x.png) top no-repeat; }
.conOptions.cSearch { background:url(images/contacts/contacts_search.png) top no-repeat; }
.conOptions.cSearch2 { background:url(images/contacts/contacts_search2.png) top no-repeat; }
.conOptions.cQuestion { background:url(images/contacts/contacts_question.png) top no-repeat; }
.conOptions.cHelp { background:url(images/contacts/contacts_help.png) top no-repeat; }
.conOptions.cHelpBlue { background:url(images/contacts/contacts_helpBlue.png) top no-repeat; }

.conOptions.cPrint { background:url(images/contacts/contacts_print.png) top no-repeat; }

.conOptions.cHat { background:url(images/contacts/contacts_hat.png) top no-repeat; }
.conOptions.cEmail { background:url(images/contacts/contacts_email.png) top no-repeat; }
.conOptions.cBell { background:url(images/contacts/contacts_bell.png) top no-repeat; }
.conOptions.cSearchBlue { background:url(images/contacts/contacts_searchBlue.png) top no-repeat; width:37px; height:37px; }

.conOptions.cExcel { background:url(images/contacts/contacts_excel.png) top no-repeat; }
.conOptions.cVat { background:url(images/contacts/contacts_afm.png) top no-repeat; }
.conOptions.cTimer { background:url(images/contacts/contacts_timer.png) top no-repeat; }

.conOptions.active { background-position:bottom; }
.conOptions:hover { background-position:0px -38px; }
.conOptions.cSearchBlue:hover { background-position:0px -37px; }

.indiAccountant { position:relative; float:right; width:38px; height:38px; margin-top:7px; margin-right:5px; cursor:pointer; line-height:normal !important; background:url(images/contacts/contact_accountant.png) top no-repeat; }

.cMenuBox { position:absolute; top:38px; right:0; width:200px; font-size:13px !important; border:solid 1px #CCCCCC; background-color:#FFF; z-index:8001; padding:0px; box-shadow:3px 3px 8px #666; }
.cMenuBox a { display:block; padding:10px; background-color:#FFF; margin-bottom:1px; color:#333 !important; text-align:left !important; }
.cMenuBox a img { float:left; width:16px; height:16px; background-color:#999; margin-right:10px; padding:5px; margin-top:-4px; margin-left:0; }
.cMenuBox a:hover { background-color:#eeeeee; color:#666 !important; }

.cSubMenu { display:none; border-bottom:solid 1px #666666; }
.cSubMenu a { background-color:#f7f7f7; }

.cMenuBox a i { float:left; width:16px; height:16px; margin-right:10px; padding:5px; margin-top:-4px; margin-left:0; }
.conOptions.cMenu.cssMenu { width:25px; height:25px; background-size:cover; background-image:none; text-align:center; border:solid 0px #000000; padding:6px; }
.conOptions.cMenu.cssMenu:hover { background-color:#B03C3E; color:#FFFFFF; }

.cMenuBox.right { right:-170px; }
/* GROUPS */


/* Level 2 SubMenu */
.cMenuBox2 { position:relative; }
.cMenuBox2 .subMenu { position:absolute; display:none; overflow:hidden; width:200px; left:200px; top:0; border:solid 1px #CCCCCC; background-color:#FFF; box-shadow:5px 3px 8px #666; border-radius:6px; border-top-left-radius:0; }
.cMenuBox2 .subMenu.smenuleft { left:-203px; box-shadow:-5px 3px 8px #666; }
/* GROUPS */


.selGroup { float:left; margin:10px; width:230px; height:45px; background-color:#FFF; border:solid 1px #cccccc; padding:15px; overflow:hidden; cursor:pointer; }
.selGroup h2 { margin:0; font-weight:normal; font-size:17px; color:#6f6f6f; overflow:hidden; height:20px; }
.selGroup h3 { margin:0; font-weight:normal; font-size:15px; color:#4590a8; margin-top:10px; }
.selGroup:hover { background-color:#effaff; }
.list_of_groups { height:450px; overflow:auto; }


.selGroup.red { border-left:solid 5px #c35159; }
.selGroup.red h2 { color:#c35159 !important; }
.selGroup.red2 { border-left:solid 5px #FF8878; }
.selGroup.red2 h2 { color:#FF8878 !important; }
.selGroup.blue { border-left:solid 5px #517EF2; }
.selGroup.blue h2 { color:#517EF2 !important; }
.selGroup.blue2 { border-left:solid 5px #A3BAFF; }
.selGroup.blue2 h2 { color:#A3BAFF !important; }
.selGroup.green { border-left:solid 5px #41BA3C; }
.selGroup.green h2 { color:#41BA3C !important; }
.selGroup.yellow { border-left:solid 5px #FDDA47; }
.selGroup.yellow h2 { color:#FDDA47 !important; }
.selGroup.purple { border-left:solid 5px #DEA9FF; }
.selGroup.purple h2 { color:#DEA9FF !important; }
.selGroup.grey { border-left:solid 5px #e1e1e1; }
.selGroup.grey h2 { color:#737373 !important; }
.selGroup.black { border-left:solid 5px #515151; }
.selGroup.black h2 { color:#515151 !important; }

.selGroup.active { background-color:#CCC; }
.selGroup.active h2 { color:#515151 !important; }

.group_selected { position:relative; float:left; margin-left:15px; }


/* CONTACTS FULL VIEW */


.tableContacts { position:relative; border:solid 0px #333333; }
.tableContacts td,tr { border-bottom:solid 1px #CCCCCC; border-right:solid 0px #CCCCCC; }
.tableContacts td { }

.tableContacts tr:first-child td { border-top:0; padding:10px; background-color:#eeeeee; }
/*.tableContacts tr:last-child td { border-top:0; padding:10px; }*/

.tableContacts .contact_checkbox { margin:0 !important; }
.tableContacts .conOptions { margin:0 !important; }
.tableContacts tr:hover { background-color:#effaff; }



.gGroup { position:relative; float:left; margin:10px; width:280px; background-color:#f7f7f7; border:solid 1px #e1e1e1; border-left:solid 5px #e1e1e1; height:120px; padding:10px; }
.gGroup h2 { padding:10px 0px 0px 10px; margin:0; font-size:18px; font-weight:normal; height:30px;  border-bottom:solid 1px #DDD; overflow:hidden; }
.gGroup h3 { padding:10px 0px 10px 10px; margin:0; font-size:15px; font-weight:normal; }

.gGroup.red { border-left:solid 5px #c35159; }
.gGroup.red h2 { color:#c35159 !important; }

.gGroup.red2 { border-left:solid 5px #FF8878; }
.gGroup.red2 h2 { color:#FF8878 !important; }

.gGroup.blue { border-left:solid 5px #517EF2; }
.gGroup.blue h2 { color:#517EF2 !important; }

.gGroup.blue2 { border-left:solid 5px #A3BAFF; }
.gGroup.blue2 h2 { color:#A3BAFF !important; }

.gGroup.green { border-left:solid 5px #41BA3C; }
.gGroup.green h2 { color:#41BA3C !important; }

.gGroup.yellow { border-left:solid 5px #FDDA47; }
.gGroup.yellow h2 { color:#FDDA47 !important; }

.gGroup.purple { border-left:solid 5px #DEA9FF; }
.gGroup.purple h2 { color:#DEA9FF !important; }

.gGroup.grey { border-left:solid 5px #e1e1e1; }
.gGroup.grey h2 { color:#737373 !important; }


.conBarGroups img { float:right; width:16px; height:16px; background-color:#39C; margin-left:10px; padding:5px; margin-top:10px; }

.gGroup:hover { background-color:#effaff; cursor:pointer; }

/* NEW CONTACTS */

.h1_contacts_title { border:solid 0px #312D2D; font-size:16px !important; position:absolute; left:170px; }

/* CUSTOMER ADMIN NOTES */

.cNotesContainer { position:absolute; top:0; right:0; width:550px; height:600px; background-color:#FFF; border:solid 1px #CCCCCC; z-index:5000; box-shadow:0px 2px 6px #666666; overflow:auto; }

.cNotesContainer textarea { width:95%; min-width:95%; max-width:95%; padding:5px; margin:0; font-size:13px; font-family:Arial, Helvetica, sans-serif; height:100px; line-height: 20px; }
.cNotesTextArea { width:97%; min-width:97%; max-width:97%; padding:5px; margin:0; font-size:13px; font-family:Arial, Helvetica, sans-serif; height:150px; min-height: 150px; line-height: 20px; }
.cNotesRecord { position:relative; background-color:#F7F7F7; padding:10px; border-left:solid 2px #666666; margin-bottom:3px; cursor:pointer; }
.cNotesRecord:hover { background-color:#D4DDF3; color:#000000; }

/* LISTS */

.rec-to-select { padding: 10px; background-color:#F3F3F3; margin-top:5px; cursor:pointer;  } 
.rec-to-select:hover { background-color:#C8D6E0; transition: .1s; }
.rec-to-select:active { background-color:#8EACD0; color:white; }
.rec-to-select i { margin-right:10px; }