@charset "UTF-8";
/* All the variables that has been used in application are defined below */
/* Background color for body */
/* Global values */
/* Container width */
/* Brand colors across application */
/* PINK Theme Properties */
/* BLUE Theme Properties */
/* GREY Theme Properties */
/* GREY Theme Properties */
/* GREEN Theme Properties */
/* Global text color */
/* Global textual link color */
/* Link hover color */
/* Typography */
/* Line-height */
/* Padding */
/* Headings */
/* Labels */
/* Round Border */
/* Form inputs */
/* Background Blur */
/* Workkard Consolidated View */
@import url("//fonts.googleapis.com/css?family=Arvo");
@import url("//fonts.googleapis.com/css?family=Ek+Mukta");
@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");
.consolidated_view {
  padding: 0 0 10px 0;
}

/*.consolidated_view:before {
    content: '';
    background: #E5E5E5;
    width: 1px;
    position: absolute;
    top: 122px;
    bottom: 0px;
    left: 40px;
	top: 70px;
}*/
.consolidated_view,
.consolidated_view_list,
.consolidated_view_month_tag {
  float: left;
  width: 100%;
  display: block;
}

.consolidated_view_list,
.consolidated_view_month_tag {
  position: relative;
  padding: 10px 10px 0 70px;
}

.consolidated_view_list .date_circle {
  text-align: center;
  font-weight: bold;
  color: #2190ff;
  word-wrap: break-word;
  padding: 8px 0 0 0;
  z-index: 1;
  position: absolute;
  left: 11px;
  font-size: 12px;
  line-height: 16px;
  width: 30px;
  height: 30px;
  border: 1px solid #2190ff;
  border-radius: 100%;
  background: #f9f9f9;
  overflow: hidden;
}

.consolidated_view_list .time_circle {
  text-align: center;
  word-wrap: break-word;
  padding: 0px 0 0 0;
  z-index: 1;
  position: absolute;
  left: -3px;
  line-height: 16px;
  width: 62px;
  color: #999;
  font-size: 11px;
  margin: 35px 0 0 0;
  background-color: #f9f9f9;
}

.consolidated_view_list.consolidated_view_group {
  padding-top: 0px;
}

.consolidated_view_month_tag .month_name {
  text-align: center;
  line-height: 16px;
  color: #fff;
  font-size: 11px;
  background-color: #3A3A3A;
  border-radius: 10px;
  display: inline-block;
  padding: 1px 0;
  position: relative;
  width: 58px;
}

.consolidated_view_month_tag.fixed_position {
  position: fixed;
  top: 102px;
  background-color: #f9f9f9;
  z-index: 3;
  padding-left: 20px;
  margin-left: -20px;
}

.consolidated_view_list .time_line_bar {
  width: 1px;
  background-color: #E5E5E5;
  position: absolute;
  top: 0;
  bottom: -30px;
  left: 24px;
  right: auto;
}

.consolidated_view_list .update_block {
  float: left;
  width: 100%;
  display: block;
  padding: 10px;
  position: relative;
  -moz-box-shadow: 0px 0px 1px 0px rgba(173, 173, 173, 0.5);
  -webkit-box-shadow: 0px 0px 1px 0px rgba(173, 173, 173, 0.5);
  box-shadow: 0px 0px 1px 0px rgba(173, 173, 173, 0.5);
  background-color: #fff;
}

.consolidated_view_list .arrow,
.consolidated_view_list .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.consolidated_view_list .arrow {
  border-width: 9px 14px 9px 14px;
  top: 25px;
  left: 52px;
  margin-top: -11px;
  border-right-color: #b2b2b2;
  border-left-width: 0;
  z-index: 1;
  display: none;
}

.consolidated_view_list .arrow:after {
  border-width: 8px 13px;
  content: "";
  bottom: -8px;
  left: 1px;
  border-right-color: white;
  border-left-width: 0;
}

.consolidated_view_list .update_block .user_information {
  float: left;
}
.consolidated_view_list .update_block .user_information a {
  /*color: #063565;*/
  font-weight: bold;
}
.consolidated_view_list .update_block .user_information a.activity_title {
  /*color: #0288D1;*/
  font-weight: normal;
}
.consolidated_view_list .update_block .user_information .thumb {
  /*border: 1px solid #c7c7c7;*/
  background-color: #f6f6f6;
  width: 35px;
  height: 35px;
  vertical-align: middle;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  margin: 0 5px 0 0;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  float: left;
}
.consolidated_view_list .update_block .user_information .user_name_h,
.consolidated_view_list .update_block .user_information .org_name_h, .consolidated_view_list .update_block .user_information .deleted_u_h {
  display: none;
}

.consolidated_view_list .update_block .time {
  color: #767676;
}

.consolidated_view_list .update_block .status {
  display: inline-block;
  padding: 0 4px;
  margin: 0 4px;
}

.consolidated_view_list .update_block .users_involved {
  float: right;
  position: relative;
}

.added_activity .users_involved {
  margin-right: 0px !important;
}

.consolidated_view_list .update_block .users_involved .user_block {
  width: 120px;
  display: inline-block;
}

.consolidated_view_list .update_block .users_involved .user_block img {
  float: left;
  background-color: #c2c1c1;
  margin: 0 5px 0 0;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.consolidated_view_list .update_block .users_involved .user_block .user_name,
.consolidated_view_list .update_block .users_involved .user_block .org_name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  margin-top: 5px;
}

.consolidated_view_list .update_block .users_involved .user_block .user_name_h,
.consolidated_view_list .update_block .users_involved .user_block .org_name_h,
.consolidated_view_list .update_block .users_involved .user_block .deleted_u_h {
  display: none;
}

.consolidated_view_list .update_block .users_involved .sep_arrow {
  display: inline-block;
  vertical-align: top;
  margin: 10px 5px 0;
}

.consolidated_view_list .update_block .update_information {
  float: left;
  width: 100%;
  display: block;
  padding: 10px 0 0 44px;
}

.consolidated_view_list .update_block .update_information .label-ntf {
  margin: 0 5px;
}

.consolidated_view_list .update_block .file_listing {
  float: left;
  width: 100%;
  display: block;
  padding: 10px 0 0 0;
}

.consolidated_view_list .update_block .file_listing li {
  float: left;
  display: block;
}

.consolidated_view_list .log_listing {
  float: left;
  width: 100%;
  display: block;
}
.consolidated_view_list .log_listing li {
  float: left;
  width: 100%;
  display: block;
  border-bottom: 1px solid #dadada;
  padding: 6px 0 6px 0;
}
.consolidated_view_list .log_listing li.last, .consolidated_view_list .log_listing li:last-child {
  border: none;
}
.consolidated_view_list .log_listing li.header {
  background-color: #eee;
  font-weight: bold;
}
.consolidated_view_list .log_listing .header .field_value,
.consolidated_view_list .log_listing .original_value,
.consolidated_view_list .log_listing .new_value {
  color: #1c1c1c;
}
.consolidated_view_list .log_listing .field_value,
.consolidated_view_list .log_listing .original_value,
.consolidated_view_list .log_listing .new_value {
  float: left;
  width: 31%;
  padding: 0 2% 0 10px;
  color: #282828;
  word-wrap: break-word;
}
.consolidated_view_list .log_listing .field_value {
  color: #555555;
}

.consolidated_view_list .update_block .note_type {
  background-color: #008730;
  color: white;
  border-radius: 3px;
  padding: 0 3px 0 3px;
  float: right;
}

.consolidated_view_list .update_block .community {
  background-color: #44b649;
}

.consolidated_view_list .update_block .personal {
  background-color: #00bad6;
}

.consolidated_view_list .update_block .public {
  background-color: #008730;
}

.list_combined_ico {
  float: left;
  width: 53px;
  margin: 0 10px 0 10px;
  display: none;
}

.list_combined_ico .active {
  cursor: default;
}

.multiple-file-listing {
  float: left;
  width: auto;
  display: block;
}

.multiple-file-listing .MultipleFileHeading {
  width: 100%;
  position: relative;
}

.multiple-file-listing .MultipleFileHeading div.hr {
  border-bottom: #e2e2e2 solid 1px;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 12px;
  padding-left: 10px;
}

.multiple-file-listing .MultipleFileHeading strong,
.multiple-file-listing .MultipleFileHeading span {
  display: inline-block;
  padding: 3px 5px;
  position: relative;
  background: white;
}

.multiple-file-listing .MultipleFileHeading .expand {
  background: #fff url(../images/expand_arrow-multiple.png) no-repeat right 8px;
  cursor: pointer;
  padding-right: 13px;
}

.multiple-file-listing .MultipleFileHeading .collapse {
  background: #fff url(../images/collapse_arrow-multiple.png) no-repeat right 10px;
  cursor: pointer;
  padding-right: 13px;
}

.multiple-file-listing ul {
  width: 100%;
}

.multiple-file-listing ul li {
  width: 350px;
  height: 262px;
  background: #ededed;
  float: left;
  border: #e2e2e2 solid 1px;
  padding: 0px;
  margin: 10px 10px 0 25px;
  box-shadow: 1px 1px 0px 0px #c1c1c1;
  position: relative;
}

.multiple-file-listing ul li .imageBox {
  background: #ededed;
  border: #fff solid 5px;
  width: 100%;
  height: 100%;
  position: relative;
}

.multiple-file-listing ul li .imageBox .ImageBlock {
  text-align: center;
  width: 100%;
  height: 100%;
  line-height: 251px;
  overflow: hidden;
}

.multiple-file-listing ul li .imageBox img {
  display: inline-block;
  max-width: 100%;
  max-height: 254px;
  vertical-align: middle;
}

.multiple-file-listing ul li div.CaptionBox,
.multiple-file-listing ul li .VideoCaption {
  background-color: rgba(0, 0, 0, 0.6);
  background: url(../images/bg_transparent_black.png) 0 0 repeat;
  width: 100%;
  min-height: 66px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  color: #fff;
  padding: 5px;
  text-shadow: 1px 1px 0px #000;
}

.multiple-file-listing ul li .VideoCaptionHide {
  position: absolute;
  top: 193px;
  right: 5px;
  background: url(../images/minimze-video.png) 0 0 no-repeat;
  width: 15px;
  height: 13px;
  display: block;
}

.multiple-file-listing ul li div.imageBox .File_esx,
.multiple-file-listing ul li div.imageBox .File_PDF,
.other_doc_listing .file_icon_ctr {
  position: relative;
  width: 76px;
  height: 86px;
  background: #f3f3f3;
  margin: 0 auto;
  top: 35%;
  box-shadow: -3px 3px 1px -2px #acacad;
}

.multiple-file-listing ul li div.imageBox .File_esx:before,
.multiple-file-listing ul li div.imageBox .File_PDF:before,
.other_doc_listing .file_icon_ctr:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-width: 0 16px 16px 0;
  border-style: solid;
  border-color: #ededed #ededed #c2c2c2 #c2c2c2;
  background: #c2c2c2;
  display: block;
  width: 0;
  /* Firefox 3.0 damage limitation */
}

.multiple-file-listing ul li div.imageBox .File_esx .FileTextBlock,
.multiple-file-listing ul li div.imageBox .File_PDF .FileTextBlock,
.other_doc_listing .file_icon_ctr .file_ext_strip {
  background: #db1a1a;
  width: 56px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  top: 41%;
  position: relative;
  left: -10%;
  z-index: 2;
}

.other_doc_listing .file_icon_ctr.esx .file_ext_strip {
  background: #94b900;
}

.other_doc_listing .file_icon_ctr.esx .strip_back_effect {
  border-color: transparent #b2d71e transparent transparent;
}

.multiple-file-listing ul li div.CaptionBox .EditCaption {
  width: auto;
  position: absolute;
  bottom: 24px;
  right: 5px;
}

.multiple-file-listing ul li div.CaptionBox a {
  color: #fff;
  display: inline-block;
  cursor: pointer;
}

.multiple-file-listing ul li div.CaptionBox p {
  margin-bottom: 35px;
  word-wrap: break-word;
}

.multiple-file-listing ul li div.EditBox {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  color: white;
  padding: 5px;
  z-index: 2;
}

.multiple-file-listing ul li div.EditBox textarea {
  width: 100%;
  min-height: 85px;
  margin-bottom: 5px;
}

.multiple-file-listing ul li div.EditBox a {
  color: white;
  cursor: pointer;
}

.multiple-file-listing ul li div.ImageDetail {
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 0 5px 4px 5px;
  width: 100%;
}

.multiple-file-listing ul li div.ImageDetail span, .multiple-file-listing ul li div.ImageDetail a {
  display: inline-block;
}

.multiple-file-listing ul li div.ImageDetail .download_ico {
  position: relative;
  bottom: 3px;
  margin-left: 5px;
}

.multiple-file-listing ul li div.imageBox .File_PDF .FileTextBlockEffect,
.other_doc_listing .file_icon_ctr .strip_back_effect {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 8px 8px 0;
  border-color: transparent #e66d6d transparent transparent;
  position: relative;
  z-index: 1;
  top: 41%;
  left: -11%;
}

.multiple-file-listing ul li div.imageBox .File_Word .FileTextBlockEffect,
.other_doc_listing .file_icon_ctr.word .strip_back_effect {
  border-color: transparent #6e9dfe transparent transparent;
}

.multiple-file-listing ul li div.imageBox .File_Word .FileTextBlock,
.other_doc_listing .file_icon_ctr.word .file_ext_strip {
  background: #4379e7;
}

.multiple-file-listing ul li div.imageBox .File_Excel .FileTextBlockEffect,
.other_doc_listing .file_icon_ctr.excel .strip_back_effect {
  border-color: transparent #34bf55 transparent transparent;
}

.multiple-file-listing ul li div.imageBox .File_Excel .FileTextBlock,
.other_doc_listing .file_icon_ctr.excel .file_ext_strip {
  background: #088f28;
}

.multiple-file-listing ul li div.imageBox .File_PowerPoint .FileTextBlockEffect,
.other_doc_listing .file_icon_ctr.powerpoint .strip_back_effect {
  border-color: transparent #9e4717 transparent transparent;
}

.multiple-file-listing ul li div.imageBox .File_PowerPoint .FileTextBlock,
.other_doc_listing .file_icon_ctr.powerpoint .file_ext_strip {
  background: #db5702;
}

.multiple-file-listing ul li div.imageBox .File_Email .FileTextBlockEffect,
.other_doc_listing .file_icon_ctr.email .strip_back_effect {
  border-color: transparent #ddc67d transparent transparent;
}

.multiple-file-listing ul li div.imageBox .File_Email .FileTextBlock,
.other_doc_listing .file_icon_ctr.email .file_ext_strip {
  background: #ddb537;
}

.multiple-file-listing ul li div.imageBox .File_Image .FileTextBlockEffect,
.other_doc_listing .file_icon_ctr.image .strip_back_effect {
  border-color: transparent #546533 transparent transparent;
}

.multiple-file-listing ul li div.imageBox .File_Image .FileTextBlock,
.other_doc_listing .file_icon_ctr.image .file_ext_strip {
  background: #8ba753;
}

.multiple-file-listing ul li div.imageBox .File_Audio .FileTextBlockEffect,
.other_doc_listing .file_icon_ctr.audio .strip_back_effect {
  border-color: transparent #ff3300 transparent transparent;
}

.multiple-file-listing ul li div.imageBox .File_Audio .FileTextBlock,
.other_doc_listing .file_icon_ctr.audio .file_ext_strip {
  background: #ff8800;
}

.multiple-file-listing ul li div.imageBox .File_Zip .FileTextBlockEffect,
.other_doc_listing .file_icon_ctr.zip .strip_back_effect {
  border-color: transparent #000 transparent transparent;
}

.multiple-file-listing ul li div.imageBox .File_Zip .FileTextBlock,
.other_doc_listing .file_icon_ctr.zip .file_ext_strip {
  background: #333;
}

.other_doc_listing .file_icon_ctr.pdf .file_ext_strip {
  background: #db1a1a;
}

.other_doc_listing .file_icon_ctr.pdf .strip_back_effect {
  border-color: transparent #e66d6d transparent transparent;
}

.other_doc_listing .file_icon_ctr,
.other_doc_listing li .img_thumb_view {
  width: 50px;
  height: 55px;
  margin: 0 auto;
  float: left;
  margin: 3px 10px 0 4px;
  top: auto;
}

.other_doc_listing .file_icon_ctr:before {
  top: -1px;
  right: -1px;
  border-width: 0 10px 10px 0;
  border-color: #f6f6f6 #fff #c2c2c2 #c2c2c2;
}

.other_doc_listing .file_icon_ctr .file_ext_strip {
  width: 45px;
  top: 33%;
}

.other_doc_listing .file_icon_ctr .strip_back_effect {
  border-width: 0 4px 4px 0;
  top: 33%;
}

.action_content .tbl_cel {
  padding: 3px 5px;
  vertical-align: top;
}

.action_content .title {
  background: #636363;
  padding: 3px 5px;
}

.action_content .title a {
  color: #fff;
}

.action_content .title a.arrow_w_d {
  padding-right: 15px;
}

.action_content .thumb div.img,
.action_content .thumb a {
  text-align: center;
  display: block;
}

.film_strip_lrg_view .added_on {
  display: block;
  padding: 0 70px 10px 0;
  color: #6F6F6F;
  font-weight: bold;
}

.film_strip_lrg_view .added_on .label-WorkkarNumber {
  font-size: 11px;
}

.caption_ctr {
  float: left;
  width: 100%;
  display: block;
  padding: 0 0 5px 0;
  color: #999;
  position: relative;
}

.caption_ctr .water-mark {
  top: 3px;
}

.caption_ctr .caption_title {
  font-style: italic;
  margin: 0 10px 0 0;
  color: #999;
}

.caption_ctr .caption_text_field {
  width: 262px;
  margin: 0 8px 0 0;
}

.caption_ctr .caption_edit.disabled {
  color: #aaa;
  cursor: text;
}

.list-row {
  width: 100%;
  position: relative;
  margin-bottom: 10px;
  padding: 5px;
  /*cursor: pointer;*/
  background: white;
  /* Old browsers */
  float: left;
  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  border-left: 3px #b7b7b7 solid;
}

.list-row:hover {
  box-shadow: 2px 1px 8px #ddd;
}

.list-row-cell-first {
  position: absolute;
  left: 8px;
  top: 8px;
  width: 20px;
}

.list-row-cell {
  width: 100%;
  padding: 0 150px 0 0;
}

.list-row .wd35 {
  width: 35px;
}

.list-row-cell span.due_on {
  display: block;
  width: auto;
  margin-top: 5px;
}

.list-row-cell input[type="checkbox"] {
  float: left;
  position: relative;
  top: 3px;
  margin-right: 5px;
}

.edit_todo_date .due_on {
  display: inline-block !important;
}

.to-do-list-right {
  width: auto;
  float: right;
  position: absolute;
  top: 15px;
  right: 15px;
}

.to-do-list-right .malign {
  background: #c2c1c1;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.to-do-list-right .user_block {
  height: auto;
  text-align: center;
  max-width: inherit;
  width: auto;
  display: inherit;
}

.to-do-list-right .user_block .tool_tip {
  float: inherit;
}

.to-do-list-right ul {
  margin-top: 10px;
  float: right;
  clear: right;
}

.to-do-list-right ul li {
  margin-left: 5px;
}

.to-do-list-right ul li a.todo-link {
  margin-top: 3px;
}

.to-do-list-right .user_block {
  margin-bottom: 6px;
}

.activity_details_list ul li em span.skillset {
  margin: 0px 5px 0 0;
  color: #514f4f;
}

a.del {
  background: url(../images/sprite.png) no-repeat -206px -183px;
  width: 14px;
  height: 15px;
  display: block;
}

a.todo-link {
  background: url(../images/sprite.png) no-repeat -221px -184px;
  width: 19px;
  height: 14px;
  float: left;
  margin: 8px 5px 0 0;
}

.list-row:hover a.del, .list-row:hover a.todo-link {
  display: block;
}

.to-do-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 99.5%;
  word-wrap: normal;
}

.todo_title,
.workkardId,
.activityId {
  max-width: 60%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 18px;
}

body.note_fixed_right .todo_title,
body.note_fixed_right .todo_title {
  max-width: 50%;
}

body.au_fixed_right .workkardId,
body.au_fixed_right .activityId,
body.note_fixed_right .workkardId,
body.note_fixed_right .activityId {
  max-width: 36%;
}

.workkardId,
.activityId {
  max-width: 45%;
}

.to-do-title .label_added_to {
  background-color: #ffefd0;
  color: #3c3c3c;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  padding: 0 5px;
  text-transform: uppercase;
  margin: 0 8px;
  line-height: 18px;
}

.to-do-title a, .to-do-title a:hover {
  /*color: #02376c;*/
  font-weight: bold;
  cursor: pointer;
}

.list-row .skillset {
  margin-bottom: 0px;
  cursor: pointer;
}

.pri-high {
  border-left: 3px #f64f4f solid;
}

.pri-normal {
  border-left: 3px #1ac857 solid;
}

.list-row .skillset,
.activity_details_list ul li em span.skillset, .skillset {
  padding: 0 6px 0 6px !important;
  text-shadow: 0 1px 1px #fff;
  display: inline-block;
  margin: 5px 5px 0 0;
  background: #d8d8d8;
  border-radius: 3px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  float: none;
}

.system_skillset {
  background: #b5defa !important;
}

.list-row .skillset span {
  color: #514f4f;
}

.todo-dayview {
  width: 100%;
  background: white;
  table-layout: fixed;
  word-wrap: break-word;
  margin: 0 0 5px 0;
}

.todo-dayview thead th {
  width: 100%;
  background: #0288D1;
  text-transform: uppercase;
  text-align: center;
  color: #ffffff;
  font-weight: normal;
  padding: 4px 0;
  border-right: 1px solid #e7e7e7;
  font-weight: bold;
}

.todo-dayview thead th {
  width: 14%;
}

.todo-dayview thead th.first-cell, .todo-dayview tbody td.first-cell {
  background: white;
  width: 50px;
  color: #a0a1a1;
}

.todo-dayview tbody td {
  background: #fff;
  line-height: 11px;
  text-align: left;
  color: #000;
  font-weight: normal;
  padding: 10px 3px 5px;
  vertical-align: top;
  border-bottom: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
}

.todo-dayview thead th.weekend {
  background: #0288D1;
}

.todo-dayview tbody td.weekend {
  background: #f2f8ff;
}

.todo-dayview thead th.weekday {
  background: #34495e;
}

.todo-dayview tbody td.weekday {
  background: #fafcee;
}

.todo-dayview thead th div.refLeft,
.todo-dayview thead th div.refRight {
  float: left;
  width: 8px;
  height: 16px;
}

.todo-dayview thead th div.refRight {
  margin: 0 0 0 13px;
  border-left: 1px solid #0288D1;
  padding-left: 5px;
}

.todo-dayview thead th div.refLeft a {
  display: block;
  width: 8px;
  height: 16px;
  margin: 0 0 0 8px;
  border-top: 8px solid transparent;
  border-right: 8px solid #0288D1;
  border-bottom: 8px solid transparent;
  position: relative;
}

.todo-dayview thead th div.refRight a {
  display: block;
  width: 8px;
  height: 16px;
  margin: 0;
  border-top: 8px solid transparent;
  border-left: 8px solid #0288D1;
  border-bottom: 8px solid transparent;
  position: relative;
}

.todo-dayview tbody td .refContent input[type="checkbox"] {
  margin: 2px 4px 0 0 !important;
  vertical-align: text-top;
}

/* To-do Month View */
#monthNav {
  color: #14487C;
  float: left;
  margin-top: 4px;
  text-transform: uppercase;
}

#monthNav span {
  position: relative;
  display: inline-block;
  margin-right: 8px;
}

#monthNav .refMonthLeft, #monthNav .refMonthRight,
#monthNav .refYearLeft, #monthNav .refYearRight {
  width: 8px;
  height: 16px;
  display: inline-block;
  text-indent: -9999px;
}

#monthNav .refMonthLeft, #monthNav .refYearLeft {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-right: 8px solid #0288D1;
  border-bottom: 8px solid transparent;
  position: absolute;
  top: 0px;
  left: 0px;
}

#monthNav .refMonthRight, #monthNav .refYearRight {
  margin: 0;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-left: 8px solid #0288D1;
  border-bottom: 8px solid transparent;
  position: absolute;
  top: 0px;
  right: 0px;
}

#monthNav #txtMonth, #monthNav #txtYear {
  margin: 0 6px;
  display: inline-block;
  text-align: center;
  padding: 0 6px;
}

.todo_item_ctr {
  float: left;
  width: 100%;
  display: block;
  position: relative;
}

.todo_item_ctr .slimScrollDiv {
  float: left;
  width: 100% !important;
}

.todo_list {
  height: 89px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100% !important;
  float: left;
  display: block;
}

.show_more_todo {
  float: left;
  width: 100%;
  display: block;
  text-align: center;
  position: absolute;
  bottom: 0px;
}

.show_more_todo .count {
  display: inline-block;
  background-color: #DCDDDD;
  border-radius: 5px 5px 0 0;
  height: 15px;
  line-height: 15px;
  padding: 0 8px;
  cursor: pointer;
  font-weight: bold;
}

.inactiveLink {
  pointer-events: none;
  cursor: default;
}

.refDay {
  float: left;
  width: 100%;
  display: block;
  padding: 0 0 10px 0;
}

/* Caption Container */
.caption_ctr {
  float: left;
  width: 100%;
  display: block;
  padding: 0 0 5px 0;
  color: #999;
  position: relative;
}

.caption_ctr .water-mark {
  top: 3px;
}

.caption_ctr .caption_title {
  font-style: italic;
  margin: 0 10px 0 0;
  color: #666;
}

.caption_ctr .caption_text_field {
  width: 262px;
  margin: 0 8px 0 0;
}

.caption_ctr .caption_edit.disabled {
  color: #aaa;
  cursor: text;
}

#todoSearchPanel input[type="text"] {
  width: auto;
  height: auto;
}

.edit_icon {
  width: 20px;
  height: 20px;
  background: url("../images/views_sprite.png") no-repeat -8px -8px;
  display: inline-block;
  text-indent: -9999px;
  vertical-align: middle;
  cursor: pointer;
  margin-left: 5px;
}

#edit_todo_title,
#cancelBtn,
#saveBtn,
#edit_todo_duedate {
  width: 28px;
  height: 28px;
  background: url("../images/views_sprite.png") no-repeat -5px -4px;
  display: inline-block;
  text-indent: -9999px;
  vertical-align: middle;
  border: 1px solid #d0d0d0;
  border-radius: 3px;
  margin-left: 5px;
}

#edit_todo_duedate,
#edit_todo_title {
  border: none;
}

.list-row-cell #edit_todo_duedate,
.list-row-cell #edit_todo_title {
  width: 16px;
  height: 16px;
  background: url("../images/views_sprite.png") no-repeat -11px -9px;
  margin-left: 8px;
  margin-right: 12px;
}

#saveBtn {
  background: url("../images/views_sprite.png") no-repeat -34px -4px;
}

#cancelBtn {
  background: url("../images/views_sprite.png") no-repeat -63px -4px;
}

/*.views_section .right_container h1 #add_new_view_box,
.views_section .right_container h1 #edit_view_box,*/
/*#save_cancel_todo_title,#cancel_todo_duedate {
    height: 30px;
}*/
.save_cancel_todo_title input[type="text"] {
  font-size: 19px;
  font-weight: normal;
  border: none;
  transition: none;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.075);
  padding: 0px;
  height: 26px;
  line-height: 26px;
  vertical-align: middle;
  width: 356px;
}

.save_cancel_todo_title input[type="text"],
.edit-todo-due-date-popup input[type="text"] {
  font-size: 13px;
}

.edit-todo-due-date-popup input[type="text"] {
  width: 100%;
  margin-bottom: 8px;
}

.edit-todo-due-date-popup #saveBtn {
  margin-left: 0;
}

.todo-addto,
.edit_todo_title .edit_icon {
  position: relative;
  top: -4px;
  display: inline-block;
}

.todo-addto .workkardId,
.todo-addto .activityId {
  position: relative;
  top: 4px;
}

.add_caption .thumb {
  width: 75px;
  height: 75px;
  border: 1px solid #7d7d7d;
  background-color: #f1f1f1;
  position: relative;
  margin: 0 0 5px 0;
  line-height: 71px;
  text-align: center;
}

.add_caption .thumb .remove_ico {
  right: -5px;
  top: -8px;
}

.uploaded_file_label {
  background: #e4e4e4 !important;
  display: inline-block;
}

.add_note_confirm_mask {
  opacity: 0.8;
  filter: alpha(opacity=80);
  background-color: white;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 199;
}

.add_note_confirm_ctr {
  padding: 30px 10px 30px 10px !important;
  text-align: center;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 200;
}

.add_note_confirm_ctr .info_txt {
  padding: 60px 10px 15px 10px;
  word-wrap: break-word;
  color: white;
}

.add_note_confirm_ctr input[type="button"] {
  margin-right: 5px;
}

.add_note_confirm_ctr .button_container {
  padding: 10px 0 0 0;
}

.save_status {
  background-color: #FFFBCB;
  border-radius: 0px;
  color: #333333;
  padding: 3px 10px;
  position: absolute;
  right: 0px;
  top: 0px;
  display: none;
}

.disable_anchor {
  cursor: default !important;
  pointer-events: none;
  color: gray;
}

/* Note popup strip css*/
.Attached_wk {
  width: 100%;
  max-height: 443px;
  overflow-x: none;
  overflow-y: auto;
}

.Attached_wk ul li {
  margin: 0 15px 15px 0;
  width: 205px;
}

.Attached_wk ul li:nth-child(4n) {
  margin-right: 0px;
}

.Attached_wk ul li .img_attachment {
  border: #e4e4e4 solid 5px;
  width: 205px;
  height: 155px;
  position: relative;
}

.Attached_wk ul li .img_attachment .checked {
  background: #3472da url(../images/sprite.png) -431px -257px no-repeat;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 20px;
  height: 15px;
  border-bottom-left-radius: 3px;
}

.Attached_wk ul li .img_attachment img {
  width: 100%;
  max-height: 145px;
}

.Attached_wk ul li .img_attachment .icon_video {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 5px;
  left: 5px;
}

.Attached_wk ul li .img_attachment .other_doc_listing {
  float: none;
  margin: 20px 0 0 40px;
}

.Attached_wk ul li .caption_attachment {
  background: #e4e4e4;
  color: #333;
  padding: 0px 0 5px 5px;
}

.Attached_wk ul li .caption_attachment .ico,
.note_wrapper .inner_wrap .caption_attachment .ico {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/visibility_icons.png) no-repeat left top;
  margin: 0 3px;
  vertical-align: middle;
  float: right;
}

.Attached_wk ul li .caption_attachment.active .ico {
  background-position: left -22px;
}

.Attached_wk ul li .community .ico,
.note_wrapper .inner_wrap .Attached_wk .community .ico {
  background-position: -20px -1px;
}

.Attached_wk ul li .community.active .ico {
  background-position: -20px -22px;
}

.Attached_wk ul li .public .ico,
.note_wrapper .inner_wrap .Attached_wk .public .ico {
  background-position: -42px -1px;
}

.Attached_wk ul li .public.active .ico {
  background-position: -42px -22px;
}

.Attached_wk ul li .caption_attachment em,
.note_wrapper .inner_wrap .Attached_wk .caption_attachment em {
  font-style: normal;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: bottom;
  display: inline-block;
}

.Attached_wk ul li .caption_attachment em.flname {
  width: 174px;
}

.Attached_wk ul li.select_attachment .img_attachment {
  border: #3472da solid 5px;
}

.Attached_wk ul li.select_attachment .caption_attachment {
  background: #3472da;
  color: #fff;
}

.Attached_wk ul li .video_processing {
  font-size: 12px;
  line-height: 18px;
  padding: 15px 0 0 5px;
}

.filter_by_users .filter_options {
  width: 220px;
}

.filter_by .filter_options #checkbox_list_consolidate {
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
}

.filter_by.update_type_filter .filter_options #checkbox_list_consolidate {
  max-height: none;
  overflow-x: auto;
  overflow-y: auto;
}

/* Visibility Container */
.visibility_container {
  float: left;
  width: 100%;
  display: block;
  padding: 0 0 15px 0;
}

.visibility_container .head {
  float: left;
  font-weight: bold;
  padding: 0 12px 0 0;
  height: 28px;
  line-height: 28px;
}

.visibility_container .visibility_options {
  float: left;
  border: 1px solid #c7c7c7;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjNmNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -moz-linear-gradient(270deg, #f7f3f7 0%, #e1e1e1 100%);
  background-image: -webkit-linear-gradient(270deg, #f7f3f7 0%, #e1e1e1 100%);
  background-image: linear-gradient(180deg, #f7f3f7 0%, #e1e1e1 100%);
  border-radius: 5px;
  margin: 0 0 10px 0;
}

.visibility_container .visibility_options a {
  float: left;
  padding: 0 15px 0 5px;
  height: 26px;
  line-height: 26px;
  color: #000;
  border-right: 1px solid #c7c7c7;
}

.visibility_container .visibility_options a .ico,
.note_wrapper .note_templates .ftr_row .cp_dd_options .cp_dd_option .community,
.note_wrapper .note_templates .ftr_row .cp_dd_options .cp_dd_option .public {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/visibility_icons.png) no-repeat -20px -1px;
  margin: 0 3px;
  vertical-align: middle;
}

.visibility_container .visibility_options a.active .ico {
  background: url(../images/visibility_icons.png) no-repeat -20px -22px;
}

.visibility_container .visibility_options a.personal .ico {
  background: url(../images/visibility_icons.png) no-repeat left top;
}

.visibility_container .visibility_options a.personal.active .ico {
  background: url(../images/visibility_icons.png) no-repeat left -22px;
}

.visibility_container .visibility_options a.last .ico {
  background: url(../images/visibility_icons.png) no-repeat -42px -1px;
}

.visibility_container .visibility_options a.last.active .ico {
  background: url(../images/visibility_icons.png) no-repeat -42px -22px;
}

.visibility_container .visibility_options a.active {
  background-color: #0073de;
  color: #fff;
  font-weight: bold;
  margin: -1px 0;
  height: 28px;
}

.visibility_container .visibility_options a.first {
  border-radius: 5px 0 0 5px;
}

.visibility_container .visibility_options a.last {
  border-radius: 0 5px 5px 0;
  border: none;
}

.visibility_container .visibility_options a.disabled {
  color: #a9a9a9;
  cursor: default;
}

.visibility_container .visibility_options a.disabled .ico {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}

.visibility_container #spnVisibilityText {
  display: inline-block;
}

.visibility_container .spnVisibility {
  background-color: #fdfce8;
  display: inline-block;
}

#add_workkard_notes .popup {
  width: 800px;
  left: 50%;
  margin: 0 0 0 -400px;
  top: 20%;
}

.add_workkard_notes {
  background-color: #fff;
  padding: 10px;
}

.add_workkard_notes .info_txt {
  padding: 0 0 15px 0;
}

.add_workkard_notes .chk_box_ctr {
  float: left;
  width: 100%;
  display: block;
  padding: 15px 0 15px 0;
}

.add_workkard_notes .chk_box_ctr .check {
  float: left;
  margin: 0 5px 0 0;
}

.add_workkard_notes .chk_box_ctr .help_txt {
  padding: 0 0 0 18px;
  margin: 3px 0 0 0;
}

.add_workkard_notes .chk_box_ctr .help_txt span {
  background-color: #fdfce8;
}

#add_activity_note .popup {
  width: 840px;
  left: 50%;
  margin: 0 0 0 -400px;
  top: 20%;
}

.add_activity_notes {
  background-color: #fff;
  padding: 10px;
  margin: 4px;
}

.add_activity_notes .info_txt {
  text-align: left;
  padding: 0 0 15px 0;
}

.add_activity_notes .change_resolution {
  float: left;
  width: 100%;
  display: block;
  padding: 10px 0 0 0;
}

.add_activity_notes .chk_box_ctr {
  float: left;
  width: 100%;
  display: block;
  padding: 15px 0 15px 0;
}

.add_activity_notes .chk_box_ctr .check {
  float: left;
  margin: 0 5px 0 0;
}

.add_activity_notes .chk_box_ctr .help_txt {
  padding: 0 0 0 18px;
  margin: 3px 0 0 0;
}

.add_activity_notes .chk_box_ctr .help_txt span {
  background-color: #fdfce8;
}

#add_p_activity_note .popup {
  width: 840px;
  left: 50%;
  margin: 0 0 0 -400px;
  top: 20%;
}

.fileupload-container {
  background: #d5e8f7;
  margin: 10px 5px 0px 0px;
  padding: 5px;
  width: 100%;
  clear: both;
  display: none;
}

.fileupload-inner {
  border: 1px inset #cedbe6;
  background: #fff;
  max-height: 145px;
  overflow: auto;
}

.upload-data {
  float: left;
  width: 100%;
  display: block;
  padding: 8px;
  list-style: none;
  position: relative;
  border-bottom: 1px solid #e5e5e6;
}

.upload-data.error,
.note_wrapper .note_templates .fileupload.error {
  background: #ffd2d2;
}

.upload-data.error .status,
.note_wrapper .note_templates .fileupload.error .status {
  color: #cc0000;
}

.px-widget ul.actions {
  position: absolute;
  right: 5px;
}

.fileInfo {
  width: 200px;
  float: left;
  padding: 0 20px 0 8px;
  line-height: 20px;
}

.upload-data .pdf_ico,
.upload-data .word_ico,
.upload-data .img_ico,
.upload-data .vid_ico,
.upload-data .mic_ico,
.upload-data .excel_ico,
.upload-data .ppt_ico,
.upload-data .mp3_ico,
.upload-data .flv_ico,
.upload-data .txt_ico,
.upload-data .file_ico,
.upload-data .email_ico,
.upload-data .esx_ico {
  float: left;
}

.upload-data .filename {
  padding: 0 0 5px 0;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.upload-data .filename .file_size {
  color: #828282;
}

.fileInfo .caption input {
  width: 100%;
  height: 25px;
  line-height: normal;
}

.delete,
.cancel {
  color: #0288D1;
  padding: 0 10px 0 0;
  cursor: pointer;
  float: right;
  line-height: 20px;
}

.upload-data .status {
  clear: both;
  display: none;
}

/* Notes Description */
.notes_desc {
  word-wrap: break-word;
}

.notes_desc h1,
.notes_desc h2,
.notes_desc h3 {
  font-weight: normal;
  color: #000;
  float: none;
  margin: 0 0 20px;
  text-transform: none;
}

.notes_desc h1 {
  font-size: 26px;
}

.notes_desc h2 {
  font-size: 20px;
}

.notes_desc h3 {
  font-size: 15px;
}

.notes_desc ul {
  list-style-type: disc;
}

.notes_desc ul,
.notes_desc ol {
  color: #000;
  padding: 0 0 5px 10px;
  margin: 0 0 0 25px;
}

.notes_desc ul li,
.notes_desc ol li {
  float: none;
  border: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  display: list-item;
}

.notes_desc strong,
.notes_desc em {
  color: #000;
}

.notes_desc p,
.notes_desc {
  padding: 0 0 0px 0;
  color: #222222;
}

.notes_desc p {
  margin: 0 0 0px 0;
}

.notes_desc blockquote {
  font-style: italic;
  padding: 0 8px 0 20px;
  border-style: solid;
  border-color: #ccc;
  border-width: 0;
  border-left-width: 5px;
  margin: 0 0 20px 20px;
}

.notes_desc blockquote p {
  padding: 20px 0 0 0;
}

.notes_desc .marker {
  background-color: Yellow;
}

.notes_desc span[lang] {
  font-style: italic;
}

.notes_desc figure {
  text-align: center;
  border: solid 1px #ccc;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.05);
  padding: 10px;
  margin: 10px 20px;
  display: inline-block;
}

.notes_desc figure > figcaption {
  text-align: center;
  display: block;
  /* For IE8 */
}

.notes_desc a > img {
  padding: 1px;
  margin: 1px;
  border: none;
  outline: 1px solid #0782C1;
}

.mimimize_ico,
.maximize_ico {
  width: 16px;
  height: 16px;
  display: block;
  background: url(../images/mimimize_ico.png) no-repeat left top;
  text-indent: -999px;
  margin: 6px 4px 7px 0;
  position: absolute;
  right: 28px;
  top: 6px;
}

.maximize_ico {
  background: url(../images/maximize_ico.png) no-repeat left top;
}

/*--Note Template CSS ---*/
.note_template_wrapper {
  width: 100%;
  margin-bottom: 50px;
  overflow: hidden;
}

.note_template_wrapper .nt_help_text {
  font-size: 13px;
  margin-bottom: 30px;
  width: 100%;
  display: block;
}

.note_template_wrapper .note_filter_container {
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px;
}

.note_template_wrapper .note_filter_container .lableTxt {
  width: 200px;
  font-weight: 700;
  line-height: 33px;
}

.note_template_wrapper .note_filter_container .type_filter {
  width: 300px;
  display: block;
  position: relative;
}

.note_template_wrapper .note_filter_container .type_filter input[type="text"] {
  padding-right: 25px;
}

.note_template_wrapper .note_filter_container .type_filter .clear_search {
  background: url("../images/sprite.png") no-repeat scroll -222px -64px transparent;
  height: 14px;
  margin: 9px 0 0 -21px;
  position: absolute;
  width: 14px;
  right: 5px;
  top: 0px;
}

.btn {
  display: block;
  height: 30px;
  padding: 10px 10px;
  text-align: center;
}

.note_template_wrapper .note_grid_container {
  width: 100%;
  border-collapse: collapse;
}

.note_template_wrapper .note_grid_container .heading .info,
.note_template_wrapper .note_grid_container .table-row .info {
  width: 25%;
  float: left;
  padding: 0 10px;
  word-wrap: break-word;
}

.note_template_wrapper .note_grid_container .table-row:nth-last-of-type(odd) {
  background: #ffffff;
}

.note_template_wrapper .note_grid_container .table-row:nth-last-of-type(even) {
  background: #f9f9f9;
}

.note_template_wrapper .note_grid_container .table-row .info .anchor {
  text-align: left;
  position: relative;
  width: 83px;
  display: inline-block;
}

.note_template_wrapper .note_grid_container .table-row .info .anchor_block {
  display: block;
}

/* Option type btn */
.note_template_wrapper ul li .NoteTempFormField .dd-select {
  border-radius: 2px;
  cursor: pointer;
  position: relative;
  width: 260px;
}

.note_template_wrapper ul li .NoteTempFormField .dd-select option,
.note_wrapper .note_templates .ftr_row .dd-select option {
  padding: 10px;
}

.note_template_wrapper ul li {
  float: left;
  width: 100%;
  list-style: none;
  margin: 0px;
  padding: 0;
}

.note_template_wrapper ul li .NoteTempLable {
  width: 20%;
  padding: 10px 10px 10px 0;
}

.note_template_wrapper ul li .NoteTempFormField {
  width: 50%;
  padding: 10px;
}

.note_template_wrapper ul li .NoteTempLable label {
  font-weight: bold;
}

.note_template_wrapper ul li .NoteTempFormField .FieldBlock,
.note_template_wrapper ul li .AddNoteGridContainer {
  width: 100%;
}

.note_template_wrapper ul li .NoteTempFormField .FieldBlock input[type="text"] {
  width: 50%;
}

.note_template_wrapper ul li .NoteTempFormField .FieldBlock textarea,
.note_wrapper .note_templates .FieldBlock textarea {
  width: 100%;
  padding: 10px;
  font-family: Arial, "Helvetica", Verdana;
}

.note_template_wrapper ul li .AddNoteGridContainer {
  border: 1px solid #b1b1b1;
  border-radius: 3px;
}

.note_template_wrapper ul li .AddNoteGridContainer .AddFieldGrids,
.note_template_wrapper .NoteGrid_Container_List {
  width: 100%;
}

.note_template_wrapper ul li .AddNoteGridContainer .AddFieldGrids li {
  width: 100%;
  padding: 10px 10px 0;
}

.note_template_wrapper ul li .AddNoteGridContainer .AddFieldGrids .head,
.note_template_wrapper ul li .AddNoteGridContainer .AddFieldGrids .workkard_template_head {
  width: 33.3%;
  float: left;
  padding-left: 10px;
  font-weight: bold;
}

.note_template_wrapper ul li .AddNoteGridContainer .AddFieldGrids .workkard_template_head {
  width: 16.6%;
}

.note_template_wrapper ul li .AddNoteGridContainer .AddFieldGrids .DraggableBlock {
  width: 100%;
  border: 1px dashed #555555;
  overflow: hidden;
  background: #fafafa;
  font-weight: normal;
  cursor: move;
}

.note_template_wrapper ul li .AddNoteGridContainer .AddFieldGrids .DraggableBlock .list {
  width: 33.3%;
  float: left;
  padding: 6px 8px;
  position: relative;
  word-wrap: break-word;
}

.note_template_wrapper ul li .AddNoteGridContainer .AddFieldGrids .column_1,
.note_template_wrapper ul li .AddNoteGridContainer .AddFieldGrids .DraggableBlock .column_1 {
  width: 15%;
}

.note_template_wrapper ul li .AddNoteGridContainer .AddFieldGrids .column_2,
.note_template_wrapper ul li .AddNoteGridContainer .AddFieldGrids .DraggableBlock .column_2 {
  width: 35%;
}

.note_template_wrapper ul li .AddNoteGridContainer .AddFieldGrids .DraggableBlock .list a .fa {
  font-size: 14px;
  color: #000;
}

.note_template_wrapper ul li .AddNoteGridContainer .AddFieldGrids .DraggableBlock .column_2 a .fa {
  color: #f6d64d;
}

.note_template_wrapper ul li .AddNoteGridContainer .AddFieldGrids .AddFieldsBlock {
  background: #f2f2f2;
  overflow: hidden;
  padding: 10px;
  margin-bottom: 10px;
}

.note_template_wrapper ul li .AddNoteGridContainer .AddFieldGrids .AddFieldsBlock .AddtextCol {
  width: 82%;
  float: left;
}

.note_template_wrapper ul li .AddNoteGridContainer .AddFieldGrids .AddFieldsBlock .AddBtnCol {
  float: left;
  width: 18%;
}

.list .icon-remove,
.icon-warning {
  padding-left: 25px;
}

[class^="icon-"] a:before,
[class*=" icon-"] a:before,
[class^="icon-"] a:after,
[class*=" icon-"] a:after {
  content: "";
  position: absolute;
  left: 10px;
}

[class^="icon-"] a:before,
[class*=" icon-"] a:before,
[class^="icon-"] a:after,
[class*=" icon-"] a:after {
  margin: 0 0 0;
}

.list .icon-remove a:before {
  width: 16px;
  height: 16px;
  border-radius: 16px;
  background: #f28171;
}

.icon-remove a:after {
  left: 13px;
  width: 10px;
  height: 2px;
  margin-top: 7px;
  background: #fff;
}

.list .icon-warning a:before {
  content: "!";
  z-index: 2;
  left: 19px;
  margin-top: 1px;
  font-size: 14px;
  font-weight: bold;
  color: #000;
}

.icon-warning a:after {
  z-index: 1;
  border-width: 0 11px 18px;
  border-style: solid;
  border-color: #f36354 transparent;
  margin-top: 0;
}

.note_template_wrapper .note_grid_container .table-row .info .workkard_loader {
  height: 14px;
  left: 0;
  position: absolute;
  top: -9px;
}

/*--- add note popup---*/
.note_alert {
  font-size: 24px;
  width: 43px;
  background: #fff;
  right: 0;
  top: 40%;
  position: fixed;
  color: #666;
  padding: 10px;
  -moz-box-shadow: -1px 0 6px 0 rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: -1px 0 6px 0 rgba(0, 0, 0, 0.35);
  box-shadow: -1px 0 6px 0 rgba(0, 0, 0, 0.35);
  cursor: pointer;
  border-bottom-left-radius: 4px;
  border-left: 1px solid rgba(222, 227, 231, 0.56);
  border-top-left-radius: 4px;
  z-index: 9;
}

.note_alert .notification_number {
  right: 5px;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  box-shadow: none;
  border: none;
  top: 4px;
  background: rgba(255, 0, 0, 0.9);
  line-height: 16px;
}

.associated_party_popover,
.note_wrapper,
.add-zone-popover {
  width: 478px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 1) {
  .add-zone-popover {
    width: 414px;
  }
}
.note_wrapper {
  height: 910px;
  position: fixed;
  z-index: 101;
  top: 36px;
  right: 0;
  background: #fdfdfd;
  border-style: solid;
  border-width: 0 0 0 1px;
  border-color: #cfcfcf;
  /*@include box-shadow( 0px 0px 15px -2px rgba(0,0,0,0.35));*/
  font-size: 12px;
}

.notePopupDatepicker {
  z-index: 991 !important;
}

.note_wrapper .screen_b {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
}

.note_wrapper h1,
.add-zone-popover h1 {
  background: #fff;
  margin: 0;
  padding: 0;
  width: 100%;
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #e0e0e0;
  height: 49px;
  padding: 10px 15px;
  font-size: 13px;
}

.note_wrapper h1:after {
  content: '';
  background: #fff;
  bottom: -6px;
  content: "";
  left: 0;
  position: absolute;
  top: 1px;
  z-index: -1;
  height: 49px;
  width: 100%;
}

.note_wrapper label,
.add-zone-popover label {
  float: left;
  line-height: 26px;
  display: inline-block;
  align-items: center;
  display: flex;
  font-weight: 600;
  color: #999;
  margin-right: 10px;
}

.note_wrapper .dd-select,
.note_wrapper .dd-select select,
.note_wrapper .note_templates .ftr_row select {
  float: left;
  width: 255px;
  height: 27px;
  display: inline-block;
  Color: #595959;
}

.note_wrapper h1 .fa,
.add-zone-popover h1 .fa {
  margin-top: 5px;
  font-size: 15px;
  color: #ababab;
}

.note_wrapper h1 .fa:hover,
.note_wrapper .note_templates .fileupload .fa:hover {
  color: #777777;
}

.n_type {
  margin: 10px 0 0 17px;
}

.note_wrapper .loader_contr {
  position: absolute;
}

.note_wrapper .drafts_list {
  margin: 1px 0 0 0;
  padding: 0;
  list-style: none;
  color: #333333;
}

.note_wrapper .drafts_list li,
.note_wrapper .drafts_wrap .drafts_list li {
  width: 100%;
  background: #fdfdfd;
  position: relative;
  border-bottom: 1px solid #e0e0e0;
  margin: 1px 0 0 0;
  padding: 10px 15px;
  cursor: pointer;
}

.note_wrapper .drafts_list li:after,
.note_wrapper .drafts_wrap .drafts_list li:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: -2px;
  background: #fff;
  z-index: -1;
}

.note_wrapper .drafts_list li p {
  margin: 0;
}

.note_wrapper .drafts_list .workkard_label .workkard_number {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  height: 18px;
}

.note_wrapper .drafts_wrap .drafts_list .workkard_label .workkard_number {
  width: 50px;
}

.note_wrapper .drafts_list .time {
  font-size: 11px;
  float: right;
  color: #ababab;
}

.note_wrapper .drafts_list .ndtxt {
  display: inline-block;
}

.note_wrapper .drafts_list .drafts_text {
  padding: 4px 0 0 0;
}

.note_wrapper .drafts_wrap {
  background: rgba(239, 239, 235, 0);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNlZmVmZWIiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2VmZWZlYiIvPjxzdG9wIG9mZnNldD0iOTklIiBzdG9wLWNvbG9yPSIjZTBlMGRkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZGJkYmQ4Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(90%, #efefeb), color-stop(90%, #efefeb), color-stop(99%, #e0e0dd), color-stop(100%, #dbdbd8));
  background: -moz-linear-gradient(left, #efefeb 90%, #efefeb 90%, #e0e0dd 99%, #dbdbd8 100%);
  background: -webkit-linear-gradient(left, #efefeb 90%, #efefeb 90%, #e0e0dd 99%, #dbdbd8 100%);
  background: linear-gradient(to right, #efefeb 90%, #efefeb 90%, #e0e0dd 99%, #dbdbd8 100%);
  width: 100px;
  height: 100%;
  z-index: 1;
  position: relative;
  display: none;
}

.note_wrapper .drafts_wrap .drafts_list li {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNlZmVmZWIiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2VmZWZlYiIvPjxzdG9wIG9mZnNldD0iOTklIiBzdG9wLWNvbG9yPSIjZTBlMGRkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZGJkYmQ4Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(90%, #efefeb), color-stop(90%, #efefeb), color-stop(99%, #e0e0dd), color-stop(100%, #dbdbd8));
  background: -moz-linear-gradient(left, #efefeb 90%, #efefeb 90%, #e0e0dd 99%, #dbdbd8 100%);
  background: -webkit-linear-gradient(left, #efefeb 90%, #efefeb 90%, #e0e0dd 99%, #dbdbd8 100%);
  background: linear-gradient(to right, #efefeb 90%, #efefeb 90%, #e0e0dd 99%, #dbdbd8 100%);
}

.note_wrapper .drafts_wrap .drafts_list li.active,
.note_wrapper .drafts_wrap .drafts_list li.active:hover {
  background: #fdfdfd;
  margin: 0px;
  padding: 7px 3px 6px 8px;
  position: relative;
  width: 100%;
  border-width: 0 0 0 2px;
  border-style: solid;
  border-color: #0091ea;
}

.note_wrapper .drafts_wrap .drafts_list li:hover {
  margin: 0px;
  padding: 7px 3px 6px 8px;
  position: relative;
  width: 100%;
  border-width: 0 0 0 2px;
  border-style: solid;
  border-color: #777;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNlZmVmZWIiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2VmZWZlYiIvPjxzdG9wIG9mZnNldD0iOTklIiBzdG9wLWNvbG9yPSIjZTBlMGRkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZGJkYmQ4Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(90%, #efefeb), color-stop(90%, #efefeb), color-stop(99%, #e0e0dd), color-stop(100%, #dbdbd8));
  background: -moz-linear-gradient(left, #efefeb 90%, #efefeb 90%, #e0e0dd 99%, #dbdbd8 100%);
  background: -webkit-linear-gradient(left, #efefeb 90%, #efefeb 90%, #e0e0dd 99%, #dbdbd8 100%);
  background: linear-gradient(to right, #efefeb 90%, #efefeb 90%, #e0e0dd 99%, #dbdbd8 100%);
}

.note_wrapper .drafts_list .dft_txt {
  display: inline-block;
}

.note_wrapper .drafts_list .workkard_label {
  height: 18px;
}

.note_wrapper .drafts_list .wa {
  display: inline;
  float: left;
  padding-top: 2px;
}

.note_wrapper .drafts_list .workkard_label.activity_label {
  background: #d6eefd;
}

.note_wrapper .drafts_list .workkard_label.activity_label .workkard_number {
  border-left: 1px solid #86b7d7;
  color: #054d81;
}

.note_wrapper .drafts_wrap .drafts_list .time {
  float: left;
  padding-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 75px;
}

.note_wrapper .note_templates {
  background: #fdfdfd;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 51px;
}

.note_wrapper .note_templates .bo {
  font-weight: normal;
}

.note_wrapper .note_templates .tem-block {
  margin: 7px 17px;
  color: #3F3F3F;
}

.note_wrapper .note_templates .tem-block .ui-state-default {
  width: 70px;
  height: 20px;
}

.note_wrapper .note_templates .tem-block .note_sum,
.note_wrapper .note_templates .tem-block .multi_attach_files,
.note_wrapper .note_templates .tem-block .ins_date,
.note_wrapper .add_aw_text {
  margin: 5px 0;
  clear: left;
}

.note_wrapper .nt_block {
  float: left;
}

.note_wrapper .nt_block.n_type {
  margin: 0;
  padding: 12px 17px 0;
  width: 100%;
}

.note_wrapper .ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  line-height: 25px;
}

.note_wrapper .note_templates .tem-block .multi_attach_files {
  margin-bottom: 20px;
}

.note_wrapper .note_templates .tem-block .ins_date .FieldBlock.date,
.note_wrapper .note_templates .tem-block .ins_string .FieldBlock.string {
  width: 250px;
  display: inline-block;
}

.note_wrapper .note_templates .tem-block .ins_date .FieldBlock.date input {
  width: 221px;
}

.note_wrapper .note_templates .tem-block .note_sum .hci-editor,
.note_wrapper .note_templates .tem-block .hci-editor .toolbar ul,
.note_wrapper .note_templates .tem-block .hci-editor .toolbar ul li {
  background: transparent;
  border: none;
  margin: 0px;
}

.note_wrapper .note_templates .tem-block .hci-editor .toolbar ul li:hover {
  background: #efefeb;
}

.note_wrapper .note_templates .tem-block .multi_attach_files .fileupload-container {
  background: #fff;
  margin-top: 0px;
  padding: 5px 0;
}

.note_wrapper .note_templates .tem-block .multi_attach_files .fileupload-container .fileupload-inner {
  border: none;
  padding: 1px;
  overflow: visible;
  height: 100%;
}

.note_wrapper .note_templates .tem-block .multi_attach_files .fileupload-container .fileupload-inner .upload-data {
  border-bottom: 1px solid #e0e0e0;
  padding: 8px 0;
}

.note_wrapper .note_templates .tem-block .multi_attach_files .fileInfo {
  padding-right: 10px;
}

.note_wrapper .note_templates .tem-block .multi_attach_files .delete,
.note_wrapper .note_templates .tem-block .multi_attach_files .cancel {
  padding-right: 5px;
}

.note_wrapper .note_templates .tem-block .multi_attach_files .wka-button-text {
  color: #0288D1;
  cursor: pointer;
  margin-left: 5px;
}

.note_wrapper .note_templates .note_sum label,
.note_wrapper .note_templates .ins_string label,
.note_wrapper .note_templates .ins_date label {
  font-weight: 300;
  margin: 10px 0px;
  color: #222222;
  display: inline-block;
  line-height: normal;
}

.note_wrapper .note_templates .ins_date label {
  padding-right: 10px;
}

.note_wrapper .add_aw_text {
  margin-bottom: 0;
  color: #999;
  float: left;
  width: 100%;
}

.note_wrapper .note_templates .attach_files {
  paddingp: 7px;
  display: flex;
}

.note_wrapper .note_templates .tem-block .multi_attach_files .fa {
  font-size: 19px;
  margin-right: 6px;
  float: left;
}

.note_wrapper .note_templates .fileupload {
  border: 1px solid #b1b1b1;
  background: #fdfdfd;
  clear: left;
  padding: 7px;
  overflow: hidden;
}

.note_wrapper .note_templates .fileupload .att_file {
  width: 54px;
  height: 54px;
  float: left;
  border: 1px solid #e0e0e0;
  display: block;
  margin-right: 10px;
}

.note_wrapper .note_templates .fileupload .file_name {
  display: block;
  overflow: hidden;
  padding: 0 0 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100px;
}

.note_wrapper .note_templates .fileupload .Fieldwrap,
.note_wrapper .note_templates .fileupload .Fieldwrap input {
  width: 170px;
  display: block;
  float: left;
  height: 25px;
}

.note_wrapper .note_templates .fileupload .fa {
  font-size: 11px;
  color: #ababab;
  position: absolute;
  right: 9px;
}

.note_wrapper .note_templates .ftr_row {
  border-top: 1px solid #e0e0e0;
  bottom: 54px;
  padding: 10px 15px 15px 10px;
  position: absolute;
  right: 0;
  width: 100%;
  background: #fff;
  height: 61px;
}

.note_wrapper .t-pop {
  top: 0px;
}

.note_wrapper .note_templates .b-ftr {
  bottom: 0px;
}

.note_wrapper .note_templates .ftr_row .skyblue_btn,
.note_wrapper .note_templates .ftr_row .dd-select {
  float: right;
}

.note_wrapper .note_templates .save_status {
  position: absolute;
  color: #8B8432;
  top: 5px;
  z-index: 3;
  float: right;
}

.note_wrapper .note_templates .ftr_row .action_drop_menu_note .skyblue_btn {
  background: #41b565;
  width: 78px;
  color: #fff;
  font-weight: 600;
  display: inline-block;
  margin-left: 7px;
  border-radius: 2px;
  cursor: pointer;
  border: none;
  line-height: 25px;
  z-index: 1;
}

.note_wrapper .note_templates .ftr_row .disbaled {
  background: #e0e0e0;
  border: 1px solid #9e9e9e;
  color: #777;
  cursor: default;
}

.save_dft_btn {
  color: #0288D1;
  padding: 5px;
  float: right;
}

.skyblue_btn,
.default_btn,
.trash_btn,
.blue_txt_btn {
  /*@include background-image(linear-gradient(180deg, $btn-blue-top 0%, $btn-blue-bottom 100%));*/
  background: #0091ea;
  border: 1px solid #25588a;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 4px 14px;
  color: white;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
  -webkit-appearance: none;
  border: #0091ea solid 1px;
  display: inline-block;
  position: relative;
  z-index: 9;
}
.skyblue_btn:hover, .skyblue_btn:focus, .skyblue_btn:active, .skyblue_btn.active,
.default_btn:hover,
.default_btn:focus,
.default_btn:active,
.default_btn.active,
.trash_btn:hover,
.trash_btn:focus,
.trash_btn:active,
.trash_btn.active,
.blue_txt_btn:hover,
.blue_txt_btn:focus,
.blue_txt_btn:active,
.blue_txt_btn.active {
  cursor: pointer;
  background: #0091ea;
  border-color: #02376c;
}
.skyblue_btn.dissable, .skyblue_btn[disabled],
.default_btn.dissable,
.default_btn[disabled],
.trash_btn.dissable,
.trash_btn[disabled],
.blue_txt_btn.dissable,
.blue_txt_btn[disabled] {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -moz-linear-gradient(270deg, #f2f2f2 0%, #dbdbdb 100%);
  background-image: -webkit-linear-gradient(270deg, #f2f2f2 0%, #dbdbdb 100%);
  background-image: linear-gradient(180deg, #f2f2f2 0%, #dbdbdb 100%);
  border: 1px solid #b1b1b1;
  color: #b1b1b1;
  text-shadow: 0 1px 0 white;
}
.skyblue_btn:hover,
.default_btn:hover,
.trash_btn:hover,
.blue_txt_btn:hover {
  border: #0091ea solid 1px;
}

.default_btn,
.trash_btn,
.blue_txt_btn {
  background: #fff;
  color: #444;
  margin-left: 5px;
  border: 1px solid #9e9e9e;
}
.default_btn:hover,
.trash_btn:hover,
.blue_txt_btn:hover {
  background: none;
  border: 1px solid #9e9e9e;
}

.trash_btn {
  float: left;
}

.or {
  float: right;
  margin: 5px 0 0 0;
}

.note_wrapper .add_note_confirm_mask {
  background-color: white;
  bottom: 0;
  left: 0;
  opacity: 1;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 199;
}

.note_wrapper .add_note_confirm_ctr {
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  padding: 0 !important;
}

.note_wrapper .screen_b .add_note_confirm_ctr .info_txt,
.note_wrapper .add_note_confirm_ctr .info_txt {
  color: #000;
  word-wrap: break-word;
  padding-top: 434px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.76;
  font-size: 13px;
}

.note_wrapper .hd_txt {
  display: inline-block;
  margin-right: -20px;
  padding-top: 3px;
  width: 100%;
  font-weight: 600;
  color: #222222;
}

.note_wrapper .inner_wrap {
  padding: 10px 16px;
}

.note_wrapper .inner_wrap .Attached_wk {
  padding: 15px;
}

.note_wrapper .inner_wrap ul li {
  margin: 0 11px 12px 0;
}

.note_wrapper .inner_wrap .Attached_wk {
  background: #fdfdfd;
  width: 129px;
  overflow: hidden;
  border: 1px solid #cfcfcf;
  position: relative;
  padding: 5px;
  height: 119px;
}

.note_wrapper .inner_wrap .Attached_wk.active {
  -moz-box-shadow: 0px 0px 3px 0px rgba(0, 145, 234, 0.75);
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 145, 234, 0.75);
  box-shadow: 0px 0px 3px 0px rgba(0, 145, 234, 0.75);
  border: none;
}

.note_wrapper .inner_wrap .Attached_wk .img_attachment {
  min-height: 77px;
}

.note_wrapper .inner_wrap .Attached_wk .img_attachment img {
  max-height: 87px;
  width: 100%;
}

.note_wrapper .inner_wrap .Attached_wk .img_attachment .other_doc_listing {
  float: none;
  margin: 15px 0 0 31px;
}

.note_wrapper .inner_wrap .Attached_wk .caption_attachment {
  color: #333;
  bottom: 3px;
  position: absolute;
}

.note_wrapper .inner_wrap .Attached_wk .caption_attachment em {
  max-width: 91px;
  float: left;
}

.note_wrapper .drafts_list li:hover {
  background: #f6f6f6;
}

.note_wrapper .note_templates .ftr_row .action_drop_menu,
.note_wrapper .note_templates .ftr_row .action_drop_menu_note {
  float: right;
  margin: 0;
  position: relative;
  right: 0;
  top: 0px;
}

.note_wrapper .note_templates .ftr_row .action_drop_menu .actions_list,
.note_wrapper .note_templates .ftr_row .action_drop_menu_note .actions_list {
  top: -73px;
  border: 1px solid #0091ea;
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
}

.note_wrapper .note_templates .ftr_row .action_drop_menu .actions_list,
.note_wrapper .note_templates .ftr_row .action_drop_menu_note .actions_list a {
  padding: 5px 36px;
}

.note_wrapper .note_templates .ftr_row .action_drop_menu .actions_list li a:hover,
.note_wrapper .note_templates .ftr_row .action_drop_menu_note .actions_list li a:hover {
  background: #f5f5f5;
  color: #222222;
}

.publish-note ul.publish-action .community_icon,
.publish-note ul.publish-action .public_icon,
.note_wrapper .note_templates .ftr_row .action_drop_menu .actions_list .public_icon,
.note_wrapper .note_templates .ftr_row .action_drop_menu_note .actions_list .community_icon,
.note_wrapper .note_templates .ftr_row .action_drop_menu_note .actions_list .public_icon,
.note_wrapper .note_templates .ftr_row .publish-note-action-btn .actions_list .public_icon,
.note_wrapper .note_templates .ftr_row .publish-note-action-btn .actions_list .community_icon {
  background: url("../images/visibility_icons.png") no-repeat -16px 1px;
  height: 20px;
  left: 5px;
  top: 20px;
  position: absolute;
  width: 23px;
}

.publish-note ul.publish-action .public_icon,
.note_wrapper .note_templates .ftr_row .action_drop_menu .actions_list .public_icon,
.note_wrapper .note_templates .ftr_row .action_drop_menu_note .actions_list .public_icon {
  background-position: -39px 1px;
}

.note_wrapper .note_templates .ftr_row .publish-note-action-btn .actions_list .community_icon {
  background: url(../images/note-internal.svg) 5px 3px no-repeat;
}

.note_wrapper .note_templates .ftr_row .publish-note-action-btn .actions_list .public_icon {
  background: url(../images/note-public.svg) 5px 2px no-repeat;
}

.note_wrapper .note_templates .ftr_row .publish-note-action-btn .actions_list .public_icon,
.note_wrapper .note_templates .ftr_row .publish-note-action-btn .actions_list .community_icon {
  top: inherit;
}

.publish-note ul.publish-action .community_icon,
.publish-note ul.publish-action .public_icon {
  top: 10px;
}

.notes_listing .note_hd,
.notes_listing .description {
  color: #999;
  display: block;
  margin-bottom: 10px;
}

.notes_listing .description {
  margin-bottom: 0;
}

.notes_listing .note_hd .note_added_time,
.notes_listing .description .note_added_time {
  position: absolute;
  right: 15px;
  top: 45px;
}

.search_result_contr .notes_listing .note_hd .note_added_time,
.search_result_contr .notes_listing .description .note_added_time {
  position: static;
  right: auto;
  top: auto;
}

.notes_listing .note_hd .user-org-name {
  margin-bottom: 5px;
}

.consolidated_view_list .notes_listing .description {
  padding-left: 0px;
}

.notes_listing .note_hd .thumb {
  margin-right: 10px;
}

.notes_listing .note_hd .label-ntf {
  position: relative;
  top: -1px;
}

.notes_listing .note_hd .user_info {
  display: block;
  padding: 0 0 3px;
}

.notes_listing .note_hd .user_info .user_name {
  /*color: #222222;*/
  font-weight: bold;
  padding: 0 3px 0 0;
}

.notes_listing li .note_hd .user_info .organization_name {
  color: #999;
}

.notes_listing .note_hd .action_wrap {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
}

.notes_listing .note_hd .action_wrap a.todo-new,
.notes_listing .note_hd .action_wrap a.todo-plc,
.notes_listing .note_hd .action_wrap a.todo-dlt,
.notes_listing .note_hd .action_wrap a.todo-edt,
.notes_listing .note_hd .action_wrap a.review-note,
.notes_listing .note_hd .action_wrap a.reviewed-note {
  margin-left: 15px;
  display: inline-block;
}

.notes_listing .note_hd .action_wrap .fa {
  color: #535353;
  font-size: 15px;
}

.notes_listing .note_hd .action_wrap a.todo-plc .plc_icon {
  background: url("../images/publish_icon.png") no-repeat 0px 0px;
  width: 20px;
  height: 18px;
  padding-left: 20px;
  vertical-align: bottom;
}

svg.review-note-icon,
svg.reviewed-note-icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: text-bottom;
  margin-bottom: -1px;
}

svg.review-note-icon {
  margin-right: -10px;
}

.icon_path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}
.icon_path.icon_circle {
  -webkit-animation: dash 1.5s ease-in-out;
  animation: dash 1.5s ease-in-out;
}
.icon_path.icon_check {
  stroke-dashoffset: -100;
  -webkit-animation: dash-check 1.5s .35s ease-in-out forwards;
  animation: dash-check 1.5s .35s ease-in-out forwards;
}

.review_txt_ctr {
  display: inline-block;
  position: relative;
  padding-left: 3px;
  width: 53px;
  text-align: right;
}

.review_txt_ctr .review_txt {
  display: inline-block;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: .4s;
}

.review_txt_ctr .reviewed_txt {
  position: absolute;
  opacity: 0;
  top: -10px;
  left: 0;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  color: #999;
  animation-delay: .4s;
}

.review_txt_ctr.wdauto {
  width: auto;
}

.review_txt_ctr .reviewed_txt_static {
  position: absolute;
  opacity: 1;
  top: 0;
  left: 0;
  color: #999;
}

.review_txt_ctr .reviewed_txt_static.rel {
  position: relative;
}

.review_txt_ctr .reviewed_txt_static .txt_black {
  color: #222;
  display: inline-block;
  max-width: 100px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
}

.review_txt_ctr .review_txt.static {
  opacity: 0;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(10px);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 1;
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    transform: translateY(10px);
  }
}
@-webkit-keyframes fadeInDown1 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(10px);
  }
}
@keyframes fadeInDown1 {
  0% {
    opacity: 0;
    transform: translateY(0px);
  }
  100% {
    opacity: 1;
    transform: translateY(10px);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.fadeInDown1 {
  -webkit-animation-name: fadeInDown1;
  animation-name: fadeInDown1;
}

@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
.note_tep_list {
  float: left;
  width: 100%;
  margin: 10px 0 0;
  padding: 0;
}

.note_tep_list li {
  width: 100%;
  border: none;
  padding: 0 !important;
  margin: 0;
  list-style-type: none;
}

.note_tep_list li span {
  border-left: 1px solid #b3b3b3;
  padding-left: 10px;
  float: left;
  display: block;
  color: #222222;
  width: 151px;
}

.note_tep_list li label {
  float: left;
  display: block;
  padding-right: 10px;
  margin-bottom: 0px;
  color: #999;
}

.note_wrapper .drafts_list .time .fa {
  margin-left: 10px;
}

.note_tep_list li label.muliple_choice {
  border-right: 1px solid #b3b3b3;
}

.note_tep_list li span.muliple_choice {
  float: none;
  padding-left: 133px;
  width: auto;
  border-left: none;
}

.note_tep_list li span.muliple_choice .muliple_choice_listing {
  font-size: 11px;
  border-radius: 3px;
  margin: 0 5px 5px 0;
  border-radius: 3px;
  display: inline-block;
  height: 18px;
  line-height: 18px;
  padding: 0 6px;
  background: #b5defa;
  width: auto;
  float: none;
  border: none;
}

.back-arrow_left {
  float: left;
  margin-right: 13px;
}

.note_wrapper h1 .back-arrow_left .fa {
  margin-top: 5px;
}

.note_wrapper .note_templates .t-auto-save {
  top: 50px;
}

.nt_lists {
  margin: 13px;
}

.popup .nt_lists {
  float: left;
  width: 100%;
  display: block;
  margin: 0;
  text-align: left;
}

.popup .wa_reference {
  display: block;
  left: 275px;
  right: auto;
}

.popup .wa_reference .workkard_number {
  max-width: 300px;
}

.popup .nt_lists li {
  width: 33.33%;
}

#noteTemplateListContainer {
  overflow-y: auto;
  position: absolute;
  bottom: 0;
  top: 45px;
  left: 0;
  right: 0;
}

.nt_lists li {
  width: 100%;
}

.nt_lists [type="radio"]:not(:checked),
.nt_lists [type="radio"]:checked {
  position: absolute;
  left: -9999px;
  visibility: hidden;
}

.nt_lists [type="radio"]:not(:checked) + label,
.nt_lists [type="radio"]:checked + label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  height: 25px;
  line-height: 25px;
  -webkit-transition: .28s ease;
  -moz-transition: .28s ease;
  -o-transition: .28s ease;
  -ms-transition: .28s ease;
  transition: .28s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
}

.nt_lists [type="radio"] + label:before,
.nt_lists [type="radio"] + label:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  margin: 4px;
  width: 15px;
  height: 15px;
  z-index: 0;
  -webkit-transition: .28s ease;
  -moz-transition: .28s ease;
  -o-transition: .28s ease;
  -ms-transition: .28s ease;
  transition: .28s ease;
}

.nt_lists [type="radio"]:not(:checked) + label:before {
  border-radius: 50%;
  border: 1px solid #5a5a5a;
}

.nt_lists [type="radio"]:not(:checked) + label:after {
  border-radius: 50%;
  border: 1px solid #5a5a5a;
  z-index: -1;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.nt_lists [type="radio"].gap:checked + label:before {
  border-radius: 50%;
  border: 1px solid #0091ea;
}

.nt_lists [type="radio"].gap:checked + label:after {
  border-radius: 50%;
  border: 1px solid #0091ea;
  background-color: #0091ea;
  z-index: 0;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}

.note_wrapper .drafts_list .dft_txt ul {
  list-style-type: disc;
}

.note_wrapper .drafts_list .dft_txt ol,
.note_wrapper .drafts_list .dft_txt ul {
  overflow: hidden;
  margin: 10px 0;
}

.note_wrapper .drafts_list .dft_txt ol li,
.note_wrapper .drafts_list .dft_txt ul li {
  width: 100%;
  margin: 0 0 0 15px;
  padding: 0px;
  border: none;
  background: none;
}

.note_wrapper .drafts_list .dft_txt ol br,
.note_wrapper .drafts_list .dft_txt ul br {
  display: none;
}

.note_wrapper .drafts_list .dft_txt h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 10px 0;
  padding: 0;
  height: auto;
  border: none;
  font-size: 15px;
  font-weight: bold;
}

.note_wrapper .drafts_list .dft_txt p {
  margin: 10px 0;
}

.note_wrapper .drafts_list .dft_txt p:nth-of-type(1) {
  margin: 0px;
}

.notes_listing .note_hd .user_info .inside_wrap {
  display: block;
  padding: 0 310px 0 54px;
  width: 100%;
}

.note_wrapper .add_aw_text .wrk_act_summary {
  float: left;
  width: 100%;
  display: block;
  padding-top: 5px;
}

.note_wrapper .add_aw_text .workkard_sum_ctr,
.note_wrapper .add_aw_text .activity_sum_ctr {
  display: inline-block;
}

.activity-dropdown-overlay {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
}

.note_wrapper .add_aw_text .activity_overlap_show {
  position: relative;
  z-index: 9999;
  background: #fff;
  padding: 5px;
  width: 100%;
}

.note_wrapper .add_aw_text .workkard_sum_ctr {
  float: left;
  width: 100%;
  display: block;
  padding-bottom: 15px;
  position: relative;
}

.note_wrapper .add_aw_text .workkard_sum_ctr .workk_id {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  padding: 2px 0 0 30px;
}

.note_wrapper .add_aw_text .activity_indicator,
.note_wrapper .add_aw_text .workkard_indicator {
  background: #57acff;
  color: #fff;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  margin-right: 5px;
}

.note_wrapper .add_aw_text .workkard_indicator {
  background: #f39c12;
  position: absolute;
}

.note_wrapper .add_aw_text .activity_dropdown_ctr {
  width: 200px;
  vertical-align: middle;
  border: none;
  background: none;
  border: 1px solid #dedede;
  height: 25px;
  background-color: #fff;
}

.note_wrapper h1 .fa-times,
.add-zone-popover h1 .fa-times {
  top: 8px;
  right: 13px;
}

.note_wrapper .drafts_list .time .fa-chevron-right {
  width: 9px;
  height: 9px;
  border-color: #ababab;
}

.publish-overlay {
  position: fixed;
  background: rgba(255, 255, 255, 0.95);
  overflow: hidden;
  top: 37px;
  bottom: 50px;
  margin-left: -10px;
  width: 100%;
  height: auto;
  animation-name: fadeIn;
  animation-duration: 0.4s;
}

.publish-note-popup {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
  animation-name: fadeIn;
  animation-duration: 0.4s;
}
.publish-note-popup .publish-note ul.publish-action {
  box-shadow: none;
  border-radius: 5px;
  padding: 5px 0px 5px;
}

.publish-note-popup-wraper {
  position: absolute;
  top: 55%;
  left: 50%;
  width: 400px;
  margin: 0px 0 0 -200px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
  .publish-note-popup-wraper {
    width: 320px;
    margin: 0 0 0 -160px;
  }
}
.publish-note {
  width: 100%;
  position: absolute;
  top: 0px;
  bottom: 0;
  left: 0px;
  background: #fff;
  z-index: 999;
}
.publish-note .skyblue_btn {
  position: absolute;
  right: 15px;
  bottom: -44px;
}
.publish-note .close-publish-note {
  position: absolute;
  top: 10px;
  right: 10px;
}
.publish-note .close-publish-note svg.svg-close {
  width: 10px;
  height: 10px;
  position: relative;
  top: -10px;
}
.publish-note ul.publish-action {
  position: absolute;
  background: #fff;
  left: 0;
  right: 0;
  bottom: 0px;
  box-shadow: 8px 5px 5px 5px #ccc;
  -webkit-animation: swing 0.5s ease;
  animation: swing 0.5s ease;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  animation-name: swingUp;
}
.publish-note ul.publish-action li {
  position: relative;
  width: 100%;
  cursor: pointer;
}
.publish-note ul.publish-action li:first-child {
  cursor: default;
}
.publish-note ul.publish-action li:nth-child(2n):after {
  content: '';
  border-bottom: solid 1px rgba(0, 0, 0, 0.03);
  position: absolute;
  left: 10px;
  right: 10px;
  z-index: 9;
}
.publish-note ul.publish-action li h3 {
  padding: 6px 0 0 10px;
  font-weight: normal;
  color: #4eb369;
}
.publish-note ul.publish-action li a.close-publish-note {
  padding: 6px 0px 0 0;
}
.publish-note ul.publish-action li a {
  background: #fff;
  padding: 10px 20px 10px 40px;
  display: block;
  margin-bottom: 3px;
  position: relative;
  color: #000;
  font-size: 13px;
  cursor: pointer;
}
.publish-note ul.publish-action li a strong {
  font-size: 14px;
}
.publish-note ul.publish-action li span.move {
  display: block;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.02);
  display: none;
  z-index: 1;
}
.publish-note ul.publish-action li:hover span.move {
  position: absolute;
  display: block;
  -webkit-animation: swing 1s ease;
  animation: swing 0.4s ease;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  animation-name: swingUp;
  /*&:after {
      content: '';
      width: 0;
      height: 0;
      border-top: 15px solid #4a90e2;
      border-left: 15px solid transparent;
      position:absolute;
      right: 0;
      top:0
  }*/
}
.publish-note ul.publish-action li:last-child:hover span.move {
  animation-name: swingDown;
}

.publish-note-action-btn .btn-white {
  color: #fff;
  padding-left: 35px;
  width: auto;
}

.review-note-reason {
  display: flex;
  flex-flow: row;
  padding: 5px;
  align-items: center;
  justify-content: center;
  margin: 0 0 10px 0;
}
.review-note-reason.hidden {
  display: none;
}
.review-note-reason .textarea-wrap {
  flex: 1;
  margin: 0;
  position: relative;
}
.review-note-reason .textarea-wrap textarea {
  font-family: Arial, "Helvetica", Verdana;
  background: #f9f9f9;
  border-color: #f9f9f9;
  width: 100%;
  overflow: hidden;
  padding: 10px;
  min-height: auto;
  resize: none !important;
  box-sizing: border-box;
}
.review-note-reason .textarea-wrap textarea:-moz-placeholder {
  color: #999;
}
.review-note-reason .textarea-wrap textarea::-moz-placeholder {
  color: #999;
}
.review-note-reason .textarea-wrap textarea:-ms-input-placeholder {
  color: #999;
}
.review-note-reason .textarea-wrap textarea::-webkit-input-placeholder {
  color: #999;
}
.review-note-reason .textarea-wrap textarea:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
}
.review-note-reason .textarea-wrap .error-txtarea {
  border: 1px solid #ff0f00;
}
.review-note-reason .textarea-wrap .charc {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #999;
}
.review-note-reason .textarea-wrap.reviewed {
  background: #f9f9f9;
  padding: 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.review-note-reason .textarea-wrap.reviewed a {
  margin: 0px;
}
.review-note-reason .textarea-wrap.reviewed p {
  font-style: italic;
  margin: 10px 0 0;
}
.review-note-reason .textarea-wrap.reviewed .txt_black {
  max-width: none;
}
.review-note-reason a:nth-of-type(1) {
  margin: 0 15px;
}
.review-note-reason + .note_hd {
  position: relative;
}

.views_actions_pop_ctr .review-note-reason {
  padding: 0;
  margin: 0;
}

.note_template_wrapper #customFieldGridContainer .table-row .info .anchor,
.note_template_wrapper #workkardTemplateListContainer .table-row .info .anchor {
  margin-right: 12px;
  width: auto;
}
.note_template_wrapper #customFieldGridContainer .table-row .info .anchor:last-of-type,
.note_template_wrapper #workkardTemplateListContainer .table-row .info .anchor:last-of-type {
  margin-right: 0;
}

.note_template_wrapper.addTemplate ul li .NoteTempFormField .dd-select,
.note_template_wrapper.addTemplate ul li .NoteTempFormField .dd-select .span5 {
  width: 253px;
}
.note_template_wrapper.addTemplate ul li .NoteTempFormField .FieldBlock .select2-container-multi .select2-choices {
  border-color: #b1b1b1;
}
.note_template_wrapper.addTemplate ul li .NoteTempFormField .FieldBlock .select2-container-multi .select2-choices .select2-search-field {
  width: auto;
}

.addTemplateContainer {
  display: flex;
  align-items: center;
  flex-flow: row;
}
.addTemplateContainer li {
  width: auto !important;
  align-items: center;
  display: flex;
  flex-flow: column;
  margin-right: 10px !important;
}

.note_template_wrapper ul li .NoteTempFormField .FieldBlock .workkard_container {
  width: auto;
  padding: 20px;
  margin: 0 !important;
  margin-bottom: 10px !important;
}
.note_template_wrapper ul li .NoteTempFormField .FieldBlock .workkard_container:hover {
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

/*.note_template_wrapper ul li .NoteTempFormField .FieldBlock .workkard_container {
    width:auto;
    padding: 0 5px;
    :hover {
        box-shadow:none;
        -moz-box-shadow:none;
        -webkit-box-shadow:none;
    }
}*/
/* Reports Section */
.hidden {
  overflow: hidden;
}

.hidden .copyright_ftr {
  position: absolute;
  bottom: 0;
}

#container .reports_page_contr {
  margin-top: 65px;
  padding-bottom: 0px;
  border: none;
  background-color: #f9f9f9;
  margin-right: 0px;
  border-radius: 0px;
  min-height: 845px;
}

.au_fixed_right .reports_section .right_container {
  margin-right: 303px;
}

.reports_nav_container {
  float: left;
  width: 100%;
  display: block;
}

.reports_nav_container .heading {
  text-transform: uppercase;
  float: left;
  width: 100%;
  display: block;
  padding: 1px 0 15px 0;
  font-weight: bold;
}

.reports_nav_container .heading .expanded,
.reports_nav_container .heading .collapsed {
  background: url("../images/sprite.png") no-repeat -408px -256px;
  cursor: pointer;
  display: inline-block;
  height: 10px;
  margin-right: 10px;
  vertical-align: middle;
  width: 9px;
}

.reports_nav_container .heading .collapsed {
  width: 7px;
  height: 12px;
  background: url(../images/sprite.png) -424px -256px no-repeat;
}

.reports_nav_container .heading .count {
  color: #c6ba7f;
  font-weight: bold;
  padding: 1px 4px;
  border: 1px solid #e3d3a0;
  background: #fcfbef;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmJlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y2ZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #fcfbef 0%, #f7f6e0 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfbef), color-stop(100%, #f7f6e0));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fcfbef 0%, #f7f6e0 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fcfbef 0%, #f7f6e0 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fcfbef 0%, #f7f6e0 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fcfbef 0%, #f7f6e0 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfbef', endColorstr='#f7f6e0',GradientType=0 );
  /* IE6-8 */
  margin: 0 0 0 5px;
  border-radius: 3px;
}

.reports_nav_container .heading a {
  font-size: 13px;
  float: right;
  text-transform: none;
  font-weight: normal;
}

.reports_nav_container ul {
  float: left;
  width: 100%;
  display: block;
  padding: 0 0 0 30px;
  line-height: 25px;
  margin: 0 0 20px 0;
}

.reports_nav_container ul li {
  float: left;
  width: 100%;
  display: block;
  position: relative;
}

.reports_nav_container ul li .report_name {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  padding: 0 80px 0 0;
  color: #0288D1;
}

.reports_nav_container ul li .active {
  color: black;
  font-weight: bold;
}

.reports_nav_container ul li.shared_separator {
  position: relative;
  height: 30px;
  line-height: 18px;
  padding: 5px 0 0 0;
}

.reports_nav_container ul li.shared_separator:after {
  content: '';
  position: absolute;
  width: 100%;
  left: 0px;
  top: 17px;
  border-top: 1px solid #dddddd;
  z-index: 1;
}

.reports_nav_container ul li.shared_separator .text {
  color: #656565;
  font-size: 13px;
  background-color: #F9F9F9;
  padding: 2px;
  margin: 0 0 0 5px;
  position: absolute;
  z-index: 2;
}

.reports_nav_container .actions {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 25px;
}

.reports_nav_container .actions .edit,
.reports_nav_container .actions .delete,
.reports_nav_container .actions .shared,
.reports_nav_container .actions .unshared,
.reports_nav_container .actions .shared_disable,
.reports_nav_container .actions .unshared_disable,
.reports_nav_container .actions .edit_disable,
.reports_nav_container .actions .delete_disable,
.reports_nav_container .actions .unshared_disable_myload,
.add-zone-popover .component_area .delete {
  background: url("../images/report_actions.png") no-repeat -7px -6px;
  cursor: pointer;
  float: left;
  height: 16px;
  margin: 4px 0 0 5px;
  width: 16px;
}

.reports_nav_container .actions .delete,
.add-zone-popover .component_area .delete {
  background: url("../images/report_actions.png") no-repeat -25px -5px;
}

.reports_nav_container .actions .shared {
  background: url("../images/report_actions.png") no-repeat -5px -53px;
}

.reports_nav_container .actions .unshared {
  background: url("../images/report_actions.png") no-repeat -47px -5px;
}

.reports_nav_container .actions .unshared_disable_myload {
  background: url("../images/report_actions.png") no-repeat -47px -28px;
  cursor: default;
}

.reports_container {
  width: 100%;
  display: block;
  overflow-x: auto;
  overflow-y: hidden;
  margin: 10px 0;
  position: relative;
}

.no_of_results {
  color: #535353;
}

.reports_grid {
  background-color: #d9d9d9;
  width: 100%;
  border-spacing: 0px;
  table-layout: fixed;
}

.reports_grid tr.head td {
  padding: 8px 4px;
  background-color: #f6f6f6;
  white-space: nowrap;
}

.reports_grid tr.head td.first {
  color: #1f497d;
  font-size: 14px;
  font-weight: bold;
}

.reports_grid tr.head td.last {
  font-weight: bold;
}

.reports_grid tr.foot td {
  font-weight: bold;
}

.reports_grid tr td {
  background-color: #fff;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  text-align: center;
  padding: 8px 4px;
  min-width: 100px;
}

.reports_grid tr td .thumb {
  vertical-align: middle;
  margin: 0 10px 0 0;
  background-color: #f2f2f2;
  float: left;
}

.reports_grid tr.foot td {
  border-top: 1px solid #fff;
}

.reports_grid tr.foot td {
  background-color: #ededed;
}

.reports_grid tr td.first {
  text-align: left;
  border-right: 1px solid #b5b4b4;
  min-width: 200px;
  max-width: 230px;
  word-wrap: break-word;
}

.reports_grid tr:nth-child(even) td {
  background-color: #f6f6f6;
}

.reports_grid tr td.last {
  border-right: none;
  background-color: #ededed;
  min-width: 50px;
}

.reports_grid tr td .status {
  font-weight: normal;
  padding: 3px 0;
}

.reports_grid tr td .sort_by {
  vertical-align: middle;
  float: right;
}

.x_axis {
  border-right: 1px solid #E6E6E6 !important;
  border-bottom: none !important;
  white-space: normal !important;
}

.y_axis {
  border-top: 1px solid #b5b4b4;
  border-radius: 0 2px 0 0;
}

.reports_grid tr td .sort_down_arrow,
.reports_grid tr td .sort_up_arrow {
  vertical-align: middle;
  float: right;
}

.reports_grid tr td .sort_by {
  vertical-align: middle;
  float: right;
}

.reports_grid tr.head {
  background-color: #f6f6f6;
}

.reports_grid tr.foot .first {
  background-color: #F6F6F6;
  border-top: 1px solid #B5B4B4;
  color: #1F497D;
  font-size: 14px;
  font-weight: bold;
}

.reports_nav_container .actions .shared_disable {
  background: url("../images/report_actions.png") no-repeat -5px -53px;
  cursor: default;
}

.reports_nav_container .actions .unshared_disable {
  background: url("../images/report_actions.png") no-repeat -47px -5px;
  cursor: default;
}

.reports_nav_container .actions .edit_disable {
  background: url("../images/report_actions.png") no-repeat -7px -29px;
  cursor: default;
}

.reports_nav_container .actions .delete_disable {
  background: url("../images/report_actions.png") no-repeat -25px -29px;
  cursor: default;
}

.report_notification {
  border: 1px solid #f4ef7c;
  background-color: #FFFEE6;
  position: absolute;
  z-index: 99;
  padding: 4px 10px 5px;
  width: 280px;
  height: 29px;
  left: 50%;
  top: 0px;
  margin: 0 0 0 -140px;
  text-align: center;
}

.note_publish_notification {
  border: 1px solid #f4ef7c;
  background-color: #FFFEE6;
  position: fixed;
  z-index: 12;
  padding: 4px 10px 5px;
  min-width: 320px;
  height: 29px;
  left: 50%;
  top: 0px;
  margin: 114px 0 0 -160px;
  text-align: center;
}

.inner-container {
  position: relative;
  overflow: hidden;
  /*min-height: 600px;
  float:left;
  width:auto;*/
}

.inner-container .fixedColumnHeader {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 10;
}

.inner-container .table-body-first {
  position: absolute;
  left: 0px;
  /*top: 70px;*/
}

.inner-container table {
  width: auto;
  table-layout: auto;
}

.inner-container .table-header {
  position: absolute;
  /*left: 250px;*/
  top: 0px;
  z-index: 9;
}

.inner-container .table-body {
  position: absolute;
  /*left: 250px;*/
  /*top: 71px;*/
  right: 0px;
  overflow-x: auto;
  overflow-y: auto;
  min-height: 100px;
  /*height: 530px;*/
}

#CompanyProfile,
.user_profile_page {
  float: left;
  width: 100%;
  display: block;
}

#CompanyProfile .ProfileSettingForm {
  float: left;
  width: 100%;
}

#CompanyProfile .ProfileSettingForm a {
  cursor: pointer;
}

#CompanyProfile .ProfileSettingForm ul,
.popup .ProfileSettingForm ul {
  float: left;
  width: 100%;
  display: block;
}

#CompanyProfile .ProfileSettingForm ul.last {
  border: none;
}

#CompanyProfile .ProfileSettingForm ul.tagit {
  border: 1px solid #919191;
  margin: 0 0 10px 0;
  line-height: 16px;
}

#CompanyProfile .ProfileSettingForm ul.tagit li.tagit-choice {
  padding: 4px 24px 4px 6px;
  width: auto;
}

#CompanyProfile .ProfileSettingForm ul.tagit li.tagit-new {
  width: auto;
}

#CompanyProfile .ProfileSettingForm ul li,
.popup .ProfileSettingForm ul li {
  width: 100%;
  padding: 10px 0;
  position: relative;
}

#CompanyProfile .ProfileSettingForm ul li .ProfileLabel {
  width: 15%;
}

#CompanyProfile .ProfileSettingForm ul li .ProfileLabel label {
  font-weight: bold;
}

#CompanyProfile .ProfileSettingForm ul li .ProfileDetail {
  width: 85%;
  padding: 0 0 0 10px;
  position: relative;
}

#CompanyProfile .ProfileSettingForm ul li .ProfileDetail em {
  font-style: normal;
}

#CompanyProfile .ProfileSettingForm ul li .ProfileDetail span.EmailAddress {
  color: #8b8b8b;
}

#CompanyProfile .ProfileSettingForm ul li .ProfileDetail > .select2-container {
  border: 1px solid #a0a1a1;
  min-height: 35px;
}

#CompanyProfile .select2-container-multi .select2-choices .select2-search-field input {
  position: relative;
  top: -16px;
}

#CompanyProfile .ProfileSettingForm ul li ul {
  border: none;
}

#CompanyProfile .ProfileSettingForm ul li ul li {
  border: none;
  padding: 7px 0;
}

#CompanyProfile .ProfileSettingForm ul li ul li.select2-search-choice {
  padding: 2px 26px 2px 5px;
}

#CompanyProfile .ProfileSettingForm ul li ul li.select2-search-choice a.select2-search-choice-close {
  position: absolute;
  top: 3px;
}

#CompanyProfile .ProfileSettingForm ul li ul li:last-child {
  border-bottom: none;
}

#CompanyProfile .ProfileSettingForm ul li ul li em {
  color: #818181;
}

#CompanyProfile .ProfileSettingForm ul li ul li em a {
  margin-left: 46px;
  font-style: normal;
}

#CompanyProfile .ProfileDetail input[type="text"] {
  margin: 5px 0;
}

#CompanyProfile .ProfileDetail .business_selection_ctrl input[type="text"] {
  height: 33px;
  margin: 5px 0 !important;
  background: url("../images/map_icon.png") no-repeat scroll right 5px #fff;
}

#CompanyProfile .approved_date input[type="text"] {
  height: 33px;
  margin: 5px 0 !important;
  background: url("../images/cal_icon.png") no-repeat scroll right 5px #fff;
}

#CompanyProfile .ProfileDetail .business_selection_ctrl .location_suggestion {
  top: 1px;
}

#CompanyProfile .ProfileDetail .business_selection_ctrl .location_suggestion .slimScrollDiv {
  max-height: 200px;
  width: 100%;
}

#CompanyProfile .ProfileDetail .PositionTextbox {
  position: absolute;
  left: 0px;
  top: -9px;
  z-index: 1;
}

#CompanyProfile .ProfileDetail input[type="text"].Small,
#CompanyProfile .ProfileDetail select {
  margin: 5px 0;
  padding: 6px 5px;
}

#CompanyProfile .ProfileDetail textarea {
  width: 100%;
  height: 20px;
}

#CompanyProfile .ProfileDetail span.Save a {
  margin-right: 10px;
}

/* User Profile Page */
#container .user_profile_page_contr {
  border-radius: 3px;
  margin: 85px 15px 15px 15px;
  border-color: #e6e6e6;
}

.user_profile_page {
  padding: 0 20px;
}

.user_profile_page h1 {
  padding: 20px 0 10px;
}

.user_profile_page .row_block {
  float: left;
  width: 100%;
  padding: 20px 0 10px;
  display: block;
  border-bottom: 1px solid #EEF1F1;
}

.user_profile_page .row_block .field_label {
  float: left;
  width: 14%;
  font-weight: bold;
}

.user_profile_page .row_block .field_value {
  float: left;
  width: 86%;
  border-left: 2px solid #F7F7F7;
  padding: 0 0 0 10px;
  position: relative;
  min-height: 17px;
}

.user_profile_page .row_block .field_value input[type="text"] {
  width: auto;
  margin: 5px 0;
  padding: 7px 5px;
}

.user_profile_page .row_block .field_value .error_msg {
  margin: 0px !important;
  float: none;
  display: block;
}

.user_profile_page .row_block .field_value .inpt_block {
  float: left;
  width: 200px;
  margin: 0 10px 0 0;
}

.user_profile_page .row_block .field_value .inpt_block input[type="text"] {
  float: left;
  width: 100%;
}

.user_profile_page .row_block .field_value .actions a {
  margin: 0 10px 0 0;
}

.user_profile_page .row_block.last {
  border-bottom: none;
}

.user_profile_page .row_block .field_value .help_txt {
  color: #595959;
}

#CompanyProfile .ProfileSettingForm ul li .ProfileDetail .span3 select {
  padding: 5px;
  margin: 5px 0;
}

.notification_settings ul li {
  float: left;
  width: 100%;
  display: block;
  padding: 5px 10px;
}

.notification_settings ul li.last {
  border: none;
}

.notification_settings .check_list {
  float: left;
  width: 14%;
  display: block;
}

.notification_settings .action_list {
  float: left;
  width: 70%;
  display: block;
  margin-left: 2%;
}

.notification_settings .action_list_heading {
  margin-left: 30%;
}

.notification_settings .row_heading {
  background-color: #f6f6f6;
  border: none;
}

.notification_settings .check_list_group {
  padding: 10px 10px 5px;
  border-bottom: #dcdcdc solid 1px;
  font-weight: bold;
}

.notification_settings ul li input[type="checkbox"] {
  vertical-align: middle;
}

.notification_settings .row_heading input[type="checkbox"] {
  margin: 0 10px 0 0;
}

/* Location Plugin CSS start */
.added_business_locations {
  float: left;
  width: 100%;
  display: block;
  padding: 5px 0;
}

.added_business_locations li,
.uploaded_file_label,
.zone-detail ul.zone-tag li {
  border-radius: 3px;
  padding: 3px 24px 3px 8px !important;
  background-color: #b5defa;
  margin: 0 5px 8px 0;
  color: #000;
  position: relative;
  width: auto !important;
}

.added_business_locations li.no-remove-icon, .zone-detail ul.zone-tag li.no-remove-icon {
  padding: 3px 5px 3px 5px !important;
}

.added_business_locations li .remove_ico
.uploaded_file_label .remove_icon {
  width: 18px;
  height: 18px;
  display: block;
  text-indent: -999px;
  margin: 10px 10px 7px 0;
  position: absolute;
  top: -1px;
  bottom: auto;
  left: auto;
  right: 0px;
  background: url(../images/close_icon.png) 0 0 no-repeat;
  margin: 4px 0 0 5px;
  right: 3px;
}

.added_business_locations li:hover {
  /*-moz-box-shadow: 0 0 5px #262626;
  -webkit-box-shadow: 0 0 5px #262626;
  box-shadow: 0 0 5px #262626;*/
}

.business_selection_ctrl {
  position: relative;
  z-index: 1;
  width: 418px;
  float: left;
}

.business_selection_ctrl .hint {
  color: #595959;
  display: block;
  font-style: italic;
}

.business_selection_ctrl input[type="text"] {
  background: url(../images/map_icon.png) no-repeat right 7px;
  background-color: #fff;
  border: 1px solid #a0a1a1;
  width: 100%;
  height: 38px;
  padding: 5px 8px;
  position: relative;
  z-index: 11;
  margin: 0px !important;
}

.business_selection_ctrl .location_suggestion {
  position: absolute;
  border: 1px solid #a0a1a1;
  right: -4px;
  left: -4px;
  top: -4px;
  padding: 41px 0 0 0;
  z-index: 10;
  background-color: #fff;
}

.business_selection_ctrl .location_suggestion ul {
    /*max-height: 200px;
	overflow-x: hidden;
	overflow-y: scroll;*/
  overflow: hidden;
}

.business_selection_ctrl .location_suggestion li {
  border-bottom: 1px dashed #e0e1e1;
  float: left;
  width: 100%;
  display: block;
  padding: 8px 10px !important;
  cursor: pointer;
}

.business_selection_ctrl .location_suggestion li.active {
  background-color: #D8DAD9;
}

.business_selection_ctrl .location_suggestion li .matching_location {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 255px;
  color: #000;
}

.business_selection_ctrl .location_suggestion li .matching_location .other {
  color: #a0a1a1;
}

.business_selection_ctrl .location_suggestion li .choose_by {
  float: right;
  color: #626362;
}

.business_selection_ctrl .location_suggestion li.last {
  border: none;
}

.business_selection_ctrl #HintArea {
  color: #595959;
  display: block;
  font-style: italic;
  padding: 5px 0 0;
}

.business_selection_ctrl .location_suggestion li .dim {
  color: #a0a1a1;
}

.business_selection_ctrl .location_suggestion li em {
  color: #626362;
  font-style: normal;
}

.zipLoader {
  background: url(../images/cc_loader.gif) no-repeat left top;
  width: 40px;
  height: 13px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -6px 0 0 -20px;
  z-index: 11;
}

.loader_search {
  background: url(../images/cc_loader.gif) no-repeat left top;
  width: 40px;
  height: 13px;
  position: absolute;
  right: 30px;
  top: 20px;
  margin: -6px 0 0 -20px;
  z-index: 11;
}

.loader_search.profile_detail_loader {
  left: 37px;
  top: 12px;
}

.zipPopupContentArea .city_block {
  min-height: 100px;
  max-height: 400px;
  overflow: hidden;
  overflow-y: scroll;
  position: relative;
  margin: 0 0 10px 0;
  border-bottom: #cccccc solid 1px;
}

.zipPopupContentArea .city_block ul {
  margin: 0px 0px 10px 0px;
  padding: 0 10px 10px 10px;
  overflow: hidden;
}

.zipPopupContentArea .city_block ul li {
  width: 33%;
  padding: 5px;
}

.zipPopupContentArea .city_block ul li input[type="checkbox"] {
  margin: 0 5px 0 0;
}

.zipPopupContentArea .city_block ul li.arrows {
  margin-top: -9px;
  margin-left: 0px;
  top: 50%;
  left: 100%;
  width: 16px;
  height: 25px;
  background: url(../images/tip-darkgray_arrows.png) no-repeat -59px 0;
  position: absolute;
}

.zipPopupContentArea .btnbp {
  bottom: 0px;
}

.zipPopupContentArea .city_block .city_zip_list {
  width: 99%;
  float: left;
  border-top: #cccccc solid 1px;
  padding: 10px 0 0 0;
}

.zipPopupContentArea .city_block .city_zip_list input[type="checkbox"] {
  margin: 0 5px 0 0;
}

.zipPopupContentArea .city_block .city_zip_list ul {
  width: 100%;
}

.zipPopupContentArea .city_block .city_zip_list li.zip_cl {
  margin: 0 0 0 10px;
  width: auto;
  padding-right: 0px;
}

.zipPopupContentArea .city_block .dim {
  color: #444444;
}

.zipPopupContentArea .city_block .city_zip_list a {
  color: #000000;
}

.zipPopupContentArea .city_block .city_zip_list a:hover {
  color: #000000;
}

/* Location Plugin CSS stop */
.ac_results {
  float: left;
  width: 156px;
  position: relative;
  max-height: 170px;
  overflow-y: scroll;
  overflow-x: hidden;
  border: 1px #ccc solid;
  background-color: #ffffff;
  z-index: 10;
}

.ac_results ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

.ac_results ul li {
  float: left;
  width: 100%;
  display: block;
  background: none;
  background-color: #ffffff;
  padding: 0 0 0 0;
}

.ac_results ul li span {
  padding: 5px;
  display: block;
}

.ac_results ul li:hover {
  background-color: #F9F9F9;
}

.ac_results ul li.active {
  background-color: #3975d7;
  color: #fff;
}

.ac_results ul li.active a {
  color: #fff;
}

.user_profile_page .Adjuster ul {
  padding: 8px 16px;
}
.user_profile_page .Adjuster ul:first-of-type {
  background: #F6F6F6;
  color: #676767;
}
.user_profile_page .Adjuster ul li {
  width: 20%;
}
.user_profile_page .Adjuster ul li:first-child {
  width: 10%;
}

.popup-mask {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0.85;
  filter: alpha(opacity=85);
  background-color: #000000;
  z-index: 103;
}

.popup {
  min-width: 100px;
  min-height: 130px;
  position: absolute;
  z-index: 105;
  left: 50% !important;
  padding: 10px;
  background: #ffffff;
  margin-top: 0px !important;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
}

.popup a.close_popup,
.watcher_info_popover .close_btn,
.communities_involved_popover .close_btn,
.workkard_info_popover .close_btn,
.org_profile_popover .close_btn .emailVerify {
  width: 18px;
  height: 18px;
  display: block;
  text-indent: -999px;
  margin: 10px 10px 7px 0;
  position: absolute;
  top: -1px;
  bottom: auto;
  left: auto;
  right: 0px;
}

.popup h2 {
  color: #333F48;
  text-transform: uppercase;
  float: left;
  width: 100%;
  display: block;
  margin: 0px;
  font-size: 14px;
  font-weight: bold;
}

.popup .content {
  border-top: 1px solid #f1f1f1;
  padding: 0px;
  float: left;
  width: 100%;
  display: block;
  margin-top: 10px;
  padding: 10px 0px 0px 0px;
}

.popup .content .txt_colo {
  color: #ad1a1a;
}

.popup .info_txt {
  word-wrap: break-word;
}

.popup .info_txt .comp_name {
  word-wrap: break-word;
  font-weight: bold;
}

.popup .button_container {
  padding: 20px 0 0 0;
}

.popup .button_container input[type="button"] {
  margin: 0 5px 0 0;
}

.emailVerify {
  width: 500px !important;
  border-radius: 4px;
  padding: 1.5rem;
}

.emailVerify .content {
  border-top: none;
  padding: 0px;
}

.emailVerify .button_container {
  padding: 10px 10px 0;
}

.emailVerify .button_container input[type="button"] {
  background: #05b6a9;
  border: 1px solid #05b6a9;
  float: right;
  padding: 8px 30px;
}

.emailVerify .button_container {
  padding: 10px 0px 0;
}

.emailVerify a.close_popup {
  display: none;
  float: right;
}

.emailVerify .info_txt {
  padding-bottom: 20px;
}

/* Confirmation pop up CSS */
.confirmation_pop_up {
  background-color: #fff;
  padding: 30px 10px 30px 10px !important;
  text-align: center;
}

.confirmation_pop_up.close_activities_pop_up {
  padding: 10px !important;
  text-align: left;
}

.confirmation_pop_up .info_txt {
  padding: 0 0 15px 0;
}

.confirmation_pop_up textarea {
  min-height: 50px;
  max-height: 50px;
  margin-bottom: 10px;
}

.confirmation_pop_up input[type="button"] {
  margin-right: 6px;
}

.congrats_page .heading {
  color: #388c4e;
  font-weight: bold;
}

.congrats_page .help_txt {
  font-weight: bold;
  margin: 12px 0 0 0 !important;
}

#lblCompanyName {
  word-wrap: break-word;
}

.user_content {
  background-color: #fff;
  padding: 0 5px 5px;
  position: relative;
  left: 0px;
  width: 100%;
}

.user_content .contract_info_txt {
  float: left;
  margin: 5px 0;
}

.user_content small {
  line-height: 20px;
  padding-left: 0px;
}

.PopupHeader {
  height: 26px;
}

.PopupHeader .lt_hlp_txt {
  float: left;
  margin-top: 6px;
}

.PopupHeader .rt_search_ctr {
  float: right;
  margin-bottom: 10px;
  position: relative;
}

.PopupHeader input[type="text"] {
  width: 250px;
  margin-bottom: 10px;
  height: 28px;
  padding-right: 24px;
}

.PopupHeader input[type="text"].search_inpt {
  width: 325px;
  font-size: 12px;
}

.PopupHeader a.clear_search {
  margin: 2px 0 0 -17px;
  position: absolute;
  background: url(../images/sprite.png) no-repeat -222px -64px;
  width: 14px;
  height: 14px;
  text-indent: -9999px;
  right: 5px;
  top: 5px;
}

.refPopupLeft .dragger_box {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.refPopupLeft .avatarPics {
  width: 45px;
  height: 45px;
}

.refPopupLeft .email {
  float: left;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.PopupHeaderLeft {
  position: absolute !important;
  left: 5px !important;
  height: 298px;
  width: 144px;
}

.PopupHeaderLeft .dragger_box {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.PopupHeaderLeft .avatarPics {
  width: 45px;
  height: 45px;
}

.user_reassign_area {
  padding: 5px;
  min-height: 298px;
}

.drag_img_left {
  width: 144px;
  height: 382px;
  text-align: center;
  padding: 11px 5px 22px;
  border-right: #ededed solid 4px;
  position: fixed;
  margin-top: 2px;
  /*top:268px;*/
}

.drag_img_right {
  width: 597px;
  height: 382px;
  text-align: left;
  margin-left: 12px;
  position: relative;
  left: 145px;
  top: 2px;
}
.drag_img_right .info {
  color: #e60808;
}
.drag_img_right .row-fluid {
  margin-bottom: 0px;
}
.drag_img_right .form_container {
  padding: 0px;
}
.drag_img_right textarea {
  width: 100%;
  padding: 8px 10px;
  min-height: 60px;
}
.drag_img_right .important_bulk_notifOff {
  bottom: 46px !important;
}
.drag_img_right .notes {
  color: #999;
  position: absolute;
  bottom: 0px;
}

.drag_img_left .drag_img, .drag_img_left .drag_img a, .drag_box, .drag_box a, .drag_box p {
  text-align: center;
  display: block;
}

.drag_img_left .drag_img img {
  cursor: move;
  background: #f6f6f6;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}

.drag_img_left .drag_arrow {
  display: block;
  text-align: center;
}

.drag_img_box {
  width: 81px;
  height: 81px;
  background: url(../images/drop_here_bg.png) no-repeat left top;
  margin: 0 auto;
  display: block;
}

.ui-state-highlight {
  background: url(../images/drop_here_bg_highlighter.png) 0 0 no-repeat;
}

.drag_box {
  width: 81px;
  height: 81px;
  background: url(../images/drop_here_bg.png) no-repeat left top;
  margin: 0 auto;
  padding: 25px 5px 0;
}

.drag_box .dragger_box {
  left: 4px !important;
}

.drag_box .dragger_box img {
  background: #fbfbfb;
  margin-bottom: 22px;
}

.dragger_box {
  cursor: move;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.dragger_box a {
  width: 100%;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.dragger_box .role {
  float: left;
  width: 100%;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.PopupHeaderLeft .dragger_box .email {
  float: left;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.bulkActionPopup .dragger_box .email {
  float: unset;
}

.drag_img_right .dragger_box {
  float: left;
  width: 48%;
  margin: 5px;
  height: 75px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 7px 10px 10px 10px;
  background-color: #fff;
}

.drag_img_right .dragger_box .sb-avatar--text {
  float: left;
  min-height: 60px;
  margin: 3px 10px 0 0;
}

.drag_img_right .dragger_box.ui-draggable-dragging {
  z-index: 1;
}

.drag_img_right .dragger_box a,
.drag_img_right .dragger_box .role {
  display: block;
  text-align: left;
  line-height: 12px;
  width: auto;
  float: none;
  line-height: 18px;
}

.drag_img_right .dragger_box img {
  margin: 3px 10px 0 0;
  float: left;
  width: 35px;
  height: 35px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  background: #f6f6f6;
}

.img_disable {
  -khtml-opacity: .50;
  -moz-opacity: .50;
  -ms-filter: "alpha(opacity=50)";
  filter: alpha(opacity=50);
  opacity: .50;
}

.dragger_box_info {
  float: left;
  width: 100%;
  text-align: center;
  margin: -10px 0 0 0;
}

.arrow_down_drag {
  width: 28px;
  height: 49px;
  background: url(../images/sprite.png) no-repeat -314px -134px;
  display: inline-block;
  margin: 10px 0;
}

.match_error_info {
  color: #D94A41;
  display: block;
  padding: 5px 0 15px 0;
}

.match_confirm_info {
  color: #D94A41;
  display: block;
  padding: 105px 0 15px 0;
  position: absolute;
  width: 100%;
  left: 0px;
  top: 0px;
}

.important_note_bulkaction {
  padding: 5px 0 0 0;
  color: #8F8F8F;
}

.drag_img_right .important_note_bulkaction {
  position: absolute;
  bottom: 20px;
  color: #8F8F8F;
}

.drag_img_right .important_bulk_notifOff {
  position: absolute;
  bottom: 72px;
  color: black;
  background-color: #fdfce8;
  padding: 1px 4px;
}

.bulk_notification_msg {
  background-color: #fdfce8;
  padding: 1px 4px;
  margin: 20px 0 10px 0;
  display: inline-block;
}

/* Upload Logo Pop up */
.upload_logo_ctr {
  background-color: #fff;
  padding: 5px;
}

.upload_logo_ctr .info_txt {
  color: #616161;
  padding: 0 0 10px;
  float: left;
  width: 100%;
  display: block;
}

.upload_logo_ctr .error_msg {
  float: left;
  width: 100%;
  display: block;
  color: #ff0f00;
  line-height: 12px;
  margin: 3px 0 0 0;
}

.upload_logo_ctr .drop_area {
  padding: 230px 0 0 0;
  color: #b3b3b3;
  background-color: #fbfbfb;
  border: 2px dashed #ebebeb;
  float: left;
  height: 500px;
  width: 660px;
  margin: 0 0 10px 0;
  position: relative;
}

.upload_logo_ctr .drop_area .attach_files {
  width: 74px;
  margin: 0 0 0 160px;
}

.upload_logo_ctr .left_contr .crop_img {
  max-width: 500px;
  max-height: 500px;
  text-align: center;
  vertical-align: middle;
}

.upload_logo_ctr .left_contr {
  background-color: #F4F4F4;
  border: 1px solid #9F9F9F;
  float: left;
  height: 510px;
  padding: 5px;
  width: 510px;
  margin: 0 0 10px 0;
  text-align: center;
  line-height: 500px;
}

.upload_logo_ctr .left_contr .drop_area a {
  font-weight: bold;
}

.upload_logo_ctr .right_contr {
  background-color: #F4F4F4;
  border: 1px solid #9F9F9F;
  float: left;
  height: 510px;
  padding: 5px;
  width: 145px;
  margin: 0 0 10px 5px;
}

.upload_logo_ctr .right_contr .logo_contr {
  margin: 0 0 10px 0;
  padding: 5px;
}

.upload_logo_ctr .right_contr .logo_contr .title {
  float: left;
  width: 100%;
  display: block;
  padding: 0 0 10px 0;
  font-weight: bold;
  color: #333;
  text-align: center;
}

.upload_logo_ctr .right_contr .logo_contr .img_contr {
  float: left;
  position: relative;
  overflow: hidden;
  width: 60px;
  height: 60px;
  border: 3px solid #ccc;
  margin: 0 0 0 28px;
}

.attach_files {
  position: relative;
  float: left;
  width: 100%;
  height: 25px;
  display: block;
}

.attach_files span input {
  cursor: pointer;
}

.attach_files .attach_file_txt {
  position: absolute;
  z-index: 1;
  cursor: default;
}

.attach_files .file_uploader {
  position: absolute;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
  width: 60px;
}

.attach_files .file_uploader input[type="file"] {
  width: 60px;
  cursor: pointer;
}

.workkard_status_action {
  margin-top: 4px;
  float: right;
}

.filter_by {
  position: relative;
  float: right;
  margin-top: 3px;
}

.action_drop_menu {
  float: right;
  margin: 0 10px 0 0;
  position: absolute;
  right: 0px;
  top: 10px;
}

#divActivityAction .action_drop_menu,
#divWorkkardAction .action_drop_menu,
#divtodoAction .action_drop_menu {
  float: none;
  margin: -1px 10px 0 5px;
  position: relative;
  right: auto;
  top: auto;
}

.action_drop_menu .drop_menu_head,
.action_drop_menu_note .drop_menu_head,
.filter_by .filter_text {
  background-color: transparent;
  /*border: 1px solid #ADADAD;*/
  color: #000;
  text-align: center;
  border-radius: 3px;
  padding: 2px 10px;
  display: block;
  font-weight: bold;
  z-index: 3;
  position: relative;
}

.action_drop_menu .drop_menu_head .arrow,
.filter_by .filter_text .arrow {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: url(../images/sprite.png) no-repeat -495px -67px;
  vertical-align: middle;
  margin: 0 0 0 8px;
}

.action_drop_menu .actions_list,
.action_drop_menu_note .actions_list,
.filter_by .filter_options {
  width: auto;
  position: absolute;
  right: 0;
  top: 22px;
  z-index: 9;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  padding: 5px 0;
  background: #fff;
  border-radius: 2px;
  display: none;
}

.action_drop_menu .actions_list li,
.action_drop_menu_note .actions_list li {
  float: left;
  width: 100%;
  display: block;
}

.action_drop_menu .actions_list li a,
.action_drop_menu_note .actions_list li a {
  background-color: #fff;
  color: #000;
  /*height: 25px;*/
  line-height: 26px;
  padding: 5px 10px 5px 25px;
  display: block;
  position: relative;
  white-space: nowrap;
  min-width: 150px;
}

.action_drop_menu .actions_list li.in_progress_action a {
  width: 265px;
}

.action_drop_menu .actions_list .in_progress_percentage {
  position: absolute;
  right: 8px;
  top: 0px;
  border: 1px solid #c7c7c7;
  background: #ffffff;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWRlZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ffffff 0%, #dedede 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dedede));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #dedede 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #dedede 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #dedede 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #dedede 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede',GradientType=0 );
  /* IE6-8 */
  border-radius: 3px;
  margin: 4px 0 0 0;
}

.action_drop_menu .actions_list .in_progress_percentage li {
  float: left;
  padding: 0 6px;
  height: 16px;
  line-height: 16px;
  color: #464646;
  border-right: 1px solid #c7c7c7;
  font-weight: bold;
  width: auto;
  background: none;
  text-shadow: 1px 1px #fff;
  font-size: 12px;
}

.action_drop_menu .actions_list .in_progress_percentage li.active,
.action_drop_menu .actions_list .in_progress_percentage li:hover {
  background-color: #0073de;
  color: #fff;
  margin: -1px 0;
  height: 18px;
  text-shadow: 0px 0px #fff;
  line-height: 18px;
}

.action_drop_menu .actions_list .in_progress_percentage li.first {
  border-radius: 3px 0 0 3px;
}

.action_drop_menu .actions_list .in_progress_percentage li.last {
  border-radius: 0 3px 3px 0;
  border: none;
}

.action_drop_menu .actions_list li a.add_workkard_notes {
  margin: 0 0 0 0;
}

.action_drop_menu .actions_list li a .ico {
  height: 16px;
  left: 5px;
  position: absolute;
  top: 10px;
  width: 16px;
}

.action_drop_menu .actions_list li a.create_activity .ico {
  background: url(../images/sprite.png) no-repeat -340px -40px;
}

.action_drop_menu .actions_list li a.create_bid_activity .ico {
  background: url(../images/sprite.png) no-repeat -364px -40px;
}

.action_drop_menu .actions_list li a.change_workkard_sponsor .ico {
  background: url(../images/sprite.png) no-repeat -386px -40px;
}

.action_drop_menu .actions_list li a.close_activities .ico {
  background: url(../images/sprite.png) no-repeat -458px -254px;
}

.action_drop_menu .actions_list li a.edit_workkard .ico {
  background: url(../images/sprite.png) no-repeat -139px -42px;
}

.action_drop_menu .actions_list li a.print_workkard .ico {
  background: url(../images/printer.png) no-repeat left top;
}

#activityHeaderDetail .action_drop_menu .actions_list li a.print_workkard .ico {
  background: none;
}

.action_drop_menu .actions_list li a.link_companion_workkard .ico {
  background: url(../images/sprite.png) no-repeat -408px -40px;
}

.action_drop_menu .actions_list li a.add_workkard_notes .ico,
.action_drop_menu .actions_list li a.add_personal_workkard_notes .ico {
  background: url(../images/sprite.png) no-repeat 0px -41px;
}

.action_drop_menu .actions_list li a.create_todo .ico {
  background: url("../images/sprite.png") no-repeat -243px -204px;
}

.action_drop_menu .actions_list li a:hover {
  background-color: #eaeaea;
}

.action_drop_menu:hover .drop_menu_head {
  border-radius: 3px 3px 0 0;
  border-bottom: 1px solid #fff;
}

.action_drop_menu:hover .actions_list,
.action_drop_menu_note:hover .actions_list {
  display: block;
}

.filter_by .filter_options {
  position: absolute;
  /*border: 1px solid #adadad;
  background-color: #fff;
  right: 0px;
  top: 22px;
  z-index: 2;
  text-align: center;*/
  display: none;
  width: 175px;
  padding: 10px;
}

.filter_by#associatedwkkdsfilters .filter_options {
  width: 191px;
}

.filter_by .filter_options_left,
.filter_by#associatedwkkdsfilters .filter_options {
  left: 0px;
}

.filter-by-multiple-download {
  margin-left: 9px;
  float: left;
  position: relative;
  margin-top: 5px;
}
.filter-by-multiple-download a.btn-download {
  background: #00afec;
  color: #fff;
  padding: 2px 7px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.filter-by-multiple-download a.btn-download.dissable, .filter-by-multiple-download a.btn-download[disabled] {
  background: #ccc;
}
.filter-by-multiple-download input[type="checkbox"] {
  position: relative;
  top: 2px;
}
.filter-by-multiple-download .filter_by .filter_options {
  width: 110px;
}

.filter_by .filter_options_click {
  position: absolute;
  border: 1px solid #adadad;
  background-color: #fff;
  top: 22px;
  z-index: 2;
  padding: 10px;
  width: 175px;
  display: block;
}

.filter_by .filter_options_click input[type="checkbox"] {
  vertical-align: middle;
  margin: 0 8px 0 0;
}

.filter_by .filter_options_click ul,
.filter_by .filter_options_click li {
  float: left;
  width: 100%;
  display: block;
  text-align: left;
}

.filter_by .filter_options_click ul li {
  padding: 3px 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}

.filter_by .filter_options_click .file_type_separator {
  float: left;
  width: 100%;
  display: block;
  text-align: left;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background-color: #f7f7f7;
  padding: 4px 0 4px 5px;
  margin-top: 5px;
  font-weight: bold;
  color: #333;
}

.filter_by .filter_options_click ul li.border_itm {
  border-top: 1px solid #e2e2e2;
}

.filter_by .filter_options_click ul ul {
  border: none;
  margin: 4px 0 0 0;
}

.filter_by .filter_options_click ul ul ul {
  padding: 0 0 0 20px;
  margin: 0px;
}

.filter_by .filter_options_click #checkbox_list_consolidate {
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
}

.filter_by.update_type_filter .filter_options_click #checkbox_list_consolidate {
  max-height: none;
  overflow-x: auto;
  overflow-y: auto;
}

.filter_by.update_type_filter .filter_options_click #checkbox_list_consolidate input[type="text"] {
  width: 125px;
  margin: 5px 0;
}

.filter_by .filter_options input[type="checkbox"] {
  vertical-align: middle;
  margin: 0 8px 0 0;
}

.filter_by .filter_options img.user_thumb {
  vertical-align: middle;
  margin: 0 5px 0 0;
  width: 25px;
  height: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  border: 1px solid #ccc;
  background-color: #f2f2f2;
}

.filter_by .filter_options ul,
.filter_by .filter_options li {
  float: left;
  width: 100%;
  display: block;
  text-align: left;
  position: relative;
}

.filter_by .filter_options ul li {
  padding: 3px;
  text-overflow: ellipsis;
  white-space: nowrap;
  /*overflow:hidden;*/
  display: block;
}

.filter_by .filter_options ul li .ui-datepicker-trigger,
.filter_by .filter_options_click ul li .ui-datepicker-trigger {
  margin-top: -1px;
}

.filter_by .filter_options .file_type_separator {
  float: left;
  width: 100%;
  display: block;
  text-align: left;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background-color: #f7f7f7;
  padding: 4px 0 4px 5px;
  margin-top: 5px;
  font-weight: bold;
  color: #333;
}

.filter_by .filter_options ul li.border_itm {
  border-top: 1px solid #e2e2e2;
}

.filter_by .filter_options ul ul {
  border: none;
  margin: 4px 0 0 0;
}

.filter_by .filter_options ul ul ul {
  padding: 0 0 0 20px;
  margin: 0px;
}

.filter_by:hover .filter_text {
  border-bottom: none;
  border-radius: 3px 3px 0 0;
  background: transparent;
  filter: none;
}

.filter_by:hover .filter_options {
  display: block;
}

.applied_filters,
.applied_filters .applied_filter_text {
  float: left;
  color: #4e4e4e;
}

.applied_filter_text {
  margin-top: 1px;
}

.applied_filters ul,
ul.applied_filters {
  float: left;
}

.applied_filters ul li,
ul.applied_filters li {
  background-color: #c1e3ff;
  border-radius: 3px;
  color: #003867;
  padding: 1px 6px;
  margin: 0 0 0 10px;
  -webkit-box-shadow: 1px 1px 0px #82c4fa;
  -moz-box-shadow: 1px 1px 0px #82c4fa;
  box-shadow: 1px 1px 0px #82c4fa;
}

.applied_filter_indicator {
  background-color: #FFFBCB;
  color: #333333;
  padding: 3px 10px;
  position: absolute;
  left: 50%;
  display: none;
  width: 240px;
  margin: -5px 0 0 -120px;
  text-align: center;
}

.applied_filter_indicator.diary_strip {
  width: auto;
  margin-left: 0px;
  left: 10px;
  text-align: left;
}

/* Bulk actions */
.bulk_actions {
  position: static;
  float: left;
  margin: 5px 0 0 0;
}

.bulk_actions .actions_list {
  left: auto;
  right: auto;
  top: 27px;
  width: 190px;
}

.bulk_actions .actions_list li a {
  padding: 0 10px;
}

.bulk_actions .actions_list li a .count {
  color: #939393;
}

.open_activities_actions .actions_list {
  right: auto;
}

.open_activities_actions {
  position: relative;
  float: left;
  margin: 5px 0 10px 0;
  top: 0;
}

/* Tool tip */
.tip-darkgray,
.popover-darkgray {
  background-color: #FFFFFF;
  z-index: 998;
  visibility: visible !important;
  -moz-box-shadow: 0px 1px 7px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 1px 7px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 7px 1px rgba(0, 0, 0, 0.2);
}

.popover-darkgray {
  z-index: 10;
}

/* Configure an arrow image - the script will automatically position it on the correct side of the tip */
.tip-darkgray .tip-arrow-top,
.tip-darkgray .tip-arrow-right,
.tip-darkgray .tip-arrow-bottom,
.tip-darkgray .tip-arrow-left,
.popover-darkgray .tip-arrow-top,
.popover-darkgray .tip-arrow-right,
.popover-darkgray .tip-arrow-bottom,
.popover-darkgray .tip-arrow-left,
.addrelation .head .toparrow,
.terminate_contract_popover .head .toparrow {
  margin-top: -18px;
  margin-left: 15px;
  top: 0;
  left: 0;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 12px 18px 12px;
  border-color: transparent transparent #ffffff transparent;
  position: absolute;
}

.popover-darkgray .tip-arrow-top {
  top: 6px;
  left: 242px;
}

.tip-darkgray .tip-arrow-right,
.popover-darkgray .tip-arrow-right {
  margin-top: -9px;
  margin-left: 0px;
  top: 50%;
  left: 100%;
  border-width: 12px 0 12px 12px;
  border-color: transparent transparent transparent #ffffff;
}

.tip-darkgray .tip-arrow-bottom,
.popover-darkgray .tip-arrow-bottom {
  margin-top: 0px;
  margin-left: 15px;
  top: 100%;
  left: 10px;
  border-width: 11px 11px 0 11px;
  border-color: #ffffff transparent transparent transparent;
}

.tip-darkgray .tip-arrow-left,
.popover-darkgray .tip-arrow-left {
  margin-top: -9px;
  margin-left: -18px;
  top: 50%;
  border-width: 12px 18px 12px 0;
  border-color: transparent #ffffff transparent transparent;
}

/*.tip-darkgray .org_profile .top_block .head,
.tip-darkgray .user_profile .top_block .head {
    font-weight: bold;
    padding: 0 0 2px 0;
    color: #02376C;
}*/
.tip-darkgray .org_profile .top_block,
.tip-darkgray .user_profile .top_block {
  border-radius: 0px;
  background: none;
  border: none;
  padding: 15px;
  overflow: hidden;
  position: relative;
}

.tip-darkgray .org_profile .top_block .org_thumb_cont,
.tip-darkgray .user_profile .top_block .user_thumb_cont,
.org_profile_popover .container .org_thumb_cont {
  float: left;
  margin: 0 10px 0 0;
  position: relative;
  width: 46px;
  height: 46px;
  line-height: 42px;
  border-radius: 0px;
  text-align: center;
  padding: 0px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.tip-darkgray .org_profile .top_block .org_thumb_cont .org_thumb,
.tip-darkgray .user_profile .top_block .user_thumb_cont .user_thumb,
.org_profile_popover .container .org_thumb_cont .org_thumb {
  max-width: 35px;
  max-height: 35px;
  vertical-align: middle;
}

.tip-darkgray .org_profile .top_block .org_summary_contr,
.tip-darkgray .user_profile .top_block .user_summary_contr {
  width: 450px;
  float: left;
}

.tip-darkgray .org_profile .top_block .org_summary_contr .head,
.tip-darkgray .org_profile .top_block .org_summary_contr .contact_info,
.tip-darkgray .user_profile .top_block .user_summary_contr .head,
.tip-darkgray .user_profile .top_block .user_summary_contr .contact_info {
  width: 100%;
}

.tip-darkgray .org_profile .top_block .org_summary_contr .contact_info,
.tip-darkgray .user_profile .top_block .user_summary_contr .contact_info {
  border-top: #f5f5f5 solid 1px;
  margin-top: 10px;
}

.tip-darkgray .org_profile .top_block .org_summary_contr .contact_info {
  line-height: 18px;
}

.tip-darkgray .user_profile .top_block .head {
  min-height: 0px;
}

.tip-darkgray .user_profile .top_block .user_summary_contr .contact_info span.title {
  width: 50%;
  float: left;
  margin-right: 3px;
}

.tip-darkgray .user_profile .top_block .user_summary_contr .contact_info span {
  width: 100%;
  padding: 0 0 0 2%;
  font-style: normal;
  display: block;
  margin-top: 6px;
}

.tip-darkgray .user_profile .top_block .user_summary_contr .contact_info span svg.svg-email {
  stroke: #0288D1;
}

.tip-darkgray .user_profile .top_block .contact_info .title {
  width: 100%;
  font-weight: bold;
  display: inline-block;
}

/* To-do Tooltip */
.tip-darkgray.low_prior,
.tip-darkgray.normal_prior,
.tip-darkgray.high_prior {
  box-shadow: 0 0 0 #4f4f4f;
  border: none;
}

.low_prior .tip-arrow-top {
  border-color: transparent transparent #b7b7b7 transparent;
}

.low_prior .tip-arrow-right {
  border-color: transparent transparent transparent #b7b7b7;
}

.low_prior .tip-arrow-bottom {
  border-color: #b7b7b7 transparent transparent transparent;
}

.low_prior .tip-arrow-left {
  border-color: transparent #b7b7b7 transparent transparent;
}

.normal_prior .tip-arrow-top {
  border-color: transparent transparent #1ac857 transparent;
}

.normal_prior .tip-arrow-right {
  border-color: transparent transparent transparent #1ac857;
}

.normal_prior .tip-arrow-bottom {
  border-color: #1ac857 transparent transparent transparent;
}

.normal_prior .tip-arrow-left {
  border-color: transparent #1ac857 transparent transparent;
}

.high_prior .tip-arrow-top {
  border-color: transparent transparent #f64f4f transparent;
}

.high_prior .tip-arrow-right {
  border-color: transparent transparent transparent #f64f4f;
}

.high_prior .tip-arrow-bottom {
  border-color: #f64f4f transparent transparent transparent;
}

.high_prior .tip-arrow-left {
  border-color: transparent #f64f4f transparent transparent;
}

.activity_list {
  float: left;
  width: 100%;
  display: block;
}

.activity_list li {
  float: left;
  width: 96%;
  display: block;
  position: relative;
  border-bottom: 1px solid #dbdbdb;
  padding: 5px 5px;
  line-height: 14px;
}

.activity_list li.last {
  display: block;
  margin: 0 0 0 0;
  position: relative;
  border-bottom: none;
  padding: 5px 5px;
}

.activity_list li.recent {
  background-color: #D4E8FB;
}

.activity_list li .activity_thumb {
  float: left;
  margin: 3px 5px 0 0;
}

.activity_list li a {
  color: #0288D1;
}

.activity_list li .activity_type {
  background-color: #008730;
  color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0 3px 0 3px;
  float: right;
  margin-left: 3px;
}

.activity_list li .public {
  background-color: #008b89;
}

.activity_list li .notification {
  background-color: #2f539a;
  top: 36px;
}

.activity_list li .description {
  color: #6f6f6f;
  display: block;
  padding: 3px 0 3px 0;
}

.activity_list li .description img {
  margin: 3px 0 0 0;
}

.activity_list li .notes_w_img {
  float: left;
  width: 100%;
  display: block;
}

.activity_list li .notes_w_img .img_thumb {
  float: left;
  width: 80px;
  height: 70px;
  margin: 3px 5px 0 0;
  border: 1px solid #ccc;
}

.activity_list li .notes_w_img .description {
  padding: 0 0 0 0;
}

.activity_list li .notes_w_img .description .file_name {
  display: block;
  padding: 0 0 0 0;
}

.overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 88;
  top: 0;
  left: 0;
  display: none;
  background-color: #000;
  opacity: 0.5;
  display: none;
}

/* Activity Updates */
.activity_updates {
  padding: 12px 0px 12px 0px;
}

.activity_updates .head {
  color: #02376c;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0 0 15px 0;
}

.activity_updates .head .loader_img {
  margin: 0 0 0 8px;
  width: 30px;
}

.activity_updates .activity_updates_contr {
  display: block;
  position: absolute;
  width: 100% !important;
  padding-top: 7px;
}

.activity_updates .activity_updates_contr .label-ntf {
  float: right;
  position: absolute;
  right: 7px;
  top: 7px;
}

.activity_updates .new_updates {
  background-color: #fefbe8;
  border: 1px solid #f9f6e3;
  font-weight: bold;
  padding: 3px 0;
  width: 96%;
  margin: 0 0 8px 0;
}

.activity_updates .new_updates .ico {
  background: url(../images/sprite.png) no-repeat -189px -184px;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 5px;
}

.activity_updates_list {
  float: left;
  margin: 0 0 0 0;
  width: 96%;
  display: block;
}

.activity_updates_list .avatarPics {
  margin: 3px 0px 0 0;
}

.activity_updates_list li {
  float: left;
  width: 98%;
  display: block;
  position: relative;
  	/*background-color: #FFFFFF;
      border-bottom: 1px solid #ddd;
      border-right: 1px solid #d8d5d5;
      border-left:#f0eeee solid 2px;
      border-top:#f0eeee solid 2px;*/
  -moz-box-shadow: 0px 0px 3px 1px #E2E2E2;
  -webkit-box-shadow: 0px 0px 3px 1px #E2E2E2;
  box-shadow: 0px 0px 3px 1px #E2E2E2;
  margin: 0 0 10px 4px;
  padding: 7px;
}

.activity_updates_list li.last {
  border-bottom: none;
}

.activity_updates_list li.recent {
  background-color: #FFFFE8;
}

.activity_updates_list li.new_features {
  background-color: #ebfefa;
  border: #d4ece7 solid 1px;
  border-width: 2px 1px 1px 2px;
}

.activity_updates_list li.new_features .user_desc .user_summary {
  padding-left: 0px;
}

.activity_updates_list li.wk_group {
  margin-bottom: 16px;
}

.activity_updates_list li.wk_group:before,
.activity_updates_list li.wk_group:after {
  background-color: #FFFFE8;
  border: 1px solid #d8d5d5;
  position: absolute;
  width: 262px;
  height: 40px;
  content: '';
  bottom: -4px;
  z-index: -1;
  left: 4px;
}

.activity_updates_list li.wk_group:after {
  width: 254px;
  bottom: -7px;
  z-index: -2;
  left: 8px;
  box-shadow: 0 0 2px #C3C3C3;
}

.activity_updates_list li .activity_type {
  background-color: #008730;
  color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0 3px 0 3px;
  margin-left: 3px;
  text-transform: uppercase;
  right: 7px;
  top: 7px;
  position: absolute;
  font-size: 11px;
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.activity_updates_list li .private {
  background-color: #44b649;
}

.activity_updates_list li .community {
  background-color: #44b649;
}

.activity_updates_list li .public {
  background-color: #008b89;
}

.activity_updates_list li .notification {
  background-color: #2f93fa;
}

.activity_updates_list li .user_desc a.hasTooltip {
  float: left;
}

.activity_updates_list li .user_desc,
.activity_updates_list li .workkard_info {
  float: left;
  width: 100%;
  min-height: 19px;
  display: block;
  padding: 0 0 4px 0;
}

.activity_updates_list li .workkard_info {
  padding: 0 0 8px 0;
}

.activity_updates_list li .user_desc .user_thumb,
.activity_updates_list li .workkard_info .wk_ico {
  width: 34px;
  height: 34px;
  float: left;
}

.activity_updates_list li .workkard_info .wk_ico {
  border-radius: 17px;
  background-color: #f39c12;
  color: #fff;
  text-align: center;
  line-height: 34px;
  font-weight: bold;
}

.activity_updates_list li .user_desc .user_summary,
.activity_updates_list li .workkard_info .wk_info_summary {
  padding: 0px 0 0 10px;
  max-width: 210px;
  float: left;
}

.activity_updates_list li .user_desc .user_summary .name,
.activity_updates_list li .workkard_info .wk_info_summary .wk_num {
  display: block;
  color: #000;
  text-transform: capitalize;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
}

.activity_updates_list li .workkard_info .wk_info_summary .wk_num {
  display: inline-block;
  width: auto;
  max-width: 100px;
  vertical-align: middle;
  color: #f39c12;
}

.activity_updates_list li .user_desc .user_summary .organization,
.activity_updates_list li .workkard_info .wk_info_summary .wk_owner {
  display: block;
  color: #999;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.activity_updates_list li .workkard_info .wk_info_summary .wk_owner,
.activity_updates_list li .workkard_info .wk_info_summary .wk_owner a {
  color: #999;
}

.activity_updates_list li .wk_update_ct {
  background-color: #5F90F1;
  color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0 3px 0 3px;
  margin-left: 8px;
  font-size: 11px;
  font-weight: bold;
  display: inline-block;
}

.activity_updates_list li .activity_desc {
  float: left;
  width: 100%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.activity_updates_list li .activity_desc .date {
  float: left;
  width: 100%;
  display: block;
  color: #666;
  margin-top: 10px;
}

.activity_updates_list li .user_desc .welcome_txt {
  text-transform: none;
  word-wrap: break-word;
  padding: 0 18px 0 0;
  display: block;
}

.activity_updates_list li .au_status_0,
.activity_updates_list li .au_status_1 {
  background: url(../images/sprite.png) no-repeat -445px -224px;
  width: 15px;
  height: 15px;
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
}

.activity_updates_list li .au_status_0 {
  background: url(../images/sprite.png) no-repeat -469px -224px;
}

.activity_updates_list li .mark_all_read {
  background: url(../images/sprite.png) no-repeat -456px -286px;
  width: 33px;
  height: 16px;
  position: absolute;
  right: 8px;
  top: 8px;
  cursor: pointer;
}

.activity_updates .filter_by {
  position: relative;
  margin-bottom: 10px;
  float: right;
}

.activity_updates .error_m {
  width: 96%;
}

.activity_updates .filter_by .filter_text .down_arrow {
  background: url(../images/sprite.png) no-repeat -495px -67px;
  width: 8px;
  height: 8px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}

.activity_updates .filter_by .filter_options {
  padding: 0px;
  width: auto;
}

.activity_updates .filter_by .filter_options li {
  cursor: pointer;
  padding: 1px 10px;
}

.activity_updates .filter_by .filter_options li.by_workkards {
  border-top: 1px solid #f0eeee;
  margin: 5px;
  width: auto;
}

.activity_updates .filter_by .filter_options li:hover {
  background-color: #f2f2f2;
}

.activity_updates .filter_by:hover .filter_text {
  border-bottom: 1px solid #fff;
}

.workkard_group_bar {
  float: left;
  width: 100%;
  display: block;
  padding: 0 10px 10px 5px;
  margin-bottom: -20px;
}

.workkard_group_bar .back_to_group,
.add-zone-popover .back_to_group {
  background: url(../images/sprite.png) no-repeat -494px -286px;
  width: 23px;
  height: 16px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.workkard_group_bar .wk_ico {
  width: 26px;
  height: 26px;
  border-radius: 17px;
  background-color: #f39c12;
  color: #fff;
  text-align: center;
  line-height: 26px;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
}

.workkard_group_bar .wk_num {
  display: inline-block;
  width: auto;
  max-width: 100px;
  vertical-align: middle;
  color: #f39c12;
  text-transform: capitalize;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
  margin-right: 5px;
}

.workkard_group_bar .wk_owner {
  width: auto;
  max-width: 100px;
  display: block;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 16px 0 0 0;
}

.workkard_group_bar .wk_update_ct {
  background-color: #5F90F1;
  color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0 3px 0 3px;
  font-size: 11px;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
}

.workkard_group_bar .mark_all_read {
  float: right;
  background: url(../images/sprite.png) no-repeat -456px -286px;
  width: 33px;
  height: 16px;
  cursor: pointer;
  margin-top: 4px;
}

.acti_notification_box h1 .mark_all_read {
  background: url(../images/sprite.png) no-repeat -456px -286px;
  width: 33px;
  height: 16px;
  cursor: pointer;
  margin-top: 1px;
  position: absolute;
  right: 34px;
  top: 10px;
}

/* Activity Toggle Button */
.popup .container .tbl {
  background: #fff;
  margin: 4px 4px 0;
  display: block;
}

.container .tbl {
  margin: 4px 4px 0;
}

.container .tbl .tbl_row {
  float: left;
  width: 100%;
  display: block;
}

.popup .container .tbl_cel, .container .tbl_cel {
  text-align: left;
  padding: 0px 3px;
  vertical-align: top;
  white-space: nowrap;
  float: left;
  width: 180px;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 7px;
}

.container .tbl_cel:nth-child(2n) {
  border-left: #c7c7c7 dotted 1px;
  padding-left: 4px;
}

.popup .container .tbl_cel, .container .tbl_cel em {
  text-align: left;
  padding: 2px 3px;
  vertical-align: top;
  white-space: nowrap;
  float: left;
  width: 180px;
  text-overflow: ellipsis;
  overflow: hidden;
  font-style: normal;
}

.container .tbl_cel em {
  padding: 0px;
}

.popup .container .tbl_cel a, .container .tbl_cel a {
  display: block;
  line-height: 15px;
}

.container .tbl_cel a.email {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 250px;
  float: left;
  line-height: 18px;
}

.popup .container .viewmore {
  background: #fff;
  margin: 0 4px 4px;
  text-align: right;
  padding: 3px;
}

.popup .container form {
  background: #fff;
}

.popup .container form label {
  display: block;
  font-weight: bold;
}

.popup .container form label small {
  color: #999;
  font-weight: normal;
}

.popup .container form .title_txt {
  width: 740px;
  border: 1px solid #929292;
  margin-bottom: 9px;
}

.popup .container form .or {
  text-align: center;
  padding: 12px 0;
  font-weight: bold;
}

.popup form.leftform h3 {
  color: #465097;
  font-weight: bold;
}

.popup form.leftform {
  float: left;
  background: #f6f6f7 !important;
  width: 165px;
  padding-left: 10px;
}

.popup form.leftform input[type="text"] {
  width: 149px;
  border: 1px solid #929292;
  height: 15px;
  padding: 0px 3px;
}

.popup form.leftform label {
  padding-top: 5px;
}

.popup form.leftform select {
  width: 157px;
  padding: 0;
  border: 1px solid #929292;
}

.addrelation,
.terminate_contract_popover {
  width: 310px;
  background: #fff;
  position: absolute;
  right: 10px;
  top: auto;
  margin: 0 0 0 460px;
  z-index: 999;
  border: 1px solid #a9a9a9;
  border-radius: 3px;
  box-shadow: 0 0 15px #4f4f4f;
}

.terminate_contract_popover {
  z-index: 1;
}

.terminate_contract_popover {
  top: 83px;
}

.addrelation .head,
.terminate_contract_popover .head {
  border-bottom: 1px solid #a9a9a9;
  height: 28px;
  line-height: 27px;
  display: block;
}

.addrelation .head .toparrow,
.terminate_contract_popover .head .toparrow {
  left: 200px;
  margin-top: -10px;
}

.addrelation .head h2,
.terminate_contract_popover .head h2 {
  float: left;
  color: #000;
  margin: 0 0 0 5px;
}

.addrelation .head .closebtn,
.terminate_contract_popover .head .closebtn {
  width: 18px;
  height: 18px;
  margin: 5px 6px;
  float: right;
}

.addrelation .container,
.terminate_contract_popover .container {
  margin: 3px;
  padding: 3px 5px 6px;
  display: block;
  background: #fff;
}

.addrelation .container p,
.terminate_contract_popover .container p {
  color: #a5a5a5;
  padding: 0 0 5px 0;
  margin: 0px;
}

.addrelation .container input[type="text"] {
  width: 280px;
  border: 1px solid #a5a5a5;
  margin: 3px 0 12px 0;
  line-height: 16px;
}

.terminate_contract_popover .radio_btn_contr {
  float: left;
  width: 100%;
  display: block;
  padding: 0 0 10px 0;
}

.terminate_contract_popover .radio_btn_contr input[type="text"] {
  width: 85px;
  border: 1px solid #909090;
  height: 16px;
  padding: 0 !important;
}

/* Middle Scrolling */
#confirmation_pop .popup {
  width: 550px;
  left: 56%;
  margin: 0 0 0 -400px;
  top: 30%;
}

.confirmation_pop_up {
  background-color: #fff;
  padding: 30px 10px 30px 10px !important;
  text-align: center;
}

.confirmation_pop_up .info_txt {
  padding: 0 0 15px 0;
}

.confirmation_pop_up input[type="button"] {
  margin-right: 6px;
}

.prompt-container {
  background-color: #fff;
  padding: 10px 10px 30px 10px !important;
}

.prompt-container .info_txt {
  padding: 0 0 15px 0;
}

.prompt-container .text-prompt {
  width: 365px;
  margin: 0 0 10px 0;
}

.prompt-container input[type="button"] {
  margin-right: 6px;
}

.communities_involved_popover h2,
.watcher_info_popover h2,
.workkard_info_popover h2,
.org_profile_popover h2 {
  text-transform: uppercase;
  font-weight: bold;
  color: #02376C;
  padding: 0 0 0 10px;
  margin: 5px 0;
  line-height: 32px;
  font-size: 13px;
  border-bottom: 2px solid #ddd;
}

.watcher_info_popover h2 {
  margin: 2px;
  border-bottom: none;
}

/* Watcher Block */
.WatcherMessage {
  background: rgba(249, 237, 190, 0.8);
  border: #f0c36d solid 1px;
  padding: 3px 5px;
  position: fixed;
  left: 30%;
  z-index: 3;
  top: 80px;
}

.WatcherMessage.diffrentOrgMessage {
  left: 50%;
  top: 92px;
  transform: translate(-50%, -50%);
}

.WatcherMessage a {
  margin-left: 10px;
  color: #000;
  text-decoration: underline;
  font-weight: bold;
}

.watcher_block {
  float: left;
  display: block;
  margin: 2px 0 0 0px;
  border-radius: 10px;
  background-color: #fefbe8;
}

.watcher_block .ico {
  background: url(../images/sprite.png) no-repeat -293px -202px;
  width: 20px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 3px 0 0;
}

.watch .ico {
  background: url(../images/sprite.png) no-repeat -321px -203px;
}

.unwatch .ico {
  background: url(../images/sprite.png) no-repeat -348px -203px;
}

/* Watcher Popover */
.watcher_info_popover {
  display: block;
  float: left;
  position: relative;
  width: 320px;
}

.watcher_info_popover .container {
  background-color: #fff;
  border-top: 1px solid #dbdbdb;
}

.watcher_info_popover .container .MakeMeWatcher {
  padding: 5px 5px;
  margin-bottom: 3px;
  border-bottom: #dbdbdb solid 1px;
}

.watcher_info_popover .container .AutoSearch {
  padding: 5px 5px;
  margin-top: 3px;
  border-top: #dbdbdb solid 1px;
}

.watcher_info_popover .container .AutoSearch input[type="text"] {
  border-radius: 5px;
  padding: 3px 0px 3px 20px;
  width: 100%;
  border: none;
}

.watcher_info_popover .container .AutoSearch .autosearch_ico {
  margin: 10px 0 0 3px;
  position: absolute;
  background: url(../images/sprite.png) no-repeat -369px -89px;
  width: 16px;
  height: 16px;
  text-indent: -9999px;
}

.watcher_info_popover .container .AutoSearch input[type=text]:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}

.watcher_info_popover .error_msg {
  text-align: center;
  display: block;
  padding: 40px 0;
  font-weight: bold;
  width: 100%;
}

#loader {
  background: none;
  border: none;
}

.uploader_ctr {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: #F4F4F4;
  left: 0px;
  top: 0px;
}

.uploader_ctr .loader_img {
  margin-top: 232px;
}

.workkard_info_popover,
.communities_involved_popover,
.org_profile_popover {
  display: block;
  float: left;
  position: relative;
  width: 424px;
  padding: 2px;
}

.workkard_info_popover .container,
.communities_involved_popover .container,
.org_profile_popover .container {
  background-color: #fff;
  padding: 5px;
}

/* Communities Involved Popover */
.communities_involved_popover {
  width: 591px;
  padding: 2px;
}

.communities_involved_popover .container {
  max-height: 230px;
  overflow-y: scroll;
}

.org_profile_popover {
  width: auto;
}

.org_profile_popover .container .org_summary_contr {
  width: 510px;
  float: left;
}

.org_summary_contr .contact_info ul.contact_info_list li {
  width: 100%;
  margin-bottom: 3px;
}

.org_summary_contr .contact_info ul.contact_info_list li label {
  font-weight: bold;
  width: 15%;
  float: left;
}

.org_summary_contr .contact_info ul.contact_info_list li span {
  border-left: #c7c7c7 dotted 1px;
  padding-left: 5px;
  width: 70%;
  display: inline-block;
}

.org_profile_popover .container .org_summary_contr .head {
  font-weight: bold;
  margin-bottom: 5px;
  color: #666;
}

.org_profile_popover .container .org_summary_contr .head,
.org_profile_popover .container .org_summary_contr .contact_info {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.org_profile_popover .skillset_group {
  float: left;
  width: 100%;
  display: block;
  padding: 10px 0 0 0;
}

.org_profile_popover .skillset_group .skillset_item,
.organization_listing li .org_info_txt .org_skillset li {
  background-color: #d3e8fd;
  border-radius: 3px;
  padding: 2px 6px;
  margin: 0 5px 5px 0;
  color: #000;
  text-shadow: 0px 1px 1px #fff;
}

.organization_listing li .org_info_txt .org_skillset li {
  margin-top: 10px;
}

/* Scroll Bar */
.slickscrollcontainer {
  top: 65px !important;
  left: 10px !important;
  height: 660px;
  width: 258px !important;
}

.slickscroll_vertical_scrollbar {
  position: absolute;
  width: 6px;
  height: 87px;
  cursor: pointer;
  background: #9A9A9A;
  border-radius: 3px;
}

.slickscroll_vertical_scrollbar div {
  background-position: bottom;
  width: 10px;
  bottom: 0px;
  position: absolute;
}

.slickscroll_horizontal_scrollbar {
  position: absolute;
  width: 87px;
  height: 10px;
  cursor: pointer;
  background: #FFFFFF;
}

.slickscroll_horizontal_scrollbar div {
  background-position: right;
  width: 5px;
  height: 10px;
  float: right;
}

.popover_list {
  float: left;
  display: block;
  overflow: auto;
  width: 100%;
}

.popover_list li {
  padding: 10px 0 10px 5px;
  color: #828282;
  float: left;
  width: 100%;
  display: block;
  line-height: 16px;
  /*border-bottom: 1px solid #E5E5E6;*/
  cursor: pointer;
  position: relative;
}

.popover_list li input[type="checkbox"] {
  position: absolute;
  right: 10px;
  top: 13px;
}

.popover_list li .close_btn {
  position: absolute;
  top: 0px;
}
.popover_list li .close_btn .svg-close {
  fill: #000;
  stroke: #000;
}

/*.popover_list li:nth-child(even) {
   background-color: #f9f9f9;
}*/
.popover_list li:hover {
  background: #f1f1f1;
}

.popover_list li .thumb {
  float: left;
  margin: 0 6px 0 5px;
}

.popover_list li .thumb img {
  cursor: pointer;
  width: 35px;
  height: 35px;
  -moz-border-radius: 35px;
  -webkit-border-radius: 35px;
  border-radius: 35px;
  background-color: #ccc;
  border-radius: 50px;
}

.popover_list li .watcher_usr_info {
  margin: 0 0 0 39px;
  line-height: 18px;
}

.popover_list li .watcher_usr_info span.bo {
  font-size: 12px;
}

.popover_list li .name {
  color: #000000;
  font-weight: bold;
}

.popover_list li .name .hidden {
  border-radius: 3px;
  background-color: #949494;
  color: #FFFFFF;
  float: right;
  font-size: 11px;
  font-weight: bold;
  line-height: 14px !important;
  margin-right: 0;
  text-transform: uppercase;
  display: block;
  padding: 2px 5px;
  margin: 0 10px 0 0;
}

.popover_list li .role {
  color: #828282;
}

.popover_list li .name,
.popover_list li .role,
.popover_list li .email {
  display: block;
}

.popover_autosearch {
  width: 320px;
  left: 0px !important;
}

.popover_autosearch li {
  padding: 10px !important;
  color: #828282;
  float: left;
  width: 100%;
  display: block;
  line-height: 16px;
  /*border-bottom: 1px solid #E5E5E6;*/
  cursor: pointer;
}

/*.popover_autosearch li:nth-child(even) {
   background-color: #EFEFF0;
}*/
.popover_autosearch li img.thumb {
  float: left;
  cursor: pointer;
  margin: 3px 6px 0 5px;
  width: 28px;
  height: 28px;
  background-color: #ccc;
}

.popover_autosearch li .name {
  color: #000000;
  font-weight: bold;
}

.popover_autosearch li .name,
.popover_autosearch li .role {
  display: block;
}

.popover_autosearch ul li span {
  padding: 0px;
}

.activity_navigation_dropdown .activity_listing {
  float: left;
  width: 100%;
  display: block;
  color: #666;
  background-color: #fff;
  border-radius: 4px;
}

.activity_navigation_dropdown .activity_listing .help_txt {
  padding: 9px 10px;
  font-size: 12px;
  color: #595959;
  display: block;
  word-spacing: -1px;
  border-bottom: #f2f2f2 solid 1px;
}

.activity_navigation_dropdown .activity_listing ul {
  max-height: 198px;
  overflow: hidden;
  overflow-y: auto;
  width: 100%;
  float: left;
  display: block;
  background: #fff;
  border-radius: 4px;
}

.activity_navigation_dropdown .activity_listing ul li {
  width: 100%;
  padding: 10px;
  /*border-bottom:#ececec solid 1px;*/
  float: left;
}

.activity_navigation_dropdown .activity_listing ul li:last-child {
  border: none;
}

.activity_navigation_dropdown .activity_listing li:hover {
  background: #f6f6f6;
  cursor: pointer;
}

.activity_navigation_dropdown .activity_listing li.current {
  /*background:#eaeaea;*/
}

.activity_navigation_dropdown .activity_listing li.current a,
.activity_navigation_dropdown .activity_listing li.current:hover a {
  color: #6b6b6b;
  cursor: default;
}

.activity_navigation_dropdown .activity_listing li a {
  color: #2e2d2d;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 10px 0 0;
}

.activity_navigation_dropdown .activity_listing li:hover a {
  color: #333;
}

.ex-dropdown-toggle {
  min-width: 150px;
  background: #fff;
  padding: 10px 0;
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  position: absolute;
  right: 0px;
  margin-top: 5px;
  display: none;
  z-index: 9;
}
.ex-dropdown-toggle li {
  display: block;
  float: inherit;
  padding: 0px;
  margin: 0px;
}
.ex-dropdown-toggle li a {
  padding: 10px;
  display: block;
}
.ex-dropdown-toggle li a:hover {
  background: #eee;
}
.ex-dropdown-toggle:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  right: 20px;
  box-sizing: border-box;
  border: 5px solid #fff;
  border-color: transparent transparent #fff #fff;
  transform-origin: 0 0;
  transform: rotate(135deg);
  box-shadow: -1px 1px 0px 0 rgba(186, 186, 186, 0.1);
}

/* Media Queries */
@media only screen and (max-width: 1366px) {
  body {
    position: inherit;
    min-width: inherit;
  }

  .RelationshipSearch .search_inpt {
    width: 220px !important;
    font-size: 11px;
  }

  #login_wrapper.account_congrats_page {
    width: 840px;
    margin: 150px 0 auto;
  }

  .workkards_list .workkard_container {
    width: 220px;
  }

  .activities_list .activities_container,
  .activities_list .activities_container.hci {
    width: 220px;
  }

  .activities_listing .activity_item.hci,
  .activities_listing .activity_item.litigation {
    width: 220px;
  }

  .activities_listing .activity_item .activity_users .user_block,
  .activities_listing .activity_item .activity_users .user_block .activity_creator {
    max-width: 78px;
  }

  .faq-page_heading {
    margin: 62px 0 0 0px;
    padding: 15px 0 0px 0px;
    background: #fafafa;
    position: fixed;
    z-index: 3;
    min-height: 42px;
    width: 100%;
  }

  #signup_wrapper {
    width: 763px;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    margin: auto !important;
    height: 453px;
  }

  #login_wrap {
    width: 430px;
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    margin: auto;
    height: 465px;
  }

  #login_wrapper {
    width: 430px;
    bottom: 0;
    display: block;
    height: 550px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
  }

  #invite_wrapper {
    width: 474px;
    bottom: 0;
    display: block;
    height: 387px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
  }

  /*.other_doc_listing li{width:450px;}
  .other_doc_listing .file_summary{width:365px !important;}*/
  .other_doc_listing .caption_ctr .caption_text_field {
    width: 203px !important;
  }

  .consolidated_view_list .update_block .file_listing .other_doc_listing li {
    width: 425px !important;
  }

  .consolidated_view_list .update_block .file_listing .other_doc_listing .file_summary {
    width: 338px !important;
  }

  .multiple-file-download-listing li {
    width: 48%;
    margin-right: 2%;
  }

  .create_account_page {
    height: 665px !important;
    margin: auto !important;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }

  .discover_company {
    bottom: 0;
    height: 465px !important;
    left: 0;
    margin: auto !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 768px !important;
  }

  .fxd_row_container {
    width: 100%;
    border-right: 0px solid #cfcfcf;
  }

  /*#container .middle_col, .middle_col .content .admin-tabs, .middle_col .content .content_area-users {
  min-height: 500px;
  }*/
  .note_wrapper .screen_b .add_note_confirm_ctr .info_txt,
  .note_wrapper .add_note_confirm_ctr .info_txt {
    padding-top: 279px;
  }

  .notes_listing li .note_hd .user_info .organization_name {
    width: 50%;
  }

  .middle_col .content .admin-tabs {
    width: 15%;
  }

  .middle_col .content .content_area-users {
    width: 100%;
  }

  .au_fixed_right .middle_col .content .content_area-users {
    width: 100%;
  }

  .au_fixed_right .middle_col .content .admin-tabs {
    width: 17%;
  }

  body.note_fixed_right .header_detail .label-ntf,
  body.au_fixed_right .header_detail .label-ntf {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 67px;
  }

  .relationship_listing li .actions_list a.first,
  .relationship_listing li .actions_list a.center,
  .relationship_listing li .actions_list a.last {
    width: 118px;
  }

  #header .top_bar .top_bar_container .top_bar_row h1 {
    font-size: 13px;
    max-width: 568px;
  }

  #header .top_bar .top_bar_container .top_bar_row .sub_nav_placeholder,
  #header .top_bar .top_bar_container .top_bar_row .common_wm .search {
    width: 222px;
    font-size: 12px;
  }

  #header .top_bar .top_bar_container .top_bar_row h1 {
    padding-right: 38px;
  }

  .au_fixed_right .activity_res_action .label-Appraiser {
    max-width: 110px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }

  .note_wrapper {
    width: 330px;
  }
}
@media only screen and (max-width: 1440px) {
  body {
    position: inherit;
    min-width: inherit !important;
  }

  /*.other_doc_listing li{width:456px;}
  .other_doc_listing .file_summary{width:365px;}
  .other_doc_listing .caption_ctr .caption_text_field{width:230px;}
  .multiple-file-download-listing li {
      width: 48%;
      margin-right: 2%;
      } */
  #login_wrapper {
    width: 430px;
    bottom: 0;
    display: block;
    height: 550px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
  }

  #invite_wrapper {
    width: 474px;
    bottom: 0;
    display: block;
    height: 387px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
  }

  .workkard_index_filter li a {
    margin: 0 3px 0 0;
  }

  #signup_wrapper {
    display: block;
    margin: 180px auto 80px;
    width: 766px;
  }

  .discover_company {
    bottom: 0;
    height: 465px !important;
    left: 0;
    margin: 165px auto 80px !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 768px !important;
  }

  .create_account_page {
    height: 665px !important;
    margin: auto !important;
  }

  #login_wrap {
    display: block;
    margin: auto;
    width: 430px;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    position: absolute;
    height: 465px;
  }

  #login_wrapper.account_congrats_page {
    margin: auto !important;
    width: 840px;
    height: 373px;
    display: block;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    position: absolute;
  }

  .fxd_row_container {
    width: 100%;
    border-right: 0px solid #cfcfcf;
  }
}
.SelectAllCountry {
  display: none;
}

@media only screen and (min-device-width: 1366px) {
  .multiple-file-listing ul li {
    width: 288px;
    height: 216px;
  }

  .multiple-file-listing ul li .imageBox img {
    max-height: 208px;
  }

  .multiple-file-listing ul li .imageBox .ImageBlock {
    line-height: 202px;
  }

  .playerWrapper {
    position: absolute;
    top: 1px;
  }

  object {
    width: 275px;
    height: 202px;
  }

  .video_thumb img {
    width: 282px;
    height: 203px;
  }

  .video_processing {
    font-size: 16px;
    line-height: 30px;
    padding-top: 10%;
  }
}
@media only screen and (min-device-width: 1440px) {
  .multiple-file-listing ul li {
    width: 310px;
    height: 216px;
  }

  .multiple-file-listing ul li .imageBox img {
    max-height: 204px;
  }

  .multiple-file-listing ul li .imageBox .ImageBlock {
    line-height: 202px;
  }

  .playerWrapper {
    position: absolute;
    top: 1px;
  }

  object {
    width: 297px;
    height: 202px;
  }

  .video_thumb img {
    width: 338px;
    height: 250px;
  }

  .video_processing {
    font-size: 18px;
    line-height: 30px;
    padding-top: 10%;
  }

  /*.create_account_page {
      height: 665px !important;
      margin: auto !important;
  }*/
}
@media only screen and (min-device-width: 1680px) {
  .multiple-file-listing ul li {
    width: 350px;
    height: 262px;
  }

  .multiple-file-listing ul li .imageBox img {
    max-height: 254px;
  }

  .multiple-file-listing ul li .imageBox .ImageBlock {
    line-height: 251px;
  }

  .playerWrapper {
    position: absolute;
    top: 1px;
  }

  object {
    width: 337px;
    height: 248px;
  }

  .video_thumb img {
    width: 338px;
    height: 250px;
  }

  .video_processing {
    font-size: 20px;
    line-height: 36px;
    padding-top: 15%;
  }
}
ul.tagit.activity_skillset {
  margin: 0 0 5px 0;
  background-color: #eeeeee;
  border: 1px solid #919191;
}

.activity_skillset li.tagit-choice {
  padding: 2px 6px !important;
}

.hamburger .menu-toggle .hamburger .horiz-ellipsis {
  display: none;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 1) {
  #header {
    height: 44px !important;
  }

  .views_fullscreen_grid .views_section .right_container {
    top: 0;
  }

  body.views_fullscreen_grid.fix-container #container .middle_col.views_main_container {
    margin: 0;
  }

  .results_container {
    padding-left: 0px !important;
  }

  .view_results_grid tr td.grid_action_column,
  .view_results_grid tr th.grid_action_column {
    position: static !important;
    left: auto !important;
  }

  body {
    position: inherit;
    min-width: inherit;
  }

  .discover_company {
    width: 768px !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    margin: auto !important;
    height: 465px !important;
  }

  #login_wrap {
    width: 100%;
    max-width: 430px;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    margin: auto;
    height: 465px;
  }

  #invite_wrapper {
    margin: 110px auto 0px auto;
  }

  .create_account_page {
    /* margin: 110px auto 0px !important; */
    width: 430px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    margin: auto !important;
    height: 665px !important;
  }

  #invite_wrapper {
    width: 474px;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    margin: auto;
    height: 387px;
  }

  #login_wrapper {
    width: 100%;
    max-width: 430px;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    margin: auto;
    height: 550px;
  }

  #signup_wrapper {
    width: 736px;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    margin: auto;
    height: 453px;
  }

  .account_congrats_page {
    width: 768px !important;
    height: 373px !important;
    bottom: 0;
    display: block;
    height: 550px;
    left: 0;
    margin: auto !important;
    position: absolute;
    right: 0;
    top: 0;
  }

  #signup_wrapper .content_area .footer_txt.displaynone, .tac.displaynone, body.views_fullscreen_grid .floating-action {
    display: none;
  }

  #signup_wrapper .content_area .footer_txt.displaynone, .tac.displaynone {
    display: block;
  }

  #signup_wrapper .content_area .footer_txt {
    display: none;
  }

  #signup_wrapper {
    width: 320px;
    display: block;
    margin: 0 auto 80px;
  }

  #signup_wrapper .content_area {
    background-color: #fff;
    padding: 10px;
    position: relative;
    float: left;
    width: 100%;
    display: block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }

  #signup_wrapper .logo {
    margin: 15px auto 5px;
  }

  .signup_form.displaynone {
    display: none;
  }

  .signup_form {
    float: left;
    width: auto;
    padding: 10px 0 0;
  }

  #signup_wrapper .login_form {
    float: left;
    width: 280px;
    padding: 11px 0 10px;
    margin: 0;
    border-left: 0 solid #eee;
  }

  .login_form .login_ex_bar {
    width: 155px;
  }

  #header .top_bar .top_bar_container .top_bar_row .sub_nav_placeholder {
    display: block;
    float: right;
    margin: 5px 0 0;
    position: relative;
    right: 9px;
  }

  #header .top_bar .top_bar_container .top_bar_row .sub_nav_placeholder {
    display: block;
    float: right;
    margin: 5px 0 0;
    position: relative;
    right: 9px;
  }

  #header .top_bar .top_bar_container .top_bar_row .common_wm .search {
    float: left;
    font-size: 13px;
    font-weight: normal;
    height: 26px;
    margin: 0 0 0 28px;
    padding: 0 0 0 28px;
  }

  #header .top_bar .top_bar_container .top_bar_row .water-mark {
    color: #a8a8a8;
    left: 58px;
    position: absolute;
    top: 4px;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .workkards_grid_list .summary {
    float: left;
    width: 26%;
    word-break: break-all;
  }

  #header .top_bar .top_bar_container .top_bar_row h1 {
    font-size: 12px;
    max-width: 468px;
  }

  #header .top_bar .top_bar_container .top_bar_row .sub_nav_placeholder,
  #header .top_bar .top_bar_container .top_bar_row .common_wm .search {
    width: 40px;
    font-size: 11px;
  }

  #header {
    z-index: 8;
  }

  #header .top_bar {
    height: 44px;
  }

  .client_logo {
    display: none;
  }

  .menu-toggle {
    position: absolute;
    padding: 0.8em;
    top: 0.9em;
    left: .5em;
    cursor: pointer;
  }

  .more_horiz-ellipsis,
  .more_horiz-ellipsis-views {
    position: absolute;
    padding: 0.8em;
    top: 0.9em;
    right: 1em;
    cursor: pointer;
  }

  .more_horiz-ellipsis {
    width: 45px;
    height: 30px;
    right: -1em;
  }

  .hamburger,
  .horiz-ellipsis,
  .horiz-ellipsis-views,
  .hamburger::before,
  .hamburger::after,
  .horiz-ellipsis::before,
  .horiz-ellipsis-views::before,
  .horiz-ellipsis::after,
  .horiz-ellipsis-views::after {
    content: '';
    display: block;
    background: #fff;
    height: 3px;
    width: 2em;
    border-radius: 3px;
    -webkit-transition: all ease-in-out 350ms;
    transition: all ease-in-out 350ms;
  }

  .horiz-ellipsis-views,
  .horiz-ellipsis-views::before,
  .horiz-ellipsis-views::after {
    background: #000;
  }

  .horiz-ellipsis,
  .horiz-ellipsis-views,
  .horiz-ellipsis::before,
  .horiz-ellipsis-views::before,
  .horiz-ellipsis::after,
  .horiz-ellipsis-views::after {
    width: 0.3em;
  }

  .hamburger::before,
  .horiz-ellipsis::before,
  .horiz-ellipsis-views::before {
    -webkit-transform: translateY(-7px);
    transform: translateY(-7px);
  }

  .hamburger::after,
  .horiz-ellipsis::after,
  .horiz-ellipsis-views::after {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  #header {
    background: none;
    border: none;
    height: 45px;
  }

  #header .top_bar .top_bar_container .top_bar_bottom_row {
    padding-left: 0px;
    position: relative;
    height: 220px;
    top: 4px;
    -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
    display: none;
  }
  #header .top_bar .top_bar_container .top_bar_bottom_row .main_nav {
    width: 100%;
    background: #e5e5e5;
  }
  #header .top_bar .top_bar_container .top_bar_bottom_row .main_nav li {
    width: 100%;
  }

  #header .top_bar .top_bar_container .top_bar_row h1 {
    margin: 9px 0 0 45px;
    padding-right: 15px;
  }
  #header .top_bar .top_bar_container .top_bar_row h1 span {
    display: none;
  }

  .org_profile_notification {
    display: none;
  }

  .main_nav li a {
    height: auto;
    line-height: 40px;
  }

  #header .top_bar .top_bar_container .top_bar_row .user_badge {
    margin: 4px 40px 0 0;
  }

  #header .top_bar .top_bar_container .top_bar_row ul#Notification {
    top: 44px;
    background: #f4f4f4;
    z-index: 9999;
    position: absolute;
    width: 100%;
    left: 0;
    -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
    height: 44px;
    display: none;
  }
  #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList {
    width: 14.2%;
    margin: 0;
    text-align: center;
  }
  #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList a, #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList .admin_drop_menu a {
    width: 25px;
    height: 25px;
  }
  #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList a svg.svg-faq, #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList a svg.svg-setting, #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList a svg.svg-bell,
  #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList a svg.svg-community, #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList a svg.svg-dashboard,
  #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList a svg.svg-associate_parties, #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList a svg.svg-notes,
  #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList a svg.svg-setting, #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList a svg.svg-faq, #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList .admin_drop_menu a svg.svg-faq, #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList .admin_drop_menu a svg.svg-setting, #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList .admin_drop_menu a svg.svg-bell,
  #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList .admin_drop_menu a svg.svg-community, #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList .admin_drop_menu a svg.svg-dashboard,
  #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList .admin_drop_menu a svg.svg-associate_parties, #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList .admin_drop_menu a svg.svg-notes,
  #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList .admin_drop_menu a svg.svg-setting, #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList .admin_drop_menu a svg.svg-faq {
    margin: 0;
  }
  #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList a .setting, #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList .admin_drop_menu a .setting {
    padding: 0px;
    left: 0px;
    top: 0px;
  }
  #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList .admin_drop_menu {
    width: 25px;
  }
  #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList .admin_drop_menu .arrow {
    top: 0px;
    right: 0px;
  }
  #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList .notification {
    margin-top: 0px;
  }
  #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList .faq_nav .faqbx {
    top: inherit;
    padding-left: 0px;
  }

  .faq_nav,
  .admin_drop_menu,
  .dashboard_ico a {
    float: none;
    width: 40px;
    margin: 0 auto;
  }

  .admin_drop_menu .arrow {
    top: -3px;
    right: 5px;
  }

  .faq_nav a svg.svg-faq {
    margin-top: 7px;
  }

  .activities_notification .notification_number {
    left: auto;
    right: auto;
  }

  .activities_notification .activities_notificationlink {
    left: auto;
  }

  .faq_nav .faqbx {
    left: auto;
  }

  .fxd_row_container {
    top: 88px;
    padding-top: 6px;
  }

  svg.svg-faq,
  svg.svg-setting,
  svg.svg-bell,
  .community_access_btn .notification.active .svg-community,
  svg.svg-dashboard,
  svg.svg-associate_parties {
    fill: #555;
    width: 25px;
    height: 25px;
    stroke: none;
  }

  svg.svg-bell {
    margin-top: -0.5px;
  }

  svg.svg-community {
    margin-top: -4px;
  }

  .NotificationList svg.svg-notes {
    stroke: #555 !important;
    width: 25px;
    height: 25px;
  }

  svg.svg-dashboard {
    margin-top: -2px;
  }

  #header .top_bar .top_bar_container .top_bar_row .sub_nav_placeholder .search_container .search_icon svg.svg-search {
    stroke: #fff;
    width: 25px;
    height: 25px;
  }

  #header .top_bar .top_bar_container .top_bar_row .sub_nav_placeholder .search_container .search_icon {
    width: 40px;
    height: 26px;
    left: 18px;
  }

  #header .top_bar .top_bar_container .top_bar_row .sub_nav_placeholder.global-search .search_icon {
    left: 8px;
  }

  #header .top_bar .top_bar_container .top_bar_row .sub_nav_placeholder.global-search .common_wm {
    width: 100%;
  }

  #header .top_bar .top_bar_container .top_bar_row .common_wm svg.svg-clear-search,
  #header .top_bar .top_bar_container .top_bar_row .common_wm .search {
    display: none;
  }

  #header .top_bar .top_bar_container .top_bar_row .sub_nav_placeholder.global-search,
  #header .top_bar .top_bar_container .top_bar_row .sub_nav_placeholder.global-search .common_wm .search {
    width: 100%;
    margin: -20px 0px 0 0px;
    right: 0px;
    font-size: 13px;
    background: #fff;
    border-color: #e1e1e1;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    z-index: 10;
    display: block;
  }

  .Subnav {
    z-index: 8;
    top: 44px;
    background: #f4f4f4;
    overflow: hidden;
    overflow-x: auto;
  }

  .Subnav::-webkit-scrollbar {
    /* This is the magic bit */
    display: none;
  }

  .sub_nav {
    width: 680px;
  }

  body.global-search-spacing .sub_nav {
    width: 870px;
  }

  body.global-search-spacing #container .middle_col {
    margin: 90px 0 0;
  }

  .sub_nav li a {
    padding: 0 10px 0 10px;
  }

  .btn_newworkkar {
    bottom: 10px;
    position: absolute;
  }

  ::-webkit-scrollbar {
    width: 2px;
    height: 2px;
  }

  .sort_filter_bar {
    margin: 0 0 0px;
  }

  #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList.active,
  #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList.active:hover {
    background: #d6d6d6;
    height: 44px;
  }

  .user_info .dd:hover .user_desbg {
    background: none;
  }

  .user_info .logout {
    top: 43px;
  }

  .user_info span.dduser {
    min-width: 105px;
  }

  .note_wrapper {
    border-width: 1px 0 0 1px;
    margin: 0;
  }

  .community_dropdown {
    right: 0;
    bottom: 0;
  }

  .community_dropdown .arrow {
    display: none;
  }

  .dashboard_page .top_section .inner_section {
    width: 100% !important;
  }

  .admin_area #container .middle_colnotab {
    padding-left: 0px;
    padding-right: 0px;
  }

  .middle_col .content .admin-tabs {
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
    top: 73px;
    background: #fff;
    bottom: initial;
    left: 0;
  }

  .middle_col .content .admin-tabs ul {
    padding-bottom: 40px;
  }
  .middle_col .content .admin-tabs ul li {
    float: left;
  }

  .middle_col .content .content_area-users {
    margin-top: 9px;
    border-radius: 0;
    border: none;
    border-top: 1px solid #e6e6e6;
  }
  .middle_col .content .content_area-users input.span6 {
    width: auto;
  }

  .admin_area #header .top_bar .top_bar_container .top_bar_row h1 {
    margin-left: 10px;
  }

  .middle_col .content .admin-tabs ul li a {
    padding: 0 15px 0 15px;
  }

  .middle_col .content .admin-tabs ul li a.Active {
    border-bottom: 3px solid #0288D1;
    padding-bottom: 10px;
    border-left: 0;
  }

  .ProfileDetail div.mart5 {
    height: 35px;
  }

  .business_selection_ctrl {
    width: 342px;
  }

  .action_drop_menu.more_actions_dropdown {
    z-index: 1;
  }

  #header .top_bar .top_bar_container .top_bar_row .sub_nav_placeholder.global-search #header .top_bar .top_bar_container .top_bar_row {
    padding-left: 0;
  }
  #header .top_bar .top_bar_container .top_bar_row .sub_nav_placeholder.global-search #header .top_bar .top_bar_container .top_bar_row h1 {
    font-size: 12px;
    max-width: 225px;
  }

  #header .top_bar .top_bar_container .top_bar_row {
    padding-left: 0;
  }

  #header .top_bar .top_bar_container .top_bar_row .sub_nav_placeholder.global-search .common_wm {
    width: 100%;
  }

  #header .top_bar .top_bar_container .top_bar_row .sub_nav_placeholder.global-search,
  #header .top_bar .top_bar_container .top_bar_row .sub_nav_placeholder.global-search .common_wm .search {
    width: 100%;
    margin: -20px 0px 0 0px;
    right: 0px;
    font-size: 13px;
    background: #fff;
    border-color: #e1e1e1;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    z-index: 10;
  }

  #header .top_bar .top_bar_container .top_bar_row .sub_nav_placeholder.global-search .common_wm .search {
    border-radius: 0;
    height: 44px;
    padding-left: 35px;
  }

  #header .top_bar .top_bar_container .top_bar_row .sub_nav_placeholder.global-search .search_container .search_icon svg.svg-search,
  #header .top_bar .top_bar_container .top_bar_row .sub_nav_placeholder.global-search .common_wm svg.svg-clear-search {
    width: 22px;
    height: 22px;
    margin-top: -12px;
    stroke: #000;
  }

  #header .top_bar .top_bar_container .top_bar_row .sub_nav_placeholder.global-search .common_wm .search_loader {
    top: -8px;
  }

  .RelationshipSearch .search_inpt {
    padding-right: 25px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  #login_wrap {
    width: 430px;
  }

  .acti_notification_box {
    width: 62% !important;
  }

  .popup {
    left: 0 !important;
    right: 0;
    top: 0 !important;
    bottom: 0;
    width: 100% !important;
    margin-left: 0% !important;
    position: fixed !important;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  #header .top_bar .top_bar_container .top_bar_row .common_wm svg.svg-search {
    margin: 0px;
  }
}
@media screen and (max-width: 1024px) {
  #header {
    height: 44px !important;
  }

  #header .top_bar .top_bar_container .top_bar_row .sub_nav_placeholder {
    display: block;
    float: right;
    margin: 5px 0 0;
    position: relative;
    right: 9px;
  }

  #header .top_bar .top_bar_container .top_bar_row .sub_nav_placeholder {
    display: block;
    float: right;
    margin: 5px 0 0;
    position: relative;
    right: 9px;
  }

  #header .top_bar .top_bar_container .top_bar_row .common_wm .search {
    float: left;
    font-size: 13px;
    font-weight: normal;
    height: 26px;
    margin: 0 0 0 28px;
    padding: 0 0 0 28px;
  }

  #header .top_bar .top_bar_container .top_bar_row .water-mark {
    color: #a8a8a8;
    left: 58px;
    position: absolute;
    top: 4px;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #header .top_bar .top_bar_container .top_bar_row h1 {
    font-size: 12px;
    max-width: 468px;
  }

  #header .top_bar .top_bar_container .top_bar_row .sub_nav_placeholder,
  #header .top_bar .top_bar_container .top_bar_row .common_wm .search {
    width: 40px;
    font-size: 11px;
  }

  #header {
    z-index: 8;
  }

  #header .top_bar {
    height: 44px;
  }

  .client_logo {
    display: none;
  }

  .menu-toggle {
    position: absolute;
    padding: 0.8em;
    top: 0.9em;
    left: .5em;
    cursor: pointer;
  }

  .more_horiz-ellipsis,
  .more_horiz-ellipsis-views {
    position: absolute;
    padding: 0.8em;
    top: 0.9em;
    right: 1em;
    cursor: pointer;
  }

  .more_horiz-ellipsis {
    width: 45px;
    height: 30px;
    right: -1em;
  }

  .hamburger,
  .horiz-ellipsis,
  .horiz-ellipsis-views,
  .hamburger::before,
  .hamburger::after,
  .horiz-ellipsis::before,
  .horiz-ellipsis-views::before,
  .horiz-ellipsis::after,
  .horiz-ellipsis-views::after {
    content: '';
    display: block;
    background: #fff;
    height: 3px;
    width: 2em;
    border-radius: 3px;
    -webkit-transition: all ease-in-out 350ms;
    transition: all ease-in-out 350ms;
  }

  .horiz-ellipsis-views,
  .horiz-ellipsis-views::before,
  .horiz-ellipsis-views::after {
    background: #000;
  }

  .horiz-ellipsis,
  .horiz-ellipsis-views,
  .horiz-ellipsis::before,
  .horiz-ellipsis-views::before,
  .horiz-ellipsis::after,
  .horiz-ellipsis-views::after {
    width: 0.3em;
  }

  .hamburger::before,
  .horiz-ellipsis::before,
  .horiz-ellipsis-views::before {
    -webkit-transform: translateY(-7px);
    transform: translateY(-7px);
  }

  .hamburger::after,
  .horiz-ellipsis::after,
  .horiz-ellipsis-views::after {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  #header {
    background: none;
    border: none;
    height: 45px;
  }

  #header .top_bar .top_bar_container .top_bar_bottom_row {
    padding-left: 0px;
    position: relative;
    height: 220px;
    top: 4px;
    -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
    display: none;
  }
  #header .top_bar .top_bar_container .top_bar_bottom_row .main_nav {
    width: 100%;
    background: #e5e5e5;
  }
  #header .top_bar .top_bar_container .top_bar_bottom_row .main_nav li {
    width: 100%;
  }

  #header .top_bar .top_bar_container .top_bar_row h1 {
    margin: 9px 0 0 45px;
    padding-right: 15px;
  }
  #header .top_bar .top_bar_container .top_bar_row h1 span {
    display: none;
  }

  .org_profile_notification {
    display: none;
  }

  .main_nav li a {
    height: auto;
    line-height: 40px;
  }

  #header .top_bar .top_bar_container .top_bar_row .user_badge {
    margin: 4px 40px 0 0;
  }

  #header .top_bar .top_bar_container .top_bar_row ul#Notification {
    top: 44px;
    background: #f4f4f4;
    z-index: 9999;
    position: absolute;
    width: 100%;
    left: 0;
    -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
    height: 44px;
    display: none;
  }
  #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList {
    width: 14.2%;
    margin: 0;
    text-align: center;
  }
  #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList a, #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList .admin_drop_menu a {
    width: 25px;
    height: 25px;
  }
  #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList a svg.svg-faq, #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList a svg.svg-setting, #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList a svg.svg-bell,
  #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList a svg.svg-community, #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList a svg.svg-dashboard,
  #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList a svg.svg-associate_parties, #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList a svg.svg-notes,
  #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList a svg.svg-setting, #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList a svg.svg-faq, #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList .admin_drop_menu a svg.svg-faq, #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList .admin_drop_menu a svg.svg-setting, #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList .admin_drop_menu a svg.svg-bell,
  #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList .admin_drop_menu a svg.svg-community, #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList .admin_drop_menu a svg.svg-dashboard,
  #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList .admin_drop_menu a svg.svg-associate_parties, #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList .admin_drop_menu a svg.svg-notes,
  #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList .admin_drop_menu a svg.svg-setting, #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList .admin_drop_menu a svg.svg-faq {
    margin: 0;
  }
  #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList a .setting, #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList .admin_drop_menu a .setting {
    padding: 0px;
    left: 0px;
    top: 0px;
  }
  #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList .admin_drop_menu {
    width: 25px;
  }
  #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList .admin_drop_menu .arrow {
    top: 0px;
    right: 0px;
  }
  #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList .notification {
    margin-top: 0px;
  }
  #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList .faq_nav .faqbx {
    top: inherit;
    padding-left: 0px;
  }

  .faq_nav,
  .admin_drop_menu,
  .dashboard_ico a {
    float: none;
    width: 40px;
    margin: 0 auto;
  }

  .admin_drop_menu .arrow {
    top: -3px;
    right: 5px;
  }

  .faq_nav a svg.svg-faq {
    margin-top: 7px;
  }

  .activities_notification .notification_number {
    left: auto;
    right: auto;
  }

  .activities_notification .activities_notificationlink {
    left: auto;
  }

  .faq_nav .faqbx {
    left: auto;
  }

  .fxd_row_container {
    top: 88px;
    padding-top: 6px;
  }

  svg.svg-faq,
  svg.svg-setting,
  svg.svg-bell,
  .community_access_btn .notification.active .svg-community,
  svg.svg-dashboard,
  svg.svg-associate_parties {
    fill: #555;
    width: 25px;
    height: 25px;
    stroke: none;
  }

  svg.svg-bell {
    margin-top: -0.5px;
  }

  svg.svg-community {
    margin-top: -4px;
  }

  .NotificationList svg.svg-notes {
    stroke: #555 !important;
    width: 25px;
    height: 25px;
  }

  svg.svg-dashboard {
    margin-top: -2px;
  }

  #header .top_bar .top_bar_container .top_bar_row .sub_nav_placeholder .search_container .search_icon svg.svg-search {
    stroke: #fff;
    width: 25px;
    height: 25px;
  }

  #header .top_bar .top_bar_container .top_bar_row .sub_nav_placeholder .search_container .search_icon {
    width: 40px;
    height: 26px;
    left: 18px;
  }

  #header .top_bar .top_bar_container .top_bar_row .sub_nav_placeholder.global-search .search_icon {
    left: 8px;
  }

  #header .top_bar .top_bar_container .top_bar_row .sub_nav_placeholder.global-search .common_wm {
    width: 100%;
  }

  #header .top_bar .top_bar_container .top_bar_row .common_wm svg.svg-clear-search,
  #header .top_bar .top_bar_container .top_bar_row .common_wm .search {
    display: none;
  }

  #header .top_bar .top_bar_container .top_bar_row .sub_nav_placeholder.global-search,
  #header .top_bar .top_bar_container .top_bar_row .sub_nav_placeholder.global-search .common_wm .search {
    width: 100%;
    margin: -20px 0px 0 0px;
    right: 0px;
    font-size: 13px;
    background: #fff;
    border-color: #e1e1e1;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    z-index: 10;
    display: block;
  }

  .Subnav {
    z-index: 8;
    top: 44px;
    background: #f4f4f4;
    overflow: hidden;
    overflow-x: auto;
  }

  .Subnav::-webkit-scrollbar {
    /* This is the magic bit */
    display: none;
  }

  .sub_nav {
    width: 680px;
  }

  body.global-search-spacing .sub_nav {
    width: 870px;
  }

  body.global-search-spacing #container .middle_col {
    margin: 90px 0 0;
  }

  .sub_nav li a {
    padding: 0 10px 0 10px;
  }

  .btn_newworkkar {
    bottom: 10px;
    position: absolute;
  }

  ::-webkit-scrollbar {
    width: 2px;
    height: 2px;
  }

  .sort_filter_bar {
    margin: 0 0 0px;
  }

  #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList.active,
  #header .top_bar .top_bar_container .top_bar_row ul#Notification li.NotificationList.active:hover {
    background: #d6d6d6;
    height: 44px;
  }

  .user_info .dd:hover .user_desbg {
    background: none;
  }

  .user_info .logout {
    top: 43px;
  }

  .user_info span.dduser {
    min-width: 105px;
  }

  .note_wrapper {
    border-width: 1px 0 0 1px;
    margin: 0;
  }

  .community_dropdown {
    right: 0;
    bottom: 0;
  }

  .community_dropdown .arrow {
    display: none;
  }

  .dashboard_page .top_section .inner_section {
    width: 100% !important;
  }

  .admin_area #container .middle_colnotab {
    padding-left: 0px;
    padding-right: 0px;
  }

  .middle_col .content .admin-tabs {
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
    top: 73px;
    background: #fff;
    bottom: initial;
    left: 0;
  }

  .middle_col .content .admin-tabs ul {
    padding-bottom: 40px;
  }
  .middle_col .content .admin-tabs ul li {
    float: left;
  }

  .middle_col .content .content_area-users {
    margin-top: 9px;
    border-radius: 0;
    border: none;
    border-top: 1px solid #e6e6e6;
  }
  .middle_col .content .content_area-users input.span6 {
    width: auto;
  }

  .admin_area #header .top_bar .top_bar_container .top_bar_row h1 {
    margin-left: 10px;
  }

  .middle_col .content .admin-tabs ul li a {
    padding: 0 15px 0 15px;
  }

  .middle_col .content .admin-tabs ul li a.Active {
    border-bottom: 3px solid #0288D1;
    padding-bottom: 10px;
    border-left: 0;
  }

  .ProfileDetail div.mart5 {
    height: 35px;
  }

  .business_selection_ctrl {
    width: 342px;
  }

  .action_drop_menu.more_actions_dropdown {
    z-index: 1;
  }

  #header .top_bar .top_bar_container .top_bar_row .sub_nav_placeholder.global-search #header .top_bar .top_bar_container .top_bar_row {
    padding-left: 0;
  }
  #header .top_bar .top_bar_container .top_bar_row .sub_nav_placeholder.global-search #header .top_bar .top_bar_container .top_bar_row h1 {
    font-size: 12px;
    max-width: 225px;
  }

  #header .top_bar .top_bar_container .top_bar_row {
    padding-left: 0;
  }

  #header .top_bar .top_bar_container .top_bar_row .sub_nav_placeholder.global-search .common_wm {
    width: 100%;
  }

  #header .top_bar .top_bar_container .top_bar_row .sub_nav_placeholder.global-search,
  #header .top_bar .top_bar_container .top_bar_row .sub_nav_placeholder.global-search .common_wm .search {
    width: 100%;
    margin: -20px 0px 0 0px;
    right: 0px;
    font-size: 13px;
    background: #fff;
    border-color: #e1e1e1;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    z-index: 10;
  }

  #header .top_bar .top_bar_container .top_bar_row .sub_nav_placeholder.global-search .common_wm .search {
    border-radius: 0;
    height: 44px;
    padding-left: 35px;
  }

  #header .top_bar .top_bar_container .top_bar_row .sub_nav_placeholder.global-search .search_container .search_icon svg.svg-search,
  #header .top_bar .top_bar_container .top_bar_row .sub_nav_placeholder.global-search .common_wm svg.svg-clear-search {
    width: 22px;
    height: 22px;
    margin-top: -12px;
    stroke: #000;
  }

  #header .top_bar .top_bar_container .top_bar_row .sub_nav_placeholder.global-search .common_wm .search_loader {
    top: -8px;
  }

  .RelationshipSearch .search_inpt {
    padding-right: 25px;
  }

  body.fix-container #container .middle_col {
    z-index: 7 !important;
    margin: 91px 0 0 !important;
  }
}
@media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1) {
  .admin_area #container .middle_colnotab {
    margin: 161px 0 0 0;
  }

  .popup {
    left: 0 !important;
    right: 0;
    top: 0 !important;
    bottom: 0;
    width: 100% !important;
    margin-left: 0% !important;
    position: fixed !important;
  }

  #header .top_bar .top_bar_container .top_bar_row h1 {
    max-width: 168px;
  }

  .user_info span.dduser a.user_des .job_title {
    width: 40px;
  }

  .drag_img_right .dragger_box {
    float: initial;
  }

  .PopupHeader .lt_hlp_txt {
    float: initial;
  }

  .PopupHeader .rt_search_ctr {
    float: initial;
    z-index: 99;
    background: #fff;
  }

  .match_confirm_info {
    width: auto;
  }
  .match_confirm_info #confrimChangeOwnerTxt {
    display: block;
    width: 220px;
  }

  .drag_img_left {
    margin-top: 22px;
  }

  .drag_img_right {
    top: 22px;
    z-index: 9;
  }
}
@media screen and (max-width: 414px) and (-webkit-min-device-pixel-ratio: 1) {
  .fxd_row_container .marl15 {
    margin-left: 0px;
  }
  .fxd_row_container #workkardSearchPanel {
    width: 100%;
    padding: 0 248px 0 0;
    position: absolute;
    left: 10px;
  }
  .fxd_row_container #workkardSearchPanel .quick_filter_wm {
    width: 100%;
  }
  .fxd_row_container #workkardSearchPanel .quick_filter_wm .search {
    width: 100%;
    margin: 0;
    padding: 0 20px;
  }

  #CompanyProfile .ProfileSettingForm ul li .ProfileLabel,
  #CompanyProfile .ProfileSettingForm ul li .ProfileDetail {
    width: 100%;
    padding: 0;
  }

  .access_search_org .company_selection {
    width: 75%;
  }

  .drag_img_right .dragger_box {
    float: initial;
  }

  .PopupHeader .lt_hlp_txt {
    float: initial;
  }

  .PopupHeader .rt_search_ctr {
    float: initial;
    z-index: 99;
    background: #fff;
  }

  .match_confirm_info {
    width: auto;
  }
  .match_confirm_info #confrimChangeOwnerTxt {
    display: block;
    width: 220px;
  }

  .drag_img_left {
    margin-top: 22px;
  }

  .drag_img_right {
    top: 22px;
    z-index: 9;
  }
}
.manage_contracts_pg,
.manage_contracts_pg .form_container_area {
  float: left;
  width: 100%;
  display: block;
  padding: 20px 0;
}

.manage_contracts_pg .form_container_area {
  padding: 10px 0 0 0;
}

.manage_contracts_pg .top_bar_ctr,
.createRule .top_bar_ctr {
  float: left;
  width: 100%;
  display: block;
  background-color: #EFEFEF;
  border-radius: 3px;
  padding: 10px;
  line-height: 19px;
  margin: 0 0 30px 0;
}

.manage_contracts_pg .top_bar_ctr .org_name {
  font-weight: bold;
}

.manage_contracts_pg .top_bar_ctr .location {
  color: #004494;
}

.contract_filters {
  float: left;
  width: 100%;
  display: block;
  border-bottom: 1px solid #dedede;
  padding: 5px 0;
  margin: 0 0 15px 0;
}

.contract_filters li a {
  padding: 0 2px;
  margin: 0 4px 0 0;
  border-radius: 2px;
  display: inline-block;
  cursor: pointer;
}

.contract_filters li a:hover,
.contract_filters li a.active {
  background-color: #0288D1;
  color: #fff;
  display: inline-block;
}

.contract_filters li a.disabled,
.contract_filters li a.disabled:hover {
  background-color: #fff;
  color: #000;
  cursor: default;
}

.contract_list_dropdown,
.contract_list_dropdown .contract_name_contr {
  float: left;
  width: 100%;
  display: block;
  padding: 0 0 15px 0;
  position: relative;
}

.contract_list_dropdown select {
  float: left;
  padding: 3px;
  line-height: 24px;
  height: 30px;
}

.contract_list_dropdown .contract_name_contr {
  padding: 20px 0 0 0;
}

.contract_list_dropdown .contract_name {
  float: left;
  font-weight: bold;
  font-size: 14px;
}

.contract_list_dropdown .contract_name .other_txt {
  color: #FF0F00;
  font-weight: normal;
}

.contract_list_detail {
  float: left;
  width: 100%;
  display: block;
}

.contract_list_detail li {
  float: left;
  width: 100%;
  display: block;
  padding: 0 0 20px 0;
}

.contract_list_detail .version_detail_bar {
  float: left;
  width: 100%;
  display: block;
  background: #d7dada;
  color: #3b3b3b;
  padding: 5px 10px;
}

.contract_list_detail .version_detail_bar .version_no {
  color: #941b03;
  font-weight: bold;
}

.contract_list_detail .version_detail_bar .in_effect {
  color: #000;
}

.contract_list_detail .version_detail_bar .in_effect {
  color: #000;
}

.contract_list_detail .version_detail_bar .acp {
  color: #23992b;
  text-transform: uppercase;
}

.contract_list_detail .version_detail_bar .ped {
  color: #d84942;
  text-transform: uppercase;
}

.contract_list_detail .version_detail_bar .other_details {
  float: right;
}

.contract_list_detail .version_detail_bar .other_details .version_in_effect {
  float: right;
  padding: 0 10px;
  background-color: #fffee5;
  color: #91821e;
  text-decoration: underline;
  margin-top: 2px;
  margin: 2px 15px 0 0;
}

.contract_list_detail .version_detail_bar .other_details .version_in_effect .arrow_ico {
  background: url(../images/sprite.png) no-repeat -287px -92px;
  width: 16px;
  height: 11px;
  display: inline-block;
  margin: 2px 5px 0 0;
}

.contract_detail_block,
.contract_detail_block_ctr {
  float: left;
  width: 100%;
  display: block;
}

.added_itm_hg {
  background-color: #23982b;
  color: #fff;
  text-shadow: 1px 1px 1px #0F7E17 !important;
}

.contract_detail_block_ctr {
  padding: 10px;
}

.contract_detail_block li {
  float: left;
  width: 33%;
  display: block;
  padding: 0 0 15px 0;
}

.contract_detail_block li.two_col {
  width: 66%;
}

.contract_detail_block li .heading {
  font-weight: bold;
  float: left;
  width: 100%;
  display: block;
  padding: 0 0 10px 0;
}

.contract_detail_block li.comments_ctr {
  width: 100%;
}

.contract_detail_block li.comments_ctr .heading .comment_ico {
  width: 19px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  background: url(../images/comments_icon.png) no-repeat left top;
}

.contract_agreement_listing li {
  padding: 0 0 5px 0;
  width: 100%;
}

.contract_agreement_listing .file_error {
  background-color: #D84942;
  color: #fff;
}

.contract_agreement_listing .file_error .filename {
  color: #fff;
  text-decoration: line-through;
}

.contract_agreement_listing .up_file_name {
  max-width: 155px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
}

.comments_ctr_area {
  float: left;
  width: 100%;
  display: block;
  background-color: #f3f3f3;
  border: 1px solid #ededed;
  padding: 10px;
  position: relative;
}

.comments_ctr_area .pointer {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #b1b1b1;
  position: absolute;
  left: 45px;
  top: -8px;
}

.comments_ctr_area .pointer:before {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #f3f3f3;
  position: absolute;
  left: -10px;
  top: 0px;
  content: "";
}

.comments_ctr_area .input_ctr {
  margin-right: 72px;
}

.comments_ctr_area .input_ctr input[type="text"] {
  border-radius: 3px;
  padding: 8px;
  width: 100%;
}

.comments_listing li {
  width: 100%;
  border-bottom: 1px solid #d5d5d5;
  padding: 10px 0;
}

.comments_listing li .user_thumb_ctr {
  float: left;
  margin: 0 10px 0 0;
}

.comments_listing li .comment_detail {
  padding: 10px 0 0 38px;
  color: #393939;
}

.comments_listing li .comment_detail p {
  color: #000;
  margin: 5px 0 0;
  word-wrap: break-word;
}

.comments_listing li.last {
  border: none;
  padding: 10px 0 0 0;
}

.skillset_listing,
.location_listing .agreements_listing {
  float: left;
  width: 100%;
  display: block;
}

.skillset_listing li,
.location_listing li {
  float: left;
  width: auto;
  max-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 3px;
  padding: 3px 8px;
  margin: 0 6px 6px 0;
}

.same_item {
  background-color: #b5defa;
}

.same_item_system {
  background-color: #d8d8d8;
}

.location_listing li .county {
  color: #01274e;
}

.row_group_ctr {
  float: left;
  width: 100%;
  display: block;
  padding: 20px 0;
  background-color: #f4f4f4;
  margin: 0 0 20px 0;
}

.row_group_ctr .first,
.row_group_ctr .last {
  margin-bottom: 0px;
}

.row_group_ctr .first {
  color: #104381;
  font-weight: bold;
}

.agreement_listing,
.agreement_listing .agreement_file,
.agreement_listing_e,
.agreement_listing_e .agreement_file {
  float: left;
  width: 100%;
  display: block;
  position: relative;
}

.agreement_listing .agreement_file,
.agreement_listing_e .agreement_file {
  padding: 0 0 5px 0;
}

.agreement_listing_e .file_error {
  background-color: #D84942;
  color: #fff;
}

.agreement_listing_e .file_error .filename {
  color: #fff;
  text-decoration: line-through;
}

.agreement_listing .up_file_name,
.agreement_listing_e .up_file_name {
  max-width: 155px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
}

.add_contract_confirm {
  float: left;
  width: 100%;
  display: block;
}

.add_contract_confirm .org_text {
  float: left;
  width: 100%;
  display: block;
  color: #282727;
}

.add_contract_confirm .info_msg {
  float: left;
  width: 100%;
  display: block;
  padding: 40px 0;
  text-align: center;
}

.add_contract_confirm .info_msg .error_text {
  color: #D94A41;
  font-weight: bold;
  display: block;
}

.add_contract_confirm .imprt_note {
  color: #898989;
  background: #fdfce8;
  padding: 3px 5px;
  width: 100%;
  float: left;
  display: block;
}

.add_contract_confirm .imprt_note span {
  color: #c72a2f;
}

/* Associated Parties */
.associate_party_listing {
  float: left;
  width: 100%;
  display: block;
  padding-left: 0px !important;
}

.associate_party_listing li {
  border: 1px solid #e8e8e8;
  border-top: #fff solid 1px;
  float: left;
  width: 100%;
  display: block;
  padding: 6px 8px;
}

.associate_party_listing li:nth-child(even) {
  background-color: #f9f9f9;
}

.associate_party_listing li.head {
  font-weight: bold;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -moz-linear-gradient(270deg, #fbfbfb 0%, #f4f4f4 100%);
  background-image: -webkit-linear-gradient(270deg, #fbfbfb 0%, #f4f4f4 100%);
  background-image: linear-gradient(180deg, #fbfbfb 0%, #f4f4f4 100%);
  border: #eaeaea solid 1px;
}

.associate_party_listing li .associate_party_name,
.associate_party_listing li .associate_party_org,
.associate_party_listing li .associate_party_type,
.associate_party_listing li .associate_party_address,
.associate_party_listing li .associate_party_actions,
.associate_party_listing li .associate_party_carrier,
.associate_party_listing li .associate_party_source,
.associate_party_listing li .associate_party_cpmid,
.associate_party_listing li .associate_party_tax_id,
.associate_party_listing li .associate_party_city {
  float: left;
  width: 14%;
  padding: 0 4px;
  position: relative;
  display: block;
  word-wrap: break-word;
}

.associate_party_listing li .associate_party_tax_id {
  width: 6%;
}

.associate_party_listing li .associate_party_carrier {
  width: 8%;
}

.associate_party_listing li .associate_party_source {
  width: 8%;
}

.associate_party_listing li .associate_party_city {
  width: 8%;
}

.associate_party_listing li .associate_party_type {
  width: 8%;
}

.associate_party_listing li .status_label {
  background-color: #d94a41;
  color: #fff;
  padding: 1px 4px;
  display: inline-block;
  margin: 4px 0 0 0;
  border-radius: 3px;
  line-height: 14px;
  font-size: 10px;
}

.associate_party_listing li .associate_party_actions {
  width: 24%;
  text-align: right;
}

.associate_party_circle {
  max-width: 24px;
  float: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  top: 6px;
  right: 4px;
  cursor: pointer;
}

.associate_party_circle span {
  background: #D9D9D9;
  border-radius: 100%;
  width: 5px;
  height: 5px;
  margin: 1px;
}

.associate_party_circle span.active {
  background: #3688CB;
}

.associate_party_circle ul.dropDownList {
  position: absolute;
  width: 138px;
  right: 0px;
  top: 10px;
  background: #FFFFFF;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
  border-radius: 2px;
  transition: all 0.2s ease;
  z-index: 1;
}

.associate_party_circle ul.dropDownListHide {
  display: none;
}

.associate_party_circle ul.dropDownList li {
  background: none;
  border: none;
  list-style: none;
  display: flex;
  flex-direction: column;
  color: #333333;
  font-size: 14px;
}

.associate_party_circle ul.dropDownList li a {
  padding: 6px ​8px  8px;
  color: #333333;
}

.associate_party_circle ul.dropDownList li.active {
  color: #F88585;
}

.associate_party_listing li .associate_party_actions a {
  background: url(../images/associated_workkards_sprite.png) no-repeat left top;
  padding: 0;
  margin: 0 0 0 5px;
  width: 22px;
  height: 22px;
  text-indent: -9999px;
  text-align: center;
  display: inline-block;
}

.associate_party_listing li .associate_party_actions a.no_icon {
  background: none;
  padding: 0;
  margin: 0 0 0 20px;
  width: auto;
  height: auto;
  text-indent: 0px;
  display: inline-block;
}

.associate_party_listing li .associate_party_actions .block {
  background: url(../images/associated_workkards_sprite.png) no-repeat -207px -4px;
}

.associate_party_listing li .associate_party_actions .unblock {
  background: url(../images/associated_workkards_sprite.png) no-repeat -233px -4px;
}

.associate_party_listing li .associate_party_actions .edit_associate_p {
  background: url(../images/associated_workkards_sprite.png) no-repeat -178px -4px;
}

.associate_party_listing li .associate_party_actions .delete_associate_p {
  background: url(../images/associated_workkards_sprite.png) no-repeat -262px -4px;
  margin-left: 20px;
}

/* Create Associated Party Popover */
.associated_party_popover,
.add-zone-popover {
  position: fixed;
  z-index: 104;
  top: 36px;
  right: 0;
  bottom: 0;
  background: #fff;
  -moz-box-shadow: 0px 0px 15px -2px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0px 0px 15px -2px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 15px -2px rgba(0, 0, 0, 0.35);
}

.associated_party_popover .ac_list {
  top: auto;
  width: auto;
  right: 15px;
  margin-top: -6px;
}

.associated_party_popover .ac_list .autolist .txt {
  margin-left: 0px;
}

.admin_area .associated_party_popover {
  top: 36px;
}

.associated_party_popover .discard_confirm_ctr {
  position: absolute;
  top: 40%;
  left: 0px;
  right: 0px;
  text-align: center;
}

.associated_party_popover .discard_confirm_ctr .info_txt {
  display: block;
  padding-bottom: 10px;
}

.associated_party_popover.party_change_log_ctr .m_content_area {
  bottom: 0px;
}

.associated_party_popover .heading_area {
  float: left;
  width: 100%;
  display: block;
  padding: 10px;
  font-size: 15px;
  font-weight: bold;
  color: #333;
}

.associated_party_popover .bottom_ctr_actions,
.add-zone-popover .bottom_ctr_actions {
  position: absolute;
  bottom: 0px;
  padding: 10px;
  left: 0px;
  right: 0px;
  border-top: 1px solid #f2f2f2;
  height: 46px;
}

.associated_party_popover .add_to_associate {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 46px;
  padding: 10px;
}

.associated_party_popover .bottom_ctr_actions .discard_action {
  padding-top: 4px;
}

.associated_party_popover .bottom_ctr_actions .deactivate_icon {
  padding-top: 4px;
}

.associated_party_popover .bottom_ctr_actions .deactivate_icon .icon {
  background: url(../images/associated_workkards_sprite.png) no-repeat -262px -3px;
  margin: 0 10px 0 0;
  width: 22px;
  height: 22px;
  text-indent: -9999px;
  text-align: center;
  display: inline-block;
  border-right: 1px solid #ccc;
  vertical-align: middle;
}

.associated_party_popover .heading_area .po_close_btn {
  color: #ababab;
  font-weight: normal;
  font-size: 18px;
  float: right;
  background: url("../images/greet_close_icon.png") no-repeat center center;
  width: 15px;
  height: 15px;
  text-indent: -9999px;
  cursor: pointer;
}

.associated_party_popover .heading_area .other_actions {
  float: right;
  margin-right: 15px;
  font-weight: normal;
  font-size: 13px;
}

.associated_party_popover .m_content_area,
.add-zone-popover .m_content_area {
  position: absolute;
  overflow-y: auto;
  bottom: 46px;
  top: 38px;
  left: 0px;
  right: 0px;
}

.associated_party_popover .m_content_area,
.associated_party_popover .component_area,
.add-zone-popover .component_area {
  float: left;
  width: 100%;
  display: block;
}

.associated_party_popover .component_area,
.add-zone-popover .component_area {
  padding: 10px 15px;
  border-top: 1px solid #f2f2f2;
}

.associated_party_popover .component_area.hidden .component_area_fields_ctr {
  display: none;
}

.associated_party_popover .component_area.hidden .component_area_heading {
  margin: 0px;
}

.associated_party_popover .component_area .component_area_heading {
  float: left;
  width: 100%;
  display: block;
  margin-bottom: 10px;
}

.associated_party_popover .component_area .component_area_heading .help_txt {
  float: right;
  color: #f2f2f2;
}

.associated_party_popover .component_area .field_row_a {
  float: left;
  width: 100%;
  display: block;
  padding-bottom: 15px;
}

.associated_party_popover.detail_page .component_area .field_row_a {
  padding-bottom: 8px;
}

.associated_party_popover .component_area .field_row_a label {
  float: left;
  width: 150px;
  color: #999;
  margin: 0px;
}

.associated_party_popover .component_area .field_row_a label.input_label {
  padding-top: 4px;
  color: #333;
}

.associated_party_popover .component_area .field_row_a label .required {
  color: #c72a2f;
}

.associated_party_popover .component_area .field_row_a .field_value {
  width: 100%;
  padding-left: 150px;
  word-wrap: break-word;
  position: relative;
}

.associated_party_popover .component_area .field_row_a .approved_calendar input[type="text"] {
  background: transparent;
}

.associated_party_popover .component_area .field_row_a .field_value textarea {
  width: 100%;
}

.associated_party_popover .component_area .field_row_a .calendarView {
  position: absolute;
  right: 6px;
  top: 7px;
  z-index: -1;
}

.associated_party_popover .component_area .field_row_a .calendarViewDisable {
  position: absolute;
  right: 6px;
  top: 7px;
  z-index: auto;
  cursor: not-allowed;
}

.associated_party_popover .component_area .field_row_a .field_value .help-block,
.associated_party_popover .component_area .field_row_a .field_value .error-block {
  margin-top: 6px;
  margin-bottom: 0px;
}

.associated_party_popover .component_area .field_row_a .field_value .other_information {
  display: block;
  color: #C3C3C3;
}

.associated_party_popover input[type="checkbox"] {
  margin-right: 5px;
  vertical-align: middle;
}

.associated_party_popover .party_change_log {
  background-color: #f5f5f5;
  border-top: 1px solid #e8e8e8;
  overflow-y: auto;
  width: 100%;
  display: block;
  padding: 10px;
  position: absolute;
  top: 170px;
  bottom: 0px;
}

.associate_party_listing.workkard_tab_content li {
  float: left;
  width: 100%;
  display: block;
  padding: 6px 8px;
  padding-right: 130px;
  position: relative;
  background: #fff;
  border-radius: 3px;
  margin-bottom: 2px;
  border: none;
}

.associate_party_listing.workkard_tab_content li.head {
  font-weight: bold;
}

.associate_party_listing.workkard_tab_content li .associate_party_name,
.associate_party_listing.workkard_tab_content li .associate_party_org,
.associate_party_listing.workkard_tab_content li .associate_party_type,
.associate_party_listing.workkard_tab_content li .associate_party_relation,
.associate_party_listing.workkard_tab_content li .associate_party_createdby,
.associate_party_listing.workkard_tab_content li .associate_party_actions,
.associate_party_listing.workkard_tab_content li .associate_with {
  float: left;
  width: 16%;
  padding: 0 10px 0 0;
  position: relative;
  display: block;
}

.associate_party_listing.workkard_tab_content li .associate_with .workkard_label {
  max-width: 100%;
  position: relative;
}

.associate_party_listing.workkard_tab_content li .associate_with .workkard_label .entity_txt {
  position: absolute;
  border-right: 1px solid #e3c17f;
  padding-right: 5px;
  height: 20px;
  line-height: 20px;
}

.associate_party_listing.workkard_tab_content li .associate_with .workkard_label .workkard_number {
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 32px;
  border: none;
}

.associate_party_listing.workkard_tab_content li .associate_party_actions {
  text-align: right;
  padding-right: 10px;
  width: 130px;
  position: absolute;
  right: 0px;
}

.associate_party_listing.workkard_tab_content li .associate_party_actions a {
  width: 21px;
  padding: 0px;
}

.associate_party_actions a {
  background: url(../images/associated_workkards_sprite.png) no-repeat left top;
  padding: 0;
  margin: 0 0 0 5px;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  text-align: center;
  display: inline-block;
}

.associate_party_listing li .associate_party_actions .delete_associate_party,
.associated_party_list_block li .associate_party_actions .delete_associate_party {
  background: url(../images/associated_workkards_sprite.png) no-repeat -6px -5px;
}

.associate_party_listing.workkard_tab_content li .associate_party_actions .delete_associate_party {
  display: none;
}

.associate_party_listing.workkard_tab_content li:hover .delete_associate_party {
  display: inline-block;
}

.associate_party_listing li .associate_party_actions .email_associate_party {
  background: url(../images/associated_workkards_sprite.png) no-repeat -35px -4px;
}

.associate_party_listing li .associate_party_actions .phone_associate_party {
  background: url(../images/associated_workkards_sprite.png) no-repeat -65px -4px;
}

.associate_party_listing li .associate_party_actions .info_associate_party,
.associated_party_list_block li .associate_party_actions .info_associate_party {
  background: url(../images/associated_workkards_sprite.png) no-repeat -95px -5px;
}

.associate_party_listing li .associate_party_actions .edit_associate_party,
.associated_party_list_block li .associate_party_actions .edit_associate_party {
  background: url(../images/associated_workkards_sprite.png) no-repeat -148px -4px;
}

.associate_party_listing li .associate_party_actions .add_associate_party,
.associated_party_list_block li .associate_party_actions .add_associate_party {
  background: url(../images/associated_workkards_sprite.png) no-repeat -122px -4px;
}

.associate_party_search_bar {
  float: left;
  width: 100%;
  display: block;
  padding: 0px 10px 10px;
}

.associate_party_search_bar input[type="text"] {
  width: 250px;
  height: 28px;
}

.associate_party_search_bar a.clear_search {
  margin: 7px 0px 0px -24px;
  position: absolute;
  width: 14px;
  height: 14px;
}

.associated_party_filter_nav {
  float: left;
  width: 100%;
  display: block;
  border-bottom: 1px solid #f9f9f9;
}

.associated_party_filter_nav li a {
  float: left;
  padding: 6px 15px;
  color: #C3C3C3;
}

.associated_party_filter_nav li a.disablefilter {
  cursor: no-drop;
}

.associated_party_filter_nav li a.active {
  border-bottom: 2px solid #438acc;
  color: #333;
  font-weight: bold;
}

.associated_party_popover .associate_party_search_bar {
  float: left;
  width: 100%;
  display: block;
  padding: 10px;
  border-bottom: 1px solid #f9f9f9;
}

.associated_party_popover .associate_party_search_bar input[type="text"] {
  width: 100%;
  height: 33px;
}

.associated_party_popover .associated_pary_main_ctr {
  position: absolute;
  top: 87px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow-y: auto;
  overflow-x: hidden;
}

.associated_party_popover .associated_party_list_block {
  float: left;
  width: 100%;
  display: block;
  padding: 10px;
}

.associated_party_popover .associated_party_list_block .index_value,
.associated_party_popover .associated_party_list_block ul,
.associated_party_popover .associated_party_list_block ul li {
  float: left;
  width: 100%;
  display: block;
}

.associated_party_popover .associated_party_list_block .index_value {
  padding-bottom: 10px;
}

.associated_party_popover .associated_party_list_block ul li {
  border-bottom: 1px solid #f9f9f9;
  padding: 10px 0;
  position: relative;
  padding-right: 85px;
}

.associated_party_popover .associated_party_list_block ul li:last-child {
  border: none;
}

.associated_party_popover .associated_party_list_block .associate_party_summary {
  float: left;
  width: 100%;
  display: block;
}

.associated_party_popover .associated_party_list_block .associate_party_summary .associate_party_user {
  font-weight: bold;
  padding-bottom: 4px;
  overflow: hidden;
  /*text-overflow: ellipsis;
  white-space: nowrap;*/
  width: 100%;
}

.associated_party_popover .associated_party_list_block .associate_party_summary .associate_party_other_details {
  color: #C3C3C3;
  overflow: hidden;
  /*text-overflow: ellipsis;
  white-space: nowrap;*/
  width: 100%;
}

.associated_party_popover .associated_party_list_block .associate_party_actions {
  position: absolute;
  right: 0px;
  top: 10px;
}

.NotificationList .associate_parties_notification {
  display: block;
  vertical-align: top;
  width: 16px;
  height: 16px;
  margin: 0 auto;
  cursor: pointer;
  margin-top: -1px;
}

.quick_scroll_area {
  padding: 10px;
}

.quick_scroll_area,
.quick_scroll_area .qsa_heading_area,
.quick_scroll_area .qsa_heading_area ul {
  float: left;
  width: 100%;
  display: block;
}

.quick_scroll_area .qsa_heading_area {
  padding-bottom: 10px;
}

.heading_area .back-arrow_left .fa {
  color: #ababab;
}

.quick_scroll_area .qsa_scroll_txt {
  float: left;
  color: #C3C3C3;
}

.quick_scroll_area li a {
  float: left;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 2px;
  border: 1px solid #fff;
  margin: 0 54px 12px 0;
}

.quick_scroll_area li a.last {
  margin: 0px;
}

.quick_scroll_area li a:hover {
  border: 1px solid #438acc;
}

.quick_scroll_area li a.disabled {
  color: #C3C3C3;
  cursor: default;
}

.quick_scroll_area li a.disabled:hover {
  border: 1px solid #C3C3C3;
}

.filter_by.party_privacy_filter {
  margin: 0 4px;
}

.associated_pary_main_ctr .loader_contr {
  position: absolute;
}

/* Video Player */
.playerWrapper {
  background: #fff;
  	/*padding: 0 0 25px 0;
  
  	box-shadow: 0 0 5px #595959;
  	border: 1px solid #ccc;*/
  position: relative;
  margin: 0 0 12px 0;
  max-width: 100%;
  max-height: 100%;
}

.video_controls {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  margin-top: -13px;
}

.playerWrapper .play-button {
  float: left;
  display: block;
  width: 11px;
  height: 15px;
  background: url(../images/play_btn.png) no-repeat left top !important;
  border: none;
  margin: 10px 0 0 10px;
  cursor: pointer;
  padding: 0px;
  border-radius: 0px;
}

.playerWrapper .paused-button {
  background: url(../images/pause_btn.png) no-repeat left top !important;
}

/* Seek Slider */
.seek-slider {
  position: absolute;
  top: 0px;
  display: block;
  width: 100%;
  height: 9px;
  background: #000;
  z-index: 2;
}

.seek-slider .ui-slider-handle {
  display: block;
  position: absolute;
  width: 19px;
  height: 18px;
  top: -5px;
  background: url(../images/seek_btn.png) no-repeat left top;
  cursor: pointer;
  margin: 0 0 0 -2px;
  border: none;
}

.seek-slider .ui-slider-range {
  background: #006cd8;
}

.buffer {
  width: 0px;
  background: #f7f7f7 !important;
  opacity: 0.6;
}

.seek-slider .ui-state-focus, .seek-slider .ui-slider-handle.ui-state-hover {
  /*background: #0750B2 !important;*/
}

/* Timer */
.timer {
  cursor: default;
  color: #000;
  font-weight: bold;
  float: left;
  margin: 10px 0 0 10px;
}

/* Volume Container */
.volume-box {
  float: left;
  padding-right: 10px;
  margin: 10px 0 0 15px;
}

/* Volume Button */
.playerWrapper .volume-button {
  float: left;
  width: 20px;
  height: 14px;
  border-left: none;
  background: url(../images/volume_icon.png) no-repeat left top !important;
  border: none;
  cursor: pointer;
  padding: 0px;
}

.volume-mute {
  background: url(../images/volume_icon.png) no-repeat left top !important;
}

/* Volume Slider */
.volume-slider {
  float: left;
  height: 4px;
  width: 53px;
  margin-left: 10px;
  margin-top: 6px;
  background: #6f6f6f;
  border-radius: 3px;
}

.volume-slider .ui-slider-handle {
  width: 11px;
  height: 20px;
  margin-top: -8px;
  margin-left: -5px;
  background: url(../images/volume_slider.png) no-repeat left top;
  cursor: pointer;
  border: none;
}

.volume-slider .ui-slider-handle.ui-state-hover, .volume-slider .ui-slider-handle.ui-state-focus {
  /*background: #fff !important;*/
}

.volume-slider .ui-slider-range {
  background: #343434;
  border-radius: 3px;
}

/* Fullscreen Button */
.playerWrapper .fullscreen-button {
  float: right;
  background: url(../images/fullscreen_ico.png) no-repeat left top !important;
  width: 16px;
  height: 15px;
  border: none;
  margin: 8px 10px 0 0;
  cursor: pointer;
  padding: 0px;
}

/* Fullscreen Mode */
.fullscreen-controls {
  left: 0px;
  bottom: 0px;
}

.fullscreen-controls .fullscreen-button {
  background: url(../images/shortscreen_ico.png) no-repeat left top;
}

/* <video> */
.playerWrapper video {
  position: relative;
  z-index: 1;
  background-color: #000;
  max-width: 100%;
  height: auto;
}

/* Controls overlay while loading */
.show-loading:after {
  content: ' ';
  position: absolute;
  top: -2px;
  /* Slider handle goes above */
  padding-bottom: 2px;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.9;
}

.video_thumb {
  /*width: 400px;
  height: 300px;
  display: block;
  margin: 0 0 12px 0;*/
  position: absolute;
  top: 1px;
  width: 100%;
  height: 100%;
}

.video_thumb img {
  border: 1px solid #ccc;
  /*max-height: 100%;
  max-width: 100%;*/
}

.video_thumb .play_icon {
  width: 70px;
  height: 70px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -35px 0 0 -35px;
  background: url(../images/play_btn_big.png) no-repeat left top;
  cursor: pointer;
}

.todo_content .video_thumb {
  width: 400px;
  height: 300px;
  display: block;
  margin: 0 0 12px 0;
  position: relative;
  top: auto;
}

.todo_content .video_thumb img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
}

::-webkit-file-upload-button {
  cursor: pointer;
}

@media only screen and (min-width: 600px) and (max-width: 768px) {
  .activity_details .header_detail .wk_sponsor, .workkard_details .header_detail .wk_sponsor {
    height: auto;
  }

  .activity_navigation_control {
    top: 122px;
  }

  .activity_grid_list .head, .activity_grid_list .list_item {
    padding-left: 20px;
  }

  .activity_grid_list .workkard_info {
    width: 16%;
  }
}
/* Views CSS */
.main_nav li a#viewtab.active {
  /*border-bottom:0px solid #fff;
  background: #f9f9fa;  Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none'
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
  /*background: -moz-linear-gradient(top,  #f9f9fa 0%, #ffffff 100%);  FF3.6+ */
  /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9fa), color-stop(100%,#ffffff));  Chrome,Safari4+ */
  /* background: -webkit-linear-gradient(top,  #f9f9fa 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
  /*background: -o-linear-gradient(top,  #f9f9fa 0%,#ffffff 100%); * Opera 11.10+ */
  /*background: -ms-linear-gradient(top,  #f9f9fa 0%,#ffffff 100%);  IE10+ */
  /*background: linear-gradient(to bottom,  #f9f9fa 0%,#ffffff 100%);  W3C */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9fa', endColorstr='#ffffff',GradientType=0 );  IE6-8 */
}

.views_section {
  width: 100%;
  font-size: 12px;
}

.views_section.collapsed_panel {
  padding-left: 20px;
}

.views_section.collapsed_panel:before {
  display: none;
}

.views_section.collapsed_panel .right_container {
  width: 100%;
  padding-left: 20px;
}

.views_section.collapsed_panel .right_container:before {
  width: 5px;
  position: fixed;
  content: "";
  left: 0px;
  top: 0px;
  bottom: 0px;
}

.views_section.collapsed_panel .expand_panel {
  left: 5px;
  margin: 0px;
  border-radius: 3px 0px 0px 3px;
}

.views_section .left_navigation {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 81%;
  z-index: 1;
  background-color: #fff;
  -webkit-backface-visibility: hidden;
  left: 0 !important;
  font-size: 14px;
  padding: 15px 10px;
}

.views_section .collapse_panel,
.views_section .expand_panel {
  border-radius: 0;
  background: #e2e2e1;
  text-align: center;
  position: fixed;
  left: 255px;
  top: 90px;
  font-size: 24px;
  line-height: 22px;
  color: #575757;
  width: 15px;
  height: 34px;
  z-index: 3;
  border-radius: 3px 0px 0px 3px;
}

.views_section .collapse_panel .ico {
  display: inline-block;
  vertical-align: top;
  margin: 10px 2px 0 0;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #fff;
}

.views_section .expand_panel {
  border-radius: 0 3px 3px 0;
  background: #3398db;
}

.views_section .expand_panel .ico {
  display: inline-block;
  vertical-align: top;
  margin: 10px 0px 0 0;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #fff;
}

.views_section .right_container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 19%;
  right: 0;
  z-index: 1;
  padding: 10px 15px 0px;
  background-color: #fff;
  width: 1555px;
}

.views_section .right_container #grid_main {
  float: left;
  width: 100%;
  display: block;
}

.views_section .right_container h1 {
  padding: 0 330px 10px 0;
  margin: 0 0 1px 0;
  line-height: 24px;
  position: relative;
}

.views_section .right_container h1 a {
  font-size: 13px;
  margin: 0 0 0 10px;
}

.views_section .right_container h1 #edit_view_name,
.views_section .right_container h1 #save_view_name,
.views_section .right_container h1 #cancel_view_name {
  width: 28px;
  height: 28px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #d0d0d0;
  border-radius: 3px;
}

.views_section .right_container h1 #edit_view_name:before {
  content: '';
  background: url("../images/edit.svg") no-repeat 0 0;
  width: 16px;
  height: 16px;
  position: absolute;
  margin: 5px 0 0 5px;
}

.views_section .right_container h1 #save_view_name {
  background: url("../images/views_sprite.png") no-repeat -34px -4px;
}

.views_section .right_container h1 #cancel_view_name {
  background: url("../images/views_sprite.png") no-repeat -63px -4px;
}

.views_section .right_container h1 #add_new_view_box,
.views_section .right_container h1 #edit_view_box,
.views_section .right_container h1 #save_cancel_view_box {
  height: 30px;
}

.views_section .right_container h1 #input_view_name {
  font-size: 19px;
  font-weight: normal;
  width: 507px;
  border: none;
  transition: none;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.075);
  padding: 0px;
  height: 26px;
  line-height: 26px;
  vertical-align: middle;
}

.views_section .right_container h1 #edit_view_title {
  display: inline-block;
  line-height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  max-width: 100%;
}

.views_section .right_container h1 #edit_view_box,
.views_section .right_container h1 #save_cancel_view_box,
.save_cancel_todo_title {
  border: 1px solid #d0d0d0;
  padding: 4px 4px 4px 10px;
  border-radius: 3px;
  height: 38px;
  position: relative;
  margin: 0 0 0 5px;
}

.save_cancel_todo_title {
  width: 448px;
  margin-top: 6px;
}

.views_section .right_container h1 #save_cancel_view_box {
  width: 600px;
}

.views_section .right_container h1 #edit_view_box {
  border: 1px solid #fff;
  padding-left: 0px;
  padding-right: 45px;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  margin: 0px;
}

.views_section .right_container h1 .help_txt {
  display: block;
  color: #9c9c9c;
  font-size: 13px;
}

.views_section .right_container h1 ul.views_actions {
  position: absolute;
  right: 0px;
  top: 4px;
}

.views_section .right_container h1 ul.views_actions li {
  padding: 0px;
  position: relative;
}

.views_section .right_container h1 ul.views_actions li a {
  margin: 0 0 0 8px;
  display: inline-block;
  float: left;
}

.views_section .right_container h1 ul.views_actions li .more_options {
  cursor: pointer;
  display: inline-block;
  padding: 10px;
  border: 1px solid #3398db;
  border-radius: 0 3px 3px 0;
  position: relative;
  background: #fff;
  margin-left: -4px;
  height: 30px;
}

.views_section .right_container h1 ul.views_actions li .more_options:hover {
  background: #3398db;
}

.views_section .right_container h1 ul.views_actions li .more_options .arrow {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  border-top-color: #3398db;
  border-width: 5px;
  position: absolute;
  margin: 2px 0 0 -5px;
}

.views_section .right_container h1 ul.views_actions li .more_options:hover .arrow {
  border-top-color: #fff;
}

.views_section .right_container h1 ul.views_actions li .disabled.more_options {
  border: 1px solid #e1e1e1;
  background: #fff;
  border-left: none;
  cursor: default;
}

.views_section .right_container h1 ul.views_actions li .disabled.more_options .arrow {
  border-top-color: #e1e1e1;
}

.more_options_dropdown {
  position: absolute;
  border: 1px solid #adadad;
  background-color: #fff;
  z-index: 2;
  padding: 0;
  border-radius: 3px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  left: 8px;
  right: 0px;
  top: 28px;
  display: none;
}

.more_options_dropdown li {
  float: left;
  width: 100%;
  display: block;
}

.views_section .right_container h1 ul.views_actions li .more_options_dropdown li a {
  margin: 0px;
  padding: 2px 10px;
  display: block;
  cursor: pointer;
  position: relative;
  color: #4d4e53;
  width: 100%;
}

.views_section .right_container h1 ul.views_actions li .more_options_dropdown li a:hover {
  background-color: #f2f2f2;
}

.views_section .right_container .paging_contr {
  position: static;
  float: left;
  width: 100%;
  display: block;
}

.views_nav_container {
  float: left;
  width: 100%;
  display: block;
}

.views_nav_container .heading {
  text-transform: uppercase;
  float: left;
  width: 100%;
  display: block;
  padding: 0 0 15px 0;
  font-weight: bold;
}

.views_nav_container .heading .expanded,
.views_nav_container .heading .collapsed {
  background: url("../images/sprite.png") no-repeat -408px -256px;
  cursor: pointer;
  display: inline-block;
  height: 10px;
  margin-right: 10px;
  vertical-align: middle;
  width: 9px;
}

.views_nav_container .heading .collapsed {
  width: 7px;
  height: 12px;
  background: url(../images/sprite.png) -424px -256px no-repeat;
}

.views_nav_container .heading .count {
  color: #c6ba7f;
  font-weight: bold;
  padding: 1px 4px;
  border: 1px solid #e3d3a0;
  background: #fcfbef;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmJlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y2ZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #fcfbef 0%, #f7f6e0 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfbef), color-stop(100%, #f7f6e0));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fcfbef 0%, #f7f6e0 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fcfbef 0%, #f7f6e0 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fcfbef 0%, #f7f6e0 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fcfbef 0%, #f7f6e0 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfbef', endColorstr='#f7f6e0',GradientType=0 );
  /* IE6-8 */
  margin: 0 0 0 5px;
  border-radius: 3px;
}

.views_nav_container .heading a {
  font-size: 13px;
  text-transform: none;
  font-weight: normal;
  display: inline-block;
  margin: 0 0 0 10px;
}
.views_nav_container .heading a.disabled {
  color: #e5e5e5;
}

.views_nav_container .select2-container {
  width: 100%;
  margin: 10px 0 20px;
}

.views_nav_container > ul {
  float: left;
  width: 100%;
  display: block;
  padding: 0 0 0 0;
  line-height: 25px;
  margin: 0 0 20px 0;
  overflow-y: auto;
  position: absolute;
  top: 100px;
  bottom: 10px;
  right: 0px;
}

.views_nav_container > ul li {
  float: left;
  width: 100%;
  display: block;
  position: relative;
  padding-right: 5px;
}

.views_nav_container ul#spock_recent_list li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.views_nav_container ul li .view_name {
  padding: 0 0 0 10px;
  color: #0288D1;
}

.views_nav_container ul li .active {
  color: black;
  font-weight: bold;
  cursor: default;
}

.views_nav_container ul li.shared_separator {
  position: relative;
  height: 30px;
  line-height: 18px;
  padding: 5px 0 0 0;
  margin: 0 0 10px 0;
}

.views_nav_container ul li.shared_separator:after {
  content: '';
  position: absolute;
  width: 100%;
  left: 0px;
  top: 13px;
  border-top: 1px solid #d7d7d7;
  height: 5px;
  z-index: 1;
}

.views_nav_container ul li.shared_separator .text {
  color: #656565;
  font-size: 13px;
  background-color: #F9F9FA;
  padding: 2px;
  margin: 0 0 0 5px;
  position: absolute;
  z-index: 2;
  text-shadow: 0 1px 0 #fff;
}

.prepare_query_block {
  float: left;
  width: 100%;
  display: block;
  padding: 5px 0 0 0;
}

.prepare_query_block .heading {
  float: left;
  width: 100%;
  display: block;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}

.prepare_query_block .heading .inner_header_ctr {
  float: left;
  width: 100%;
  display: block;
  background-color: #f2f2f2;
  color: #1F497D;
  font-size: 14px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  padding: 0 0 0 10px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.prepare_query_block .heading .inner_header_ctr .help_txt {
  color: #333333;
  font-weight: normal;
}

.prepare_query_block .query_controls_group {
  float: left;
  width: 100%;
  display: block;
  position: relative;
  background-color: #f5f5f5;
}

.prepare_query_block .query_controls_group .add_query_block {
  float: left;
  width: 100%;
  display: block;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  padding: 5px 30px 0 5px;
  position: relative;
}

.add_query_block li.single_query,
.add_query_block li.log_separator,
.add_query_block li.add_query {
  padding: 4px 8px;
  margin: 0 5px 5px 0;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
}

.add_query_block li.log_separator {
  cursor: default;
}

.add_query_block li.single_query {
  background: #ffffff;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ffffff 0%, #e3e3e3 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e3e3e3));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #e3e3e3 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #e3e3e3 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #e3e3e3 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #e3e3e3 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=0 );
  /* IE6-8 */
  padding-right: 32px;
  color: #40464c;
  border: 1px solid #c0c0c0;
  font-weight: bold;
}

.add_query_block li.single_query:hover {
  background: #e3e3e3;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZTNlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #e3e3e3 0%, #ffffff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e3e3e3), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e3e3e3 0%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e3e3e3 0%, #ffffff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e3e3e3 0%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #e3e3e3 0%, #ffffff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#ffffff',GradientType=0 );
  /* IE6-8 */
}

.add_query_block li.add_query {
  margin-left: 9px;
}

.add_query_block li.single_query .query_field {
  /*color: #1f497d;*/
}

.add_query_block li.single_query .remove_ico {
  top: 0px;
  right: 0px;
  bottom: 0px;
  background: url(../images/views_sprite.png) no-repeat -92px -4px;
  border-left: 1px solid #d3d3d3;
  height: auto;
  margin: 0px;
  width: 24px;
}

.add_query_block li.single_query .remove_ico:before {
  top: 0px;
  position: absolute;
  right: 24px;
  bottom: 0px;
  content: '';
  border-left: 1px solid #fff;
}

.prepare_query_block .query_controls_group .remove_all_query {
  top: 11px;
  right: 10px;
  z-index: 1;
}

.prepare_query_block .query_controls_group .remove_all_columns {
  top: 11px;
  right: 11px;
  z-index: 1;
}

.add_query_block li.log_separator,
.add_query_block li.add_query {
  padding-left: 0px;
  padding-right: 0px;
}

.add_query_block li.log_separator a {
  text-decoration: underline;
}

.action_btn_ctr {
  float: left;
  width: 100%;
  display: block;
  padding: 10px 0;
}

.edit_query_popover,
.edit-todo-title-popup {
  width: 715px;
  position: absolute;
  border: 1px solid #b1b1b1;
  border-radius: 4px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  display: none;
  z-index: 9;
  background-color: #fff;
  margin: 38px 0 0 10px;
}

.edit-todo-due-date-popup,
.edit-todo-title-popup {
  width: 461px;
}

.save_cancel_todo_duedate {
  margin: 5px 0 0 5px;
}

.edit-todo-due-date-popup .save_cancel_todo_title {
  width: 231px;
}

.edit-todo-title-popup {
  margin: 0px;
  min-height: 51px;
}

.edit-todo-title-popup .error_msg {
  margin-left: 6px;
}

.edit-todo-due-date-popup {
  width: 244px;
  height: auto;
  padding: 8px;
}

.edit_query_popover .arrow,
.edit_query_popover .arrow:after,
.edit-todo-title-popup .arrow,
.edit-todo-title-popup .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.edit_query_popover .arrow,
.edit-todo-title-popup .arrow {
  border-width: 12px 10px;
  top: -12px;
  left: 30px;
  margin-left: -11px;
  border-bottom-color: #b2b2b2;
  border-top-width: 0;
  z-index: 1;
}

.edit_query_popover .arrow:after,
.edit-todo-title-popup .arrow:after {
  border-width: 12px 10px;
  content: "";
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #ffffff;
  border-top-width: 0;
}

.edit_query_popover .query_controls_container {
  padding: 10px;
  float: left;
  width: 100%;
  display: block;
}

.edit_query_popover .query_controls_container select,
.edit_query_popover .query_controls_container input {
  padding: 3px;
  margin-right: 10px;
  width: 265px;
  float: left;
  border-radius: 4px;
  border: 1px solid #aaa;
}

.edit_query_popover .query_controls_container input.hasDatepicker {
  width: 126px;
}

.edit_query_popover .query_controls_container input {
  height: 26px;
}

.edit_query_popover .query_controls_container .select2-container {
  margin-right: 10px;
  float: left;
  /*min-width: 200px;
  max-width: 500px;*/
  width: 265px;
}

.edit_query_popover .query_controls_container .select2-container.select2-container-multi {
  /*min-width: 500px;*/
}

.edit_query_popover .query_controls_container select.mid_operator {
  width: 50px;
}

.edit_query_popover .query_controls_container .save_query_btn,
.edit_query_popover .query_controls_container .remove_query_btn {
  width: 26px;
  height: 23px;
  margin: 2px 10px 0 0;
  float: left;
  border-radius: 3px;
}

.edit_query_popover .query_controls_container .save_query_btn .ico,
.edit_query_popover .query_controls_container .remove_query_btn .ico {
  width: 14px;
  height: 14px;
  display: inline-block;
  margin: 5px 0 0 6px;
}

.edit_query_popover .query_controls_container .save_query_btn {
  background: #25588a;
  /* Old browsers */
  background: -moz-linear-gradient(top, #25588a 0%, #02376c 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #25588a), color-stop(100%, #02376c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #25588a 0%, #02376c 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #25588a 0%, #02376c 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #25588a 0%, #02376c 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #25588a 0%, #02376c 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25588a', endColorstr='#02376c',GradientType=0 );
  /* IE6-9 */
}

.edit_query_popover .query_controls_container .save_query_btn .ico {
  background: url(../images/save_query.png) no-repeat left top;
}

.edit_query_popover .query_controls_container .remove_query_btn {
  border: 1px solid #cccccc;
  margin: 2px 0 0 0;
}

.edit_query_popover .query_controls_container .remove_query_btn .ico {
  background: url(../images/remove_query.png) no-repeat left top;
}

.edit_query_popover .query_controls_container .save_query_btn:hover {
  background: #25588a;
}

.edit_query_popover .query_controls_container .save_query_btn:focus {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
}

.edit_query_popover .query_controls_container .remove_query_btn:hover {
  background: #f2f2f2;
}

.edit_query_popover .query_controls_container .remove_query_btn:focus {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
}

.edit_query_popover .select2-container-multi .select2-choices {
  /*height: 26px !important;*/
  min-height: 0px;
  padding-top: 2px;
  padding-bottom: 2px;
  max-height: 450px;
  overflow-x: hidden;
  overflow-y: auto;
}

.edit_query_popover .select2-container-multi .select2-choices .select2-search-choice {
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 12px;
  margin: 3px 5px 3px 0;
}

.edit_query_popover .select2-container-multi .select2-choices .select2-search-field input {
  padding-top: 1px;
  padding-bottom: 1px;
  min-height: 18px;
}

.edit_query_popover .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close {
  top: 2px;
}

/* Toggle Switch */
.toggle_switch {
  float: left;
  border: 1px solid #c7c7c7;
  background: #f7f3f7;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjNmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWUxZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #f7f3f7 0%, #e1e1e1 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f3f7), color-stop(100%, #e1e1e1));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f7f3f7 0%, #e1e1e1 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f7f3f7 0%, #e1e1e1 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f7f3f7 0%, #e1e1e1 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f7f3f7 0%, #e1e1e1 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f3f7', endColorstr='#e1e1e1',GradientType=0 );
  /* IE6-8 */
  border-radius: 5px;
  margin: 0 0 20px 0;
  position: relative;
  z-index: 2;
}

.toggle_switch:before {
  border-left: 1px solid #CCCCCC;
  bottom: -21px;
  content: "";
  height: 68px;
  left: 57px;
  position: absolute;
  width: 1px;
  z-index: 1;
}

.toggle_switch a {
  float: left;
  padding: 0 15px;
  height: 26px;
  line-height: 26px;
  color: #000;
  border-right: 1px solid #c7c7c7;
}

.toggle_switch a.active {
  background-color: #0073de;
  color: #fff;
  font-weight: bold;
  margin: -1px 0;
  height: 28px;
}

.toggle_switch a.first {
  border-radius: 5px 0 0 5px;
}

.toggle_switch a.last {
  border-radius: 0 5px 5px 0;
  border: none;
}

.view_grid_container {
  float: left;
  width: 100%;
  display: block;
  position: relative;
  padding-bottom: 40px;
  z-index: 1;
}

.results_container {
  float: left;
  width: 100%;
  display: block;
  overflow-x: auto;
  overflow-y: hidden;
  border-left: 1px solid #d0d0d0;
  padding-left: 33px;
}

.view_results_grid {
  /*background-color: #dcdcdc;*/
  width: 100%;
  border-spacing: 0px;
  /*table-layout: fixed;*/
}

.view_results_grid tr.head td,
.view_results_grid tr.head th {
  padding: 6px 8px;
  white-space: nowrap;
  font-weight: bold;
  border-right: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
  border-top: 1px solid #d0d0d0;
  cursor: pointer;
  background-color: #e9eef1;
  position: relative;
  text-align: left;
}

.view_results_grid tr.head:hover th,
.view_results_grid tr.head td:hover,
.view_results_grid tr.head th:hover {
  background-color: #e9eef1;
}

.view_results_grid tr.head td a,
.view_results_grid tr.head th a {
  color: #333;
  padding: 0 30px 0 0;
  display: block;
}

.view_results_grid tr.head td a .not_applied,
.view_results_grid tr.head th a .not_applied {
  background: url(../images/sort_both.png) no-repeat center center;
  width: 11px;
  display: inline-block;
  position: absolute;
  right: 8px;
  top: 0px;
  bottom: 0px;
}

.view_results_grid tr td a.hasTooltip {
  float: left;
}

.view_results_grid tr.head td a .as_sort_caret,
.view_results_grid tr.head th a .as_sort_caret {
  background: url(../images/sort_asc.png) no-repeat center center;
  width: 11px;
  display: inline-block;
  position: absolute;
  right: 8px;
  top: 0px;
  bottom: 0px;
}

.view_results_grid tr.head td a .ds_sort_caret,
.view_results_grid tr.head th a .ds_sort_caret {
  background: url(../images/sort_desc.png) no-repeat center center;
  width: 11px;
  display: inline-block;
  position: absolute;
  right: 8px;
  top: 0px;
  bottom: 0px;
}

.view_results_grid tr td,
.view_results_grid tr th {
  padding: 4px 8px;
  min-width: 100px;
  border-right: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
  vertical-align: top;
}

.view_results_grid tr td.grid_action_column,
.view_results_grid tr th.grid_action_column {
  min-width: 33px;
  max-width: 33px;
  position: absolute;
  z-index: 1;
  background-color: #fff;
  left: 1px;
}

.view_results_grid tr.head td.grid_action_column,
.view_results_grid tr.head th.grid_action_column {
  background-color: #e9eef1;
}

.view_results_grid tr td.sorted {
  background: none;
  background-color: #d8dbec !important;
}

.view_results_grid tr td .thumb {
  vertical-align: middle;
  margin: -2px 10px -2px -2px;
  background-color: #f2f2f2;
  float: left;
  width: 22px;
  height: 22px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

.view_results_grid tr td .status {
  font-weight: normal;
  padding: 3px 0;
}

.view_results_grid tr td .sort_by {
  vertical-align: middle;
  float: right;
}

.view_results_grid tr.selected td {
  background-color: #b8ddf3;
}

.one_column_layout {
  margin-left: 0px !important;
}

.select2-results li {
  width: 100%;
}

.select2-choices {
  float: left;
  width: 100%;
  display: block;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  padding: 5px 30px 0 5px;
  position: relative;
}

.select2-choices .select2-search-choice {
  padding: 4px 24px 4px 8px;
  margin: 0 10px 5px 0;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
  background: #b9cee3;
  color: #000;
  width: auto !important;
  height: auto !important;
}

.select2-choices .select2-search-choice .select2-search-choice-close {
  top: 5px;
  position: absolute;
  right: 7px;
  width: 16px;
  height: 16px;
  background: url(../images/sprite.png) no-repeat -471px -41px;
  text-indent: -999px;
  margin: 0 -4px 0 5px;
  cursor: pointer;
}

/*.select2-choices .select2-search-choice .select2-search-choice-close:hover {
	background: url(../images/views_sprite.png) no-repeat -92px -4px;
}*/
.save_view_popover {
  width: 310px;
  background: #fff;
  position: absolute;
  right: 10px;
  top: 65px;
  z-index: 104;
  border: 1px solid #d4d4d4;
  border-radius: 3px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.save_view_popover .head {
  float: left;
  width: 100%;
  display: block;
  border-bottom: 1px solid #d4d4d4;
  padding: 10px;
  position: relative;
}

.save_view_popover .head .toparrow,
.save_view_popover .head .toparrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.save_view_popover .head .toparrow {
  border-width: 12px 10px;
  top: -12px;
  right: 45px;
  margin-left: -11px;
  border-bottom-color: #b2b2b2;
  border-top-width: 0;
  z-index: 1;
}

.save_view_popover .head .toparrow:after {
  border-width: 12px 10px;
  content: "";
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #ffffff;
  border-top-width: 0;
}

.save_view_popover .head h2 {
  color: #333f48;
  font-size: 14px;
}

.save_view_popover .head .closebtn {
  width: 19px;
  height: 19px;
  position: absolute;
  right: 13px;
  top: 10px;
}

.save_view_popover .container {
  float: left;
  width: 100%;
  display: block;
  padding: 10px;
  background: #fff;
}

.save_view_popover .container p {
  color: #a5a5a5;
  padding: 0 0 5px 0;
  margin: 0 0 10px 0;
}

.save_view_popover .container input[type="text"] {
  width: 100%;
  border: 1px solid #a5a5a5;
  margin: 0 0 8px 0;
  line-height: 16px;
  padding: 5px;
}

.save_view_popover .container input[type="submit"] {
  margin: 0 5px 0 0;
}

#container .views_page_contr {
  margin-top: 65px;
  padding-bottom: 0px;
  border: none;
  background: #fff;
  border-bottom: 1px solid #dcdede;
  margin-right: 0px;
  border-radius: 0px;
}

.grid_actions {
  float: left;
  width: 100%;
  display: block;
  padding: 10px 0;
  background-color: #fff;
  margin: 10px 0 0 0;
  min-height: 48px;
}

.grid_actions a {
  margin: 3px 0 0 25px;
  display: inline-block;
  color: #4d4e53;
}

.grid_actions a:hover {
  color: #4d4e53;
}

.grid_actions a .ico {
  width: 16px;
  height: 14px;
  display: inline-block;
  margin: 0 5px 0 0;
  vertical-align: middle;
}

.grid_actions a.export_to_excel .ico {
  background: url(../images/export_excel_ico.png) no-repeat left top;
}

.grid_actions a.refresh_grid .ico {
  background: url(../images/refresh_ico.png) no-repeat left top;
}

.grid_actions a.fullscreen .ico {
  background: url(../images/fullscreen_ico.png) no-repeat left top;
  margin-top: -2px;
}

.grid_actions a.collapse_grid .ico {
  background: url(../images/collapse_grid_ico.png) no-repeat left top;
  margin-top: -2px;
}

.grid_actions .records_selected {
  display: inline-block;
  margin-left: 5px;
}

.grid_paging_contr {
  float: left;
  width: 100%;
  display: block;
  padding: 10px 0;
  background-color: #fff;
  position: fixed;
  bottom: 34px;
  z-index: 100;
}

.grid_paging_contr .paging_area {
  float: right;
  position: fixed;
  right: 32px;
  background: #fff;
}

.au_fixed_right .grid_paging_contr .paging_area {
  float: right;
  position: fixed;
  right: 332px;
}

.grid_paging_contr .generated_at {
  float: left;
  color: #8a8a8a;
}

.configure_rows {
  display: inline-block;
  margin: 0 0 0 20px;
}

.configure_rows select {
  /*padding: 2px 15px 2px 0;*/
  width: 60px;
  border-radius: 3px;
  height: 26px;
}

.choose_columns_row .select2-search-choice {
  background: #ffffff;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ffffff 0%, #e3e3e3 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e3e3e3));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #e3e3e3 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #e3e3e3 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #e3e3e3 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #e3e3e3 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=0 );
  /* IE6-8 */
  padding-right: 32px;
  color: #225589;
  border: 1px solid #c0c0c0;
  font-weight: bold;
  cursor: move;
}

.choose_columns_row .select2-search-choice:hover {
  background: #e3e3e3;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZTNlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #e3e3e3 0%, #ffffff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e3e3e3), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e3e3e3 0%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e3e3e3 0%, #ffffff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e3e3e3 0%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #e3e3e3 0%, #ffffff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#ffffff',GradientType=0 );
  /* IE6-8 */
}

.choose_columns_row .select2-search-choice .select2-search-choice-close {
  top: 0px;
  right: 0px;
  bottom: 0px;
  background: url(../images/views_sprite.png) no-repeat -92px -4px;
  border-left: 1px solid #d3d3d3;
  height: auto;
  margin: 0px;
  width: 24px;
}

.choose_columns_row .select2-search-choice .select2-search-choice-close:before {
  top: 0px;
  position: absolute;
  right: 24px;
  bottom: 0px;
  content: '';
  border-left: 1px solid #fff;
}

.select2-container-multi .select2-choices .select2-search-choice.ui-sortable-helper {
  background: #fff;
  border: 1px dotted #c0c0c0;
  color: #40464c;
}

.select2-container-multi .select2-choices .select2-search-choice.select2-search-choice-focus {
  /*background: #b9cee3;*/
}

.grid_paging_contr .paging_area .pager {
  padding: 0px;
  background: none;
  margin: 0px;
}

.grid_paging_contr .paging_area a {
  text-align: center;
  line-height: 11px;
  display: inline-block;
  padding: 2px 4px;
  height: 15px;
  border-radius: 4px;
  vertical-align: middle;
  margin: 0 2px;
}

.grid_paging_contr .paging_area a:hover,
.grid_paging_contr .paging_area a.active {
  background-color: #02376C;
  color: #fff;
}

.grid_paging_contr .paging_area a.first {
  background: url(../images/sprite.png) no-repeat -243px -64px;
  width: 11px;
}

.grid_paging_contr .paging_area a.prev {
  background: url(../images/sprite.png) no-repeat -259px -64px;
  width: 11px;
}

.grid_paging_contr .paging_area a.next {
  background: url(../images/sprite.png) no-repeat -276px -64px;
  width: 11px;
}

.grid_paging_contr .paging_area a.last {
  background: url(../images/sprite.png) no-repeat -294px -64px;
  width: 11px;
}

.grid_paging_contr .paging_area a.first.disable {
  background: url(../images/sprite.png) no-repeat -315px -64px;
}

.grid_paging_contr .paging_area a.prev.disable {
  background: url(../images/sprite.png) no-repeat -331px -64px;
}

.grid_paging_contr .paging_area a.next.disable {
  background: url(../images/sprite.png) no-repeat -348px -64px;
}

.grid_paging_contr .paging_area a.last.disable {
  background: url(../images/sprite.png) no-repeat -365px -64px;
}

.views_main_container {
  border: none !important;
}

/*.view_results_grid tr:nth-child(even) td {
	background-color: #eee;
}*/
.highlight_row, .highlight_row td {
  background-color: #e9eef1;
}

.highlight_column, .highlight_column td {
  background-color: rgba(255, 252, 216, 0.8);
}

@media only screen and (max-width: 1440px) {
  .edit_query_popover .select2-container-multi .select2-choices {
    max-height: 188px;
  }
}
.query_operator {
  color: #0288D1;
  font-weight: normal;
  font-size: 13px;
  margin-right: 5px;
  cursor: pointer;
  height: 27px;
  line-height: 27px;
  margin-bottom: 5px;
}

.fullscreen_grid {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 102;
  padding: 20px;
  padding-bottom: 0;
  overflow: auto;
  float: none !important;
  width: auto !important;
}

.fullscreen_grid .grid_actions {
  margin: 0px;
  padding-top: 0px;
}

.fullscreen_grid .grid_paging_contr {
  bottom: 0;
}

.select2-results input[type="checkbox"] {
  margin-right: 8px;
  margin-top: -3px;
  vertical-align: middle;
}

#errEditViewNameView {
  margin-left: 5px !important;
}

.views_left_dropdown .select2-results {
  max-height: 250px;
}

.filter_by.view_actions_filter {
  float: none;
  display: inline-block;
  margin-right: 5px;
  top: 0;
}
.filter_by.view_actions_filter .view-activity-assignee {
  width: 180px !important;
  right: 0px;
  left: inherit !important;
}

.filter_by.view_actions_filter .filter_options {
  width: 160px;
  left: 0px;
  padding: 5px 0;
}

.filter_by.view_actions_filter .filter_options p {
  text-align: left;
  color: #767676;
  padding: 5px 0 0 0;
  margin: 0px;
  font-size: 11px;
}

.filter_by.view_actions_filter .filter_options .file_type_separator {
  border-top: none;
  background: none;
}

.filter_by.view_actions_filter .filter_options ul li {
  padding: 0;
}

.filter_by.view_actions_filter .filter_options ul li a {
  margin: 0px;
  padding: 7px 10px;
  display: block;
  cursor: pointer;
  position: relative;
}

.filter_by.view_actions_filter .filter_options ul li a:hover {
  background-color: #f2f2f2;
}

.filter_by.view_actions_filter .filter_options ul li.divider {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

.filter_by.view_actions_filter .filter_options ul li.has_menu a:after {
  right: 10px;
  top: 11px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  border-color: rgba(73, 99, 115, 0);
  border-left-color: #496373;
  border-width: 5px;
}

.filter_by.view_actions_filter .filter_options ul ul {
  position: absolute;
  width: 160px;
  border: 1px solid #adadad;
  background-color: #fff;
  	/*margin-left: 149px;
      margin-top: -33px;*/
  display: none;
  left: 149px;
  bottom: 0px;
}

.filter_by.view_actions_filter .filter_options ul li:hover ul {
  display: block;
}

.filter_by.view_actions_filter .filter_options ul ul li a:after {
  display: none;
}

.filter_by.view_actions_filter .filter_options a.disabled {
  color: #ccc;
  cursor: default;
}

.filter_by.view_actions_filter .filter_options a.disabled:hover {
  color: #ccc;
}

.views_actions_pop_ctr {
  float: left;
  width: 100%;
  display: block;
}

.views_actions_pop_ctr .info_txt {
  color: #828282;
  padding-bottom: 10px;
}

.views_actions_pop_ctr #btnCont,
.views_actions_pop_ctr .confirm_btn_ctr {
  padding-top: 10px;
}

.views_actions_pop_ctr select,
.views_actions_pop_ctr input[type="text"] {
  width: 200px;
}

.view_results_grid tr td .edit_icon,
.exz-table-cell .edit_icon {
  width: 16px;
  height: 16px;
  background: url("../images/edit.svg") no-repeat 0 0;
  display: inline-block;
  text-indent: -9999px;
  vertical-align: middle;
  cursor: pointer;
  margin-left: 5px;
  float: right;
}

.view_results_grid tr td.action_item {
  padding-right: 26px;
  position: relative;
}

.view_results_grid tr td.action_item .edit_icon,
.view_results_grid tr td.action_item .warning_icon {
  position: absolute;
  right: 5px;
  top: 5px;
}

.view_results_grid tr td .warning_icon {
  width: 20px;
  height: 20px;
  background: url(../images/sprite.png) -188px -182px no-repeat;
  display: inline-block;
  text-indent: -9999px;
  vertical-align: middle;
  margin-left: 5px;
}

.edit_grid_popover {
  width: 310px;
  background: #fff;
  position: absolute;
  right: 10px;
  top: 65px;
  z-index: 104;
  border: 1px solid #d4d4d4;
  border-radius: 3px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.edit_grid_popover.diary_inline_popover {
  width: 500px;
}

.edit_grid_popover.diary_inline_popover ul.tagit {
  width: 400px;
}

.edit_grid_popover.diary_inline_popover .error_msg {
  float: none;
  width: 100%;
}

.edit_grid_popover .toparrow,
.edit_grid_popover .toparrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.edit_grid_popover .toparrow {
  border-width: 12px 10px;
  top: -12px;
  left: 50%;
  border-bottom-color: #b2b2b2;
  border-top-width: 0;
  z-index: 1;
}

.edit_grid_popover .toparrow:after {
  border-width: 12px 10px;
  content: "";
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #ffffff;
  border-top-width: 0;
}

.edit_grid_popover .container {
  float: left;
  width: 100%;
  display: block;
  padding: 10px;
  background: #fff;
}

.edit_grid_popover .container input[type="text"],
.edit_grid_popover .container select {
  width: 208px;
  border: 1px solid #a5a5a5;
  line-height: 16px;
  padding: 3px;
}

.edit_grid_popover .container input.hasDatepicker {
  width: 182px;
}

.edit_grid_popover .container input[type="submit"] {
  margin: 0 5px 0 0;
}

.edit_grid_popover .save_grid_entity,
.edit_grid_popover .cancel_grid_entity {
  width: 28px;
  height: 28px;
  background: url("../images/views_sprite.png") no-repeat -5px -4px;
  display: inline-block;
  text-indent: -9999px;
  vertical-align: middle;
  border: 1px solid #d0d0d0;
  border-radius: 3px;
  margin: 0 0 0 10px;
}

.edit_grid_popover .save_grid_entity,
.inline-action-container .save_grid_entity {
  background: url("../images/views_sprite.png") no-repeat -34px -4px;
}

.edit_grid_popover .cancel_grid_entity,
.inline-action-container .cancel_grid_entity {
  background: url("../images/views_sprite.png") no-repeat -63px -4px;
}

.prepare_query_block .query_controls_group .ellipsis_ctr {
  display: none;
}

.prepare_query_block .query_controls_group.collapsed_form .ellipsis_ctr {
  background-color: #8c8c8c;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  padding: 0 6px;
  display: inline-block;
  position: absolute;
  right: 30px;
  z-index: 1;
  cursor: pointer;
  border-radius: 3px;
  height: 18px;
  line-height: 18px;
  letter-spacing: 2px;
  top: 11px;
}

.query_controls_group .exp_col_arrow {
  display: none;
}

.prepare_query_block.collapsed_on .query_controls_group .exp_col_arrow {
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  border-color: rgba(78, 78, 78, 0);
  border-top-color: #4e4e4e;
  border-width: 5px;
  display: block;
  top: 17px;
  left: 6px;
  cursor: pointer;
}

.prepare_query_block.collapsed_on .query_controls_group .exp_col_arrow.disabled {
  border-top-color: #cdcdcd;
  cursor: default;
}

.prepare_query_block.collapsed_on .query_controls_group.collapsed_form .exp_col_arrow {
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  border-color: rgba(78, 78, 78, 0);
  border-left-color: #4e4e4e;
  border-width: 5px;
  display: block;
  top: 14px;
  left: 10px;
  cursor: pointer;
}

.prepare_query_block.collapsed_on .query_controls_group {
  background-color: #e6e6e6;
  border-radius: 3px;
  padding: 2px 22px;
  position: relative;
}

.prepare_query_block.collapsed_on .query_controls_group.collapsed_form .add_query_block {
  height: 35px;
  overflow: hidden;
  padding-right: 44px;
}

.prepare_query_block.collapsed_on .query_controls_group.collapsed_form .select2-container-multi .select2-choices {
  height: 36px !important;
  overflow: hidden;
  padding-right: 44px;
}

.prepare_query_block.collapsed_on .query_controls_group .add_query_block,
.prepare_query_block.collapsed_on .query_controls_group .select2-container-multi .select2-choices {
  border: none;
  background-color: #fff;
}

.collapsed_on .add_query_block li.single_query,
.collapsed_on .select2-container-multi .select2-choices li.select2-search-choice {
  background: #b5defa;
  filter: none;
  border: none;
  font-weight: normal;
}

.collapsed_on .add_query_block li.single_query:hover {
  background: #b5defa;
}

.collapsed_on .add_query_block li.single_query .remove_ico,
.collapsed_on .choose_columns_row .select2-search-choice .select2-search-choice-close {
  border-left: none;
}

.collapsed_on .add_query_block li.single_query .remove_ico:before,
.collapsed_on .choose_columns_row .select2-search-choice .select2-search-choice-close:before {
  display: none;
}

.prepare_query_block.collapsed_on .query_controls_group .remove_all_query,
.prepare_query_block.collapsed_on .query_controls_group .remove_all_columns {
  right: 4px;
  top: 11px;
  background: url(../images/views_sprite.png) no-repeat -98px -9px;
}

.prepare_query_block.collapsed_on .query_controls_group .select2-container-multi .select2-choices {
  min-height: 36px;
}

.collapsed_on .select2-container-multi .select2-choices .select2-search-field input {
  height: 24px;
}

#container .views_main_container {
  position: fixed;
  z-index: 8;
  left: 0;
  right: 0;
  bottom: 34px;
  top: 0;
  background-color: #fff;
  margin: 70px 0 0;
  display: block;
  padding-bottom: 10px;
  min-height: 0;
}

body.fix-container #container .middle_col.views_main_container {
  margin: 70px 0 0;
  z-index: 6;
}

body.fix-container .note_publish_notification {
  margin-top: 85px;
}

body.views_fullscreen_grid .note_publish_notification {
  margin-top: 15px;
}

.views_fullscreen_grid #header,
.views_fullscreen_grid.fix-container #container .middle_col,
.views_fullscreen_grid .views_section .left_navigation,
.views_fullscreen_grid .views_section .right_container,
.views_fullscreen_grid #header .top_bar .top_bar_container .client_logo,
.views_fullscreen_grid #header .top_bar .top_bar_container .top_bar_row .user_badge,
.views_fullscreen_grid .user_info span.dduser {
  z-index: auto;
}

.views_fullscreen_grid.fix-container .copyright_ftr {
  display: none;
}

.views_fullscreen_grid.fix-container .view_grid_container {
  padding: 0;
  padding-bottom: 40px;
}

.activity_change_estimate {
  max-width: 260px;
  display: block;
  padding: 7px;
  font-size: 12px;
}

.activity_change_estimate .inner_ctr {
  float: left;
  width: 100%;
  display: block;
}

.activity_change_estimate li {
  float: left;
  padding-right: 20px;
  background: url(../images/collapse.png) no-repeat right -1px;
}

.activity_change_estimate li:last-child {
  background: none;
  padding: 0;
  font-weight: bold;
}

.note_summary_tooltip {
  float: left;
  max-width: 300px;
  display: block;
  padding: 10px;
}

.note_summary_tooltip .inner_ctr {
  float: left;
  width: 100% !important;
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 11px;
  word-wrap: break-word;
  padding-right: 20px;
}

.note_attachment_listing {
  float: left;
  width: 100%;
  display: block;
}

.note_attachment_listing li {
  float: left;
  width: auto;
  border-radius: 3px;
  padding: 3px 8px;
  margin: 0 6px 6px 0;
  border: 1px solid #b5defa;
  color: #000;
  background-color: #fff;
}

.note_attachment_listing li .file_name_we {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.note_attachment_listing li .caption_txt {
  display: inline-block;
  color: #888888;
  vertical-align: middle;
}

.results_container .grips {
  position: relative;
}

.results_container .grips .grip {
  position: absolute;
  background-color: red;
  filter: alpha(opacity=1);
  opacity: 0;
  width: 6px;
  height: 100%;
  cursor: url(../images/resize_cursor.cur), auto;
  top: 0px;
  z-index: 2;
}

.disableGrip {
  cursor: default;
}

.resizerProp {
  table-layout: fixed;
  width: auto !important;
}

.res_history_summary {
  float: left;
  display: block;
  padding: 10px;
}

.res_history_summary .inner_ctr {
  float: left;
  width: 100% !important;
  display: block;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 20px;
}

.res_history_summary ul,
.res_history_summary li {
  float: left;
  clear: left;
  display: block;
  width: 100%;
}

.res_history_summary li {
  padding: 10px 0;
  border-bottom: 1px solid #f2f2f2;
  color: #000;
  background-color: #fff;
  padding-right: 140px;
  position: relative;
}

.res_history_summary li:last-child {
  border: none;
}

.res_history_summary li .date_time_stamp {
  float: right;
  color: #656565;
  font-size: 12px;
  position: absolute;
  right: 0;
  top: 10px;
}

.top_pane_fixed .view_grid_container {
  position: static;
  padding-bottom: 0px;
  z-index: auto;
}

.top_pane_fixed .results_container {
  float: none;
  width: auto;
  display: block;
  overflow-y: auto;
  border: none;
  padding-left: 0;
  border-top: 1px solid #d0d0d0;
  position: absolute;
  right: 20px;
  left: 20px;
  bottom: 40px;
  top: 394px;
}

.top_pane_fixed .view_results_grid tr td:first-child,
.top_pane_fixed .view_results_grid tr th:first-child {
  min-width: 33px;
  max-width: 33px;
  width: 33px;
  border-left: 1px solid #d0d0d0;
}

.top_pane_fixed .view_results_grid tr th:first-child {
  left: auto !important;
  top: auto !important;
  position: fixed !important;
  z-index: 3 !important;
}

.top_pane_fixed .view_results_grid tr th {
  z-index: 2 !important;
}

.top_pane_fixed.fullscreen_grid {
  padding-bottom: 0px;
}

/* perfect-scrollbar v0.6.11 */
.ps-container {
  -ms-touch-action: none;
  touch-action: none;
  overflow: hidden !important;
  -ms-overflow-style: none;
}

@supports (-ms-overflow-style: none) {
  .ps-container {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps-container {
    overflow: auto !important;
  }
}
.ps-container.ps-active-x > .ps-scrollbar-x-rail,
.ps-container.ps-active-y > .ps-scrollbar-y-rail {
  display: block;
  background-color: transparent;
}

.ps-container.ps-in-scrolling {
  pointer-events: none;
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 1;
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #999;
}

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 1;
}

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #999;
}

.ps-container > .ps-scrollbar-x-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  opacity: 0;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  -moz-transition: background-color .2s linear, opacity .2s linear;
  -o-transition: background-color .2s linear, opacity .2s linear;
  transition: background-color .2s linear, opacity .2s linear;
  bottom: 3px;
  /* there must be 'bottom' for ps-scrollbar-x-rail */
  height: 8px;
  z-index: 99;
  margin-left: 33px;
  margin-bottom: -3px;
}

.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: background-color .2s linear;
  -moz-transition: background-color .2s linear;
  -o-transition: background-color .2s linear;
  transition: background-color .2s linear;
  bottom: 0;
  /* there must be 'bottom' for ps-scrollbar-x */
  height: 8px;
}

.ps-container > .ps-scrollbar-y-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  opacity: 0;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  -moz-transition: background-color .2s linear, opacity .2s linear;
  -o-transition: background-color .2s linear, opacity .2s linear;
  transition: background-color .2s linear, opacity .2s linear;
  right: 3px;
  /* there must be 'right' for ps-scrollbar-y-rail */
  width: 8px;
  z-index: 99;
  margin-top: 33px;
  margin-right: -3px;
}

.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: background-color .2s linear;
  -moz-transition: background-color .2s linear;
  -o-transition: background-color .2s linear;
  transition: background-color .2s linear;
  right: 0;
  /* there must be 'right' for ps-scrollbar-y */
  width: 8px;
}

.ps-container:hover.ps-in-scrolling {
  pointer-events: none;
}

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 1;
}

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #999;
}

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 1;
}

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #999;
}

.ps-container:hover > .ps-scrollbar-x-rail,
.ps-container:hover > .ps-scrollbar-y-rail {
  opacity: 1;
}

.ps-container:hover > .ps-scrollbar-x-rail:hover {
  background-color: #eee;
  opacity: 1;
}

.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
  background-color: #999;
}

.ps-container:hover > .ps-scrollbar-y-rail:hover {
  background-color: #eee;
  opacity: 1;
}

.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
  background-color: #999;
}

/*end color-profile perfect scroll bar styles*/
.top-notification, .fade-notification {
  position: absolute;
  z-index: 6001;
  top: 0;
  left: 19%;
  right: 0;
  background: #FFFBCB;
  color: #333;
  text-align: center;
  line-height: 2.5;
  overflow: hidden;
}

.fade-notification {
  animation: fade 1.0s forwards;
  animation-iteration-count: 1;
  animation-delay: 5s;
}

@keyframes fade {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.react-layout-view {
  position: absolute;
  background: #ededed;
  bottom: 0;
  left: 0;
  right: 0;
}
.react-layout-view span.react-beta-label {
  position: absolute;
  background: #737373;
  padding: 1px 6px;
  border-radius: 3px;
  right: 10px;
  top: 5px;
  color: #fff;
}
.react-layout-view ul.react-view-change {
  margin-bottom: 0;
  width: auto;
}
.react-layout-view ul.react-view-change li {
  position: relative;
  padding: 5px 10px;
}
.react-layout-view ul.react-view-change li ul.react-view-list {
  opacity: 0;
  background: #fff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.23);
  position: absolute;
  bottom: 8px;
  left: 10px;
  width: 138px;
  transition: 0.3s cubic-bezier(0.6, 0.05, 1, 1);
  border-radius: 3px;
}
.react-layout-view ul.react-view-change li ul.react-view-list li {
  margin-bottom: 5px;
  width: 100%;
}
.react-layout-view ul.react-view-change li ul.react-view-list li span {
  background: #dadada;
  float: right;
  display: block;
  font-size: 10px;
  color: #9a9a9a;
  padding: 0px 5px;
  border-radius: 3px;
  line-height: 16px;
  margin-top: 3px;
}
.react-layout-view ul.react-view-change li ul.react-view-list li:hover {
  background: #f9f9f9;
  transition: 0.3s ease-in;
}
.react-layout-view ul.react-view-change li:hover ul.react-view-list {
  opacity: 1;
}

.feature_block h1, .feature_block h2, .feature_block h3 {
  font-family: "Arvo", serif;
  font-weight: normal;
}

.feature_block h1 {
  font-size: 1.7rem;
  color: #000;
  text-align: left;
  margin: 0 0 15px 0;
  font-weight: 700;
}

.feature_block h2 {
  font-size: 1.3rem;
  color: #000;
  margin: 0 0 15px 0;
}

.feature_block h3 {
  font-size: 1rem;
  color: #585858;
  margin: 0 0 15px 0;
}

.feature_block p {
  padding: 0;
  font-family: "Arvo", serif;
  font-size: 11pt;
  line-height: 20px;
}

.feature_block p:first-of-type {
  margin-top: 40px;
}

.feature_block p span {
  display: inline-block;
  margin: 0px;
}

.feature_block p span i {
  margin-right: 5px;
  margin-left: 5px;
  background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
  background-image: -webkit-linear-gradient(left top, #ffffff, #dddddd);
  background-image: -moz-linear-gradient(left top, #ffffff, #dddddd);
  background-image: -o-linear-gradient(left top, #ffffff, #dddddd);
  background-image: linear-gradient(to right bottom, #ffffff, #dddddd);
  border: #ccc solid 1px;
  padding: 5px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.feature_block p i {
  margin-left: -27px;
  margin-right: 10px;
}

.feature_block .some_txt {
  color: #999;
  font-weight: 600;
  margin-bottom: 43px;
  font-size: 14px;
}

.feature_block .intro_txt {
  color: #42be9f;
  font-weight: 600;
  margin: 0 0 14px 0;
  font-size: 14px;
}

.feature_block a.ftr_prev, .feature_block a.ftr_next {
  position: absolute;
  bottom: 5%;
  background: #42be9f;
  color: #fff;
  width: 110px;
  text-align: center;
  z-index: 9;
  right: 1%;
  padding: 5px 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.feature_block a.ftr_prev {
  background: transparent;
  color: #3498db;
  right: 132px;
}

.feature_block a.ftr_prev:hover, .feature_block a.ftr_next:hover {
  background: white;
  color: #3498db;
  background: transparent;
}

.feature_block a.ftr_next:hover {
  background: #0bb48a;
  color: #fff;
}

.feature_block a.ftr_prev i, .feature_block a.ftr_next i {
  font-size: 3rem;
  position: relative;
  right: 3px;
  top: -1px;
}

.feature_block a.ftr_next {
  right: 2%;
  left: auto;
}

.feature_block a.ftr_next i {
  left: 3px;
}

.feature_block a.prev_next_dis {
  border: #d2d8d8 solid 2px;
}

.feature_block a.prev_next_dis i {
  color: #d2d8d8;
}

.feature_block .skip_ftr {
  position: absolute;
  bottom: 31px;
  left: 20px;
  display: none;
}

.feature_block .skip_ftr span {
  color: #b7c0c0;
  margin-right: 10px;
}

.feature_block .skip_ftr span i {
  margin: 0 5px;
  font-size: 2rem;
  position: relative;
  top: 5px;
}

.feature_block .skip_ftr a {
  color: #3498db;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 5px;
}

.feature_block a {
  text-decoration: none;
  color: #114584;
  font-size: 11pt;
}

.Ftr_steps {
  margin: 0 auto;
  width: 90%;
  text-align: center;
  padding: 30px 10px 10px 10px;
  position: absolute;
  bottom: 17px;
  *zoom: 1;
}

.Ftr_steps li {
  display: inline-block;
  text-align: center;
  background: #fff;
  color: #4170aa;
  display: inline-block;
  margin: 0 10px 0 0;
  cursor: default;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-size: 2rem;
  line-height: 28px;
  float: inherit;
  border: 1px solid #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.Ftr_steps li:hover {
  border: 1px solid #fff;
  color: #0bb48a;
}

.Ftr_steps li a {
  color: #999;
  cursor: pointer;
}

.Ftr_steps li a:hover {
  color: #0bb48a;
}

.Ftr_steps li span {
  display: block;
  font-family: "Arvo", serif;
}

.Ftr_steps li em {
  line-height: 45px;
  color: #dde2e3;
}

.Ftr_steps li div.Steps_connect {
  background: #dde2e3;
  height: 3px;
  position: absolute;
  z-index: -1;
  top: 50%;
  margin-left: -22px;
  width: 4%;
  display: none;
}

.Ftr_steps .step_selected {
  color: #0bb48a;
  border: 1px solid #0bb48a;
}

.Ftr_steps .step_selected a {
  color: #0bb48a;
}

.Ftr_steps:after {
  content: "";
  display: table;
  clear: both;
}

.new_ftr_screen img {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.new_ftr_screen_squre img {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 10%;
  -moz-border-radius: 10%;
  -ms-border-radius: 10%;
  -o-border-radius: 10%;
  border-radius: 10%;
}

.feature_column_format .three_col {
  float: left;
  width: 100%;
  display: block;
  margin: 10px 0;
}

.feature_column_format .three_col li {
  float: left;
  width: 33%;
  display: block;
  text-align: center;
  color: #000;
  font-family: "Arvo",serif;
  font-size: 1rem;
  padding: 0 10px;
}

.f_left {
  float: left;
}

.f_right {
  float: right;
}

.over_max {
  background-color: rgba(0, 0, 0, 0.9);
  width: 100%;
  top: 0px;
  left: 0px;
  bottom: 0px;
  z-index: 999;
  position: fixed;
}

.feature_block {
  width: 1100px;
  min-height: 550px;
  background: #fff;
  margin: 0 auto;
  padding: 20px;
  font-family: "Arvo",serif;
  /*border: white solid 3px;
    -webkit-box-shadow: #708284 0px 1px 16px 0px;
    -moz-box-shadow: #708284 0px 1px 16px 0px;
    box-shadow: #708284 0px 1px 16px 0px;*/
  *zoom: 1;
}

.feature_block:after {
  content: "";
  display: table;
  clear: both;
}

.feature_ctr {
  width: 100%;
  float: left;
}

.feature_main {
  width: 100%;
}

.feature_main .feature_content {
  width: 66%;
  padding-top: 10px;
  float: left;
}

.feature_main .new_ftr_screen {
  width: 307px;
  height: 307px;
  overflow: hidden;
  float: left;
  margin-right: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: #b4bebf 5px 5px 15px;
  -moz-box-shadow: #b4bebf 5px 5px 15px;
  box-shadow: #b4bebf 5px 5px 15px;
  border: white solid 3px;
}

.feature_main .new_ftr_screen:before {
  width: 307px;
  height: 307px;
  overflow: hidden;
  float: left;
  margin-right: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: rgba(0, 0, 0, 0.6) 6px 7px 19px -9px inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.6) 6px 7px 19px -9px inset;
  box-shadow: rgba(0, 0, 0, 0.6) 6px 7px 19px -9px inset;
  position: absolute;
  content: '';
}

.feature_main .new_ftr_screen_squre {
  -webkit-border-radius: 10%;
  -moz-border-radius: 10%;
  -ms-border-radius: 10%;
  -o-border-radius: 10%;
  border-radius: 10%;
}

.feature_main .new_ftr_screen_squre:before {
  -webkit-border-radius: 10%;
  -moz-border-radius: 10%;
  -ms-border-radius: 10%;
  -o-border-radius: 10%;
  border-radius: 10%;
}

.feature_main .new_ftr_screen_simple {
  width: 327px;
  height: 355px;
  float: right;
  margin: 0 100px 0;
}

.feature_column_format .feature_content {
  width: 100%;
}

.feature_column_format .new_ftr_screen {
  width: 258px;
  height: 258px;
  display: inline-block;
  float: none;
  margin: 0 0 20px 0;
}

.feature_column_format .new_ftr_screen:before {
  width: 258px;
  height: 258px;
}

.feature_column_format .two_col, .feature_column_format .two_col_w {
  margin-left: 100px;
}

.feature_column_format .two_col li {
  width: 40%;
}

p.note {
  padding-left: 0px;
  margin-bottom: 0px;
  font-size: 13px;
  color: #f00;
}

p.help {
  padding-left: 0px;
  color: #666;
}

.feature_main .new_ftr_screen_l {
  width: 307px;
  height: 307px;
  overflow: hidden;
  float: left;
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: #b4bebf 5px 5px 15px;
  -moz-box-shadow: #b4bebf 5px 5px 15px;
  box-shadow: #b4bebf 5px 5px 15px;
  border: white solid 3px;
}

.feature_main .new_ftr_screen_l:before {
  -webkit-box-shadow: rgba(0, 0, 0, 0.6) 6px 7px 19px -9px inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.6) 6px 7px 19px -9px inset;
  box-shadow: rgba(0, 0, 0, 0.6) 6px 7px 19px -9px inset;
  position: absolute;
  content: '';
  left: 0px;
}

.feature_column_format .new_ftr_screen_l {
  width: 434px;
  height: 276px;
}

.feature_column_format .new_ftr_screen_l:before {
  width: 434px;
  height: 276px;
}

.feature_main .new_ftr_screen_squre_l {
  -webkit-border-radius: 5%;
  -moz-border-radius: 5%;
  -ms-border-radius: 5%;
  -o-border-radius: 5%;
  border-radius: 5%;
}

.feature_main .new_ftr_screen_squre_l:before {
  -webkit-border-radius: 5%;
  -moz-border-radius: 5%;
  -ms-border-radius: 5%;
  -o-border-radius: 5%;
  border-radius: 5%;
}

.feature_column_format .two_col_w li {
  width: 43%;
  margin-right: 60px;
}

.feature_layer_close {
  position: absolute;
  right: 11px;
  width: 32px;
  height: 20px;
  opacity: 1;
}

.feature_layer_close:hover {
  opacity: 0.9;
}

.feature_layer_close:before, .feature_layer_close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 20px;
  width: 2px;
  background-color: #7f7f7f;
}

.feature_layer_close:before {
  transform: rotate(45deg);
}

.feature_layer_close:after {
  transform: rotate(-45deg);
}

.dashboard_ico a {
  width: 30px;
  height: 26px;
  display: block;
  cursor: pointer;
}

.dashboard_page {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(215, 215, 215, 0.9);
  z-index: 104;
  min-width: 1260px;
  overflow: auto;
  display: none;
}

.admin_area .dashboard_ico.active:before {
  top: 18px;
}

.dashboard_page .top_section {
  background: #f8f8f8;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #f8f8f8 0%, #f2f2f3 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #f2f2f3));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f8f8f8 0%, #f2f2f3 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f8f8f8 0%, #f2f2f3 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f8f8f8 0%, #f2f2f3 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f8f8f8 0%, #f2f2f3 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f2f2f3',GradientType=0 );
  /* IE6-8 */
  border-bottom: 1px solid #cccccc;
  padding: 10px;
  width: 100%;
  display: block;
  float: left;
  margin: 0 0 15px 0;
  position: fixed;
  z-index: 2;
}

.dashboard_page .top_section .inner_section {
  width: 1260px;
  margin: 0 auto;
}

.dashboard_page .top_section .heading {
  color: #144e8e;
  font-size: 18px;
  float: left;
  font-weight: bold;
}

.dashboard_page .top_section .heading sup {
  text-transform: uppercase;
  color: #999;
  font-size: 10px;
  font-weight: normal;
  margin-left: 2px;
}

.dashboard_page .top_section .add_widget_btn {
  border: 1px solid #7a7a7a;
  color: #2e2d2d;
  margin: 0 0 0 20px;
  padding: 4px 8px;
  display: inline-block;
  border-radius: 3px;
  vertical-align: middle;
  display: none;
}

.dashboard_page .top_section .add_widget_btn .arrow {
  background: url(../images/down_arrow_icon.png) no-repeat left top;
  vertical-align: middle;
  display: inline-block;
  width: 13px;
  height: 6px;
  margin: 0 0 0 5px;
}

.dashboard_page .top_section .close_icon {
  color: #808080;
  font-size: 15px;
  text-transform: uppercase;
  float: right;
}

.dashboard_page .main_widget_container {
  width: 1260px;
  display: block;
  margin: 0 auto;
  padding: 40px 0 15px;
  -webkit-animation: animation 1000ms linear both;
  animation: animation 1000ms linear;
  transform-origin: 50% 50% 0 !important;
}

.dashboard_page .col_1 {
  float: left;
  width: 420px;
  padding-left: 10px;
}

.dashboard_page .col_2 {
  float: left;
  width: 840px;
  padding-left: 10px;
}

.dashboard_page .col_3 {
  float: left;
  width: 99.9%;
}

.dashboard_page .last_col {
  padding-right: 0;
}

.dashboard_page .first_col {
  padding-left: 0;
}

.dashboard_page .outer_widget_area {
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 15px;
  float: left;
  width: 100%;
  display: block;
  margin: 10px 0 0 0;
  position: relative;
  min-height: 400px;
  /*max-width: 620px;*/
  overflow: hidden;
}

.dashboard_page .outer_widget_area .heading {
  float: left;
  color: #6d6d6d;
  font-size: 18px;
  padding-right: 15px;
}

.dashboard_page .outer_widget_area .action_items {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 1;
  color: #999;
}

.dashboard_page .outer_widget_area .settings_icon,
.dashboard_page .outer_widget_area .refresh_icon,
.dashboard_page .outer_widget_area .close_icon,
.dashboard_page .outer_widget_area .info_icon,
.dashboard_page .outer_widget_area .transaction_settings {
  background: url(../images/widget_action_icons.png) no-repeat left top;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin: 0 0 0 15px;
}

.dashboard_page .outer_widget_area .transaction_settings {
  background: url(../images/transaction_settings_icon.png) no-repeat left top;
}

.dashboard_page .outer_widget_area .transaction_mode {
  position: absolute;
  right: 18px;
  top: 45px;
  font-weight: bold;
  color: #14d450;
}

.dashboard_page .outer_widget_area .refresh_icon {
  background: url(../images/widget_action_icons.png) no-repeat -28px top;
}

.dashboard_page .outer_widget_area .close_icon {
  background: url(../images/widget_action_icons.png) no-repeat -57px top;
}

.dashboard_page .outer_widget_area .info_icon {
  background: url(../images/widget_action_icons.png) no-repeat -85px top;
  width: 13px;
  height: 13px;
}

.dashboard_page .outer_widget_area .remove_widget_icon {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 1;
  display: none;
}

.dashboard_page .outer_widget_area .remove_widget_icon svg.svg-close {
  stroke: #fc3839;
}

.dashboard_page .outer_widget_area .widget_container_area {
  float: left;
  width: 100%;
  display: block;
  padding: 20px 0 0 0;
}
.dashboard_page .outer_widget_area .widget_container_area label {
  color: #999;
  font-weight: bold;
}

.pending_graph .graph_heading {
  padding: 5px 0 10px;
  text-align: center;
  font-weight: bold;
}

.activities_by_resolution .outer_widget_area,
.pending_graph .outer_widget_area,
.diaries.two_gadgets_dash .outer_widget_area,
.activity_note_gadget .outer_widget_area {
  height: 410px;
}

.diaries.small_gadget .outer_widget_area {
  min-height: 200px;
}

.claims_by_loss_type .outer_widget_area,
.assigned_completed_b2b .outer_widget_area,
.claim_reported_date .outer_widget_area {
  height: 410px;
}

.dashboard_page .pending_graph .outer_widget_area .widget_container_area {
  padding-top: 0px;
}

.my_workload .widget_container_area,
.diaries .widget_container_area {
  height: 90px;
}

.activities_by_resolution .piechart {
  margin: 0 0 0 0;
}

.main_widget_container .my_workload {
  /*background-color: #f4f4f4;*/
}

.main_widget_container .my_workload .workload_items {
  float: left;
  width: 33.33%;
  display: block;
  padding: 0 15px;
}

.main_widget_container .my_workload .workload_items .total_count {
  float: left;
  font-size: 24px;
  color: #999;
  padding: 12px 0 0 0;
}

.main_widget_container .my_workload .workload_items .total_count .count {
  font-size: 30px;
  font-weight: bold;
  vertical-align: middle;
}

.main_widget_container .my_workload .workload_items .total_count .within {
  color: #808080;
  font-size: 13px;
  margin: 5px 0 0 33px;
  display: block;
}

.main_widget_container .my_workload .overdue_items .count {
  color: #de0000;
}

.main_widget_container .my_workload .due_today_items .count {
  color: #2a8800;
}

.main_widget_container .my_workload .upcoming_items .count {
  color: #191919;
}

.main_widget_container .my_workload .workload_items ul {
  float: left;
  display: block;
  border-left: 2px solid #c3c3c3;
  padding: 0 0 0 0;
  margin: 0 0 0 25px;
  position: relative;
  height: 50px;
}

.main_widget_container .my_workload .workload_items ul li {
  float: none;
  width: auto;
  display: block;
  font-size: 18px;
  line-height: 24px;
}

.main_widget_container .my_workload .workload_items ul li.arrow {
  width: 0;
  height: 0;
  position: absolute;
  display: block;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #c3c3c3;
  left: -12px;
  margin-top: -11px;
  top: 50%;
}

.main_widget_container .my_workload .workload_items ul li.arrow:before {
  width: 0;
  height: 0;
  position: absolute;
  display: block;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #fff;
  left: 3px;
  margin-top: -10px;
  top: 50%;
  content: '';
}

.act_count {
  font-weight: bold;
}

.action_popover {
  position: absolute;
  right: 0px;
  top: 40px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  width: 200px;
  padding: 10px;
  color: #3a3a3a;
  background-color: #fff;
  font-size: 11px;
  z-index: 2;
  display: none;
}

.action_popover .arrow {
  content: "";
  height: 0;
  width: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #ccc;
  position: absolute;
  right: 10px;
  margin-left: -10px;
  top: -12px;
}

.action_popover .arrow:before {
  content: "";
  height: 0;
  width: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  top: 2px;
}

.action_popover .info_txt {
  display: block;
  padding: 0 0 10px 0;
}

.action_popover select {
  padding: 0px;
  font-size: 11px;
  margin: 0 5px 0 0;
  width: 105px;
  height: 24px;
}

.action_popover .apply_btn {
  background: #25588a;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI1NTg4YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjM3NmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #25588a 0%, #02376c 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #25588a), color-stop(100%, #02376c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #25588a 0%, #02376c 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #25588a 0%, #02376c 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #25588a 0%, #02376c 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #25588a 0%, #02376c 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25588a', endColorstr='#02376c',GradientType=0 );
  /* IE6-8 */
  border: 1px solid #1b4267;
  padding: 1px 10px;
  color: #fff;
  display: inline-block;
  border-radius: 3px;
  font-size: 12px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

.action_popover input[type="radio"] {
  margin: 0 4px 0 0;
  vertical-align: middle;
}

.action_popover input[type="radio"].second_option {
  margin-left: 15px;
  vertical-align: middle;
}

.action_popover.settings .arrow {
  right: 71px;
}

.two_gadget_row .workload_text_heading {
  display: block;
  color: #999;
  font-size: 22px;
  padding: 0 0 10px 0;
  position: absolute;
  top: 0px;
}

.two_gadget_row .workload_text_heading .within {
  display: inline;
  width: auto;
}

.two_gadget_row .my_workload .widget_container_area,
.two_gadget_row .diaries .widget_container_area {
  height: 110px;
}

.two_gadget_row .main_widget_container .my_workload .workload_items {
  position: relative;
  top: 0px;
  padding-top: 30px;
}

.main_widget_container .diaries .diaries_items {
  float: left;
  width: 100%;
  display: block;
}

.main_widget_container .diaries .diaries_items .total_count {
  float: left;
  font-size: 24px;
  color: #999;
  padding: 12px 0 0 0;
}

.main_widget_container .diaries .diaries_items .total_count .count {
  font-size: 30px;
  font-weight: bold;
  vertical-align: middle;
}

.main_widget_container .diaries .diaries_items ul {
  float: left;
  display: block;
  border-left: 2px solid #c3c3c3;
  padding: 0 0 0 0;
  margin: 0 0 0 25px;
  position: relative;
}

.main_widget_container .diaries .diaries_items ul li {
  float: none;
  width: auto;
  display: block;
  font-size: 18px;
  line-height: 24px;
  border-bottom: 1px solid #fafafa;
}

.main_widget_container .diaries .diaries_items ul li:last-child {
  border: none;
}

.main_widget_container .diaries .diaries_items ul li.arrow {
  width: 0;
  height: 0;
  position: absolute;
  display: block;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #c3c3c3;
  left: -12px;
  margin-top: -11px;
  top: 50%;
}

.main_widget_container .diaries .diaries_items ul li.arrow:before {
  width: 0;
  height: 0;
  position: absolute;
  display: block;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #fff;
  left: 3px;
  margin-top: -10px;
  top: 50%;
  content: '';
}

/********************
  Box shadow and border radius styling
*/
.nvtooltip.with-3d-shadow, .with-3d-shadow .nvtooltip {
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

/********************
 * TOOLTIP CSS
 */
.nvtooltip {
  position: absolute;
  background-color: #fff;
  z-index: 10000;
  padding: 5px 10px;
  color: #3a3a3a;
  border-radius: 4px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  font-family: Arial;
  font-size: 13px;
  text-align: left;
  white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block !important;
  /*width: 190px;*/
  min-width: 100px;
  max-width: 200px;
  pointer-events: none;
  margin-left: -62px;
  margin-top: -40px;
}

.nvtooltip .arrow {
  content: "";
  height: 0;
  width: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #ccc;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  bottom: -14px;
}

.nvtooltip .arrow:before {
  content: "";
  height: 0;
  width: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  bottom: 2px;
}

/*Give tooltips that old fade in transition by
    putting a "with-transitions" class on the container div.
*/
.nvtooltip.with-transitions, .with-transitions .nvtooltip {
  transition: opacity 250ms linear;
  -moz-transition: opacity 250ms linear;
  -webkit-transition: opacity 250ms linear;
  transition-delay: 250ms;
  -moz-transition-delay: 250ms;
  -webkit-transition-delay: 250ms;
}

.nvtooltip.x-nvtooltip,
.nvtooltip.y-nvtooltip {
  padding: 8px;
}

.nvtooltip h3 {
  margin: 0;
  padding: 4px 14px;
  line-height: 18px;
  font-weight: normal;
  background-color: rgba(247, 247, 247, 0.75);
  text-align: center;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.nvtooltip p {
  margin: 0;
  padding: 5px 14px;
  text-align: center;
}

.nvtooltip span {
  display: inline-block;
  margin: 2px 0;
}

/********************
 * SVG CSS
 */
svg {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Trying to get SVG to act like a greedy block in all browsers */
  display: block;
  width: 100%;
  height: 100%;
}

svg text {
  font: normal 12px Arial;
}

svg .title {
  font: bold 14px Arial;
}

.nvd3 .nv-background {
  fill: white;
  fill-opacity: 0;
  /*
pointer-events: none;
*/
}

.nvd3.nv-noData {
  font-size: 18px;
  font-weight: bold;
}

/**********
*  Brush
*/
.nv-brush .extent {
  fill-opacity: .125;
  shape-rendering: crispEdges;
}

/**********
*  Legend
*/
.nvd3 .nv-legend .nv-series {
  cursor: pointer;
}

.nvd3 .nv-legend .disabled circle {
  fill-opacity: 0;
}

/**********
*  Axes
*/
.nvd3 .nv-axis {
  pointer-events: none;
}

.nvd3 .nv-axis path {
  fill: none;
  stroke: #000;
  stroke-opacity: .75;
  shape-rendering: crispEdges;
}

.nvd3 .nv-axis path.domain {
  stroke-opacity: .75;
}

.nvd3 .nv-axis.nv-x path.domain {
  stroke-opacity: 0;
}

.nvd3 .nv-axis line {
  fill: none;
  stroke: #e5e5e5;
  shape-rendering: crispEdges;
}

.nvd3 .nv-axis .zero line,
.nvd3 .nv-axis line.zero {
  stroke-opacity: .75;
}

.nvd3 .nv-axis .nv-axisMaxMin text {
  font-weight: bold;
}

.nvd3 .x .nv-axis .nv-axisMaxMin text,
.nvd3 .x2 .nv-axis .nv-axisMaxMin text,
.nvd3 .x3 .nv-axis .nv-axisMaxMin text {
  text-anchor: middle;
}

/**********
*  Brush
*/
.nv-brush .resize path {
  fill: #eee;
  stroke: #666;
}

/**********
* Lines
*/
.nvd3 .nv-groups path.nv-line {
  fill: none;
  stroke-width: 1.5px;
}

.nvd3 .nv-groups path.nv-line.nv-thin-line {
  stroke-width: 1px;
}

.nvd3 .nv-groups path.nv-area {
  stroke: none;
}

.nvd3 .nv-line.hover path {
  stroke-width: 6px;
}

.nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point {
  /*fill-opacity: 0;
stroke-opacity: 0;*/
  fill-opacity: .5 !important;
  stroke-opacity: .5 !important;
}

.nvd3.nv-scatter.nv-single-point .nv-groups .nv-point {
  fill-opacity: .5 !important;
  stroke-opacity: .5 !important;
}

.nvd3.nv-scatter .nv-groups .nv-point.hover,
.nvd3 .nv-groups .nv-point.hover {
  stroke-width: 10px !important;
  fill-opacity: .95 !important;
  stroke-opacity: .95 !important;
}

.nvd3 .nv-point-paths path {
  stroke: #aaa;
  stroke-opacity: 0;
  fill: #eee;
  fill-opacity: 0;
}

.nvd3 .nv-indexLine {
  cursor: ew-resize;
}

.nvd3 .nv-groups .nv-series-2 path.nv-line {
  stroke-width: 3.5px;
  stroke-dasharray: 4px;
}

.widget_loader {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -7px 0 0 -20px;
}

.checkbox_bg {
  background: url(../images/checkbox_ico.png) no-repeat left top;
}

.total_count_tt {
  padding-right: 10px;
  padding-left: 10px;
  font-size: 20px;
  font-weight: bold;
  color: #333;
  border-left: 1px solid #ccc;
  height: 40px;
  line-height: 40px;
  float: right;
}

.separate_count {
  display: block;
  padding-right: 20px;
  float: left;
  font-weight: bold;
}

.separate_count li {
  float: none;
}

.separate_count .label_count {
  display: inline-block;
  width: 50px;
  font-weight: normal;
}

/*  Guide Tour CSS */
.shepherd-element, .shepherd-element:after, .shepherd-element:before, .shepherd-element *, .shepherd-element *:after, .shepherd-element *:before {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.shepherd-element {
  position: absolute;
  display: none;
  z-index: 999;
}

.shepherd-element.shepherd-open {
  display: block;
}

.shepherd-element.shepherd-theme-arrows {
  max-width: 100%;
  max-height: 100%;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  font-family: inherit;
  background: #fff;
  color: #444;
  padding: 1em;
  font-size: 1.1em;
  line-height: 1.5em;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-box-shadow: 0px 0px 6px 0px rgba(136, 136, 136, 0.75);
  -moz-box-shadow: 0px 0px 6px 0px rgba(136, 136, 136, 0.75);
  box-shadow: 0px 0px 6px 0px rgba(136, 136, 136, 0.75);
}

.shepherd-element.shepherd-theme-arrows .shepherd-content:before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-width: 16px;
  border-style: solid;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content {
  margin-bottom: 16px;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content:before {
  top: 100%;
  left: 50%;
  margin-left: -16px;
  border-top-color: #fff;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content {
  margin-top: 16px;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content:before {
  bottom: 100%;
  left: 50%;
  margin-left: -16px;
  border-bottom-color: #fff;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content {
  margin-right: 16px;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content:before {
  left: 100%;
  top: 50%;
  margin-top: -16px;
  border-left-color: #fff;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content {
  margin-left: 16px;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content:before {
  right: 100%;
  top: 50%;
  margin-top: -16px;
  border-right-color: #fff;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content {
  margin-top: 16px;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content:before {
  bottom: 100%;
  left: 16px;
  border-bottom-color: #fff;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content {
  margin-top: 16px;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content:before {
  bottom: 100%;
  right: 16px;
  border-bottom-color: #fff;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content {
  margin-bottom: 16px;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content:before {
  top: 100%;
  left: 16px;
  border-top-color: #fff;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content {
  margin-bottom: 16px;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content:before {
  top: 100%;
  right: 16px;
  border-top-color: #fff;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content {
  margin-right: 16px;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
  top: 16px;
  left: 100%;
  border-left-color: #fff;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content {
  margin-left: 16px;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
  top: 16px;
  right: 100%;
  border-right-color: #fff;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content {
  margin-right: 16px;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
  bottom: 16px;
  left: 100%;
  border-left-color: #fff;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content {
  margin-left: 16px;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
  bottom: 16px;
  right: 100%;
  border-right-color: #fff;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-center.shepherd-has-title .shepherd-content:before, .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before, .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before {
  border-bottom-color: #575757;
}

.shepherd-element.shepherd-theme-arrows.shepherd-has-title .shepherd-content header {
  background: #575757;
  padding: 1em;
  color: #fff;
}

.shepherd-element.shepherd-theme-arrows.shepherd-has-title .shepherd-content header a.shepherd-cancel-link {
  padding: 0;
  margin-bottom: 0;
}

.shepherd-element.shepherd-theme-arrows.shepherd-has-cancel-link .shepherd-content header h3 {
  float: left;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content {
  padding: 0;
  width: 350px;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content * {
  font-size: inherit;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content header {
  *zoom: 1;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 0 0;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content header:after {
  content: "";
  display: table;
  clear: both;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content header h3 {
  margin: 0;
  line-height: 1;
  font-weight: normal;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content header a.shepherd-cancel-link {
  float: right;
  text-decoration: none;
  font-size: 1.25em;
  line-height: 0.8em;
  font-weight: normal;
  color: white;
  opacity: 1;
  position: relative;
  top: 0.1em;
  padding: 0.8em;
  margin-bottom: -0.8em;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content header a.shepherd-cancel-link:hover {
  opacity: 1;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content .shepherd-text {
  padding: 1em;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content .shepherd-text p {
  margin: 0 0 0.5em 0;
  line-height: 1.3em;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content .shepherd-text p:last-child {
  margin-bottom: 0;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content footer {
  padding: 0 1em 1em;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons {
  text-align: right;
  list-style: none;
  padding: 0;
  margin: 0;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons li {
  display: inline;
  padding: 0;
  margin: 0;
  float: none;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons li .shepherd-button {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  border: 0;
  margin: 0 0.5em 0 0;
  font-family: inherit;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.8em;
  line-height: 1em;
  padding: 0.75em 2em;
  background: #575757;
  color: #fff;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary {
  background: #eee;
  color: #999;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons li:last-child .shepherd-button {
  margin-right: 0;
}

.hero-outer .hero-inner > * {
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
  opacity: 0.4;
}

body:not(.shepherd-active) .hero-outer .hero-inner > * {
  opacity: 1;
}

.hero-outer .hero-inner .shepherd-target.shepherd-enabled {
  opacity: 1;
}

body.shepherd-active .dashboard_page {
  background-color: #d7d7d7;
}

#noData {
  position: absolute;
  font-size: 14px;
  text-align: center;
  left: 0px;
  top: 0px;
  right: 0px;
  color: #A4A4A4;
  padding: 170px 20px 0;
  line-height: 21px;
}

.claims_by_loss_type #noData,
.claim_reported_date #noData,
.assigned_completed_b2b #noData {
  top: 80px;
  padding: 110px 20px 0;
}

#workload_overdue_nodata,
#workload_duetoday_nodata,
#workload_upcoming_nodata,
.no_diaries_list {
  color: #A4A4A4;
  padding: 20px 0 20px 0;
  line-height: 21px;
  font-size: 14px;
  text-align: center;
}

#noData.no_diaries_list {
  padding-top: 80px;
}

.diaries .heading .within {
  display: block;
  color: #999;
  font-size: 11px;
  padding-top: 5px;
}

.dashboard_notification {
  background: #fffee6;
  border: #f4ef7c solid 1px;
  position: fixed;
  z-index: 3;
  left: 50%;
  top: 0px;
  text-align: center;
  line-height: 26px;
  margin: 0 0 0 -250px;
  padding: 5px 20px;
  width: 500px;
  display: none;
}

.shepherd-element[data-id="Welcome_Upcoming"] {
  margin-left: 479px !important;
}

.shepherd-element[data-id="Welcome_Overdue"] {
  margin-left: -479px !important;
}

.two_gadget_row .shepherd-element[data-id="Welcome_Overdue"] {
  margin-left: -258px !important;
}

.two_gadget_row .shepherd-element[data-id="Welcome_Upcoming"] {
  margin-left: 258px !important;
}

.shepherd-element[data-id="Welcome_Activities_by_resolution"] {
  margin-left: 15px !important;
}

.shepherd-element[data-id="DashboardIntro"].shepherd-theme-arrows .shepherd-content {
  width: 250px;
}

/*#overdue_activity_items_count,
#overdue_todo_items_count,
#due_today_activity_items_count,
#due_today_todo_items_count,
#upcoming_activity_items_count,
#upcoming_todo_items_count,
#other_new_diaries_count,
#new_diaries_count {
    text-align: right;
    display: inline-block;
    width: 45px;
    margin-right: 5px;
}*/
#new_diaries_count,
#other_new_diaries_count {
  width: auto;
  text-align: center;
  font-size: 16px;
  display: inline-block;
  margin: 0 5px 0 15px;
}

.guide_thumb {
  display: block;
  margin: 10px 0 0 0;
}

.diaries.only_two_gadget .widget_container_area {
  /*height: 270px;*/
}

.main_widget_container .diaries.only_two_gadget .diaries_items .total_count {
  width: 100%;
  text-align: center;
}

.main_widget_container .diaries.only_two_gadget .diaries_items .total_count .count {
  font-size: 100px;
  display: block;
  line-height: 100px;
}

.main_widget_container .diaries.only_two_gadget .diaries_items ul {
  width: 100%;
  /*ext-align: center;*/
  border-left: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.main_widget_container .diaries.only_two_gadget .diaries_items ul li {
  font-size: 14px;
  line-height: 52px;
}

.dashboard_page .diaries.two_gadgets_dash.col_1 {
  width: 420px;
}

.diaries.two_gadgets_dash .widget_container_area,
.activities_by_resolution.two_gadgets_dash .widget_container_area {
  height: 270px;
}

.diaries.two_gadgets_dash .outer_widget_area {
  padding: 15px;
}

.diaries.two_gadgets_dash .outer_widget_area .heading {
  padding: 0;
}

.two_gadgets_dash #noData.no_diaries_list {
  padding: 170px 0 0;
}

.main_widget_container .diaries.two_gadgets_dash .diaries_items ul {
  width: 100%;
  text-align: center;
  border-left: none;
  margin: 20px 0 0 0;
  padding: 20px 0 0 0;
}

.main_widget_container .diaries.two_gadgets_dash .diaries_items ul li {
  font-size: 28px;
  line-height: 40px;
}

.diaries.two_gadgets_dash #new_diaries_count,
.diaries.two_gadgets_dash #other_new_diaries_count {
  width: auto;
  text-align: center;
  font-size: 28px;
}

/* Generated with Bounce.js. Edit at http://goo.gl/1lNSuX */
@-webkit-keyframes animation {
  0% {
    -webkit-transform: matrix3d(0.25, 0, 0, 0, 0, 0.25, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.25, 0, 0, 0, 0, 0.25, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  2.8% {
    -webkit-transform: matrix3d(0.525, 0, 0, 0, 0, 0.525, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.525, 0, 0, 0, 0, 0.525, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  3% {
    -webkit-transform: matrix3d(0.546, 0, 0, 0, 0, 0.546, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.546, 0, 0, 0, 0, 0.546, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  5.61% {
    -webkit-transform: matrix3d(0.794, 0, 0, 0, 0, 0.794, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.794, 0, 0, 0, 0, 0.794, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  6.01% {
    -webkit-transform: matrix3d(0.825, 0, 0, 0, 0, 0.825, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.825, 0, 0, 0, 0, 0.825, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  8.41% {
    -webkit-transform: matrix3d(0.972, 0, 0, 0, 0, 0.972, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.972, 0, 0, 0, 0, 0.972, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  9.01% {
    -webkit-transform: matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  11.11% {
    -webkit-transform: matrix3d(1.05, 0, 0, 0, 0, 1.05, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05, 0, 0, 0, 0, 1.05, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  12.01% {
    -webkit-transform: matrix3d(1.042, 0, 0, 0, 0, 1.042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.042, 0, 0, 0, 0, 1.042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  16.12% {
    -webkit-transform: matrix3d(1.011, 0, 0, 0, 0, 1.011, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.011, 0, 0, 0, 0, 1.011, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  19.72% {
    -webkit-transform: matrix3d(0.994, 0, 0, 0, 0, 0.994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.994, 0, 0, 0, 0, 0.994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  27.43% {
    -webkit-transform: matrix3d(0.992, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.992, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33.33% {
    -webkit-transform: matrix3d(0.998, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.998, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  38.34% {
    -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  42.84% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  55.66% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  58.26% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  60.56% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  73.67% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  77.88% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  82.78% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  88.99% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@keyframes animation {
  0% {
    -webkit-transform: matrix3d(0.25, 0, 0, 0, 0, 0.25, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.25, 0, 0, 0, 0, 0.25, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  2.8% {
    -webkit-transform: matrix3d(0.525, 0, 0, 0, 0, 0.525, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.525, 0, 0, 0, 0, 0.525, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  3% {
    -webkit-transform: matrix3d(0.546, 0, 0, 0, 0, 0.546, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.546, 0, 0, 0, 0, 0.546, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  5.61% {
    -webkit-transform: matrix3d(0.794, 0, 0, 0, 0, 0.794, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.794, 0, 0, 0, 0, 0.794, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  6.01% {
    -webkit-transform: matrix3d(0.825, 0, 0, 0, 0, 0.825, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.825, 0, 0, 0, 0, 0.825, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  8.41% {
    -webkit-transform: matrix3d(0.972, 0, 0, 0, 0, 0.972, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.972, 0, 0, 0, 0, 0.972, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  9.01% {
    -webkit-transform: matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  11.11% {
    -webkit-transform: matrix3d(1.05, 0, 0, 0, 0, 1.05, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05, 0, 0, 0, 0, 1.05, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  12.01% {
    -webkit-transform: matrix3d(1.042, 0, 0, 0, 0, 1.042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.042, 0, 0, 0, 0, 1.042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  16.12% {
    -webkit-transform: matrix3d(1.011, 0, 0, 0, 0, 1.011, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.011, 0, 0, 0, 0, 1.011, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  19.72% {
    -webkit-transform: matrix3d(0.994, 0, 0, 0, 0, 0.994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.994, 0, 0, 0, 0, 0.994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  27.43% {
    -webkit-transform: matrix3d(0.992, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.992, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33.33% {
    -webkit-transform: matrix3d(0.998, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.998, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  38.34% {
    -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  42.84% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  55.66% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  58.26% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  60.56% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  73.67% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  77.88% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  82.78% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  88.99% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
.workkard_report_gadget .collapse_break_up {
  padding: 5px 15px;
  text-align: right;
  font-size: 11px;
}

.workkard_report_gadget .collapse,
.workkard_report_gadget .expand {
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  width: 11px;
  display: inline-block;
  vertical-align: middle;
}

.workkard_report_gadget .outer_widget_area,
.diaries .outer_widget_area {
  padding: 0px;
}

.workkard_report_gadget .outer_widget_area .heading,
.diaries .outer_widget_area .heading {
  padding: 15px 0 0 15px;
}

.col_1 .outer_widget_area .heading .date_range,
.col_2 .outer_widget_area .heading .date_range,
.col_3 .outer_widget_area .heading .date_range {
  font-size: 13px;
  display: inline-block;
  padding: 5px 0 0 0;
}

.workkard_report_gadget .outer_widget_area .heading .reportType {
  border: 0px;
  padding: 0 18px 0 0;
  width: auto;
  border-radius: 0;
  margin-left: -6px;
  margin-top: -4px;
  font-size: 18px;
  color: #6d6d6d;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 28px;
  line-height: 22px;
  background: url(../images/collapse_arrow-multiple.png) no-repeat right center;
}

.workkard_report_gadget .outer_widget_area .heading .reportType::-ms-expand {
  display: none;
}

.workkard_report_gadget .outer_widget_area .heading .reportType option {
  font-size: 13px;
  color: #000;
}

.workkard_report_gadget_tbl {
  width: 100%;
  font-size: 11px;
  font-weight: bold;
  color: #999;
  table-layout: fixed;
}

.workkard_report_gadget_tbl .collapsed {
  display: none;
}

.workkard_report_gadget_tbl tr td {
  padding: 5px 0;
}

.workkard_report_gadget_tbl tr td.new,
.workkard_report_gadget_tbl tr td.closed,
.workkard_report_gadget_tbl tr td.reopen {
  text-align: right;
}

.workkard_report_gadget_tbl tr.head td {
  border-bottom: 1px solid #fafafa;
}

.workkard_report_gadget_tbl tr td.first_col,
.workkard_report_gadget_tbl tr.head td {
  color: #000;
}

.workkard_report_gadget_tbl tr td.first_col {
  padding-left: 15px;
}

.workkard_report_gadget_tbl tr td.reopen {
  padding-right: 6px;
}

.workkard_report_gadget_tbl tr td.in_date_range {
  color: #999;
  width: 165px;
}

.reassignment_view.workkard_report_gadget_tbl tr td.in_date_range {
  width: 215px;
}

.reassignment_view.workkard_report_gadget_tbl .claim_report_listing li .first_col {
  width: 215px;
}

.reassignment_view.workkard_report_gadget_tbl .claim_report_listing li .new_counter,
.reassignment_view.workkard_report_gadget_tbl .claim_report_listing li .close_counter {
  width: 90px;
}

.workkard_report_gadget_tbl tr td .per_week_txt {
  color: #999;
}

.workkard_report_gadget_tbl .label_status {
  display: inline-block;
  padding: 1px 8px;
  border-radius: 10px;
}

.workkard_report_gadget_tbl .label_status .indicator {
  width: 6px;
  height: 6px;
  display: inline-block;
  border-radius: 6px;
  vertical-align: middle;
  margin-right: 3px;
}

.workkard_report_gadget_tbl .new .label_status .indicator {
  background-color: #2ecd71;
}

.workkard_report_gadget_tbl .closed .label_status .indicator {
  background-color: #ef573f;
}

.workkard_report_gadget_tbl .reopen .label_status .indicator {
  background-color: #f39c11;
}

.workkard_report_gadget_tbl .new .label_status.active {
  font-weight: bold;
  background-color: #2ecd71;
  color: #fff;
}

.workkard_report_gadget_tbl .closed .label_status.active {
  font-weight: bold;
  background-color: #ef573f;
  color: #fff;
}

.workkard_report_gadget_tbl .reopen .label_status.active {
  font-weight: bold;
  background-color: #f39c11;
  color: #fff;
}

.workkard_report_gadget_tbl .label_status.active .indicator {
  display: none;
}

.workkard_report_gadget_tbl .down_indicator {
  border: solid transparent;
  height: 0;
  width: 0;
  pointer-events: none;
  border-color: rgba(170, 170, 170, 0);
  border-top-color: #aaaaaa;
  border-width: 5px;
  vertical-align: middle;
  display: inline-block;
  margin: 5px 3px 0;
}

.workkard_report_gadget_tbl .up_indicator {
  border: solid transparent;
  height: 0;
  width: 0;
  pointer-events: none;
  border-color: rgba(170, 170, 170, 0);
  border-bottom-color: #aaaaaa;
  border-width: 5px;
  vertical-align: middle;
  display: inline-block;
  margin: -5px 3px 0;
}

.workkard_report_gadget_tbl tr td.tbl_expanded_ctr {
  background-color: #f5f5f5;
  padding: 0px;
}

.report_sorting_ctr {
  height: 35px;
  line-height: 13px;
  padding: 10px 15px;
  font-weight: normal;
}

.report_sorting_ctr .sort_desc,
.report_sorting_ctr .sort_asc {
  margin-left: 5px;
  margin-top: -3px;
}

.report_sorting_ctr,
.report_sorting_ctr a {
  display: block;
}

.report_sorting_ctr .sort_desc {
  background: #fff url(../images/az.svg) no-repeat 0px -18px/20px 40px !important;
  display: block;
}

.report_sorting_ctr .sort_asc {
  background: #fff url(../images/az.svg) no-repeat 0px -2px/20px 40px !important;
  display: block;
}

.report_sorting_ctr .report_sorting_txt {
  float: left;
}

.report_sorting_ctr .report_other_actions {
  float: right;
}

.report_sorting_ctr .report_other_actions li {
  margin: 0 0 0 20px;
  float: right;
}

.report_sorting_ctr .report_other_actions li:last-child {
  margin: 0px;
}

.report_sorting_ctr .report_other_actions li .ico {
  width: 16px;
  height: 16px;
  margin: 0 5px 0 0;
  display: inline-block;
  vertical-align: middle;
}

.report_sorting_ctr .report_other_actions .export_as_csv .ico {
  background: url(../images/export_gadget.png) no-repeat left top;
}

.report_sorting_ctr .report_other_actions .collapse .ico {
  background: url(../images/collapse_widget.png) no-repeat left top;
}

rect.expander {
  stroke: #c7c7c7;
  fill: #f5f5f5;
  stroke-width: 1px;
  cursor: pointer;
  width: 12px;
  height: 12px;
}

rect.bar {
  cursor: pointer;
}

text.expandertext {
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
}

.report_sorting_dropdown {
  float: left;
  position: relative;
  margin-top: -4px;
  margin-left: 5px;
}

.report_sorting_dropdown select {
  font-size: 11px;
  height: 21px;
  padding-right: 20px;
}

.report_sorting_dropdown .report_sorting_dropdown_text {
  border: 1px solid #ededed;
  text-align: center;
  border-radius: 3px;
  padding: 2px 10px;
  display: block;
  font-weight: bold;
  z-index: 3;
  position: relative;
  line-height: 16px;
}

.report_sorting_dropdown .report_sorting_dropdown_text .arrow {
  border: solid transparent;
  height: 0;
  width: 0;
  pointer-events: none;
  border-color: transparent;
  border-top-color: #000;
  border-width: 4px;
  vertical-align: middle;
  display: inline-block;
  margin: 2px 3px 0;
}

.report_sorting_dropdown .report_sorting_dropdown_options {
  position: absolute;
  border: 1px solid #ededed;
  background-color: #fff;
  left: 0px;
  top: 22px;
  z-index: 2;
  padding: 5px;
  width: 140px;
  display: none;
}

.report_sorting_dropdown:hover .report_sorting_dropdown_options {
  display: block;
}

.dashboard_page .diaries.col_1,
.dashboard_page .add_to_dashboard {
  width: 210px;
}

.dashboard_views_count {
  float: left;
  width: 100%;
  display: block;
  font-size: 56px;
  font-weight: bold;
  text-align: center;
  padding-top: 43px;
  color: #1f77b4;
}

.dashboard_views_count a {
  color: #1f77b4;
}

#weekly {
  height: 638px;
  overflow-y: auto;
  width: 100%;
  padding-bottom: 10px;
}

.reassignment_view #weekly {
  height: 704px;
}

#monthly {
  height: 607px;
  overflow-y: auto;
  width: 100%;
  padding-bottom: 10px;
}

#yearly {
  height: 585px;
  overflow-y: auto;
  width: 100%;
  padding-bottom: 10px;
}

.weekly .outer_widget_area,
.monthly .outer_widget_area,
.yearly .outer_widget_area {
  height: 830px;
}

.dashboard_page .tick {
  fill: none;
  stroke: black;
}

.dashboard_page .grid .tick {
  stroke: #efefef;
  shape-rendering: crispEdges;
}

.dashboard_page .grid path {
  stroke-width: 0;
  fill: none;
}

.dashboard_page .axis path, .dashboard_page .axis line {
  fill: none;
  stroke: black;
}

.dashboard_page .axis text {
  font-size: 10px;
  stroke-width: 0.5px;
}

/* Add Widget Bar */
.expand_widget_btn {
  background-color: #41b564;
  width: 40px;
  height: 40px;
  border-radius: 3px 0 0 3px;
  position: fixed;
  right: 0px;
  top: 90px;
  z-index: 2;
}

.expand_widget_btn:before {
  position: absolute;
  width: 18px;
  height: 3px;
  content: '';
  background-color: #fff;
  left: 50%;
  top: 50%;
  margin: -1px 0 0 -9px;
}

.expand_widget_btn:after {
  position: absolute;
  width: 3px;
  height: 18px;
  content: '';
  background-color: #fff;
  left: 50%;
  top: 50%;
  margin: -9px 0 0 -1px;
}

.add_widget_bar {
  position: absolute;
  right: 0;
  top: 45px;
  bottom: 0;
  background-color: #f5f5f5;
  padding: 15px;
  width: 230px;
  border-left: 1px solid #cccccc;
  z-index: 2;
  display: none;
}

.add_widget_bar .heading {
  text-transform: uppercase;
  font-weight: bold;
  float: left;
  width: 100%;
  display: block;
  padding-bottom: 20px;
  font-size: 12px;
  color: #6d6d6d;
}

.add_widget_bar .close_widget_bar {
  position: absolute;
  right: 15px;
  top: 15px;
}

.add_widget_bar .close_widget_bar svg.svg-close {
  width: 13px;
  height: 13px;
}

.add_widget_bar .widget_listing_ctr {
  overflow-y: auto;
  position: absolute;
  top: 50px;
  bottom: 15px;
  left: 15px;
  right: 15px;
}

.add_widget_bar .widget_listing,
.add_widget_bar .widget_listing li {
  float: left;
  width: 100%;
  display: block;
}

.add_widget_bar .widget_listing li {
  background-color: #fff;
  text-align: center;
  position: relative;
  padding: 10px;
  margin-bottom: 15px;
  min-height: 150px;
}

.add_widget_bar .widget_listing li:last-child {
  margin: 0;
}

.add_widget_bar .widget_listing li .heading {
  text-align: left;
  font-weight: normal;
  font-size: 12px;
  padding-right: 25px;
  word-wrap: break-word;
  line-height: 16px;
  text-transform: none;
}

.add_widget_bar .widget_listing li .add_widget_icon {
  position: absolute;
  right: 13px;
  top: 13px;
}

.add_widget_bar .widget_listing li .add_widget_icon svg.svg-close {
  stroke: #25a6f7;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
}

#weekPendingWorkardsTitle {
  color: #1d88bc;
}

#monthPendingWorkkardsTitle {
  color: #29b255;
}

.claim_report_listing,
.claim_report_listing ul,
.claim_report_listing li {
  float: left;
  width: 100%;
  display: block;
}

.claim_report_listing li {
  padding: 4px 0;
  font-size: 13px;
}

.claim_report_listing li .first_col,
.claim_report_listing li .new_counter,
.claim_report_listing li .close_counter,
.claim_report_listing li .reopened_counter {
  float: left;
  width: 74px;
  text-align: right;
  color: #636363;
}

.claim_report_listing li .first_col {
  width: 165px;
  padding-left: 15px;
  text-align: left;
  color: #333;
}

.claim_report_listing li .first_col a.plus,
.claim_report_listing li .first_col a.minus {
  display: inline-block;
  width: 8px;
  margin-left: -12px;
}

.claim_report_listing li ul li {
  font-size: 12px;
}

.claim_report_listing li ul li ul li {
  font-size: 11px;
}

.claim_report_listing li ul li .first_col {
  padding-left: 35px;
}

.claim_report_listing li ul li ul li .first_col {
  padding-left: 45px;
}

.claim_report_listing li ul li ul li ul li .first_col {
  padding-left: 55px;
}

.claim_report_listing li ul li ul li ul li ul li .first_col {
  padding-left: 65px;
}

.claim_report_listing li ul li ul li ul li ul li ul li .first_col {
  padding-left: 75px;
}

.activity-note-nodata {
  color: #aaa;
  font-size: 14px;
  width: 100%;
  display: table;
  text-align: center;
  height: 200px;
}
.activity-note-nodata span {
  vertical-align: middle;
  display: table-cell;
}

.activity-note-listing-info,
.activity-note-pie-info {
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 2px 5px;
  font-size: 10px;
  color: #666;
  width: 80%;
  background: #f9f9f9;
  transition: all 0.3s ease-in !important;
}

.activity-note-pie-info {
  width: 20%;
  right: 0px;
  left: inherit;
  transition: all 0.3s ease-in !important;
  white-space: pre;
  overflow: hidden;
  border-left: #f1f1f1 solid 1px;
}
.activity-note-pie-info span {
  padding-left: 10px;
  width: 100px;
  display: block;
  white-space: pre-wrap;
  margin: 0 auto;
}

.activity-note-pie-info.help_txt {
  width: 100%;
  left: 0px;
  background: none;
  text-align: center;
  top: 220px;
  font-size: 10px;
  color: #A4A4A4;
  position: absolute;
}

.activity-note-pie-info.switch-activity-note-container-hide {
  transition: all 0.3s ease-in !important;
  width: 0px !important;
  overflow: hidden;
  background: transparent;
  display: inline-block;
  white-space: pre;
  border-left: none;
}

.actnotedata {
  position: relative;
}
.actnotedata .activity-note-main-container {
  width: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
.actnotedata .activity-note-main-container .activity_note_data_listing {
  width: 80%;
  position: absolute;
  top: 30px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  transition: all 0.3s ease-out;
}
.actnotedata .activity-note-main-container .activity_note_data_pie {
  width: 20%;
  position: absolute;
  top: 30px;
  right: 0px;
  bottom: 0px;
  transition: all 0.3s ease-in;
  border-top: #ddd solid 1px;
}
.actnotedata .activity-note-main-container .activity_note_data_pie .divider {
  border-left: #f1f1f1 solid 1px;
  position: absolute;
  left: 9px;
  bottom: 0;
  top: 0;
  height: 268px;
  width: 1px;
  z-index: 99;
}
.actnotedata .activity-note-main-container .activity_note_data_pie .pieData svg {
  margin: 0 0 0 14px;
  height: 260px;
}

.actnotedata.widget_wrapper {
  float: left;
  width: 100%;
  display: block;
  padding-top: 20px;
}

.activity-note-full-expand {
  width: 100% !important;
  transition: all 0.3s ease-in;
}

.switch-activity-note-container-hide {
  transition: all 0.3s ease-out !important;
  width: 0px !important;
}
.switch-activity-note-container-hide .divider {
  display: none;
}

.widget_container_area .activity_note_records {
  float: left;
  font-weight: bold;
  padding: 7px 5px;
  bottom: 7px;
  position: absolute;
    /*ul li {
      float: left;
      margin-right: 20px;

      .tr_text {
        display: inline-block;  
        margin-right: 5px;
      }

      #total_records {
        display: inline-block;
        min-width: 40px;
      }


    }*/
}
.widget_container_area .activity_note_records ul.activities-note-tracker li {
  margin-right: 10px;
  width: 100%;
}
.widget_container_area .activity_note_records ul.activities-note-tracker li a.active {
  font-weight: bold;
  background: #0288D1;
  color: #fff;
  padding: 2px 5px;
  border-radius: 2px;
}
.widget_container_area .activity_note_records ul.activities-note-tracker li .ex-checkbox {
  padding-left: 20px;
}
.widget_container_area .activity_note_records ul.activities-note-tracker li .ex-checkbox input[type=checkbox] {
  visibility: hidden;
}
.widget_container_area .activity_note_records ul.activities-note-tracker li .ex-checkbox input[type=checkbox]:checked + label {
  background: #4a90e2;
  border: 2px solid #4a90e2;
}
.widget_container_area .activity_note_records ul.activities-note-tracker li .ex-checkbox input[type=checkbox]:checked + label:after {
  left: 2px;
}
.widget_container_area .activity_note_records ul.activities-note-tracker li .ex-checkbox label:after {
  width: 6px;
  height: 3px;
}

.widget_container_area .list_item_year {
  float: right;
  display: block;
  padding: 7px 5px;
  margin-top: -10px;
}
.widget_container_area .list_item_year .head_title {
  float: left;
  font-weight: bold;
  margin-right: 10px;
}
.widget_container_area .list_item_year a.yearSelected {
  display: inline-block;
  margin: 0 5px 0 0;
}
.widget_container_area .list_item_year a.active {
  font-weight: bold;
  background: #0288D1;
  color: #fff;
  padding: 0px 5px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.widget_container_area .list_item_year .export_activityNote_csv {
  margin-left: 20px;
}

.widget_container_area .export_activityNote_csv_icon {
  background: url(../images/export_gadget.png) no-repeat left top;
  width: 16px;
  height: 16px;
  margin: -2px 5px 0 0;
  display: inline-block;
  vertical-align: middle;
}

.add_to_dashboard svg.svg-dashboard {
  fill: #696969;
  margin: -5px 0 0 0;
}

.hideCalender .ui-datepicker-calendar {
  display: none;
}

.hidemonth .ui-datepicker-month {
  display: none;
}

.hideCurrent .ui-datepicker-current {
  display: none;
}

.squaredFour {
  width: 20px;
  position: relative;
  display: inline;
  margin-right: 10px;
}
.squaredFour label {
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: -2px;
  left: 0;
  /*background: #0288d1;*/
  border: #0288d1 solid 2px;
  border-radius: 4px;
}
.squaredFour label:after {
  content: '';
  width: 10px;
  height: 4px;
  position: absolute;
  top: 3px;
  left: 2px;
  border: 3px solid #0288d1;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  transform: rotate(-45deg);
}
.squaredFour label:hover::after {
  opacity: 0.5;
}
.squaredFour input[type=checkbox] {
  visibility: hidden;
}
.squaredFour input[type=checkbox]:checked + label:after {
  opacity: 1;
}

/*===================================
    RULE ENGINE
====================================*/
.add_query_block li.single_query_rule {
  background: #f5f5f5;
  padding-bottom: 0px;
}

.add_query_block li.single_query:hover {
  background: #f2f2f2;
  color: #333;
}

.add_query_block li.single_query_rule .rulField,
.add_query_block li.single_query_rule .rulOperator,
.add_query_block li.single_query_rule .rulValue {
  margin-right: 10px;
}

.add_query_block li.single_query_rule .rulValueLg {
  width: 10%;
  min-width: 94%;
}

.add_query_block li.single_query_rule .rulField {
  font-weight: bold;
}

.add_query_block li.single_query_rule .rulOperator {
  font-weight: bold;
  color: #0f4380;
  text-decoration: underline;
}

.add_query_block li.single_query_rule .rulValue label {
  background: #d3e8fd;
  border-radius: 3px;
  padding: 2px 5px;
  display: inline-block;
  margin: 0px 5px 5px 0;
  text-shadow: 1px 1px 1px #fff;
}

#createRule #CompanyProfile .ProfileSettingForm ul li .ProfileLabel,
.popup .ProfileSettingForm ul li .ProfileLabel {
  width: 25%;
}

#createRule #CompanyProfile .ProfileSettingForm ul li .ProfileDetail,
.popup .ProfileSettingForm ul li .ProfileDetail {
  width: 75%;
}

#CompanyProfile .ProfileSettingForm .rule-asignee .swithc-location {
  width: 94%;
}

#CompanyProfile .ProfileSettingForm .rule-asignee .wrap-tab > a {
  position: absolute;
  margin: 15px 0 0 5px;
}

#CompanyProfile .ProfileSettingForm ul li .matching_org_listing li {
  width: 22.25%;
  padding: 6px;
}

#CompanyProfile .ProfileSettingForm ul li .matching_org_listing li input[type="checkbox"] {
  float: left;
  margin: 0 10px 0 0;
}

#CompanyProfile .ProfileSettingForm ul li .matching_org_listing li .org_summary {
  margin: 0 0 0 62px;
}

#CompanyProfile .ProfileSettingForm .AddDiaryLink a {
  display: inline-block;
  margin: 0 10px;
}

#CompanyProfile .ProfileSettingForm .AddDiaryLink a:first-child {
  margin-left: 30px;
}

#CompanyProfile .ProfileSettingForm .AddDiaryLink {
  border-left: none !important;
}

.rule_engine_nav {
  position: absolute;
  top: 26px;
  right: 20px;
}

.rule_engine_nav li {
  position: relative;
  top: -10px;
}

.rule_engine_nav li .action_drop_menu {
  top: 0px;
}

#createRule .rule_head h3 {
  background: #f2f2f2;
  border-bottom: #ccc solid 1px;
  clear: left;
  padding: 6px 5px;
}

#createRule .configure_rows {
  margin: 0 0 20px 0px;
}

/*=====================
 Card View
=====================*/
.rule-cat {
  padding: 2px 8px;
}

#createRule .ProfileSettingForm ul.tagit {
  margin: 0px;
}

#CompanyProfile .rule-asignee ul li {
  width: auto;
  height: auto;
}

#CompanyProfile .rule-asignee .location_suggestion ul li {
  width: 100%;
}

#CompanyProfile .rule-asignee .select2-container {
  border-radius: 3px;
}

#CompanyProfile .ProfileSettingForm .rule-asignee ul li.select2-search-field {
  padding: 0px !important;
  height: 32px;
}

#CompanyProfile .rule-asignee .select2-container-multi .select2-choices .select2-search-field input {
  top: -8px;
}

#CompanyProfile .ProfileSettingForm ul li div.hci-editor .toolbar ul li,
.popup .ProfileSettingForm ul li div.hci-editor .toolbar ul li {
  width: auto;
  padding: 0px;
  margin: 0px;
  border: 1px solid #ccc;
}

#CompanyProfile .ProfileSettingForm ul li div.hci-editor .toolbar ul li.editor_separator,
.popup .ProfileSettingForm ul li div.hci-editor .toolbar ul li.editor_separator {
  margin: 0 0 0 8px;
  border: none;
}

.rule-diary {
  padding: 20px;
  overflow: hidden;
  margin-top: 10px;
  position: relative;
  border-top: #ccc solid 3px;
}

.rule-diary .expand,
.rule-diary .collaps {
  position: absolute;
  top: 10px;
  right: 10px;
}

.rule-diary h3 {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: #ccc solid 1px;
}

.rule-action {
  position: absolute;
  top: 0px;
  right: 10px;
}

.rule-diary-list-container {
  background-color: #E8E8E8;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 15px;
  word-wrap: break-word;
  position: relative;
}
.rule-diary-list-container .rule-diary-list-row {
  padding: 10px 0px 10px 0;
}
.rule-diary-list-container .rule-diary-list-row p {
  margin: 0 0 0 25px;
  padding: 0;
}
.rule-diary-list-container .diary-note-list-row {
  padding: 10px 0;
}
.rule-diary-list-container .action-icon {
  background: url(../images/action-icon.png) 0 0 no-repeat;
  display: inline-block;
  width: 20px;
  height: 10px;
  transition: visibility 0s linear 0.3s, opacity 0.3s linear;
  top: 3px;
  position: relative;
  margin-left: 15px;
}
.rule-diary-list-container li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  border-bottom: #D0D0D0 solid 1px;
}
.rule-diary-list-container:first-child li {
  border-bottom: none;
}
.rule-diary-list-container h3, .rule-diary-list-container strong, .rule-diary-list-container label {
  font-weight: normal;
}
.rule-diary-list-container em {
  display: inline-block;
  width: 10px;
  text-align: center;
}

.rule-diary-list-container li {
  border-bottom: #D0D0D0 solid 1px;
}

.rule-diary-list-container li.center {
  text-align: center;
}

.rule-diary-list-container li.heading {
  border-bottom: none;
  overflow: hidden;
  margin: 10px 0;
}

.rule-diary-list-container h3 {
  position: relative;
  top: -11px;
}

.rule-diary-list-container h3 span {
  position: absolute;
  z-index: 1;
  background: #E8E8E8;
  padding: 3px 7px 3px 0px;
  left: 0px;
}

.rule-diary-list-container h3:after {
  content: '';
  width: 100%;
  position: absolute;
  bottom: -13px;
  left: 0px;
  border-bottom: #ccc solid 1px;
}

.popup .content .rule-diary-list-container {
  background: #f6f6f6;
  padding: 5px 10px;
  margin: 0px;
  border-bottom: #eaeaea solid 1px;
}

.popup .content .rule-diary-list-container .rule-diary-list-row {
  padding: 6px 0px 6px 0;
}

.popup .content .rule-diary-list-container .badge-type-default {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 11px;
}
.popup .content .rule-diary-list-container .badge-type-default.note {
  margin-right: 5px;
  float: left;
}
.popup .content .rule-diary-list-container .badge-type-default.note svg.svg-notes {
  fill: #fff;
  width: 12px;
  stroke: #000;
  margin-left: 4px;
}

.rule-creation .select2-container .select2-choice,
#CompanyProfile .ProfileSettingForm ul li .ProfileDetail .select2-container .select2-choice {
  height: 31px;
  border-color: #b1b1b1;
  border-radius: 3px;
}

.ownerDetail .select2-choice {
  height: 33px;
  border: none;
  border-radius: 3px;
}

.rule-creation .select2-container .select2-choice > .select2-chosen {
  color: #000;
}

.popup .ProfileSettingForm ul li .ProfileDetail .select-owner {
  width: 286px;
}

.rule-creation .ProfileSettingForm ul li {
  padding: 4px 24px 4px 8px;
}

.rule-creation .ProfileSettingForm ul li ul.pre-conditions-list li {
  width: 33%;
  float: left;
}

.rule-creation .ProfileSettingForm ul li ul.pre-conditions-list li input[type="checkbox"] {
  position: relative;
  top: 2px;
  margin-right: 5px;
}

.rule-creation .ProfileSettingForm ul li ul.pre-conditions-list li .ex-checkbox {
  margin-right: 5px;
}

.popup .ProfileSettingForm ul li ul.tagit li,
.popup .ProfileSettingForm ul li .sysTagList li,
.popup .ProfileSettingForm .skillset_listing .sysTagList {
  width: auto;
}

.popup .ProfileSettingForm .skillset_listing .sysTagList li {
  padding-right: 8px;
}

.rule-creation input.span5,
#CompanyProfile .ProfileSettingForm .ProfileDetail .controls-row input.span5 {
  width: 380px;
}

.rule-creation .select2-container-multi .select2-choices li {
  width: auto !important;
}

.rule-creation input.span4 {
  width: 300px;
}

.ex-ruleset-tree {
  clear: left;
}
.ex-ruleset-tree .wrap {
  padding: 10px 0 10px 0;
  margin: 0;
  display: block;
  border-top: 1px solid #ccc;
  position: relative;
  font-weight: 400;
}
.ex-ruleset-tree .wrap:before {
  border-top: 1px solid #ccc;
  padding: 10px 0 0;
  margin: 0;
}
.ex-ruleset-tree .wrap .action-ruleset {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.3s, opacity 0.3s linear;
  position: relative;
}
.ex-ruleset-tree .wrap .action-ruleset span {
  margin-left: 0px;
}
.ex-ruleset-tree .wrap .action-ruleset span a {
  margin-left: 20px;
  padding: 10px;
}
.ex-ruleset-tree .wrap .action-ruleset span a .arrow-down {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 3px 0 3px;
  border-color: #0288D1 transparent transparent;
  display: inline-block;
}
.ex-ruleset-tree .wrap .action-ruleset span.action-list {
  display: inline-block;
  white-space: nowrap;
  position: absolute;
  right: 0px;
  top: 0;
}
.ex-ruleset-tree .wrap:hover .action-ruleset {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}
.ex-ruleset-tree .wrap:hover .action-icon, .ex-ruleset-tree .wrap:hover .entitytag {
  visibility: hidden;
  opacity: 0;
  transition-delay: 0s;
}
.ex-ruleset-tree .wrap .action-icon {
  background: url(../images/action-icon.png) 0 0 no-repeat;
  display: inline-block;
  width: 27px;
  height: 5px;
  position: absolute;
  top: 16px;
  right: 0px;
  opacity: 1;
  transition: visibility 0s linear 0.3s, opacity 0.3s linear;
  visibility: visible;
}
.ex-ruleset-tree .wrap .entitytag em {
  font-style: normal;
  margin-right: 10px;
  color: #8D8989;
}
.ex-ruleset-tree .wrap .entitytag em:last-of-type {
  margin-right: 40px;
  text-transform: capitalize;
}
.ex-ruleset-tree .wrap .entitytag .to {
  margin: 0 5px;
}
.ex-ruleset-tree .wrap .action-menu-list {
  position: relative;
}
.ex-ruleset-tree .wrap .action-menu-list:hover ol.ex-dropdown-toggle {
  display: block;
}
.ex-ruleset-tree .wrap .action-menu-list:hover ol.ex-dropdown-toggle li {
  padding: 0px;
}
.ex-ruleset-tree .wrap .action-menu-list:hover ol.ex-dropdown-toggle li > a {
  margin-left: 0px;
}
.ex-ruleset-tree .wrap .action-menu-list:hover ol.ex-dropdown-toggle li:before {
  border: none;
  background: none;
}
.ex-ruleset-tree .wrap .tsubset {
  margin-left: 0px;
}
.ex-ruleset-tree .bottom-space {
  padding-bottom: 10px;
}
.ex-ruleset-tree .rule-review {
  background: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: none;
  margin-bottom: 4px;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #f36455;
  padding: 8px 12px;
  cursor: pointer;
  color: #f36455;
        /*.label-rule-primary, .rule {
            background: none;

            &:before {
                content: '.';
                position: relative;
                top: -5px;
                width: 4px;
                height: 4px;
                background: #fff;
                border-radius: 20px;
                margin-right: 5px;
                line-height: 0;
                font-size: 2px;
                display: inherit;
            }
        }*/
}
.ex-ruleset-tree .rule-review:before {
  content: initial;
}
.ex-ruleset-tree .rule-review .text-fade {
  opacity: 0.5;
  margin-right: 16px;
}
.ex-ruleset-tree .rule-review .text-fade:after {
  content: '';
  position: absolute;
  top: 20px;
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 20px;
  margin-left: 5px;
}
.ex-ruleset-tree .rule-review .review-link a {
  color: #000;
  margin-left: 20px;
  display: inline-block;
}
.ex-ruleset-tree .rule-review .review-link a svg {
  margin-right: 6px;
  stroke: #000;
}
.ex-ruleset-tree .rule-review .review-link.disabled a,
.ex-ruleset-tree .rule-review .review-link.disabled a svg {
  opacity: 0.4;
  cursor: no-drop;
}
.ex-ruleset-tree .rule-review.head {
  background: #f36455;
  border-width: 1px 1px 0px 0px;
  color: #fff;
}
.ex-ruleset-tree .rule-review.head .review-link a {
  color: #fff;
}
.ex-ruleset-tree .rule-review.head .review-link a svg {
  stroke: #fff !important;
  fill: #fff !important;
}
.ex-ruleset-tree .rule-review.head .disabled a, .ex-ruleset-tree .rule-review.head .disabled a svg {
  opacity: 0.7;
}
.ex-ruleset-tree .rule-review .select-action select {
  width: 171px;
  height: 28px;
  margin-top: -6px;
  border: 1px solid #f36455;
}
.ex-ruleset-tree .rule-review .select-action select[disabled] {
  opacity: 0.5;
}
.ex-ruleset-tree > ol {
  margin: 0;
  padding: 0;
}
.ex-ruleset-tree > ol > li {
  padding: 0;
  margin-top: -1px;
  list-style: none;
  border-bottom: 1px solid #ccc;
}
.ex-ruleset-tree > ol > li .label-rule-primary {
  display: inline-block;
  padding: 1px 6px;
  background: #5c5c5d;
  color: white;
  margin: 0px;
}
.ex-ruleset-tree > ol > li .label-rule-primary.event {
  background: #338ec9;
}
.ex-ruleset-tree > ol > li .label-rule-primary.rule {
  background: #ec7063;
}
.ex-ruleset-tree > ol > li span.timeline-ruleset-point {
  background: #FF0000;
  width: 5px;
  height: 5px;
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 9px;
  float: left;
}
.ex-ruleset-tree .tree,
.ex-ruleset-tree ul {
  margin: 0 0 0 9px;
  padding: 0;
  list-style: none;
  color: #ddd;
  position: relative;
}
.ex-ruleset-tree .tree:before,
.ex-ruleset-tree ul:before {
  content: "";
  display: block;
  width: 0;
  position: absolute;
  top: -10px;
  bottom: 0;
  left: 0;
  border-left: 1px solid;
}
.ex-ruleset-tree .tree li,
.ex-ruleset-tree ul li {
  margin: 0;
  padding-left: 20px;
  position: relative;
  color: #000;
  width: 100%;
  float: none;
}
.ex-ruleset-tree .tree li:before,
.ex-ruleset-tree ul li:before {
  content: "";
  display: block;
  width: 20px;
  height: 0;
  border-top: 1px solid;
  margin-top: 10px;
  position: absolute;
  top: 12px;
  left: 0;
  color: #ddd;
}
.ex-ruleset-tree .tree li:after,
.ex-ruleset-tree ul li:after {
  border-bottom: 1px solid #ccc;
}
.ex-ruleset-tree .tree li:last-child:before,
.ex-ruleset-tree ul li:last-child:before {
  background: white;
  height: auto;
  top: 12px;
  bottom: 0;
}
.ex-ruleset-tree .tree li:first-line,
.ex-ruleset-tree ul li:first-line {
  border-bottom: 1px solid #ccc;
}

.rule-review-grid .data-block .data-activity,
.rule-review-grid .data-block .data-dairy,
.rule-review-grid .data-block .data-note {
  margin-right: 15px;
}
.rule-review-grid .data-block .data-activity {
  color: #438acc;
}
.rule-review-grid .data-block .data-dairy {
  color: #f36455;
}
.rule-review-grid .data-block .data-note {
  color: #555;
}
.rule-review-grid input[type="checkbox"] {
  visibility: hidden;
}
.rule-review-grid .ex-table {
  margin-top: -5px;
}
.rule-review-grid .ex-table th {
  background: #fff;
}
.rule-review-grid .ex-table th > .ex-checkbox label {
  background: #fff;
}
.rule-review-grid .ex-table th > .ex-checkbox input[type=checkbox]:checked + label {
  background: #3ab769;
  border: 2px solid #3ab769;
}
.rule-review-grid .ex-table td {
  vertical-align: middle;
}
.rule-review-grid .ex-table tr.active {
  border: #3ab769 solid 2px;
  background: #fff;
}
.rule-review-grid .ex-table .badge-type-default {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 11px;
}
.rule-review-grid .ex-table .badge-type-default.note svg.svg-notes {
  fill: #fff;
  width: 12px;
  stroke: #000;
  margin-left: 4px;
}
.rule-review-grid .ex-table .workkard-number, .rule-review-grid .ex-table .activity-number {
  width: 150px;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: inline-block;
}
.rule-review-grid .ex-table .county {
  display: block;
  color: #999;
}
.rule-review-grid .review-action svg {
  margin-left: 15px;
}
.rule-review-grid .paging_contr {
  padding-top: 0px;
  position: relative;
}
.rule-review-grid .paging_contr .pager {
  margin-top: 0px;
}

.ruleset-tree > ol:first-child {
  padding-left: 0px;
}

.ruleset-tree > ol > li:after {
  border-left: #ccc solid 1px;
  content: '';
  position: absolute;
  bottom: 18px;
  top: 28px;
  left: 9px;
}

.icon-plus,
.icon-minus {
  width: 20px;
  height: 20px;
  position: relative;
  top: 0;
  left: 0;
  border: #bbb solid 1px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  float: left;
  margin-right: 15px;
}

.icon-plus:after,
.icon-minus:after {
  background-color: #bbb;
  width: 8px;
  height: 2px;
  position: absolute;
  top: 8px;
  left: 5px;
  content: "";
}

.icon-plus:before {
  background-color: #bbb;
  width: 2px;
  height: 8px;
  position: absolute;
  top: 5px;
  left: 8px;
  content: "";
}

.status_label {
  background-color: #d94a41;
  color: #fff;
  padding: 1px 4px;
  display: inline-block;
  margin: 4px 0 0 0;
  border-radius: 3px;
  line-height: 14px;
  font-size: 10px;
}

#createRule #CompanyProfile .ProfileSettingForm ul li .ProfileDetail ul.swithc-location,
.add-zone-popover .component_area ul.swithc-location {
  width: 100%;
}

#CompanyProfile .ProfileSettingForm ul li .ProfileDetail ul.swithc-location li,
.add-zone-popover .component_area ul.swithc-location li {
  display: inline-block;
  width: auto;
}

#CompanyProfile .ProfileSettingForm ul li .ProfileDetail ul.swithc-location li a.tab,
.add-zone-popover .component_area ul.swithc-location li a.tab {
  /*background: #fff;*/
  color: #666;
  display: block;
  padding: 10px;
  margin-right: 1px;
  font-weight: bold;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
#CompanyProfile .ProfileSettingForm ul li .ProfileDetail ul.swithc-location li a.tab:hover, #CompanyProfile .ProfileSettingForm ul li .ProfileDetail ul.swithc-location li a.tab.active,
.add-zone-popover .component_area ul.swithc-location li a.tab:hover,
.add-zone-popover .component_area ul.swithc-location li a.tab.active {
  border-bottom: 3px solid #0288D1;
  color: #000;
}

#CompanyProfile .ProfileSettingForm ul li .rule-asignee .select2-container {
  border: 1px solid #a0a1a1;
  min-height: 35px;
}

.zone-detail {
  margin-bottom: 10px;
  background: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.zone-detail:hover {
  -moz-box-shadow: 0 4px 6px 0 rgba(173, 173, 173, 0.5);
  -webkit-box-shadow: 0 4px 6px 0 rgba(173, 173, 173, 0.5);
  box-shadow: 0 4px 6px 0 rgba(173, 173, 173, 0.5);
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.zone-detail .head-list,
.zone-detail .list-item {
  padding: 5px 10px;
  border-bottom: #f1f1f1 solid 1px;
  overflow: hidden;
}
.zone-detail .head-list:last-child,
.zone-detail .list-item:last-child {
  border-bottom: none;
}
.zone-detail .head-list {
  padding: 10px;
}
.zone-detail .list-item {
  border-bottom: none;
}
.zone-detail .list-item h6 {
  font-size: 11px;
  color: #999;
  margin: 0px;
}
.zone-detail .head-list h3 {
  margin: 0;
}
.zone-detail .head-list h3 input[type="checkbox"] {
  position: relative;
  top: 2px;
}
.zone-detail .head-list a {
  display: inline-block;
  width: 20px;
  height: 20px;
  /*&.edit {
      background: url(../images/edit.png) 0 0 no-repeat;
  }*/
}
.zone-detail .head-list a.expand svg.svg-arrow-up {
  transform: rotate(180deg);
}
.zone-detail .grid1 {
  width: 30%;
  float: left;
}
.zone-detail .grid2 {
  width: 70%;
  float: left;
}

.rule-log .rule-log-container {
  padding: 10px;
}
.rule-log .rule-log-container .rule-log-listing {
  overflow: hidden;
}
.rule-log .rule-log-container .rule-log-listing li {
  border-bottom: #f5f5f5 solid 1px;
  width: 100%;
}
.rule-log .rule-log-container .rule-log-listing strong {
  color: #000;
}
.rule-log .rule-log-container .user-profile {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.rule-log .rule-log-container .user-profile img {
  /*border: #d0d0d0 solid 1px;*/
  background: f6f6f6;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  margin-right: 10px;
  float: left;
  vertical-align: middle;
  position: relative;
  top: 5px;
}
.rule-log .rule-log-container .user-profile img {
  margin-bottom: 30px;
}

.party-log .party-log-listing li {
  margin-bottom: 20px;
}

.add-zone-popover .component_area {
  background: #F9F9F9 !important;
  position: absolute;
  bottom: 46px;
  top: 49px;
  overflow-y: auto;
  overflow-x: hidden;
}

.add-zone-popover .component_area .row-fluid label {
  text-align: left;
}
.add-zone-popover .component_area .row-fluid label a.select-all {
  font-weight: normal;
  cursor: pointer;
}

.add-zone-popover .component_area .row-fluid .business_selection_ctrl select {
  margin: 10px 0 0 0 !important;
}

/*.add-zone-popover .m_content_area {
    top: 84px;
}*/
.add-zone-popover ul li {
  padding: 10px;
}

.add-zone-popover .checkbox {
  top: 8px;
}

.add-zone-popover input[type="checkbox"],
.add-zone-popover input[type="radio"],
#CompanyProfile .ProfileSettingForm ul li .ProfileDetail ul.swithc-location li a.tab .ex-radio input[type="radio"],
.rule-creation .ProfileSettingForm ul li ul.pre-conditions-list li input[type="checkbox"] {
  visibility: hidden;
}

.add-zone-popover .ex-checkbox,
.add-zone-popover .ex-radio {
  top: 4px;
  margin-right: 10px;
}

.add-zone-popover .ex-radio {
  top: 3px;
}

.add-zone-popover .grey-container {
  overflow: hidden;
  margin-left: -15px;
  background: #f9f9f9;
  width: 478px;
  padding: 15px 25px;
  margin-bottom: 15px;
}

.add-zone-popover .component_area .delete {
  margin: 12px 10px;
}

ul.rule-tab {
  width: auto;
  clear: left;
  margin: 0 0 0 0px;
  position: relative;
  bottom: 4px;
}
ul.rule-tab li a {
  font-size: 13px;
  color: #999;
  padding: 5px 10px;
}
ul.rule-tab li a:hover, ul.rule-tab li a.active {
  border-bottom: 3px solid #0288D1;
  color: #000;
}

.rule-manage-filter-box {
  position: absolute;
  top: 91px;
  padding: 10px 20px;
  background: #F9F9F9;
  left: 0px;
  right: 0px;
}
.rule-manage-filter-box .sub-tab a {
  padding: 4px 10px;
  margin: 2px;
  cursor: pointer;
}
.rule-manage-filter-box .sub-tab a.active {
  color: #fff;
  border-radius: 13px;
  background: #3698db;
}

.rule-grid {
  border-collapse: separate;
  border-spacing: 0 6px;
}
.rule-grid .action-menu > li {
  padding: 0 0 0 10px;
}
.rule-grid .action-menu > li.ex-dropdown:hover .ex-dropdown-toggle {
  display: block;
}
.rule-grid .action-menu > li.ex-dropdown a {
  padding-bottom: 6px;
}
.rule-grid .action-menu > li.ex-dropdown a img {
  margin: 0 5px;
}
.rule-grid .action-menu > li.ex-dropdown .ex-dropdown-toggle {
  right: 5px;
}
.rule-grid .inline {
  width: 65px;
}
.rule-grid .nowrap {
  width: 115px;
}
.rule-grid tr:hover td {
  -moz-box-shadow: 4px 3px 5px 0 rgba(173, 173, 173, 0.5);
  -webkit-box-shadow: 4px 3px 5px 0 rgba(173, 173, 173, 0.5);
  box-shadow: 4px 3px 5px 0 rgba(173, 173, 173, 0.5);
  -moz-transition: box-shadow 0.5s ease;
  -o-transition: box-shadow 0.5s ease;
  -webkit-transition: box-shadow 0.5s ease;
  transition: box-shadow 0.5s ease;
}
.rule-grid tr td, .rule-grid tr th {
  background: #fff;
  border-top: none;
}
.rule-grid tr th:first-child, .rule-grid tr td:first-child {
  border-radius: 4px 0px 0px 4px;
}
.rule-grid tr th:last-child, .rule-grid tr td:last-child {
  border-radius: 0px 4px 4px 0px;
}
.rule-grid tr th .deactivated, .rule-grid tr td .deactivated {
  color: #dddddd;
}
.rule-grid tr th .not-available, .rule-grid tr td .not-available {
  color: #d9534f;
}
.rule-grid tr th div > label, .rule-grid tr td div > label {
  margin-bottom: 0;
}
.rule-grid tr th .ex-tags, .rule-grid tr td .ex-tags {
  padding: 2px 8px;
  font-weight: 400;
}

body.rules .breadcrumb {
  position: fixed;
  background: #fff;
  top: 74px;
  left: 244px;
  right: 0px;
  z-index: 2;
  width: auto;
  border-bottom: #eaeaea solid 1px;
  padding: 0 15px;
}

body.rules .breadcrumb h1 {
  padding: 20px 0 20px 0px;
}

body.rules .content_area-users {
  background: #F9F9F9 !important;
  border-top: none !important;
  border-right: none !important;
  border-width: 4px !important;
}

body.rules .white-bg {
  background: #fff !important;
}

body.rules .rule-asignee .select2-container {
  background: #fff;
}

body.rules #container .middle_colnotab {
  padding-top: 0px !important;
  padding-right: 0px;
}

body.rules #CompanyProfile #createRule {
  margin-top: 73px;
}

body.rules .rule-asignee .error-block,
.rule-asignee .error-block,
.popup .error-block {
  margin-top: 5px;
}

body.rules .event-date-wrap > .error-block {
  width: auto;
  margin-right: 22px;
}

.au_fixed_right .rule-manage-filter-box {
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  right: 300px;
}

.custon-wdth {
  width: 9.9% !important;
}

.add-zone-popover .inner-blocker {
  margin: -15px -15px 0px -15px;
}

.add-zone-popover .available {
  font-weight: 500;
  color: #3ab769;
}

.add-zone-popover .camelcase,
.rules .camelcase {
  text-transform: capitalize;
}

.add-zone-popover .bottom_ctr_actions a.btn-default {
  padding: 3px 15px;
}

.drp-menu {
  position: relative;
}

.drp-menu svg.svg-arrow-down {
  width: 10px;
  height: 10px;
  stroke: #fff;
  stroke-width: 3px;
  margin: 4px 0 0 10px;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.drp-menu:hover svg.svg-arrow-down {
  transform: rotate(183deg);
}

.drp-menu .menu_list {
  display: none;
  list-style: none;
  background: #fff;
  position: absolute;
  width: 100%;
  top: 22px;
}

.drp-menu:hover .menu_list {
  display: block;
  margin-top: -1px;
  margin: 9px 0 0 0;
  -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.14), 0px 3px 3px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.14), 0px 3px 3px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.14), 0px 3px 3px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12);
  font-weight: 400;
  background: #39b769;
}

.drp-menu:hover .menu_list a {
  padding: 8px 15px;
  display: block;
  color: #333;
  text-decoration: none;
  background: #fff;
  color: #000;
  margin: 0 2px;
}

.drp-menu:hover .menu_list a:hover {
  background: #39b769;
  color: #fff;
}

.drp-menu .menu_list a:last-of-type {
  margin-bottom: 2px;
}

.drp-menu-white .menu_list {
  width: 400px;
  right: 0px;
}
.drp-menu-white:hover .menu_list {
  background: transparent;
}
.drp-menu-white:hover .menu_list a:hover {
  background: #f6f6f6;
  color: #333;
}

.add-zone-popover .component_area .row-fluid .controls-row {
  width: 100%;
  padding-right: 13px;
}

.add-zone-popover .component_area .row-fluid .select2-container {
  width: 100%;
  margin: 0 0 6px 0;
}

.add-zone-popover .select2-choices .select2-search-choice,
.rule-creation .select2-choices .select2-search-choice {
  background-color: #b5defa;
}

.add-zone-popover .select2-choices,
.add-zone-popover .select2-choice,
.rule-creation .select2-choices,
.add-zone-popover .select2-choices .select2-search-field input[type="text"] {
  border-color: #b1b1b1;
  height: auto;
}

.add-zone-popover .select2-choice {
  height: 36px;
  padding: 5px 10px;
}

.add-zone-popover .select2-container .select2-choice .select2-arrow b {
  background-position: 0 4px;
}

.add-zone-popover .select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -18px 4px;
}

.rule-creation .ProfileSettingForm ul li .manage-capacity-detail .row {
  width: 50%;
  float: left;
  margin: 20px 0 0;
}

.rule-creation .ProfileSettingForm ul li .manage-capacity-detail .row li {
  margin: 0 0 20px 0;
}

.rule-creation .ProfileSettingForm ul li .manage-capacity-detail .row li span {
  width: 100%;
  display: block;
  margin: 5px 0;
}

.tags {
  margin: 2px 0;
  min-width: 10px;
  border-radius: 13px;
  color: #fff;
  display: inline-block;
  padding: 4px 10px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  color: #fff;
  background: #3698db;
  font-style: normal;
}

.tags.disabled {
  background: #a9a9a9;
}

.rule_engine_nav li > a > .tags {
  background: #f36354;
  top: -8px;
  position: absolute;
  right: -6px;
  font-size: 10px;
  line-height: 14px;
  padding: 1px 4px;
}

body.rules .rule_engine_nav {
  position: fixed;
  top: 107px;
  z-index: 2;
  right: 15px;
}

body.rules #CompanyProfile .error_m {
  float: inherit;
}

.cbkrewkdesc {
  margin-bottom: 5px;
}

.cbkrewkdesctxt {
  position: relative;
  top: 2px;
  margin-right: 5px;
}

.introjs-overlay {
  position: absolute;
  z-index: 999999;
  background-color: #000;
  opacity: 0;
  background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.9)));
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  background: radial-gradient(ellipse cover at center, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.introjs-fixParent {
  z-index: auto !important;
  opacity: 1.0 !important;
  position: absolute !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
}

.introjs-showElement,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
  z-index: 9999999 !important;
}

.introjs-disableInteraction {
  z-index: 99999999 !important;
  position: absolute;
}

.introjs-relativePosition,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
  position: relative;
}

.introjs-helperLayer {
  position: absolute;
  z-index: 9999998;
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #777;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 50px;
  padding: 18px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
  margin-left: -5px;
  margin-top: -5px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.introjs-helperLayer:before {
  position: absolute;
  border-radius: 50px;
  padding: 18px;
  content: '';
  left: -10px;
  top: -10px;
  border: 10px solid rgba(255, 255, 255, 0.2);
}

.introjs-helperLayer:after {
  position: absolute;
  border-radius: 50px;
  padding: 18px;
  content: '';
  left: -20px;
  top: -20px;
  border: 20px solid rgba(255, 255, 255, 0.1);
}

.introjs-tooltipReferenceLayer {
  position: absolute;
  visibility: hidden;
  z-index: 10000000;
  background-color: transparent;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.introjs-helperLayer *,
.introjs-helperLayer *:before,
.introjs-helperLayer *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;
}

.introjs-helperNumberLayer {
  position: absolute;
  visibility: visible;
  top: -16px;
  left: -16px;
  z-index: 9999999999 !important;
  padding: 2px;
  font-family: Arial, verdana, tahoma;
  font-size: 13px;
  font-weight: bold;
  color: white;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  background: #ff3019;
  /* Old browsers */
  background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  /* Chrome10+,Safari5.1+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404));
  /* Chrome,Safari4+ */
  background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
  /* W3C */
  width: 20px;
  height: 20px;
  line-height: 20px;
  border: 3px solid white;
  border-radius: 50%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000);
  /* IE10 text shadows */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}

.introjs-arrow {
  border: 5px solid white;
  content: '';
  position: absolute;
}

.introjs-arrow.top {
  top: -10px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: white;
  border-left-color: transparent;
}

.introjs-arrow.top-right {
  top: -10px;
  right: 10px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: white;
  border-left-color: transparent;
}

.introjs-arrow.top-middle {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: white;
  border-left-color: transparent;
}

.introjs-arrow.right {
  right: -10px;
  top: 10px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: white;
}

.introjs-arrow.right-bottom {
  bottom: 10px;
  right: -10px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: white;
}

.introjs-arrow.bottom {
  bottom: -10px;
  border-top-color: white;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

.introjs-arrow.left {
  left: -10px;
  top: 10px;
  border-top-color: transparent;
  border-right-color: white;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

.introjs-arrow.left-bottom {
  left: -10px;
  bottom: 10px;
  border-top-color: transparent;
  border-right-color: white;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

.introjs-tooltip {
  position: absolute;
  margin-left: 20px;
  visibility: visible;
  padding: 10px;
  background-color: white;
  min-width: 250px;
  max-width: 300px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  -webkit-transition: opacity 0.1s ease-out;
  -moz-transition: opacity 0.1s ease-out;
  -ms-transition: opacity 0.1s ease-out;
  -o-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
}

.introjs-tooltipbuttons {
  text-align: right;
  white-space: nowrap;
}

/*
 Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/
 Changed by Afshin Mehrabani
*/
.introjs-button {
  position: relative;
  overflow: visible;
  display: inline-block;
  padding: 0.3em 0.8em;
  margin: 0;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  font: 11px/normal sans-serif;
  color: #333;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  -o-background-clip: padding-box;
  /*background-clip: padding-box;*/
  /* commented out due to Opera 11.10 bug */
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
  font-weight: bold;
  /* IE hacks */
  zoom: 1;
  *display: inline;
  margin-top: 10px;
}

.introjs-button:hover {
  border-color: #bcbcbc;
  text-decoration: none;
}

.introjs-button:focus,
.introjs-button:active {
  /*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4));
  background-image: -moz-linear-gradient(#ececec, #f4f4f4);
  background-image: -o-linear-gradient(#ececec, #f4f4f4);
  background-image: linear-gradient(#ececec, #f4f4f4);*/
}

/* overrides extra padding on button elements in Firefox */
.introjs-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.introjs-skipbutton {
  margin-right: 5px;
  color: #1abc9c;
}

.introjs-prevbutton {
  -webkit-border-radius: 0.2em 0 0 0.2em;
  -moz-border-radius: 0.2em 0 0 0.2em;
  border-radius: 0.2em 0 0 0.2em;
  border-right: none;
}

.introjs-nextbutton {
  -webkit-border-radius: 0 0.2em 0.2em 0;
  -moz-border-radius: 0 0.2em 0.2em 0;
  border-radius: 0 0.2em 0.2em 0;
}

.introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus {
  color: #9a9a9a;
  border-color: #d4d4d4;
  box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  background-image: none;
  text-decoration: none;
}

.introjs-bullets {
  text-align: center;
}

.introjs-bullets ul {
  clear: both;
  margin: 15px auto 0;
  padding: 0;
  display: inline-block;
}

.introjs-bullets ul li {
  list-style: none;
  float: left;
  margin: 0 2px;
}

.introjs-bullets ul li a {
  display: block;
  width: 6px;
  height: 6px;
  background: #ccc;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  text-decoration: none;
}

.introjs-bullets ul li a:hover {
  background: #999;
}

.introjs-bullets ul li a.active {
  background: #999;
}

.introjs-progress {
  overflow: hidden;
  height: 10px;
  margin: 10px 0 5px 0;
  border-radius: 4px;
  background-color: #ecf0f1;
}

.introjs-progressbar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  background-color: #08c;
}

.introjsFloatingElement {
  position: absolute;
  height: 0;
  width: 0;
  left: 50%;
  top: 50%;
}

.introjs-fixedTooltip {
  position: fixed;
}

.introjs-hint {
  position: absolute;
  background: transparent;
  width: 20px;
  height: 15px;
}

.introjs-hidehint {
  display: none;
}

.introjs-fixedhint {
  position: fixed;
}

.introjs-hint:hover > .introjs-hint-pulse {
  border: 5px solid rgba(60, 60, 60, 0.57);
}

.introjs-hint-pulse {
  width: 10px;
  height: 10px;
  border: 5px solid rgba(60, 60, 60, 0.27);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: rgba(136, 136, 136, 0.24);
  z-index: 10;
  position: absolute;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.introjs-hint-dot {
  border: 10px solid rgba(146, 146, 146, 0.36);
  background: transparent;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  height: 50px;
  width: 50px;
  -webkit-animation: introjspulse 3s ease-out;
  -moz-animation: introjspulse 3s ease-out;
  animation: introjspulse 3s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  position: absolute;
  top: -25px;
  left: -25px;
  z-index: 1;
  opacity: 0;
}

@-moz-keyframes intrjspulse {
  0% {
    -moz-transform: scale(0);
    opacity: 0.0;
  }
  25% {
    -moz-transform: scale(0);
    opacity: 0.1;
  }
  50% {
    -moz-transform: scale(0.1);
    opacity: 0.3;
  }
  75% {
    -moz-transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    -moz-transform: scale(1);
    opacity: 0.0;
  }
}
@-webkit-keyframes "introjspulse" {
  0% {
    -webkit-transform: scale(0);
    opacity: 0.0;
  }
  25% {
    -webkit-transform: scale(0);
    opacity: 0.1;
  }
  50% {
    -webkit-transform: scale(0.1);
    opacity: 0.3;
  }
  75% {
    -webkit-transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0.0;
  }
}
/*
 * Table styles
 */
table.dataTable {
  width: 100% !important;
  margin: 0 auto 15px auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #eaeaea;
  /*
   * Header and footer styles
   */
  /*
   * Body styles
   */
  /*&.hover tbody tr:hover, &.display tbody tr:hover {
    background-color: #f6f6f6;
  }*/
  /*&.hover tbody tr:hover.selected, &.display tbody tr:hover.selected {
    background-color: #aab7d1;
  }
  &.order-column tbody tr > {
    .sorting_1, .sorting_2, .sorting_3 {
      background-color: #fafafa;
    }
  }
  &.display tbody tr > {
    .sorting_1, .sorting_2, .sorting_3 {
      background-color: #fafafa;
    }
  }
  &.order-column tbody tr.selected > {
    .sorting_1, .sorting_2, .sorting_3 {
      background-color: #acbad5;
    }
  }*/
  /*&.display tbody tr {
    &.selected > {
      .sorting_1, .sorting_2, .sorting_3 {
        background-color: #acbad5;
      }
    }
    &.odd > .sorting_1 {
      background-color: #f1f1f1;
    }
  }*/
  /*&.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: #f1f1f1;
  }
  &.display tbody tr.odd > .sorting_2, &.order-column.stripe tbody tr.odd > .sorting_2 {
    background-color: #f3f3f3;
  }
  &.display tbody tr.odd > .sorting_3, &.order-column.stripe tbody tr.odd > .sorting_3 {
    background-color: whitesmoke;
  }
  &.display tbody tr.odd.selected > .sorting_1, &.order-column.stripe tbody tr.odd.selected > .sorting_1 {
    background-color: #a6b4cd;
  }
  &.display tbody tr.odd.selected > .sorting_2, &.order-column.stripe tbody tr.odd.selected > .sorting_2 {
    background-color: #a8b5cf;
  }
  &.display tbody tr.odd.selected > .sorting_3, &.order-column.stripe tbody tr.odd.selected > .sorting_3 {
    background-color: #a9b7d1;
  }
  &.display tbody tr.even > .sorting_1, &.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: #fafafa;
  }
  &.display tbody tr.even > .sorting_2, &.order-column.stripe tbody tr.even > .sorting_2 {
    background-color: #fcfcfc;
  }
  &.display tbody tr.even > .sorting_3, &.order-column.stripe tbody tr.even > .sorting_3 {
    background-color: #fefefe;
  }
  &.display tbody tr.even.selected > .sorting_1, &.order-column.stripe tbody tr.even.selected > .sorting_1 {
    background-color: #acbad5;
  }
  &.display tbody tr.even.selected > .sorting_2, &.order-column.stripe tbody tr.even.selected > .sorting_2 {
    background-color: #aebcd6;
  }
  &.display tbody tr.even.selected > .sorting_3, &.order-column.stripe tbody tr.even.selected > .sorting_3 {
    background-color: #afbdd8;
  }*/
  /*&.display tbody tr:hover > .sorting_1, &.order-column.hover tbody tr:hover > .sorting_1 {
    background-color: #eaeaea;
  }
  &.display tbody tr:hover > .sorting_2, &.order-column.hover tbody tr:hover > .sorting_2 {
    background-color: #ececec;
  }
  &.display tbody tr:hover > .sorting_3, &.order-column.hover tbody tr:hover > .sorting_3 {
    background-color: #efefef;
  }
  &.display tbody tr:hover.selected > .sorting_1, &.order-column.hover tbody tr:hover.selected > .sorting_1 {
    background-color: #a2aec7;
  }
  &.display tbody tr:hover.selected > .sorting_2, &.order-column.hover tbody tr:hover.selected > .sorting_2 {
    background-color: #a3b0c9;
  }
  &.display tbody tr:hover.selected > .sorting_3, &.order-column.hover tbody tr:hover.selected > .sorting_3 {
    background-color: #a5b2cb;
  }*/
  /*&.no-footer {
    border-bottom: 1px solid #111;
  }*/
  box-sizing: content-box;
}
table.dataTable thead th, table.dataTable tfoot th {
  font-weight: bold;
}
table.dataTable thead th, table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 1px solid #111;
  border-right: 1px solid #111;
}
table.dataTable thead th:active, table.dataTable thead td:active {
  outline: none;
}
table.dataTable tfoot th, table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #111;
}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled, table.dataTable thead .sorting_disabled, table.dataTable thead .sorting_temp_disabled {
  cursor: pointer;
  *cursor: hand;
  background-repeat: no-repeat;
  background-position: center right;
  background-color: #f4f4f4;
  border-right: #eaeaea solid 1px;
  border-bottom: #eaeaea solid 1px;
  text-align: left;
  padding-left: 30px;
}
table.dataTable thead .sorting {
  background-image: url("../images/sort_both.png");
  background-position: 10px 10px;
}
table.dataTable thead .sorting_asc {
  background-image: url("../images/sort_asc.png");
  background-position: 10px 10px;
}
table.dataTable thead .sorting_desc {
  background-image: url("../images/sort_desc.png");
  background-position: 10px 10px;
}
table.dataTable thead .sorting_asc_disabled {
  background-image: url("../images/sort_asc_disabled.png");
  background-position: 10px 10px;
}
table.dataTable thead .sorting_desc_disabled {
  background-image: url("../images/sort_desc_disabled.png");
  background-position: 10px 10px;
}
table.dataTable th:last-of-type,
table.dataTable table.dataTable thead th:last-of-type,
table.dataTable td:last-of-type {
  border-right: none;
}
table.dataTable tbody tr {
  background-color: #f9f9f9;
}
table.dataTable tbody tr.selected {
  background-color: #B0BED9;
}
table.dataTable tbody th, table.dataTable tbody td {
  padding: 8px 10px;
  border-right: 1px solid #eaeaea;
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td {
  border-top: 1px solid #ddd;
}
table.dataTable.display tbody th, table.dataTable.display tbody td {
  border-top: 1px solid #ddd;
}
table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td {
  border-top: none;
}
table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td {
  border-top: none;
}
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
  background-color: #ffffff;
}
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
  background-color: #acbad4;
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap;
}
table.dataTable.compact thead th, table.dataTable.compact thead td {
  padding: 4px 17px 4px 4px;
}
table.dataTable.compact tfoot th, table.dataTable.compact tfoot td {
  padding: 4px;
}
table.dataTable.compact tbody th, table.dataTable.compact tbody td {
  padding: 4px;
}
table.dataTable th.dt-left, table.dataTable td.dt-left {
  text-align: left;
}
table.dataTable th.dt-center {
  text-align: center;
}
table.dataTable td.dt-center, table.dataTable td.dataTables_empty {
  text-align: center;
}
table.dataTable th.dt-right, table.dataTable td.dt-right {
  text-align: right;
}
table.dataTable th.dt-justify, table.dataTable td.dt-justify {
  text-align: justify;
}
table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap {
  white-space: nowrap;
}
table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left {
  text-align: left;
}
table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left {
  text-align: left;
}
table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center {
  text-align: center;
}
table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center {
  text-align: center;
}
table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right {
  text-align: right;
}
table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right {
  text-align: right;
}
table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify {
  text-align: justify;
}
table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}
table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap {
  white-space: nowrap;
}
table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}
table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left {
  text-align: left;
}
table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center {
  text-align: center;
}
table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right {
  text-align: right;
}
table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}
table.dataTable th, table.dataTable td {
  box-sizing: content-box;
}

table.dataTable td .actions a {
  margin-right: 10px;
}
table.dataTable td .actions a:nth-child(3) {
  min-width: 82px;
  display: inline-block;
}

a.disabled {
  pointer-events: none;
  cursor: default;
}

/*
 * Control feature layout
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
}
.dataTables_wrapper .dataTables_length {
  float: left;
}
.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
  display: none;
}
.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
  border-radius: 3px;
  border: #c4c4c4 solid 1px;
  background: url(../images/exzeo-icons-all.svg) -269px -3px no-repeat;
  height: 24px;
}
.dataTables_wrapper .dataTables_filter input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
}
.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {
  text-align: center;
  padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #0288D1 !important;
  border-radius: 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  color: #fff !important;
  border: 1px solid #0288D1;
  background-color: #0288D1;
  /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #fff !important;
  border: 1px solid #0288D1;
  background-color: #0288D1;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  cursor: default;
  color: #666 !important;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #0288D1;
  background-color: #0288D1;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background: url(../images/sprite.png) -294px -64px no-repeat;
  display: inline-flex;
  flex: 1;
  align-items: center;
  height: 15px;
  text-indent: -9999px;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  /* W3C */
  box-shadow: inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}
.dataTables_wrapper .paginate_button.previous,
.dataTables_wrapper .paginate_button.next {
  height: 15px;
  text-indent: -9999px;
  background: url(../images/sprite.png) -327px -64px no-repeat;
  display: inline-flex;
  flex: 1;
  align-items: center;
  padding: 0;
}
.dataTables_wrapper .paginate_button.previous:hover,
.dataTables_wrapper .paginate_button.next:hover {
  background: url(../images/sprite.png) -327px -64px no-repeat;
  border: none;
}
.dataTables_wrapper .paginate_button.previous.active,
.dataTables_wrapper .paginate_button.next.active {
  background: url(../images/sprite.png) -254px -64px no-repeat;
  border: none;
}
.dataTables_wrapper .paginate_button.next {
  transform: rotate(180deg);
  background: url(../images/sprite.png) -327px -64px no-repeat;
}
.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
  color: #333;
}
.dataTables_wrapper .dataTables_scroll {
  clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td {
  vertical-align: middle;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
  vertical-align: middle;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #111;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable, .dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
  border-bottom: none;
}
.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

.dataTables_wrapper .dataTables_length > label {
  display: flex;
  flex: 1;
  margin-bottom: 10px;
  align-items: center;
}
.dataTables_wrapper .dataTables_length > label select {
  margin: 0 5px;
  height: 24px;
}

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
    margin-top: 0.5em;
  }
}
/* BASICS */
.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}

/* PADDING */
.CodeMirror-lines {
  padding: 4px 0;
  /* Vertical padding around content */
}

.CodeMirror pre {
  padding: 0 4px;
  /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white;
  /* The little square between H and V scrollbars */
}

/* GUTTER */
.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}

.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker {
  color: black;
}

.CodeMirror-guttermarker-subtle {
  color: #999;
}

/* CURSOR */
.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}

/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}

.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}

.cm-fat-cursor-mark {
  background-color: rgba(20, 255, 20, 0.5);
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
}

.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}

@-moz-keyframes blink {
  50% {
    background-color: transparent;
  }
}
@-webkit-keyframes blink {
  50% {
    background-color: transparent;
  }
}
@keyframes blink {
  50% {
    background-color: transparent;
  }
}
/* Can style cursor different in overwrite (non-insert) mode */
.cm-tab {
  display: inline-block;
  text-decoration: inherit;
}

.CodeMirror-rulers {
  position: absolute;
  left: 0;
  right: 0;
  top: -50px;
  bottom: -20px;
  overflow: hidden;
}

.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0;
  bottom: 0;
  position: absolute;
}

/* DEFAULT THEME */
.cm-s-default .cm-header {
  color: blue;
}
.cm-s-default .cm-quote {
  color: #090;
}

.cm-negative {
  color: #d44;
}

.cm-positive {
  color: #292;
}

.cm-header, .cm-strong {
  font-weight: bold;
}

.cm-em {
  font-style: italic;
}

.cm-link {
  text-decoration: underline;
}

.cm-strikethrough {
  text-decoration: line-through;
}

.cm-s-default .cm-keyword {
  color: #708;
}
.cm-s-default .cm-atom {
  color: #219;
}
.cm-s-default .cm-number {
  color: #164;
}
.cm-s-default .cm-def {
  color: #00f;
}
.cm-s-default .cm-variable-2 {
  color: #05a;
}
.cm-s-default .cm-variable-3, .cm-s-default .cm-type {
  color: #085;
}
.cm-s-default .cm-comment {
  color: #a50;
}
.cm-s-default .cm-string {
  color: #a11;
}
.cm-s-default .cm-string-2 {
  color: #f50;
}
.cm-s-default .cm-meta, .cm-s-default .cm-qualifier {
  color: #555;
}
.cm-s-default .cm-builtin {
  color: #30a;
}
.cm-s-default .cm-bracket {
  color: #997;
}
.cm-s-default .cm-tag {
  color: #170;
}
.cm-s-default .cm-attribute {
  color: #00c;
}
.cm-s-default .cm-hr {
  color: #999;
}
.cm-s-default .cm-link {
  color: #00c;
}
.cm-s-default .cm-error {
  color: #f00;
}

.cm-invalidchar {
  color: #f00;
}

.CodeMirror-composing {
  border-bottom: 2px solid;
}

/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0b0;
}
div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #a22;
}

.CodeMirror-matchingtag {
  background: rgba(255, 150, 0, 0.3);
}

.CodeMirror-activeline-background {
  background: #e8f2ff;
}

/* STOP */
/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */
.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
  border: 1px solid #eee;
  height: 100%;
}

.CodeMirror-scroll {
  overflow: scroll !important;
  /* Things will break if this is overridden */
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px;
  margin-right: -30px;
  padding-bottom: 30px;
  height: 100%;
  outline: none;
  /* Prevent dragging from highlighting the element */
  position: relative;
}

.CodeMirror-sizer {
  position: relative;
  border-right: 30px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
}

.CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}

.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}

.CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0;
}

.CodeMirror-gutter-filler {
  left: 0;
  bottom: 0;
}

.CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  z-index: 3;
}

.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -30px;
}

.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}

.CodeMirror-gutter-background {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 4;
}

.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}

.CodeMirror-gutter-wrapper ::selection, .CodeMirror-gutter-wrapper ::-moz-selection {
  background-color: transparent;
}

.CodeMirror-lines {
  cursor: text;
  min-height: 1px;
  /* prevents collapsing before first draw */
}

.CodeMirror pre {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}

.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px;
  /* Force widget margins to stay inside of the container */
}

.CodeMirror-rtl pre {
  direction: rtl;
}

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll, .CodeMirror-sizer, .CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}

.CodeMirror-measure pre {
  position: static;
}

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected {
  background: #d9d9d9;
}

.CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0;
}

.CodeMirror-crosshair {
  cursor: crosshair;
}

.CodeMirror-line::selection {
  background: #d7d4f0;
}
.CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
  background: #d7d4f0;
}
.CodeMirror-line::-moz-selection {
  background: #d7d4f0;
}
.CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
  background: #d7d4f0;
}

.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, 0.4);
}

/* Used to force a border model for a node */
.cm-force-border {
  padding-right: .1px;
}

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}
/* See issue #2901 */
.cm-tab-wrap-hack:after {
  content: '';
}

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext {
  background: none;
}

.CodeMirror-foldmarker {
  color: blue;
  text-shadow: #b9f 1px 1px 2px, #b9f -1px -1px 2px, #b9f 1px -1px 2px, #b9f -1px 1px 2px;
  font-family: arial;
  line-height: .3;
  cursor: pointer;
}

.CodeMirror-foldgutter {
  width: .7em;
}

.CodeMirror-foldgutter-open, .CodeMirror-foldgutter-folded {
  cursor: pointer;
}

.CodeMirror-foldgutter-open:after {
  content: "\25BE";
}

.CodeMirror-foldgutter-folded:after {
  content: "\25B8";
}