a { margin: 0; padding: 0; border: 0; text-decoration: none; color: #5c8ac6; cursor: pointer; }


ul { list-style: none; padding: 0; margin: 0; list-style-image: none; border: 0; }


input { font-size: 12px; font-family: Arial,Tahoma,Verdana,sans-serif; border: 0px; vertical-align: middle; }

select { font-size: 12px; font-family: Arial,Tahoma,Verdana,sans-serif; border: 0px; vertical-align: middle; }



textarea { font-family: Arial,Tahoma,Verdana,sans-serif; font-size: 12px; border: 0px; }




table.table_100p_fixed { width: 100%; table-layout: fixed; }


i { font-style: normal; font-weight: normal; color: #787878; }

.t_center{text-align: center}
.left{float: left}
.right{float: right}

.clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; } .clearfix:after { clear: both; }
.cleaner { clear: both; height: 0px; float: none; overflow: hidden; }

.calendar_day { height: 125px; border: 1px solid #e2e5eb; padding: 0px 0px 20px 0px; }
.calendar_day:first-child { border-left: none; }
.calendar_day:last-child { border-right: none; }
.calendar_day.important, .calendar_day.important.selected { background-color: #fff1db !important; }
.calendar_day.selected { background-color: #fff7ea !important; }
.c_header { background-color: transparent; height: 22px; line-height: 22px; color: #8c93a0; font-size: 11px; }
.inactive .c_header .date { color: #b8c2d3; }
.calendar_day.important .c_header { background-color: #ff9b00; height: 22px; line-height: 22px; font-weight: bold; color: #FFFFFF; font-size: 13px; }

.calendar_day .triangle { display: none; }
.calendar_day.month_start .triangle { display: block; float: left; height: 0px; width: 0px; border-bottom: 9px solid transparent; border-top: 9px solid transparent; border-left: 9px solid #9ba2b1;
						-webkit-transform: rotate(-135deg); 
					    -moz-transform: rotate(-135deg);  
					    -o-transform: rotate(-135deg);
					    /*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-135);*/
                        transform: rotate(-135deg);
					    position: relative;
					    margin: -6px 0 0 -1px; }




.calendar_day .day { float: left; padding: 0px 0px 0px 9px; }
.calendar_day .date { float: right; padding: 0px 9px 0px 0px; }
.calendar_day.regular .day { display: none; }
.calendar_day.regular .date { font-size: 13px; color: #737983; }



.calendar_day .events_sep { height: 14px; padding: 2px 0px 2px 0px; margin: 4px 1px 0px 1px !important; }
.calendar_day ul.events { margin: 0px 0px 0px 0px; }
.calendar_day ul.events .item { display: block; padding: 3px 6px 3px 6px; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.calendar_day ul.events .item.drag { opacity: 0.4; }
.calendar_day ul.events .item.edit { border: 1px dashed #198fbc; }
/*.calendar_day ul.events .item.recurring { padding-left: 20px; background: url('/img/search_ref.png') no-repeat 7px 2px; } */
/*.calendar_day ul.events .item.new { opacity: 0.4; }*/
.calendar_day.image ul.events .item { text-shadow: 1px 1px 1px rgba(255,255,255, 1); }

.calendar_day ul.events .separator { color: #ba7c09; padding: 3px 3px 3px 3px; }
.calendar_day ul.events .sep_line { clear: both; height: 1px; background-color: #e0e2e4; float: none; overflow: hidden; }

.scheduled_event { height: 14px; line-height: 14px; overflow: hidden; color: #FFFFFF; padding: 2px 0px 2px 0px; margin: 4px 1px 0px 1px; cursor: pointer; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; position: relative; width: 100%; }
.scheduled_event.new { opacity: 0.4; }
.calendar_day ul.events .scheduled_event { width: 99%; }

.scheduled_event.continue-right {
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.scheduled_event.continue-left {
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.scheduled_event.drag { opacity: 0.4; }
.scheduled_event.edit { opacity: 0.4; }
.scheduled_event .abs { padding: 0px 8px 0px 8px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.scheduled_event .abs svg {
    float: left;
    height: 14px;
    width: 14px;
    overflow: hidden;
    margin: 0 4px 0 0;
    fill: #ffffff;
}

.scheduled_event .abs svg path {
    fill: #ffffff;
}

.item svg {
    height: 12px;
    width: 12px;
    overflow: hidden;
    margin: 0px 2px 0px -2px;
	vertical-align: middle;
}

.scheduled_event.new .abs {
    -webkit-background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    background-size: 20px 20px;
    background-image: -webkit-gradient(linear, left top, right bottom,
    color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),
    color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),
    color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent),
    to(transparent));
    background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
    transparent 75%, transparent);
    background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
    transparent 75%, transparent);
    background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
    transparent 75%, transparent);
    background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
    transparent 75%, transparent);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
    transparent 75%, transparent);

    -webkit-animation: animate-stripes 1.5s linear infinite;
    -moz-animation: animate-stripes 1.5s linear infinite;
    -ms-animation: animate-stripes 1.5s linear infinite;
}

.calendar_day ul.events .item.new {
    opacity: 0.4;
    border: 1px solid #ced3e6;
    border-radius: 15px;
    padding: 0px 6px 0px 6px !important;
    margin: 4px 1px 0px 1px;
    background-color: #FFFFFF;
    -webkit-background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    background-size: 20px 20px;
    background-image: -webkit-gradient(linear, left top, right bottom,
    color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, #ced3e6),
    color-stop(.5, #ced3e6), color-stop(.5, rgba(255, 255, 255, .15)),
    color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, #ced3e6),
    to(#ced3e6));
    background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, #ced3e6 25%,
    #ced3e6 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
    #ced3e6 75%, #ced3e6);
    background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, #ced3e6 25%,
    #ced3e6 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
    #ced3e6 75%, #ced3e6);
    background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, #ced3e6 25%,
    #ced3e6 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
    #ced3e6 75%, #ced3e6);
    background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, #ced3e6 25%,
    #ced3e6 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
    #ced3e6 75%, #ced3e6);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, #ced3e6 25%,
    #ced3e6 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
    #ced3e6 75%, #ced3e6);

    -webkit-animation: animate-stripes 1.5s linear infinite;
    -moz-animation: animate-stripes 1.5s linear infinite;
    -ms-animation: animate-stripes 1.5s linear infinite;
}

/* temp styles for readonly */
.scheduled_event.readonly .abs, .calendar_day ul.events .item.readonly {
    background-image: url(//calendar.google.com/googlecalendar/images/ro_10.png);
}
.calendar_day ul.events .item.readonly {
    /*border: 1px solid #ced3e6;*/
    border-radius: 15px;
    padding: 2px 6px 1px 6px !important;
    margin: 4px 1px 0px 1px;
    opacity: 0.8;
}
/* end of temp styles for readonly */


@-webkit-keyframes animate-stripes {
    0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}


@-moz-keyframes animate-stripes {
    0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}

@-ms-keyframes animate-stripes {
    0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}

/*
.scheduled_event.recurring .abs {
    padding: 0px 8px 0px 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: url('/img/calendar/recurring_arrows_white.png') no-repeat 7px 1px;
}
*/
.calendar_day ul.events .item .time, .scheduled_event .abs .time, .ui-draggable-dragging .time { font-weight: bold; margin-right: 5px; }

.c_main_container { padding: 5px 0px 100px 0px; }
.c_main_container .c_inline_container { min-height: 910px; background-color: #FFFFFF; border: 1px solid #c3c8d1; padding: 7px 0px 0px 0px; margin: 0px 0px 0px 0px;
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); }
.c_main_container .time_filter { height: 24px; width: 167px; overflow: hidden; border: 1px solid #c3c8d1; margin: 0px 0px 0px 5px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
cursor: pointer;
color: #737983;
text-shadow: 1px 1px 0px #FFFFFF;

background: #f4f7fc; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjdmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOGUzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f4f7fc 0%, #d8e3f3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f7fc), color-stop(100%,#d8e3f3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f7fc 0%,#d8e3f3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f7fc 0%,#d8e3f3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f7fc 0%,#d8e3f3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f4f7fc 0%,#d8e3f3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f7fc', endColorstr='#d8e3f3',GradientType=0 ); /* IE6-8 */ }
.c_main_container .time_filter .selected { width: 49%; float: left; text-align: center; line-height: 24px; font-weight: bold; background-color: #fff1db; height: 24px; border-right: 1px solid #c3c8d1; cursor: default; }
.c_main_container .time_filter .default { width: 49%; float: left; text-align: center; line-height: 24px; border-left: 1px solid #FFFFFF; }
.c_main_container .current_month { width: 160px; height: 24px; border: 1px solid #edeef1; overflow: hidden;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	margin: 0px auto;
	font-size: 18px;
	color: #5c8ac6;
	text-align: center;
	line-height: 24px;
	cursor: pointer; 
	position:relative
}

.c_main_container .current_month .arrow { top:10px; right:10px; position:absolute; width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #6590c9; display: block; float: right; }

.c_main_container .arrow_container { width: 60px; height: 24px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border: 1px solid #edeef1;
float: right;
overflow: hidden;
margin: 0px 5px 0px 0px; }
.c_main_container .arrow_container .inline_container { float: left; width: 49%; height: 24px; }
.c_main_container .arrow_container .inline_container .arrow_wrapper { width: 18px; height: 18px; background-color: #a0a7b4; border-radius: 50% 50% 50% 50%; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; display: inline-block; cursor: pointer; margin: 3px auto 0px 5px; }
.c_main_container .arrow_container .inline_container .arrow_wrapper .arrow_itself { display: inline-block; height: 0px; width: 0px;  }

.c_main_container .back_to_today { float: right; font-size: 14px; padding: 6px 15px 0px 0px; }

.c_main_container .column_container { padding: 0px 0px 0px 0px; position: relative; }

.c_right_container { width: 264px; opacity: 1; overflow: hidden; }
.c_right_container .c_inline_right_container { position: relative; padding: 11px 11px 0px 0px;}

#tabs1_calendar .c_right_container .c_inline_right_container { margin-bottom: 40px; }

.c_right_container .gtd_switch { height: 24px; width: auto; overflow: hidden; border: 1px solid #c3c8d1; margin: 0px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
cursor: pointer;
color: #737983;
text-shadow: 1px 1px 0px #FFFFFF;

background: #f4f7fc; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjdmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOGUzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f4f7fc 0%, #d8e3f3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f7fc), color-stop(100%,#d8e3f3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f7fc 0%,#d8e3f3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f7fc 0%,#d8e3f3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f7fc 0%,#d8e3f3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f4f7fc 0%,#d8e3f3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f7fc', endColorstr='#d8e3f3',GradientType=0 ); /* IE6-8 */ }
.c_right_container .gtd_switch .arrow {
    position: absolute;
    text-align:center;
    float: left; width: 25px; height: 24px;  background-repeat: no-repeat; background-position: center center; border-right: 1px solid #c3c8d1;
    border-radius:15px 0 0 15px;
    background: #f4f7fc; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjdmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOGUzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f4f7fc 0%, #d8e3f3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f7fc), color-stop(100%,#d8e3f3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f4f7fc 0%,#d8e3f3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f4f7fc 0%,#d8e3f3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f4f7fc 0%,#d8e3f3 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f4f7fc 0%,#d8e3f3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f7fc', endColorstr='#d8e3f3',GradientType=0 ); /* IE6-8 */
 }
 .c_right_container .gtd_switch .arrow img { 
	margin-top:7px;
	margin-left:2px

 }
.c_right_container .gtd_switch .default { width: 50%; float: left; text-align: center; line-height: 24px; font-weight: bold; height: 24px;  box-sizing:  border-box }
.c_right_container .gtd_switch .selected { width: 50%; float: left; text-align: center; line-height: 24px; border-left: 1px solid #FFFFFF; background-color: #FFFFFF; border-right: 0px; cursor: default; box-sizing:  border-box}
.c_right_container .gtd_switch .calendars {padding-left:20px}
.c_right_container .gtd_switch .calendars.default {border-right: 1px solid #c3c8d1;}


.events_container form{
	width:100%
}

.events_container .filter_item {
    cursor: pointer;
}

.events_container form input[type="text"]{
	width:100% !important;
	background:#fff
}

.events-view .collapsible_list {
    display: none;
}

.events-view[data-closed-open="open"] .collapsible_list.open,
.events-view[data-closed-open="closed"] .collapsible_list.closed {
    display: block;
}

.c_right_container .collapsible_list.events_list ul li{
	margin:0;
	padding: 5px 0 0px 1px;
    /* cursor: pointer; */
}

.c_right_container .collapsible_list.events_list.sidebar_calendar ul li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; }

.c_right_container .collapsible_list.events_list ul li input{
	vertical-align:middle
}

.c_right_container .collapsible_list.events_list .more_container{
	margin:16px auto 0
}

.c_right_container.closed .gtd_switch .arrow{
	left:-50px;
	display:block !important
}


.c_right_container .events_container {margin: 12px 0 0px 0; width:100% }
.c_right_container .events_container .default {
    color: #5C8AC6;
    float: left; background-color: transparent; padding: 0px 12px 0px 12px; text-align: center; height: 12px; line-height: 12px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-top: 0px;
}

.c_right_container .events_container .default:hover {
    text-decoration: underline;
}

.c_right_container .events_container .selected { float: left; background-color: #9ba2b1; padding: 0px 12px 0px 12px; text-align: center; color: #FFFFFF; height: 12px; line-height: 12px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
margin-top: 0px; }

.c_right_container .events_container .l_default { float: right; height: 17px; overflow: hidden; width: 17px; border: 1px solid #b6bac3; text-align: center; line-height: 17px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }

.c_right_container .events_container .closed_open.default {float: right;}
.c_right_container .events_container .closed_open.selected {float: right;}

.c_right_container .events_container .selected img { vertical-align: middle; margin-top: 4px; }
.c_right_container .events_container .l_default img { vertical-align: middle; margin-top: 4px; }
.c_right_container .events_container .todo_name { padding: 6px 0px 10px 0px; }
.c_right_container .events_container .todo_name input { width: 209px; height: 22px; border: 1px solid #d1d5df; font-size: 12px; color: #a8b1c0; font-style: italic; padding: 0px 0px 0px 2px; }

.c_arrow_container { vertical-align: middle; width: 18px; }
.c_arrow_container a { background-image: url(../img/calendar_main_arrows.png); background-repeat: no-repeat; width: 18px; height: 42px; background-position: -19px 0px; display: inline-block; position: relative;  }



.event_tooltip { width: 501px; position: absolute; top: 40px; background-color: #FFFFFF; border: 1px solid #b6bfd0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

-o-box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
-icab-box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
-khtml-box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
-moz-box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
box-shadow: 5px 5px 10px rgba(0,0,0,0.2);

padding: 0px 0px 25px 0px; }
.event_tooltip .tail { width: 35px; height: 19px; background-image: url(../img/blue_tooltip_tail.png); background-repeat: no-repeat; position: absolute; margin: -19px 0px 0px 234px; }
.event_tooltip .inline_container { padding: 11px 19px 0px 19px; }
.event_tooltip .inline_container input.title { width: 98%; height: 24px; background-color: #f4f7fc; border: 1px solid #c3c8d1; color: #198fbc; padding: 0px 0px 0px 7px; font-size: 18px; font-family: Lucida Sans,Arial,Tahoma,sans-serif; }
.event_tooltip .inline_container input:hover.title { background-color: #ffdfaa; border: 1px solid #ff9b00; }

.event_tooltip .inline_container .date_and_select { padding: 0px 0px 4px 0px; border-bottom: 1px solid #e2e5ec; }
.event_tooltip .inline_container .date_and_select .date_container { float: left; padding: 5px 0px 0px 0px; }
.event_tooltip .inline_container .date_and_select .date_container .date_itself { height: 24px; width: 233px;  font-size: 14px; color: #43474f; line-height: 24px; /*padding: 0px 0px 0px 7px;*/ }
.event_tooltip .inline_container .date_and_select .date_container .date_itself:hover { background-color: #edf3fe; cursor: pointer; }

.event_tooltip .inline_container .date_and_select .select { float: right; padding: 6px 0px 0px 0px; }
.event_tooltip .inline_container .date_and_select .select select { height: 22px; width: 141px; background-color: #edf3fe; border: 1px solid #cfd4de; font-size: 13px; color: #5f646c; }
.event_tooltip .inline_container .users_container { padding: 5px 0px 0px 7px; }
.event_tooltip .inline_container .users_container strong { font-weight: normal; color: #6e747e; float: left; display: block; padding: 3px 5px 0px 0px; }

ul.users_list { width: 224px; height: 24px; border: 0px; display: block; float: left; }
ul.users_list:hover { background-color: #edf3fe; cursor: pointer; }
ul.users_list li { float: left; background-color: #d6dfff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; height: 18px; padding: 0px 3px 0px 25px; background-position: 7px 2px; background-image: url(../img/user_icon.gif); background-repeat: no-repeat; overflow: hidden; margin: 3px 0px 0px 4px; }
ul.users_list li .user { display: inline-block; color: #476b99; padding: 1px 0px 0px 0px; }
ul.users_list li .user a { display: inline-block; height: 13px; width: 12px; background-image: url(../img/delete_user.png); background-repeat: no-repeat; position: relative; top: 2px; opacity: 0.6; }
ul.users_list li .user a:hover { opacity: 1.0; }

.event_tooltip .inline_container .description { padding: 7px 0px 0px 0px; }
.event_tooltip .inline_container .description textarea { width: 97%; height: 72px; background-color: #f4f7fc; line-height: 18px; border: 0px; padding: 8px; overflow: hidden; border: 1px solid #c3c8d1; }
.event_tooltip .inline_container .description textarea:hover { background-color: #edf3fe; cursor: pointer; overflow: auto; }
.event_tooltip .inline_container .delete_event { float: left; padding: 17px 0px 0px 0px; }
.event_tooltip .inline_container .delete_event a { color: #ff0000; font-size: 15px; }
.event_tooltip .inline_container .events_details { float: right; padding: 17px 0px 0px 0px; }
.event_tooltip .inline_container .events_details a { font-size: 15px; color: #5c8ac6; text-decoration: underline; padding: 0px 8px 0px 0px; background-image: url(../img/small_blue_arrow.png); background-position: right 5px; background-repeat: no-repeat; }
.event_tooltip .inline_container .events_details a:hover { text-decoration: none; }

.head_bg .logo { width: 170px; padding: 7px 0px 0px 0px; cursor: pointer; }
.head_bg .logo div { width: 123px; height: 62px; background-image: url(../img/logo.png); background-repeat: no-repeat; margin-left: 10px; }
.head_bg .top_links .user {   float: left;   padding: 2px 0px 0px 5px;   margin-right: 3px;   white-space: nowrap;   height: 26px;   max-width: 230px;   overflow: hidden; }
.head_bg .top_links .regular { float: left; padding: 5px 10px 0 10px; }

.head_bg .top_links .user .owner_avatar { display: inline-block;  width: 24px;  height: 24px;  /* border: 1px solid #e2ecf9; */  -webkit-border-radius: 50%;   border-radius: 50%;  margin: 0 -1px 3px 0;  vertical-align: top; text-decoration: none; overflow: hidden;}
.head_bg .top_links .user .owner_avatar img {   width: 24px;   height: 24px;}
.head_bg .top_links a { color: #ffefd8; font-size: 13px; text-decoration: none;}
#btn_top_refresh {    padding-left: 22px;    background: transparent left center url(/img/refresh_icon2.svg) no-repeat;    height: 18px;    padding-top: 2px; }
#btn_top_user { height: 24px; position: relative; top: 4px; margin-left: 5px;}

table.tpf { table-layout: fixed; width: 100%;}

.tab_panel.active_tab_panel { display: block; }
.unactive_tab_panel { display: none; }




.u_popup .content .filter .center .search_icon { float: right; margin: 9px -3px 0px 0px; position: relative; width: 11px; height: 11px; background-image: url(../img/s_u_search_icon.gif); background-repeat: no-repeat; }
.u_popup .content .filter .center .search_field { font-size: 14px; color: #434343; border: 0px; background-color: transparent; padding: 7px 0px 3px 0px; width: 160px; }
/*.u_popup .content .filter .center .empty .helper { margin: 0 0 0 5px; position: relative; top: 7px; font-size:14px; color: #aeaeae; font-style: italic; }*/



.add_contact,
.add_user { float: right; padding: 4px 4px 0 0; cursor: pointer; position: relative; }
.add_contact .sides, .add_user .sides { float: left; width: 15px; height: 31px; background-position: 0px 0px; background-repeat: no-repeat; }
.add_contact .sides.left_one, .add_user .sides.left_one { background-image: url(../img/add_btn_sides.gif); }
.add_contact .sides.right_one, .add_user .sides.right_one { width: 27px; background-image: url(../img/add_btn_sides.gif); background-position: -16px 0px; }
.add_contact .center, .add_user .center { float: left; height: 31px; background-image: url(../img/add_btn_center.gif); background-repeat: repeat-x; }
.add_contact .center .ic, .add_user .center .ic { line-height: 15px; padding: 9px 6px 0px 2px; }
.add_contact .center .ic .top_title, .add_user .center .ic .top_title { padding-left:8px; padding-right:8px; position: relative; display: block; z-index: 10; font-weight: bold; color: #FFFFFF; }
.add_contact .center .ic .bottom_title, .add_user .center .ic .bottom_title { padding-left:8px; padding-right:8px; position: relative; display: block; z-index: 5; margin: -16px 0px 0px 0px; font-weight: bold; color: #1f97af; }

.add_contact:hover .sides.left_one, .add_user:hover .sides.left_one { background-position: 0px -32px; }
.add_contact:hover .sides.right_one, .add_user:hover .sides.right_one { background-position: -16px -32px; }
.add_contact:hover .center, .add_user:hover .center { background-position: 0px -32px;  }

.add_contact.disable .sides.left_one, .add_user.disable .sides.left_one { background-position: 0px -64px; }
.add_contact.disable .sides.right_one, .add_user.disable .sides.right_one { background-position: -16px -64px; }
.add_contact.disable .center, .add_user.disable .center { background-position: 0px -64px; }
.add_contact.disable, .add_user.disable { cursor:default; }


.footer { color: #565a62; line-height: 25px; height: 25px; /* background-image: url(../img/footer_bg.gif); Former BG */ background-image: url(../img/footer_bg_new.gif); background-repeat: repeat-x; border: 1px solid #c3c6cc; border-left: 0px; border-right: 0px; padding: 0; position: fixed; bottom: 0px; width: 100%; z-index: 1000; min-width:995px; }


/*.footer .loader_container { padding: 3px 0px 0px 0px; visibility: hidden; } */

/* There is a copy in style_sq.css
*:first-child+html .footer .loader_container { width: 100%; }

.footer .loader_container .l_table { margin: 0px auto; }

.footer .loader_container .l_table td { background-color: #ff9b00; }

.footer .loader_container .l_table .sides { width: 7px; height: 20px; background-image: url(../img/loading_sides.gif); background-repeat: no-repeat; float: left; }
.footer .loader_container .l_table .sides.left_one {  }
.footer .loader_container .l_table .sides.right_one { background-position: -8px 0px; }
.footer .loader_container .l_table .center { overflow: hidden; height: 20px; background-image: url(../img/loading_center.gif); background-repeat: repeat-x; float: left; padding: 0px 15px 0px 15px; color: #FFFFFF; font-size: 13px; line-height: 18px; }
.footer .loader_container .l_table .center img { display: inline; vertical-align: bottom; margin-bottom: 1px; margin-right: 3px; }

.footer .loader_container .l_table.green .sides { background-image: url(../img/l_green_sides.gif); }
.footer .loader_container .l_table.green .center { background-image: url(../img/l_green_center.gif); }
.footer .loader_container .l_table.green .center img { display: none; }

.footer .loader_container .l_table.green td { background-color: #00bf00; }


.footer .loader_container .l_table.red .sides { background-image: url(../img/l_red_sides.gif); }
.footer .loader_container .l_table.red .center { background-image: url(../img/l_red_center.gif); }
.footer .loader_container .l_table.red .center img { display: none; }

.footer .loader_container .l_table.red td { background-color: #eb0000; }
*/



td:first-child .scheduled_events { position: absolute; width: 99.8%; }

.cols5 .offset1 { left: 20%; }
.cols5 .offset2 { left: 40%; }
.cols5 .offset3 { left: 60%; }
.cols5 .offset4 { left: 80%; }

.cols5 .span1 { width: 20%; }
.cols5 .span2 { width: 40%; }
.cols5 .span3 { width: 60%; }
.cols5 .span4 { width: 80%; }

.cols7 .offset1 { left: 14.2857%; }
.cols7 .offset2 { left: 28.5714%; }
.cols7 .offset3 { left: 42.8571%; }
.cols7 .offset4 { left: 57.1429%; }
.cols7 .offset5 { left: 71.4286%; }
.cols7 .offset6 { left: 85.7143%; }

.cols7 .span1 { width: 14.2857%; }
.cols7 .span2 { width: 28.5714%; }
.cols7 .span3 { width: 42.8571%; }
.cols7 .span4 { width: 57.1429%; }
.cols7 .span5 { width: 71.4286%; }
.cols7 .span6 { width: 85.7143%; }


.tab_panel {
    position: relative;
    width:100%; height:100%;
    display: none;
}

.tab_panels>.loader {
    display: none;
    top:0px; left:0px; z-index: 999;
    width: 100%; height: 100%;
    position:absolute;
}

.tab_panels>.loader .loader_bg {
    background: #e6e8f1;
    position: absolute;
    opacity: 0.6;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index:101;
}

.tab_panels>.loader .loader_img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index:102;
    background: transparent url(../img/loading_icon_an.gif) no-repeat center center;
}

#tabs1_calendar {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.event_tooltip { z-index: 100; }

.comments-container .avatar {

}

.contacts-container .table,
.users-container .table {
    background: #ffffff;
    border: 1px solid #D3D8E2;
}

.users-container .table.active {
    border: 1px solid red;
}

li.draggable-sidebar-task a { display: inline; border: none; }


.events_container.calendars .collapsible_list li:hover label { cursor: pointer; }


.calendar_tab_sidebar .collapsible_list.events_list li:hover {background: url('../img/dragger.png') left center no-repeat; cursor: move; }

.collapsible_list.events_list span.task-date {
    font-weight: bold;
}

.collapsible_list.events_list.overdue,
.collapsible_list.events_list.overdue span.task-date,
.collapsible_list.events_list li.overdue span.task-date {
    color:#ff4451;
}

.collapsible_list.events_list li {
    position: relative;
    line-height:23px;
    padding:0 0 0 7px !important
}

.collapsible_list.events_list li svg {
    fill: #6e747e;
    height: 11px;
    width: 11px;
    overflow: hidden;
	vertical-align: middle;	
}

.collapsible_list.events_list li svg path {
    fill: #6e747e;
}

.sidebar_calendar ul li{
    margin: 0 0 1px 5px !important;

    line-height:30px !Important
}

.sidebar_calendar ul li:hover{
    background:#fceed9 !important;
}

.sidebar_calendar ul li label span{
    margin-top:7px
}

.sidebar_calendar ul li .edit_calendar{
    right:0
}

.sidebar_calendar ul li .refresh_calendar{
    right: 26px;
}

.collapsible_list.events_list li.done .event_item_label {
    font-weight: normal;
}

.collapsible_list.events_list li.done .event_item_label {
    text-decoration: line-through;
}

.collapsible_list.events_list .ctrl-btn {
    position: absolute;
    top: 0px;
    right: 0px;
}


.bottom_shadow .shadow_sides { width: 5px; height: 8px; background-repeat: no-repeat; background-image: url(../img/a_ticket_sides.png); }
.bottom_shadow .shadow_sides.left_one { background-position: 0px 0px !important; }
.bottom_shadow .shadow_sides.right_one { background-position: -6px 0px !important; }
.bottom_shadow .shadow_center { height: 8px; background-image: url(../img/a_ticket_center.png); background-repeat: repeat-x; }

.bottom_button_delete { float: left; padding: 0px 0px 0px 9px; color: #ff0000; }
.bottom_button_delete a { text-decoration: underline; color: #ff0000; }
.bottom_button_delete a:hover { text-decoration: none; }

.new .bottom_button_delete {display: none;}

.bottom_button_close { float: left; padding: 0px 9px 0px 9px; }
.bottom_button_close a { text-decoration: underline; color: #4c88b4; }
.bottom_button_close a:hover { text-decoration: none; }

.bottom_button_clone { float: left; padding: 0px 9px 0px 9px; }
.bottom_button_clone a { text-decoration: underline; color: #4c88b4; }
.bottom_button_clone a:hover { text-decoration: none; }

.bottom_buttons { float: right; position: relative; margin: -9px 0px 0px 0px; }
/*.bottom_buttons .save { width: 156px; height: 48px; background-image: url(../img/ticket_save_2.gif); background-repeat: no-repeat; float: left; cursor: pointer;
font-weight:bold;
color:#FFFFFF;
line-height:36px;
text-shadow:2px 2px 0px #1F97AF;
font-size: 15px;
}*/

.bottom_buttons .save { width: auto; height: auto; background-image: none; background-repeat: no-repeat; float: left; cursor: pointer;
    font-weight:bold;
    color:#FFFFFF;
    line-height:36px;
    text-shadow: 1px 1px 2px #006073;
    font-size: 15px;
}

.bottom_buttons .save td.s_sides { width: 39px; height: 48px; background-repeat: no-repeat; }
.bottom_buttons .save td.s_sides.left_one { background-image: url(../img/ticket_save_sides.png); background-position: 0px 0px; }
.bottom_buttons .save td.s_sides.right_one { width: 50px; background-image: url(../img/ticket_save_sides.png); background-position: 0px -49px; text-align: right; }

.bottom_buttons .save td.s_center { height: 48px; background-image: url(../img/ticket_save_center.png); background-repeat: repeat-x; }

.bottom_limit_reached {float: left; padding: 0px 0px 0px 9px; color: #ff0000; }
.bottom_buttons .save img { display: none; }
.bottom_buttons .save.loading { background-image: none; text-align: center; padding: 0px 0px 0px 0px; }
.bottom_buttons .save.loading img { display: inline; }

.bottom_buttons .save .default { display: block; }
.bottom_buttons .save .default .container { float: left; padding: 0px 16px 0px 12px; text-align: center; overflow: hidden; height: 33px; }
.bottom_buttons .save .default .arrow { float: right; position: relative; width: 20px; height: 20px; background-image: url(../img/ticket_s_arrow.gif); background-repeat: no-repeat; margin: 9px -7px 0px 0px; }
.bottom_buttons .save .loader { display: none; }

.bottom_buttons .save.loading .default .container { display: none; }
.bottom_buttons .save.loading .default .arrow { display: none; }

.bottom_buttons .save.loading .loader { display: block; padding: 10px 30px 0px 30px; text-align: center; }
.bottom_buttons .save.loading .loader img { display: inline; }

.bottom_buttons .save a.save_button_label {
    color: #ffffff;
    text-decoration: none;
}

.bottom_buttons .save a.save_button_label:focus {
    text-decoration: underline;
}


*:first-child+html .bottom_buttons .save.loading .loader { padding-top: 3px; }

.bottom_buttons .cancel { float: left; padding: 10px 22px 0px 0px; font-size: 13px; font-weight: bold; }
.bottom_buttons .cancel a { text-decoration: underline; display: inline; }
.bottom_buttons .cancel a:hover { text-decoration: none; }
.bottom_buttons .cancel a:focus { text-decoration: none;}
.bottom_buttons .cancel img { display: none; }

.bottom_buttons .cancel.loading a { display: none; }
.bottom_buttons .cancel.loading img { display: inline; }

.bottom_buttons .cancel .about_save { margin: 1px 0px 0px -46px; position: absolute; z-index: 10; width: 14px; overflow: hidden; }
.bottom_buttons .cancel .about_save a.help { filter: alpha(opacity=30); -moz-opacity: 0.3; -opacity: 0.3; opacity: 0.3; width: 14px; height: 14px; display: block; text-decoration: none; overflow: hidden; vertical-align: middle; padding: 0px 0px 0px 0px; text-align: right; }
.bottom_buttons .cancel .about_save a:hover.help  { filter: alpha(opacity=100); -moz-opacity: 1.0; -opacity: 1.0; opacity: 1.0; }

.bottom_buttons .about_save_2 { float: left; margin: 11px 0px 0px 0px; left: -30px; overflow: hidden; position: relative; width: 14px; z-index: 10; }
.bottom_buttons .about_save_2 a.help { filter: alpha(opacity=30); -moz-opacity: 0.3; -opacity: 0.3; opacity: 0.3; width: 14px; height: 14px; display: block; text-decoration: none; overflow: hidden; vertical-align: middle; padding: 0px 0px 0px 0px; text-align: right; }
.bottom_buttons .about_save_2 a:hover.help  { filter: alpha(opacity=100); -moz-opacity: 1.0; -opacity: 1.0; opacity: 1.0; }


.ui-menu {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 101;
}

.ui-menu ul {
    background-color: #FFFFFF;
    border: 1px solid #98A9C3;
    margin: -1px 0 0;
    width: 157px;
}
.ui-menu .ui-menu {
    margin-top: -3px;
}
.ui-menu .ui-menu-item {
    background-image: none;
    border-bottom: 1px solid #C5D5ED;
    display: block;
    font-size: 13px;
    height: auto;
    margin: 0;
    text-shadow: 1px 1px 0 #FFFFFF;
    width: auto;
}
.ui-menu .ui-menu-item.unbordered, .ui-menu .ui-menu-item:last-child {
    border-bottom: 0 none;
}
.ui-menu .ui-menu-item a {
    display: block;
    line-height: 1.5;
    padding: 4px 0 5px 10px;
    text-decoration: none;
}
.ui-menu ul li.ui-menu-item.disabled a {
    color: #BBBFC8 !important;
}
.ui-menu .ui-menu-item a:hover {
    background-color: #FFF5C7;
}
.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
    margin: -1px;
}

.ui-menu .ui-menu-item[data-action=delete] a {
    color: #ff0000;
}

.ui-menu .ui-menu-item.disabled[data-action=delete] a {
    color: #FFBFC5;
}

*:first-child+html .ui-menu .ui-menu-item.unbordered { border-top: 1px solid #98A9C3 !important; }

.menuOpened.comment_menu .reply, .menuOpened.comment_menu .arrow { display: block; }

/* calendar popup start */
.create_events_popup.calendar_manager .arrow { top: 14px; }
/* calendar popup end */

/* popup monthpicker start */
.create_events_popup.monthpicker .arrow { left: 50%; margin-left: -20px; }
.monthpicker.create_events_popup{
	min-height:50px
}
.monthpicker.create_events_popup .popup_content_area > div > ul{
	font-size:13px
}

.monthpicker.create_events_popup .popup_content_area {
	width: 560px;
	min-width: 500px !important;
	max-width: 800px;
	max-height: 600px;
	margin: 12px 30px;
	
}

.monthpicker.create_events_popup .popup_content_area .prev{
	position:absolute;
	left:20px;
	top:50%;
	margin-top:-9px;
	background:url("../img/month_picker_control.png");
	width:18px;
	height:18px
}
.monthpicker.create_events_popup .popup_content_area .next{
	position:absolute;
	right:20px;
	top:50%;
	margin-top:-9px;
	background:url("../img/month_picker_control.png") bottom;
	width:18px;
	height:18px
}


.monthpicker.create_events_popup .popup_content_area > div {
	margin-left:27px
}

.monthpicker.create_events_popup .popup_content_area > div > ul{
	display:inline-block;
	margin:5px 0
}



.monthpicker.create_events_popup .popup_content_area > div > ul li{
	display:inline-block;
	padding:0px 7px;
	line-height:20px;
	border-radius:50em;
}

.monthpicker.create_events_popup .popup_content_area > div > ul li:hover{
	cursor:pointer;
	background:#fff1db
}

.monthpicker.create_events_popup .popup_content_area > div > ul li.active{
	background:#ff9b00;
	color:#fff
}

.monthpicker.create_events_popup .popup_content_area > div > strong{
	display:inline-block;
	width:40px;
	font-size:15px
}
/* popup monthpicker end */

.cont_max_width{max-width:1600px; margin:0 auto}
.border-top{
	border-top:1px solid #d3d8e2 !important
}

.ui-widget-header {
	border: 1px solid #aaaaaa/*{borderColorHeader}*/;
	background: #C7DAF7/*{bgColorHeader} url(/img/ticket_title.gif)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/;
	font-weight: bold;
}



#tags_dialog .del { width: 15px; float: left; padding: 2px 0px 0px 0px; }
#tags_dialog .del a { visibility: hidden; padding: 2px 2px 2px 1px; filter: alpha(opacity=40); -moz-opacity: 0.4; -opacity: 0.4; opacity: 0.4; }
#tags_dialog ul.tpf li:hover .del a { visibility: visible; }
#tags_dialog .del a:hover { filter: alpha(opacity=100); -moz-opacity: 1.0; -opacity: 1.0; opacity: 1.0; }

#tags_dialog .del.loader a,
#tags_dialog ul.tpf li:hover .del.loader a { 
    visibility: hidden;
}

#tags_dialog ul.tpf li .del.loader,
#tags_dialog ul.tpf li:hover .del.loader {
    background: url(../img/loading.gif) no-repeat;
}

#tag_color {
    min-height: 55px;
}
/*  tags color */
.tag_color {left:5px; top:1px; margin:0; position:absolute; z-index:10001; cursor:default; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; padding:6px 8px 0 6px; color:#000000; font-family:arial,sans-serif; font-size:80%; background-color:#F7F7F7; border:1px solid #B5B6B5; display:none;
    -o-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    -icab-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    -khtml-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

.tag_color table { width:185px; height:57px; border-collapse:collapse; }
.tag_color td { border:0 none; cursor:pointer; font-family:arial,sans-serif; font-size:11px; margin:0; padding: 2px 4px 9px 3px; text-align:center; vertical-align:middle; }
.tag_color td div { border:1px solid #FFFFFF; height:13px; line-height:11px; position:relative; width:13px; text-align:center;}
.tag_mark { background-image:url(../img/checkmarks.gif); background-position:0 13px; }

.tag_center {border-style: solid; border-width: 1px 0px; margin: 0px 1px !important; padding: 0px; float: left;}
.tag_center-inline {border-width: 0px 1px; border-style: solid; margin: 0px -1px 0px -1px !important; padding: 1px 0px 1px 0px;}
.tag_center-inline div { padding: 0px 4px 0px 4px; position: relative; top: -1px; top: 0px\0/; }
*:first-child+html .tag_center-inline div { top: 0px; }
@media all and (min-width:0) {
    .tag_center-inline div { top: -1px \0/; }
}

ul.tpf .tag_center-inline div { padding: 0px 4px 0px 4px; position: relative; top: 0px; }

.tag_color div, .tagsColor div.btn-tag-color, .tpf .tag_center {background-color:#eaebff; color:#858691; border-color:#e0e1f4;}
.tag_color #tag1 div, .tagsColor .tag1 div.btn-tag-color, .tpf .tag1 .tag_center {background-color:#eaebff; color:#858691; border-color:#e0e1f4;}
.tag_color #tag2 div, .tagsColor .tag2 div.btn-tag-color, .tpf .tag2 .tag_center {background-color:#d8daf6; color:#727382; border-color:#c8cae4;}
.tag_color #tag3 div, .tagsColor .tag3 div.btn-tag-color, .tpf .tag3 .tag_center {background-color:#beffc0; color:#739a74; border-color:#aeeab0;}
.tag_color #tag4 div, .tagsColor .tag4 div.btn-tag-color, .tpf .tag4 .tag_center {background-color:#5ef65e; color:#378f37; border-color:#54db54;}
.tag_color #tag5 div, .tagsColor .tag5 div.btn-tag-color, .tpf .tag5 .tag_center {background-color:#ffbebe; color:#906b6b; border-color:#ecb0b0;}
.tag_color #tag6 div, .tagsColor .tag6 div.btn-tag-color, .tpf .tag6 .tag_center {background-color:#eff03d; color:#868722; border-color:#dfe039;}
.tag_color #tag7 div, .tagsColor .tag7 div.btn-tag-color, .tpf .tag7 .tag_center {background-color:#ffc366; color:#856635; border-color:#ecb45e;}
.tag_color #tag8 div, .tagsColor .tag8 div.btn-tag-color, .tpf .tag8 .tag_center {background-color:#ffcde3; color:#8c717d; border-color:#efc0d5;}
.tag_color #tag9 div, .tagsColor .tag9 div.btn-tag-color, .tpf .tag9 .tag_center {background-color:#7199e8; color:#ffffff; border-color:#678bd3;}
.tag_color #tag10 div, .tagsColor .tag10 div.btn-tag-color, .tpf .tag10 .tag_center {background-color:#3b68c4; color:#ffffff; border-color:#345bac;}
.tag_color #tag11 div, .tagsColor .tag11 div.btn-tag-color, .tpf .tag11 .tag_center {background-color:#eb4040; color:#ffffff; border-color:#d63a3a;}
.tag_color #tag12 div, .tagsColor .tag12 div.btn-tag-color, .tpf .tag12 .tag_center {background-color:#cc0000; color:#ffffff; border-color:#b80000;}
.tag_color #tag13 div, .tagsColor .tag13 div.btn-tag-color, .tpf .tag13 .tag_center {background-color:#1ec81e; color:#ffffff; border-color:#1ab01a;}
.tag_color #tag14 div, .tagsColor .tag14 div.btn-tag-color, .tpf .tag14 .tag_center {background-color:#009d00; color:#ffffff; border-color:#008a00;}
.tag_color #tag15 div, .tagsColor .tag15 div.btn-tag-color, .tpf .tag15 .tag_center {background-color:#b2b7be; color:#ffffff; border-color:#a0a5ab;}
.tag_color #tag16 div, .tagsColor .tag16 div.btn-tag-color, .tpf .tag16 .tag_center {background-color:#939aa3; color:#ffffff; border-color:#868d95;}
.upd_icon .tag_center, .new_icon .tag_center {background-color:#EC8E00; color:#FFFFFF; border-color:#EC8E00;}


.tag_color div, .tagsColor div.btn-tag-color-inline, .tpf .tag_center-inline {background-color:#eaebff; color:#858691; border-color:#e0e1f4;}
.tag_color #tag1 div, .tagsColor .tag1 div.btn-tag-color-inline, .tpf .tag1 .tag_center-inline {background-color:#eaebff; color:#858691; border-color:#e0e1f4;}
.tag_color #tag2 div, .tagsColor .tag2 div.btn-tag-color-inline, .tpf .tag2 .tag_center-inline {background-color:#d8daf6; color:#727382; border-color:#c8cae4;}
.tag_color #tag3 div, .tagsColor .tag3 div.btn-tag-color-inline, .tpf .tag3 .tag_center-inline {background-color:#beffc0; color:#739a74; border-color:#aeeab0;}
.tag_color #tag4 div, .tagsColor .tag4 div.btn-tag-color-inline, .tpf .tag4 .tag_center-inline {background-color:#5ef65e; color:#378f37; border-color:#54db54;}
.tag_color #tag5 div, .tagsColor .tag5 div.btn-tag-color-inline, .tpf .tag5 .tag_center-inline {background-color:#ffbebe; color:#906b6b; border-color:#ecb0b0;}
.tag_color #tag6 div, .tagsColor .tag6 div.btn-tag-color-inline, .tpf .tag6 .tag_center-inline {background-color:#eff03d; color:#868722; border-color:#dfe039;}
.tag_color #tag7 div, .tagsColor .tag7 div.btn-tag-color-inline, .tpf .tag7 .tag_center-inline {background-color:#ffc366; color:#856635; border-color:#ecb45e;}
.tag_color #tag8 div, .tagsColor .tag8 div.btn-tag-color-inline, .tpf .tag8 .tag_center-inline {background-color:#ffcde3; color:#8c717d; border-color:#efc0d5;}
.tag_color #tag9 div, .tagsColor .tag9 div.btn-tag-color-inline, .tpf .tag9 .tag_center-inline {background-color:#7199e8; color:#ffffff; border-color:#678bd3;}
.tag_color #tag10 div, .tagsColor .tag10 div.btn-tag-color-inline, .tpf .tag10 .tag_center-inline {background-color:#3b68c4; color:#ffffff; border-color:#345bac;}
.tag_color #tag11 div, .tagsColor .tag11 div.btn-tag-color-inline, .tpf .tag11 .tag_center-inline {background-color:#eb4040; color:#ffffff; border-color:#d63a3a;}
.tag_color #tag12 div, .tagsColor .tag12 div.btn-tag-color-inline, .tpf .tag12 .tag_center-inline {background-color:#cc0000; color:#ffffff; border-color:#b80000;}
.tag_color #tag13 div, .tagsColor .tag13 div.btn-tag-color-inline, .tpf .tag13 .tag_center-inline {background-color:#1ec81e; color:#ffffff; border-color:#1ab01a;}
.tag_color #tag14 div, .tagsColor .tag14 div.btn-tag-color-inline, .tpf .tag14 .tag_center-inline {background-color:#009d00; color:#ffffff; border-color:#008a00;}
.tag_color #tag15 div, .tagsColor .tag15 div.btn-tag-color-inline, .tpf .tag15 .tag_center-inline {background-color:#b2b7be; color:#ffffff; border-color:#a0a5ab;}
.tag_color #tag16 div, .tagsColor .tag16 div.btn-tag-color-inline, .tpf .tag16 .tag_center-inline {background-color:#939aa3; color:#ffffff; border-color:#868d95;}
.upd_icon .tag_center-inline, .new_icon .tag_center-inline {background-color:#EC8E00; color:#FFFFFF; border-color:#EC8E00;}


.remind_select .hidden_contact { color: #FF0000; }

.lv_head_container  td.asc .sort_icon {
    background: url("../img/lv_sort_arrow_up.gif") no-repeat 0 center;
}
.lv_head_container  td.desc .sort_icon {
    background: url("../img/lv_sort_arrow.gif") no-repeat 0 center;
}


.popup-seeker .q-search {
    padding: 5px;
}

#contactsToolbarSearch .q-search-inner,
#dealsToolbarSearch .q-search-inner {
    width: 210px;
    z-index: 1001;
    position: relative;
}

.q-search .input {
    position: relative;
    z-index: 1;
    width: 100%;
}

.q-search .ctrl {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
}

.q-search-inner {
    position: relative;
}

.q-search-inner .content .filter .sides {
    background-image: url("../img/s_u_bar_sides.png");
    background-repeat: no-repeat;
    height: 29px;
    width: 13px;
}

.q-search-inner .content .filter .center {
    background-image: url("../img/s_u_bar_center.gif");
    background-repeat: repeat-x;
    height: 29px;
}

.q-search-inner .content td.sides,
.q-search-inner .content td.center {background-position: left bottom}

.q-search-inner .content td.sides.right_one {
    background-position: right bottom
}

.q-search.empty .q-search-inner .content td.sides,
.q-search.empty .q-search-inner .content td.center {background-position: 0 0;}
.q-search.empty .q-search-inner .content td.sides.right_one {
    background-position: right top;
}

.q-search .content .center input[name=search] {
    background-color: rgba(0, 0, 0, 0);
    border: 0 none;
    color: #434343;
    font-size: 14px;
    padding: 7px 16px 3px 0px;
    width: 100%;
}

.q-search.setting .center input[name=search] {
    padding-right: 29px;
}

.q-search.empty .content .filter .center .helper {
    color: #cdd0d7;
    font-size: 14px;
    font-style: italic;
    display: block;
    overflow: hidden;
    line-height: 29px;
}

.q-search.empty.focus .content .filter .center .helper {
    color: #bdc0c6;
}

.q-search .center .search_more {
    background: url("../img/search_more_arrow.png") no-repeat center;
    cursor: pointer;
    float: right;
    height: 29px;
    margin: 0px 2px 0 0;
    position: relative;
    width: 20px;
    z-index: 2;
    display: none;
}

.q-search.setting .center .search_more {
    display: block;
}

.q-search .center .search_icon {
    background: url("../img/clear_search.png") no-repeat center;
    cursor: pointer;
    height: 29px;
    margin: 1px 9px 0 0;
    width: 20px;
    float: right;
    position: relative;
    z-index: 3;
}

.q-search.setting .center .search_icon {
    margin: 0px 2px 0 0;
}

.q-search.empty .center .search_icon {
    background-image: url("../img/s_u_search_icon.gif");
}

.q-search-result {
    position: absolute;
    top: 0px; left: 0px;
    width: 300px;
    height: 280px;
    display: none;
    background: white;
    z-index: 1200;
    border: 1px solid #B3B8C0;

    -o-box-shadow:      2px 2px 4px rgba(0,0,0,0.2);
    -icab-box-shadow:   2px 2px 4px rgba(0,0,0,0.2);
    -khtml-box-shadow:  2px 2px 4px rgba(0,0,0,0.2);
    -moz-box-shadow:    2px 2px 4px rgba(0,0,0,0.2);
    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
    box-shadow:         2px 2px 4px rgba(0,0,0,0.2);

}

.q-search-result .q-header {
    background-color: #ddeaff;
    -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
    -icab-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
    -khtml-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}

.q-search-result .advanced-panel {
    border-bottom: 1px solid #B3B8C0;
}
.q-search-result .advanced-panel .advanced-arrow {
    width: 43px; height: 16px;
    background-image: url(../img/s_u_filters_arrow.png);
    background-repeat: no-repeat;
    background-position: 0px -17px;
    position: absolute; right:18px; cursor: pointer; z-index: 10;
}

.q-search-result .advanced-panel .advanced-inner {
    min-height: 36px;
    color: #535862;
}

.q-search-result .advanced-panel .advanced-inner a.disabled {
    color: #808F8F;
    cursor: default;
}

.q-search-result .advanced-panel .advanced-inner a.disabled:hover {
    text-decoration: none;
}

.q-search-result .body {
    overflow-y: auto;
    position: relative;
}

.q-search-result .body li.item {
    overflow: hidden;
    cursor: pointer;
    color: #698BC2;
    font-size: 13px;
}

.q-search-result .body li.item div.inner-div {
    padding: 4px 0px 0px 6px;
}

.q-search-result .body li.item:first-child {
    /*margin-top: 4px;*/
}

.q-search-result .body li.item div.icon,
.q-search-result .body li.item div.text {
    float: left;
}

.q-search-result .body li.item div.icon {
    width: 16px;
    height: 24px;
    margin-right: 6px;
}

.q-search-result .body li.item.contact div.icon {
    background: url("../img/calendar/event_popup/company_icon.svg") no-repeat center;
}

.q-search-result .body li.item.contact.person div.icon {
    background: url("../img/calendar/event_popup/person_icon.svg") no-repeat center;
}

.q-search-result .body li.item.event div.icon {
    background: url("../img/calendar/event_popup/calendar_icon_small.svg") no-repeat center;
}

.q-search-result .body li.item.event.task div.icon {
    background: url("../img/calendar/event_popup/task_icon_small.svg") no-repeat center;
}

.q-search-result .body li.item.user div.icon {
    background: url("../img/calendar/event_popup/user_icon.svg") no-repeat center;
}

.q-search-result .body li.item div.text {
    float: none;
    line-height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
}

.q-search-result .body li.item.empty div.text {
    padding-left: 0px;
}

.q-search-result .body li.item:hover {
    background-color: #fdecd1;
}

.q-search-result .body li.item.empty {
    color: #797B83;
    font-style: italic;
}

.q-search-result .body li.item.empty:hover {
    background-color: inherit;
}

.q-search-result .body li.item.selected {
    background-color: #FFEFDC;
}

.q-search-result.focus {
    display: block;
}

.q-search-result .bottom {
    border-top: 1px solid #B3B8C0;
    background: #DDEAFF;
    height: 34px;
}

.q-search-result .bottom .buttons {
    float: right;
    padding-top: 3px;
}

#search_1 {
    float: left;
}

#search_1 .q-search.empty .q-search-inner {
    width: 300px;
}

#search_1 .q-search.focus .q-search-inner,
#search_1 .q-search .q-search-inner {
    width: 300px;
}

#search_1 .q-search-inner .content .filter .sides {
    background-image: url("../img/s_u_bar_sides2.png");
}

#search_1 .q-search-inner .content .filter .center {
    background-image: url("../img/s_u_bar_center2.gif");
}
#search_1 .q-search .center .search_icon {
    margin: 1px 9px 0 0;
}

#search_1 .q-search .content .center input[name="search"] {
    padding-right: 15px;
}

#dashboardToolbarSearch {
    float: left;
    margin-top: 6px;
    margin-left: 7px;
}

#contactsToolbarSearch,
#dealsToolbarSearch {
    float: left;
    margin-top: 6px;
    margin-left: 7px;
}

.user_form_view.changed {

}

.result-container {
    background-color: #ffffff;
    border: 1px solid gray;
    -webkit-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -moz-border-radius: 5px;
}

.btn-search-show-more {
    display: none;
}

.result-container.more .btn-search-show-more {
    display: block;
}

.q-search-result .advanced-panel .all-words {
    float: left;
    line-height: 36px;
    padding-left: 7px;
    border: 0px none;
}

.q-search-result .advanced-panel .type-selector {
    float: right;
    padding-right: 7px;
    padding-top: 5px;
}

.q-search-result .advanced-panel .type-selector select {
    background: none repeat scroll 0 0 #FBFDE9;
    border: 1px solid #CCCCCC;
    color: #787C7E;
}

.q-search-result[data-class=eventsSeeker] {
    width: 350px;
}

.q-search-result[data-class=eventsSeeker] .advanced-inner { padding: 9px 0px 0px 3px; min-height: 24px;}
.q-search-result[data-class=eventsSeeker] .advanced-inner a {margin: 0px 0px 0px 6px; font-size: 12px; font-family: Arial,Tahoma,Verdana,sans-serif; color: #006b96; text-decoration: underline; }
.q-search-result[data-class=eventsSeeker] .advanced-inner a:hover { text-decoration: none; }
.q-search-result[data-class=eventsSeeker] .advanced-inner a.selected { background-color: #006b96; color: #FFFFFF; padding: 2px 3px 2px 3px; }

/* input with helper */

.input-with-helper {
    position: relative;
}

.input-with-helper .helper {
    line-height: 24px;
    padding: 0px 0px;
    display: none;
}

.input-with-helper.empty .helper {
    display: block;
}

.input-with-helper.empty.focus .helper {
    color: #E4E4E4;
}

.quick_add_task_input {
    margin-top: 16px;
}

.quick_add_task_input input {
    width: 100%;
    padding: 3px 7px;
}

.quick_add_task_input.input-with-helper .helper {
    font-size: 14px;
    font-style: italic;
    left: 10px;
    top: -1px;
    /*opacity: 0.7;*/
    line-height: 26px;
}

.quick_add_task_input.input-with-helper.empty.focus .helper{
    color: #bdc0c6;
}

.section_loader {
    display: none;
    background: transparent;
    z-index:100;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.section_loader_bg {
    background: #e6e8f1;
    position: absolute;
    opacity: 0.6;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index:101;
}

.section_loader_img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index:102;
    background: transparent url(../img/loading_icon_an.gif) no-repeat center center;
}

/* -- Avatar Uploader Start -- */

.avatar_block { float: left; height: 103px; width: 85px; position: relative; padding: 0; margin: 10px; z-index: 1; }

.avatar_block .u_a_loading { display: none; margin-top: 34px; position: absolute !important; font-weight: bold; text-align:center; width:84px; }

.avatar_block .avatar84 { height: 83px; width: 83px; display: block; position: relative; z-index: 100; border: 1px solid #DDDDDD; border-radius: 50px; overflow: hidden; }
.avatar_block:hover .avatar84 { border-color: #ff8c32; }
.avatar_block .avatar84 img { position: relative; z-index: 10; display: block; height: 84px; }

.avatar_block form { z-index: 2000; } /* Iframe Uploader */

.avatar_block .controls { padding-top: 3px; text-align: center; height: 16px; }
.avatar_block .sep { display: none; color: #41454d; font-size: 11px; float:left; }

.avatar_block .button { display: none; font-family: Tahoma,Arial,sans-serif; font-size: 10px; margin: 0; float: none; }

.avatar_block .button.clear { position: absolute; left: 0; bottom: 0; padding: 4px 4px 3px 4px; z-index: 110000; color: #ff0000; }
.avatar_block .button.change { float: left; position: relative; padding: 4px; margin-top: -4px; }
.avatar_block .button.upload, .avatar_block.has .button.clear, .avatar_block.has .button.change, .avatar_block.has .sep { display: block; }
.avatar_block.has .button.upload { display: none; }
.avatar_block .button:hover, .avatar_block .hover .upload, .avatar_block .hover .change { text-decoration: underline; }

.avatar_block .button.clear.hidden { visibility: hidden; position: relative; float: left; }

.avatar_block.html4 input[type=file] { margin-left: -5px; padding-right: 5px; }

/* 8am specific (only for contact form) start */
#tabs1_contact .avatar_block.empty .controls {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    z-index: 1000 !important;
    cursor: pointer;
}
#tabs1_contact .avatar_block.empty .controls .button.upload {
    position: absolute;
    bottom: 2px;
    width: 100%;
}
/* 8am specific end */
/* -- Avatar Uploader End -- */

.comment_bubble .centered .wordwrap p { margin: 0 0 10px 0; }
.comment_bubble .centered .wordwrap p:last-of-type { margin: 0; }
.comment_bubble .centered .wordwrap th, .comment_bubble .centered .wordwrap td {
    padding: 3px;
    border: #d3d3d3 1px dotted;
}

/* wysiwyg start */
.cke .cke_inner .cke_top { display: none; position: absolute !important; top: -9px !important; left: 0 !important; border: 1px solid #b8b4a2 !important; padding: 0 !important; border-radius: 5px 5px 0 0; width: 252px; z-index: 1000; }
.cke_toolgroup { margin: 0 !important; border: none !important; }

.cke.cke_focus .cke_inner .cke_top, .editor-force-open .cke .cke_inner .cke_top { display: block; }
.dragstart .cke.cke_focus .cke_inner .cke_top { display: none; }
.cke .cke_inner.cke_maximized .cke_top { width: 100%; display: block !important; position: relative !important; top: 0 !important; }
.cke_toolbox { padding: 0 !important; }
.cke_chrome { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
iframe.cke_wysiwyg_frame { width: 100% !important; }
.cke_chrome, .cke_chrome .cke_inner, iframe.cke_wysiwyg_frame { border-color: #b8b4a2; border-radius: 7px; }
.cke_focus.cke_chrome, .cke_focus.cke_chrome .cke_inner, .cke_focus iframe.cke_wysiwyg_frame,
.editor-force-open .cke_chrome, .editor-force-open .cke_chrome .cke_inner, .editor-force-open iframe.cke_wysiwyg_frame { border-radius: 0 7px 7px 7px; }

.cke_dialog_contents .cke_dialog_contents_body .cke_dialog_ui_vbox_child iframe { width: 100% !important; height: 318px !important; }
.cke_dialog_contents .cke_dialog_contents_body .cke_dialog_ui_vbox_child div { width: 100% !important; }

input.cke_dialog_ui_input_text:focus, input.cke_dialog_ui_input_password:focus, textarea.cke_dialog_ui_input_textarea:focus, select.cke_dialog_ui_input_select:focus { background-color: #FFFFFF !important; }

.note_edit_form .editor-hint { text-align: right; position: absolute; right: 4px; display: none; top: 3px; color: #8891A1; font-size: 11px; }
.note_edit_form .editor-hint img.help_icon { margin-top: -3px; }
.note_edit_form.new .focused .editor-hint { display: inline; }

.tooltip.editor-shortcuts { min-width: 155px; }

/* wysiwyg end */
.ui-draggable-dragging { z-index: 10000; }
.item.ui-draggable-dragging {
    border: 1px solid #ced3e6;
    border-radius: 10px;
    padding: 2px 0 2px 10px;
    background-color: #FFFFFF;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.scheduled_event.ui-draggable-dragging, .item.ui-draggable-dragging {
    box-shadow: 2px 3px 5px -1px rgba(0,0,0,0.27);
}

.draggable-sidebar-task {
    border: 1px solid #ff9b00;
    min-width: 100px;
    background-color: rgba(255, 155, 0, 0.3);
}

#show_more {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width: 290px;
}

/* hide input clear icon (x) in IE >= 10 */
.u_popup input::-ms-clear, .q-search input::-ms-clear {
    display: none;
}

.update_count {
    position: absolute;
    top: 2px;
    left: -102px;
    width: 100px;
    height: 50px;
    color: #ffffff;
    background: blue;
    z-index: 5;
    cursor: pointer;
}

div#settings_dialog table.fixed_100p_table td.col1 { width: 160px; color: #6e4c6f;  vertical-align: middle; padding: 0px 5px 6px 0px; text-align: right; font-size: 13px; }
div#settings_dialog table.fixed_100p_table td.col2 { color: #6e4c6f; vertical-align: middle; padding: 0px 29px 6px 0px; font-size: 13px; }
div#settings_dialog {
    padding: 0;
}

.ui-state-default, .ui-widget-content .ui-state-default {
    border: 1px solid #d3d3d3/*{borderColorDefault}*/;
    background: #e6e6e6;
    font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; }


.events-view-header [data-type=addEventButton] {
    display: none;
}

#tabs1_contacts .events-view-header div[data-type=addEventButton] {
    display: block;
}

.events-view-header .link, .events_container .link {
    background:#3296be;
    height:16px;
    line-height: 16px;
    color:#fff;
    padding:0 11px;
    border-radius:50em;
    float: right;
    margin-top:3px;
    cursor:pointer
}
.events-view-header .link span{
    margin-right: 4px;
}


.user_edit_select{
    min-width:100px;
    margin-right:5px
}

.cell_inner_container {
    padding-left: 9px;
}

/*  Access control */
.ctrs_list span, .ips_list span {margin: 0px 2px 0px 6px; text-decoration: none;}
.ifcltabinner .ok { padding: 4px 0px 4px 27px; font-family: Arial,Verdana,Tahoma,sans-serif; margin: 0px 0px 0px 0px; font-size: 11px; background-image: url(/img/settings/ok_icon.png); background-position: 7px 4px; background-repeat: no-repeat; text-shadow: 1px 1px 0px #FFFFFF; }
.ifcltabinner .blocked { padding: 4px 0px 4px 27px; margin: 0; background-image: url(/img/settings/blocked_icon.png); font-size: 11px; background-position: 7px 4px; background-repeat: no-repeat; background-color: #fee0bc; text-shadow: 1px 1px 0px #FFFFFF; }
.ifcltabinner .acl { height: 393px; overflow: auto; }
.ifcltabinner .ok .log_u { font-weight: normal; color: #006ec6; cursor:pointer; text-decoration: none; }
.ifcltabinner .ok .log_u:hover { text-decoration: underline; }

.ifcltabinner .ok strong { font-weight: normal; color: #808589; }
.ifcltabinner .ok .ip { font-weight: normal; color: #808589; }

.ifcltabinner .blocked .log_u { font-weight: normal; color: #006ec6; cursor:pointer; text-decoration: none; }
.ifcltabinner .blocked .log_u:hover { text-decoration: underline; }

.ifcltabinner .blocked strong { font-weight: normal; color: #808589; }
.ifcltabinner .blocked .ip { font-weight: normal; color: #808589; }

.ifcltabinner .delete {margin-top: 5px;}
/*  Access control  End    */

.edit_ticket a:focus,
.user-detail-container a:focus {
    text-decoration: underline;
}

#edit_ticket_form input[type="radio"]:focus,
#edit_ticket_form input[type="checkbox"]:focus,
.user-detail-container input[type="checkbox"]:focus {outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}

#edit_ticket_form select:focus {

}

#edit_ticket_form a.focus_bold:focus,
.user-detail-container a.focus_bold:focus {
    font-weight: bold;
}

/* Grid V4 */
.grid-4 tr.empty_list td {
    height: 30px;
}

#shareButtonsLink {
    bottom: -1px;
    position: relative;
    font-size: 10px;
    font-weight: bold;
    color: #7F838B;
    z-index:11;
    height: 100%;
    display: inline-block;
    margin: 2px 0;
}

#shareButtonsLink a{
    display: inline-block;
    background: #7571B5 url(/img/megaphone_icon.png) no-repeat 10px 2px;
    color: #fff;
    text-decoration: none;
    line-height: 19px;
    padding: 0 10px 0 34px;
    border-radius: 3px;
    font-weight:normal;
    font-size:12px
}

#tbShare_buttons_menu {
    min-width: 230px;
    min-height: 60px;
}

#tbShare_buttons_menu .item.parent {
    padding: 8px;
}
#tbShare_buttons_menu .head {
    padding: 0 0 8px 3px;
    font-size: 12px;
    font-family: Verdana;
    color: #53555A;
}

#taskSeeker .content .seeker-advanced { padding: 5px 0px 9px 2px; }
#taskSeeker .content .seeker-advanced a {margin: 0px 0px 0px 6px; font-size: 12px; font-family: Arial,Tahoma,Verdana,sans-serif; color: #006b96; text-decoration: underline; }
#taskSeeker .content .seeker-advanced a:hover { text-decoration: none; }
#taskSeeker .content .seeker-advanced a.selected { background-color: #006b96; color: #FFFFFF; padding: 2px 3px 2px 3px; }
#taskSeeker .content .item.event .item_text { background: url(/img/calendar/event_popup/event_img.png) no-repeat 0 0px;  padding:0px 0px 0px 27px; line-height: 19px;}
#taskSeeker .content .item.task .item_text { background: url(/img/calendar/event_popup/task_img.png) no-repeat 0 0px; padding:0px 0px 0px 27px; line-height: 19px;}
.nicEdit-tasklink {
    margin-left: 3px;
    padding-left: 21px;
    background-repeat: no-repeat;
    background-position: 2px center;
}
.nicEdit-tasklink.event {
    background-image: url(/img/calendar/event_popup/calendar_icon_small.svg);
}

.nicEdit-tasklink.task {
    background-image: url(/img/calendar/event_popup/task_icon_small.svg);
}

@media (max-width: 1150px) {
    .popup_new_features {
        display: none;
    }
}

.ui-dialog-content select:disabled {
    opacity: 0.6
}

.selectbox .tpf {
    white-space: nowrap;
    float: left;
    padding: 6px 0px 5px 5px;
    color: #6b717a;
    margin: 0px 0px 0px 2px;
    height: 9px;
    width: 87px;
    overflow: hidden;
}

.btn_top_add_deal { float: left; padding: 2px 2px 0px 10px; }
.btn_top_add_deal {padding-left: 4px;}
.btn_top_add_deal a {
    display:block;
    width:29px;
    height:27px;
    padding-top: 7px;
    background: url(../img/p_add_plus.png) no-repeat 0 5px;
}
.btn_top_add_deal.disabled a {
    background: url(../img/p_add_plus_disabled.png) no-repeat 0 5px;
    cursor:default;
}

.btn_top_settings_deals { float: left; padding: 2px 0px 0px 10px; }
.btn_top_settings_deals {padding-left: 2px;}
.btn_top_settings_deals a {
    display:block;
    width:29px;
    height:27px;
    padding-top: 7px;
    background: url(../img/edit_icon.svg) no-repeat 0 9px;
}
.btn_top_settings_deals.disabled a {
    background: url(../img/p_add_plus_disabld.png) no-repeat 0 7px;
    cursor:default;
}

.dashboard_button_board {
    float: left;
    margin: 13px 0 0 22px
}

.deal_separator {
    position: relative;
    margin: 4px 15px 0 10px;
    height: 31px;
    float: left
}

.deal_separator:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 1px;
    background: #b6bbc5;
    border-right: 1px solid #fff
}
.deal_separator:after {
    position: absolute;
    content: "";
    top: 0;
    left: 2px;
    height: 100%;
    width: 1px;
    background: #b6bbc5;
    border-right: 1px solid #fff
}

.deals_board_filter .sides{
    background-image: url(../img/selectbox_dark.png)
}
.deals_board_filter .center{
    background-image: url(../img/selectbox_bg_dark.png) !important
}
.deals_board_filter .center .arrow{
    background-image: url(../img/select_box_arrow_dark.png) !important
}
.deals_board_filter .center .tpf{
    color: #fff;
}

.settings_deals .arrow {
    float: right;
    width: 13px;
    height: 5px;
    position: absolute;
    background: url(../img/selectbox_arrow.gif) no-repeat 4px 0;
    margin: 19px 2px 0px 0px;
}

.ctrls_bar_item {
    float: left;
}

.ctrls_bar_item.history {
    margin-top: 15px;
}

.ui-menu .attache_context_menu li a {
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 38px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.attache_context_menu li[data-action=pc] a {
    background-image: url("../img/icos/ext_menu/n_pc_icon.png");
}
.attache_context_menu li[data-action=ss] a {
    background-image: url("../img/icos/ext_menu/n_ss_icon.png");
}
.attache_context_menu li[data-action=ff] a {
    background-image: url("../img/icos/ext_menu/n_ff_icon.png");
}
.attache_context_menu li[data-action=dropbox] a {
    background-image: url("../img/icos/ext_menu/n_dropbox_icon.png");
}
.attache_context_menu li[data-action=gdrive] a {
    background-image: url("../img/icos/ext_menu/n_drive_icon.png");
}
.attache_context_menu li[data-action=onedrive] a {
    background-image: url("../img/icos/ext_menu/n_onedrive_icon.png");
}
.attache_context_menu li[data-action=box] a {
    background-image: url("../img/icos/ext_menu/n_box_icon.png");
}


/* --- SpiderScribe integration --- */
.fIcon.ss_board, .ticket_right .list_content .file_upload .ext_icon.ft_ss_board {
    background-image: url(/img/ficons/ss.gif);
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 19px;
    overflow: hidden;
    width: 17px;
}

#attach_ss_dialog li a { float: left; }
#attach_ss_dialog li input {float: left; margin-top: 3px; margin-left: 5px;}
#attach_ss_dialog li a {float: left; }

#attach_ff_dialog li a { float: left; }
#attach_ff_dialog li input {float: left; margin-top: 3px; margin-left: 5px;}
#attach_ff_dialog li a {float: left; }

.ff_project ul {
    display: none;
}

.ff_project .ff_project_title {
    cursor: pointer;
    padding-top: 10px;
    padding-bottom: 10px;
    background: url("/img/icos/iconsProject.gif") no-repeat left center;
    padding-left: 40px;
}

.ff_project.open .ff_project_title {
    background: url("/img/icos/iconsProjectOpen.gif") no-repeat left center;
}

.ff_project.open ul {
    display: block;
}


/* notes cover icon */

.file_upload .img_container{
    position: relative;
}
.file_upload .img_container span.img_icon {
    position: absolute;
    width: 23px;
    height: 33px;
    right: 5px;
    bottom: 5px;
}
.file_upload[data-type="dropbox"] .img_container span.img_icon {
    background: url(../img/dropbox_hover_logo.png) no-repeat;
}
.file_upload[data-type="firefly"] .img_container span.img_icon{
    background: url(../img/ff_hover_logo.png) no-repeat;
}
.file_upload[data-type="spiderscribe"] .img_container span.img_icon{
    background: url(../img/ss_hover_logo.png) no-repeat;
}

.popup-v0 {
    position:absolute;
    top:100px;
    left:100px;
    border:1px solid #b6bfd0;
    border-radius:3px;
    box-shadow:5px 5px 10px rgba(0,0,0,0.12), 0 0 15px  rgba(110,116,125,0.3);
    background: #fff;
    z-index:1100;
    display: none;
}

.popup-v0.create_events_popup {
    min-height: 50px;
}

.popup-v0 .content-area {
    margin:17px 20px;
    color:#43474f;
}

.popup-v0.quick_add_popup {
    width: 350px;
}

.popup-v0 .btn_blue:focus {
    text-decoration: underline;
}

.quick_add_popup .label {
    font-size: 14px;
    color: #737983;
}

.quick_add_popup .label.top {
    margin-bottom: 4px;
}

.quick_add_popup input[type=text] {
    width: 100%;
    padding: 5px 10px;
    font-size: 18px;
}


.popup-v0.move_to_project_popup {
    width: 350px;
}

.move_to_project_popup .selectbox .center {
    width: 300px;
}

ul.ticket_list li a.date_box.year,
ul.ticket_list li a.date_box.time { font-size: 12px; }

ul.ticket_list li a.date_box.year.time { font-size: 11px; }

ul.ticket_list li a.date_box {
    background: #edf3fe;
    border:1px solid #ced4e0;
    line-height:20px;
    margin-left:7px;
    padding:0 3px 0 7px;
    min-width:inherit;
    position: relative;
    font-size: 13px;
    color: #43474f;
}

ul.ticket_list li .date_box:hover {
    text-decoration: none;
}

ul.ticket_list li .selected .date_box,
ul.ticket_list li .date_box:focus {
    background-color: #ffdfaa;
    border: 1px solid #ff9b00;
}

ul.ticket_list li .date_box span,
ul.ticket_list li .date_box strong {
    display: inline-block;
    font-weight: normal;
}

ul.ticket_list li .period_calendar_icon{
    height:16px;
    top:3px;
}

.cal_footer_message {
    margin-top: -10px;
    float: none;
    text-align: right;
    padding: 0
}

.cal_footer_message.tleft {
    text-align: left
}


 /*day cover popup start*/

.day_cover_area .add_new_cover{
    display: inline-block;
    background: #3296be;
    color: #fff;
    text-decoration: none !important;
    font-size: 14px;
    padding: 8px 25px 8px 35px;
    border-radius: 16px;
    position: relative;
    margin-top: 5px
}

.day_cover_area .add_new_cover:hover{
    background: #369fc9;
}

.day_cover_area .add_new_cover:before{
    position: absolute;
    content: "+";
    left: 11px;
    top: 2px;
    font-size: 21px;
    font-weight: bold;
}

.day_covers {
    margin-top: 18px
}

.day_covers .cover_item {
    border-top: 1px solid #d4d6de;
    /*margin: 5px 0*/
    padding: 3px 0;
    position: relative
}
.day_covers .cover_item .cover_item_in {
     padding: 12px 23px;
}
.day_covers .cover_item:last-child {
    border-bottom: 1px solid #d4d6de;
}

.day_covers .cover_item:hover  .cover_item_in{
    background: #fff5c7;
}
.day_covers .cover_item .cover_item_img{
    border: 1px solid #e2e5eb;
    border-radius: 2px;
    overflow: hidden;
    height: 79px;
    width: 79px;
    cursor: pointer;
}
.day_covers .cover_item .cover_item_img:hover{
    border: 1px solid #ffa10f;

}

.day_covers .cover_item .cover_item_img img{
    height: 79px;
    width: 79px;
}

.cover_item_text {
    margin-left: 18px;
    width: 450px
}
.cover_item_text .cover_title{
    font-size: 18px;
    color: #434343;
    margin-top: 8px;
}
.cover_item_text .cover_title .cover_custom{
    font-size: 14px;
    color: #9c9c9c;
    margin-left: 15px
}
.cover_item_text .cover_desc {
    font-size: 14px;
    color: #434343;
    margin-top: 15px
}

.cover_item .cover_buttons_edit {
    position: absolute;
    top: 35px;
    right: 25px;
    display: none
}
.cover_item:hover .cover_buttons_edit {
    display: block
}
.cover_item .cover_buttons_edit span {
    background: url(../img/cover_buttons_edit.png);
    display: inline-block;
    width: 40px;
    height: 39px;
    cursor: pointer
}

.cover_item .cover_buttons_edit span.cover_show {
    background-position: -53px 0 ;
}
.cover_item .cover_buttons_edit span.cover_edit {
    background-position: -107px 0 ;
}
.cover_item .cover_buttons_edit span.cover_delete {
    background-position: -164px 0 ;
}

.cover_item .cover_buttons_edit span.inactive {
    cursor: default;
    opacity: 0.5
}

.day_cover_form {
    margin-top: 10px
}
.day_cover_form .cover_form_name {
     padding: 8px 7px;
     display: block;
     width: 100%;
     margin-bottom: 15px
 }

.day_cover_form .cover_form select {
    width: 150px;
    margin-right: 10px;
    height: 27px;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    /*background-color: #edf3fe*/
}

.day_cover_form .cover_form span {
    margin: 0 20px 0 10px
}

.day_cover_form .cover_select_title {
    color: #434343;
    text-align : center;
    margin: 20px 0 15px;
    font-size: 14px
}
.day_cover_form .cover_select_area .cover_select_item {
    float: left;
    margin: 0 5px 5px 0;
    border: 1px solid #e2e5eb;
    cursor: pointer;
    width: 79px;
    height: 79px;
    overflow: hidden;
    border-radius: 2px
}
.day_cover_form .cover_select_area .cover_select_item:hover {
    border: 1px solid #ffa10f;
}

.day_cover_form .cover_select_area .cover_select_item img{
    height: 79px;
    width: 79px;
}

.day_cover_form .cover_select_area .add_cover {
    background: #edf3fe;
    position: relative
}

.day_cover_form .cover_select_area .add_cover:before {
    content: "+";
    position: absolute;
    top: 25px;
    left: 25px;
    background: #3296be;
    color: #fff;
    width: 31px;
    height: 31px;
    padding: 3px;
    line-height: 21px;
    text-align: center;
    font-weight: bold;
    font-size: 21px;
    border-radius: 50%;
    box-sizing: border-box;

}
/*day cover popup end*/




/*popup import projects from 5pm*/

.import_projects_5pm_form {
    margin-top: 10px;
}
.import_projects_5pm_form .label_title{
    color: #737983;
    margin-right: 10px;
}
.import_projects_5pm_form .label_projects{
    margin: 20px 0 10px;
}
.import_projects_5pm_form .task_select label{
    margin-right: 15px
}
.import_projects_5pm_form ul{
    margin-top: 10px;
    column-count: 2;
}
.import_projects_5pm_form ul li{
    padding: 7px 27px 7px 3px !important;
    /*width: 50%;*/
    /*outline: 1px solid;*/
    /*float: left;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box; /*Firefox 1-3*/
    -webkit-box-sizing: border-box; /* Safari */
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    column-gap:20px
}


/*popup import projects from 5pm*/

/* Avatar name */
.avatar2 {
    float:left;
    margin: 0;
    border-radius: 50px;
    background:   url(/img/polygon_bg_section4.svg) 0px 0px;
    color: #fff;
    text-align: center;
    position: relative;
    width: 100px;
    height: 100px;
    line-height: 100px;
    z-index: 1;
}

.avatar2[data-size=_32x32] {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    background-size: 310px 190px;
}

.avatar2[data-size=_24x24] {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 11px;
    background-size: 233px 142px;
}

.avatar2[data-size=_84x84] {
    width: 84px;
    height: 84px;
    line-height: 84px;
    font-size: 38px;
    background-size: 815px 498px;
}

.avatar2:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-color: transparent;
    -webkit-mix-blend-mode: overlay;
    mix-blend-mode: overlay;
    border-radius: 50px;
    color: white;
    text-align: center;
    font-size: 50px;
    z-index: -1;
}

.avatar2[data-size=_32x32] {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    background-size: 310px 190px;
}

.avatar2[data-size=_24x24] {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 11px;
    background-size: 233px 142px;
}

.avatar2[data-size=_84x84] {
    width: 84px;
    height: 84px;
    line-height: 84px;
    font-size: 38px;
    background-size: 815px 498px;
}

.avatar2.a1 {
    background-position: 60px 120px;
}
/* bg-size: 815px 498px; */
.avatar2.a1[data-size=_84x84] {
    background-position: 50.4px 100.8px;
}
/* bg-size: 310px 190px; */
.avatar2.a1[data-size=_32x32] {
    background-position: 19.2px 38.4px;
}
/* bg-size: 233px 142px */
.avatar2.a1[data-size=_24x24] {
    background-position: 14.4px 28.8px;
}

.avatar2.a1:after {
    background-color: #2f7656; /* green */
}

.avatar2.a2 {
    background-position: 60px 60px;
}

.avatar2.a2[data-size=_84x84] {
    background-position: 50.4px 50.4px;
}

.avatar2.a2[data-size=_32x32] {
    background-position: 19.2px 19.2px;
}

.avatar2.a2[data-size=_24x24] {
    background-position: 14.4px 14.4px;
}

.avatar2.a2:after {
    background-color: #d02424; /* red */
}

.avatar2.a3 {
    background-position: 90px 90px;
}

.avatar2.a3[data-size=_84x84] {
    background-position: 75.6px 75.6px;
}

.avatar2.a3[data-size=_32x32] {
    background-position: 28.8px 28.8px;
}

.avatar2.a3[data-size=_24x24] {
    background-position: 21.6px 21.6px;
}

.avatar2.a3:after {
    background-color: #e76f0f; /*orange*/
}

.avatar2.a4 {
    background-position: 150px 10px;
}

.avatar2.a4[data-size=_84x84] {
    background-position: 126px 8.4px;
}

.avatar2.a4[data-size=_32x32] {
    background-position: 48px 3.2px;
}

.avatar2.a4[data-size=_24x24] {
    background-position: 28.8px 2.4px;
}

.avatar2.a4:after {
    background-color: #0088ff; /* blue */
}

.avatar2.a5 {
    background-position: 400px 240px;
}

.avatar2.a5[data-size=_84x84] {
    background-position: 336px 201px;
}

.avatar2.a5[data-size=_32x32] {
    background-position: 128px 76.8px;
}

.avatar2.a5[data-size=_24x24] {
    background-position: 14.4px 14.4px;
}

.avatar2.a5:after {
    background-color: #003d7c; /* navy */
}

.avatar2.a6 {
    background-position: 450px 40px;
}

.avatar2.a6[data-size=_84x84] {
    background-position: 378px 33.6px;
}

.avatar2.a6[data-size=_32x32] {
    background-position: 144px 12.8px;
}

.avatar2.a6[data-size=_24x24] {
    background-position: 108px 9.6px;
}

.avatar2.a6:after {
    background-color: #7f7f7f; /* gray */
}

.avatar2.a7 {
    background-position: 240px 670px;
}

.avatar2.a7[data-size=_84x84] {
    background-position: 201.6px 562.8px;
}

.avatar2.a7[data-size=_32x32] {
    background-position: 76.8px 214.4px;
}

.avatar2.a7[data-size=_24x24] {
    background-position: 57.6px 160.8px;
}

.avatar2.a7:after {
    background-color: #454545; /* dark gray */
}

.avatar2.a8 {
    background-position: 450px 20px;
}

.avatar2.a8[data-size=_84x84] {
    background-position: 378px 16.8px;
}

.avatar2.a8[data-size=_32x32] {
    background-position: 144px 6.4px;
}

.avatar2.a8[data-size=_24x24] {
    background-position: 108px 4.8px;
}

.avatar2.a8:after {
    background-color: #aa1a60; /* maroon */
}

.avatar2.a9 {
    background-position: 680px 830px;
}

.avatar2.a9[data-size=_84x84] {
    background-position: 571.2px 697.2px;
}

.avatar2.a9[data-size=_32x32] {
    background-position: 217.6px 265.6px;
}

.avatar2.a9[data-size=_24x24] {
    background-position: 163.2px 199.2px;
}

.avatar2.a9:after{
    background-color: #af00c9; /* purple */
}

.avatar2.a10 {
    background-position: 140px 110px;
}

.avatar2.a10[data-size=_84x84] {
    background-position: 117.6px 92.4px;
}

.avatar2.a10[data-size=_32x32] {
    background-position: 44.8px 35.2px;
}

.avatar2.a10[data-size=_24x24] {
    background-position: 33.6px 26.4px;
}

.avatar2.a10:after {
    background-color: #3D9970; /* olive */
}

.avatar2.a11 {
    background-position: 120px 110px;
}

.avatar2.a11[data-size=_84x84] {
    background-position: 100.8px 92.4px;
}

.avatar2.a11[data-size=_32x32] {
    background-position: 38.4px 35.2px;
}

.avatar2.a11[data-size=_24x24] {
    background-position: 28.8px 26.4px;
}

.avatar2.a11:after {
    background-color: #01a84a; /* dark olive */
}

.avatar2.a12 {
    background-position: 536px 210px;
}

.avatar2.a12[data-size=_84x84] {
    background-position: 450.24px 176.4px;
}

.avatar2.a12[data-size=_32x32] {
    background-position: 171.52px 67.2px;
}

.avatar2.a12[data-size=_24x24] {
    background-position: 128.64px 50.4px;
}

.avatar2.a12:after {
    background-color: #d4b700; /* yellow */
}

.avatar2.a13 {
    background-position: 600px 520px;
}

.avatar2.a13[data-size=_84x84] {
    background-position: 504px 436.8px;
}

.avatar2.a13[data-size=_32x32] {
    background-position: 192px 166.4px;
}

.avatar2.a13[data-size=_24x24] {
    background-position: 144px 124.8px;
}

.avatar2.a13:after {
    background-color: #32b2b2; /* teal */
}

.avatar2.a14 {
    background-position: 450px 50px;
}

.avatar2.a14[data-size=_84x84] {
    background-position: 378px 42px;
}

.avatar2.a14[data-size=_32x32] {
    background-position: 144px 16px;
}

.avatar2.a14[data-size=_24x24] {
    background-position: 108px 12px;
}

.avatar2.a14:after {
    background-color: #781f19; /* dark red */
}

.avatar2.a15 {
    background-position: 600px 200px;
}

.avatar2.a15[data-size=_84x84] {
    background-position: 504px 168px;
}

.avatar2.a15[data-size=_32x32] {
    background-position: 192px 64px;
}

.avatar2.a15[data-size=_24x24] {
    background-position: 144px 48px;
}

.avatar2.a15:after {
    background-color: #00a100; /* dark green */
}

.avatar2.a16 {
    background-position: 300px 300px;
}

.avatar2.a16[data-size=_84x84] {
    background-position: 252px 252px;
}

.avatar2.a16[data-size=_32x32] {
    background-position: 96px 96px;
}

.avatar2.a16[data-size=_24x24] {
    background-position: 72px 72px;
}

.avatar2.a16:after {
    background-color: #008b97; /* blue */
}

.avatar .avatar2 + b:first-of-type { margin-top: -2px; }

.lowercase {text-transform: lowercase}

.task_circle {
    width: 12px;
    height: 12px;
    /*border: 1px solid #b5cbd1;*/
    border-radius: 50em;
    display: inline-block;
    vertical-align: middle;
    margin: 0px 5px 0px 0px;
    background: #fff
}

.task_circle.first_stage {
    width: 11px;
    height: 11px;
	border: 1px solid #b3cad0;
}

.task_circle.last_stage {
    /*background: url('/img/check_icon2.svg') #00df00 0px 1px;*/
	background:	url('/img/check_icon2.svg')  #00df00 no-repeat center / 10px 10px;
}

a.external {
    color: #5c8ac6 !important;
    font-size: 13px !important;
    text-decoration: none;
}