.badge {font-weight:600}
.badge-sm {font-size:10px;}

.activities_container {}
.activities .activity {border-top:1px solid #eee;border-bottom:1px solid #eee;margin-bottom:-1px; background-color: #ffffff;}

.activities-planned {border: 1px solid #71AA00;background:#f1f1f1;margin-bottom:20px;border-radius: 5px;}
.activities-planned .activity {border-bottom: 1px solid #71aa00;margin-bottom: -1px;}
.activities-planned .activity:last-child {border-bottom: 1px solid transparent;}

#activities_menu i {vertical-align:text-bottom}

.activity_action {opacity:0;transition: all .3s ease;z-index: 9;}
.activity:hover .activity_action, .activities .activity:hover .activity_action, .activities-planned .activity:hover .activity_action {opacity:1}

.modal .modal-title {text-transform: capitalize;}

.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 34px;}
.select2-container--default .select2-selection--single .select2-search--inline .select2-search__field {width: 100% !important;}

.tab-content.tab-content-form > form > .tab-pane {display: none;}
.tab-content.tab-content-form > form > .active {display: block;}
.tab-content.tab-content-form > .active {display: block;}
.tab-content.tab-content-form > .active {display: block;}


/*custom fields*/
.field-section-container {
    list-style: none;
    padding: 0;
}
.field-section-container li {
  list-style: none;
  border-radius: 4px;
  background-color: #fff;
}
.field-section-container .ui-sortable-placeholder {
    background-color: #fcf8e3;
    height: 100px;
    visibility: visible !important;
}
.field-section {
  margin-bottom: 15px;
}
.field-section-title {
    margin: 0;
    padding: 10px 10px;
    background-color: #00529C;
    color: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.field-section-content {
  padding: 10px;
  border: 1px solid #dddd;
  border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.field-section-content .btn-add-custom-field {
  margin-bottom: 10px;
}
.field-label .field-edit {
    margin-left: 10px;
    visibility: hidden;
    text-decoration: none;
}
.field-label:hover .field-edit {
    visibility: visible;
}

.input-group span.select2-selection.select2-selection--multiple {
    border-radius: 4px 0 0 4px;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    padding-left: 8px;
}

#activity_modal_body .activity-details .row-striped.padding15 {padding-top: 0;}
#activity_modal_body .activity-details h3 {margin-top: 5px;margin-bottom: 5px;}

.row-striped div {word-wrap: break-word;}

.fp-upload {height: 94px;position: absolute;z-index: 5;top: 25px;background-color: transparent;opacity: 0;cursor: pointer;}

.agent_post {padding:10px;border:1px solid #ddd;border-radius:4px;margin-bottom:15px}
.agent_post.active {background-color:#00529C; color: #fff;}

#checklist_tree ol {list-style:none;padding-left: 0px;}
#checklist_tree > div > ol {/* padding:0; */}
#checklist_tree ol li a {display:block;background: #EEE;padding: 5px 10px 5px 30px;border-radius: 3px;color: #333;margin-bottom: 7px;text-decoration: none;border: 1px solid transparent;}
#checklist_tree ol li a:hover {background:#DDD}
#checklist_tree li  {position:relative;padding-left: 30px;}
#checklist_tree li .toggle_collapse {position: absolute;left: 0;top: 5px;height: 20px;width: 20px;padding: 1px 0;}
#checklist_tree li .toggle_collapse .glyphicon-plus, #checklist_tree li .toggle_collapse .fa-folder {display:none}
#checklist_tree li .toggle_collapse .glyphicon-minus, #checklist_tree li .toggle_collapse .fa-folder-open {display:block}
#checklist_tree li .toggle_collapse.collapsed .glyphicon-plus, #checklist_tree li .toggle_collapse.collapsed .fa-folder {display:block}
#checklist_tree li .toggle_collapse.collapsed .glyphicon-minus, #checklist_tree li .toggle_collapse.collapsed .fa-folder-open {display:none}
#checklist_tree .ui-sortable-placeholder {background:#fbffcc; visibility:visible !important; margin-left:28px; margin-bottom:7px; border-radius: 3px;}

#checklist_tree li .toggle_collapse {}
#checklist_tree li .toggle_collapse .fa { color: #dbc056; font-size: 18px; cursor: pointer; }

#checklist_tree .collapsing { position: relative; height: 0; overflow: hidden; -ms-transition: height .15s ease; -webkit-transition: height .15s ease; -o-transition: height .15s ease; transition: height .15s ease; }

.view_data.active {background: #CCC!important;border: 1px solid #BBB!important;color: #000 !important;}
li.list_row {list-style:none;width: 287px;cursor: -webkit-grab;}
li.list_row > div {display:block;background: #EEE;border:1px solid #EEE;padding: 5px 10px 5px 15px;border-radius: 3px;color: #333;margin-bottom: 7px;text-decoration: none;}
li.list_row div:active {}
li.list_row.ui-draggable-dragging div {background:#DDD;border:1px solid #CCC;z-index:99;position:relative}

#checklist_tree .drop_assign.ui-droppable-hover a {background:#dff0d8 !important}

#checklist_tree .drop_assign .btn {visibility:hidden}
#checklist_tree .drop_assign:hover .edit_checklist,
#checklist_tree .drop_assign:hover .duplicate_checklist,
#checklist_tree .drop_assign:hover .delete_checklist {visibility:visible;}

#checklist_tree .drop_assign .view_check_detail .btn {visibility: visible; font-size: 11px; padding: 1px 4px; vertical-align: bottom;}

.highlight {background-color: yellow}
.has_active_kwords {background: #fcf8e3 !important; border: 1px solid #f5e79e !important}

#checklist_tree .title_data input[type="checkbox"] {vertical-align: middle; margin: 0 5px 0 -20px;}

#checklist_tree_wrapper #checklist_tree li.is_parent > .drop_assign > .view_data > .title_data input[type="checkbox"] {display: none;}
#checklist_tree_wrapper #checklist_tree li > .folder { display: none; }
#checklist_tree_wrapper #checklist_tree li.is_parent > .folder { display: block; }

#checklist_tree li.is_parent > .drop_assign > a {padding-left: 10px; cursor: pointer;}
#checklist_tree li:not(.is_parent) > .drop_assign > a {cursor: unset;}

#checklist_tree .checklist_remarks {max-width: 60%; max-height: 20px; overflow: hidden;}
#checklist_tree ol li a.bg-success {background-color: #dff0d8;}

.chk_legend{border: 6px solid;display: inline-block;margin:0 10px 0 -5px;border-radius:100px;}
.chk_legend {border-color: #F0AE0F;}

.table thead.table-head-condensed > tr > th {padding: 8px;}
.table thead.table-head-condensed > tr:nth-child(2) > th {padding:5px 8px;}


.task_row {border-bottom:1px solid #DDD;border-top: 1px solid #FFF;}
.task_row:last-child {border-bottom:0}
.task_row:hover {background:rgba(240, 174, 15, 0.10) !important}

.search-horizontal :not(.btn-group, .toggle-group, #agent_status_icons) > .btn+.btn {margin-left: 10px;}

.btn-group > .btn + .tooltip, .tooltip + .dropdown-toggle {padding-left: 8px; padding-right: 8px;}
.tooltip + .dropdown-toggle {margin-left: -1px;}

.select2-container--default .select2-search--inline .select2-search__field {min-width: 150px;}

#header .nav > li > a {padding: 15px 12px;}

.badge-circle {padding: 7px; border-radius: 50%;}
.badge-wf {background: #00529c; color: #ffffff;}
.badge-ec {background: #00aeef; color: #ffffff;}
.badge-ds {background: #ff7800; color: #ffffff;}
.badge-fc {background: #169f98; color: #ffffff;}

.alert-wf {background: #00529c; color: #ffffff; padding:2px 3px;}
.alert-ec {background: #00aeef;color: #ffffff; padding: 2px 3px;}
.alert-ds {background: #ff7800; color: #ffffff; padding:2px 3px;}
.alert-fc {background: #169f98; color: #ffffff; padding:2px 3px;}

#activities_menu-container {overflow: hidden; max-height: 36px;}

.text-breakword {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

.input-group .input-group-addon {padding:5px 12px}

.agent_post .favorite_icon, #a_assigned_areas_list .favorite_icon {cursor: unset;}
.agent_post .favorite_icon, #ag_assigned_area_container .favorite_icon, #a_assigned_areas_list .favorite_icon {color: #a8a8a8; background-color: transparent; box-shadow: none;}
.agent_post .favorite_icon.active, #ag_assigned_area_container .favorite_icon.active, #a_assigned_areas_list .favorite_icon.active {color: orange;}

.form-group .btn.btn-bordered {height: 36px;}