@charset "UTF-8";
/*colors */
/* position */
/* min- */
/* max- */
/* line-height */
/* opacity */
/* vertical-align */
/* z-index */
/* border */
/* padding */
/* margin */
/* size */
/* background , color */
/* display */
/* display important */
/* font */
/* font style */
/* text-transform */
/* image */
/* text-transform */
/* text-decoration */
/* float */
/* text-align */
/* font-family */
/* others */
/*$position: top right bottom left, $size: width height */
/* no area */
/* specials */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
/*properties */
.icon-corner {
  top: -1px;
  width: 50px;
  height: 47px;
  background: url("../../images/icon-corner.png") no-repeat; }

.icon-search-customer {
  top: 12px;
  width: 71px;
  height: 52px;
  background: url("../../images/icon-search-customer.png") no-repeat; }

.icon-recent-customer {
  top: 12px;
  width: 55px;
  height: 52px;
  background: url("../../images/icon-recent-customer.png") no-repeat; }

.icon-to-do-list {
  top: 12px;
  width: 56px;
  height: 56px;
  background: url("../../images/icon-to-do-list.png") no-repeat; }

.icon-table i {
  background: url("../../images/icon-table.png") no-repeat; }

.icon-graphic i {
  background: url("../../images/icon-graphic.png") no-repeat; }

.ns-popover-list-theme {
  box-sizing: border-box;
  border: solid 1px #d2d2d2;
  border-radius: 3px;
  z-index: 100;
  background-color: white;
  -webkit-box-shadow: 0 0.3125rem 0.625rem rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0.3125rem 0.625rem rgba(0, 0, 0, 0.2);
  box-shadow: 0 0.3125rem 0.625rem rgba(0, 0, 0, 0.2); }
  .ns-popover-list-theme ul, .ns-popover-list-theme .list {
    padding: 0;
    margin: 0.625rem 0;
    display: block; }
  .ns-popover-list-theme li, .ns-popover-list-theme .list-item {
    list-style-type: none; }
    .ns-popover-list-theme li a, .ns-popover-list-theme .list-item a {
      padding: 0.1875rem 0.625rem;
      display: block; }
      .ns-popover-list-theme li a:hover, .ns-popover-list-theme .list-item a:hover {
        background-color: #f5f5f5; }

.ns-popover-tooltip-theme {
  box-sizing: border-box;
  background-color: transparent; }
  .ns-popover-tooltip-theme .ns-popover-tooltip {
    box-sizing: border-box;
    border: solid 1px #d2d2d2;
    border-radius: 3px;
    background-color: white;
    padding: 0.5625rem 0.875rem;
    max-width: 20rem;
    font-size: 0.875rem;
    -webkit-box-shadow: 0 0.3125rem 0.625rem rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0.3125rem 0.625rem rgba(0, 0, 0, 0.2);
    box-shadow: 0 0.3125rem 0.625rem rgba(0, 0, 0, 0.2);
    margin: 10px; }
    .ns-popover-tooltip-theme .ns-popover-tooltip ul {
      padding: 0;
      margin: 0.625rem 0;
      display: block; }
    .ns-popover-tooltip-theme .ns-popover-tooltip li {
      list-style-type: none; }
      .ns-popover-tooltip-theme .ns-popover-tooltip li a {
        padding: 0.1875rem 0.625rem;
        display: block; }
        .ns-popover-tooltip-theme .ns-popover-tooltip li a:hover {
          background-color: #f5f5f5; }
  .ns-popover-tooltip-theme.ns-popover-bottom-placement .triangle {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 11px;
    border-color: transparent;
    position: absolute;
    border-bottom-color: #d2d2d2;
    left: 50%;
    top: -11px;
    margin-left: -11px; }
    .ns-popover-tooltip-theme.ns-popover-bottom-placement .triangle:after {
      content: " ";
      display: block;
      width: 0;
      height: 0;
      border: solid 10px;
      border-color: transparent;
      position: absolute; }
    .ns-popover-tooltip-theme.ns-popover-bottom-placement .triangle:after {
      border-bottom-color: white;
      border-top-width: 0;
      top: 1px;
      margin-left: -10px; }
  .ns-popover-tooltip-theme.ns-popover-top-placement .triangle {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 11px;
    border-color: transparent;
    position: absolute;
    border-top-color: #d2d2d2;
    left: 50%;
    bottom: -11px;
    margin-left: -11px; }
    .ns-popover-tooltip-theme.ns-popover-top-placement .triangle:after {
      content: " ";
      display: block;
      width: 0;
      height: 0;
      border: solid 10px;
      border-color: transparent;
      position: absolute; }
    .ns-popover-tooltip-theme.ns-popover-top-placement .triangle:after {
      border-top-color: white;
      border-bottom-width: 0;
      bottom: 1px;
      margin-left: -10px; }
  .ns-popover-tooltip-theme.ns-popover-right-placement .triangle {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 11px;
    border-color: transparent;
    position: absolute;
    border-right-color: #d2d2d2;
    top: 50%;
    left: -11px;
    margin-top: -11px; }
    .ns-popover-tooltip-theme.ns-popover-right-placement .triangle:after {
      content: " ";
      display: block;
      width: 0;
      height: 0;
      border: solid 10px;
      border-color: transparent;
      position: absolute; }
    .ns-popover-tooltip-theme.ns-popover-right-placement .triangle:after {
      border-right-color: white;
      border-left-width: 0;
      left: 1px;
      bottom: -10px; }
  .ns-popover-tooltip-theme.ns-popover-left-placement .triangle {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 11px;
    border-color: transparent;
    position: absolute;
    border-left-color: #d2d2d2;
    top: 50%;
    right: -11px;
    margin-top: -11px; }
    .ns-popover-tooltip-theme.ns-popover-left-placement .triangle:after {
      content: " ";
      display: block;
      width: 0;
      height: 0;
      border: solid 10px;
      border-color: transparent;
      position: absolute; }
    .ns-popover-tooltip-theme.ns-popover-left-placement .triangle:after {
      border-left-color: white;
      border-right-width: 0;
      right: 1px;
      bottom: -10px; }
  .ns-popover-tooltip-theme.ns-popover-left-align .ns-popover-tooltip {
    margin-left: 0; }
  .ns-popover-tooltip-theme.ns-popover-right-align .ns-popover-tooltip {
    margin-right: 0; }
  .ns-popover-tooltip-theme.ns-popover-top-align .ns-popover-tooltip {
    margin-top: 0; }
  .ns-popover-tooltip-theme.ns-popover-bottom-align .ns-popover-tooltip {
    margin-bottom: 0; }

.calendar-event-popover {
  margin-top: -10px; }
  .calendar-event-popover .event-popover-content {
    position: relative;
    max-width: 450px;
    min-width: 230px;
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 4px;
    z-index: 1111;
    position: relative; }
    .calendar-event-popover .event-popover-content::before, .calendar-event-popover .event-popover-content::after {
      content: "";
      width: 0;
      height: 0;
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    .calendar-event-popover .event-popover-content::before {
      position: absolute;
      bottom: -4px;
      left: 5px;
      width: 0;
      height: 0;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 4px solid #F6F9FC;
      z-index: 1000; }
    .calendar-event-popover .event-popover-content::after {
      position: absolute;
      bottom: -6px;
      left: 3px;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 6px solid #ccc;
      z-index: 99; }
    .calendar-event-popover .event-popover-content::before, .calendar-event-popover .event-popover-content::after {
      left: 50%; }
    .calendar-event-popover .event-popover-content::after {
      margin-left: -2px; }
  .calendar-event-popover article {
    padding: 10px 10px 10px 5px; }
    .calendar-event-popover article .fa {
      margin: 3px 0 0 0;
      width: 30px;
      text-align: center;
      float: left; }
  .calendar-event-popover header, .calendar-event-popover footer {
    padding: 15px;
    background: #f5f5f5;
    border-radius: 4px; }
  .calendar-event-popover header span {
    max-width: 350px;
    font-size: 16px; }
  .calendar-event-popover footer .glyphicon-remove {
    position: relative;
    top: 0;
    right: 0;
    padding: 0; }
  .calendar-event-popover .calendar-clock, .calendar-event-popover .calendar-location {
    padding-bottom: 3px; }

.btn .fa-spin {
  display: none; }
.btn.disabled .fa-spin {
  display: inline-block; }

.btn-switch {
  margin-top: 25px; }

.btn-filter {
  position: relative;
  margin-bottom: 25px; }
  .btn-filter button {
    position: relative; }
    .btn-filter button i {
      color: #ffffff; }
    .btn-filter button .fa-chevron-right {
      position: absolute;
      top: 10px;
      right: -2px; }
    .btn-filter button .fa-chevron-left {
      position: absolute;
      top: 9px;
      left: -1px; }
    .btn-filter button .fa-chevron-down {
      color: white;
      position: absolute;
      top: 10px;
      right: 6px;
      left: auto;
      font-size: 12px !important; }

.btn-multiple-choice {
  margin-bottom: 0; }

.in-out, .show-hide {
  display: none; }

.collapse {
  overflow: inherit; }

.switch-on {
  background-color: #222f59; }
  .switch-on:hover {
    background-color: #222f59; }

.switch-off {
  background-color: #f05929; }

.quote-iframe {
  margin-top: 25px !important; }

.default-select, .multiple-select {
  position: relative;
  font-size: 14px; }
  .default-select article, .default-select button, .multiple-select article, .multiple-select button {
    display: block;
    padding: 0;
    width: 100%;
    min-width: 111px;
    height: 32px;
    background: transparent;
    text-align: left;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    line-height: 26px;
    overflow: hidden;
    white-space: nowrap; }
    .default-select article span.content, .default-select button span.content, .multiple-select article span.content, .multiple-select button span.content {
      position: absolute;
      top: 2px;
      right: 20px;
      left: 0;
      display: block;
      padding-left: 12px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
    .default-select article span.arrow, .default-select button span.arrow, .multiple-select article span.arrow, .multiple-select button span.arrow {
      display: block;
      margin-top: -16px;
      width: 32px;
      height: 32px;
      background-repeat: no-repeat;
      cursor: pointer;
      position: absolute;
      top: 50%;
      right: 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      -o-appearance: none;
      appearance: none;
      background-image: url("../../images/icon-select.png");
      background-position: right center; }
    .default-select article[disabled], .default-select button[disabled], .multiple-select article[disabled], .multiple-select button[disabled] {
      background-color: #e2e2e2;
      cursor: not-allowed; }
      .default-select article[disabled] span.arrow, .default-select button[disabled] span.arrow, .multiple-select article[disabled] span.arrow, .multiple-select button[disabled] span.arrow {
        display: none; }

select[disabled] {
  padding-right: 5px;
  background-color: #e2e2e2;
  cursor: not-allowed;
  background-image: none; }

.multiple-select .z-select {
  top: 35px; }
  .multiple-select .z-select ul li {
    padding: 0; }
.multiple-select article, .multiple-select button {
  min-width: 221px; }

.open .z-select, .open .default-filter {
  display: block !important; }

.default-filter {
  margin: 0;
  padding: 0;
  min-width: 0;
  float: none;
  border: none; }

.select-down .z-select {
  top: auto !important;
  bottom: 38px; }

.input-disabled .flag {
  color: #BE9827; }
  .input-disabled .flag:after {
    border-bottom: 6px solid #e2e2e2; }

.current-filer .fa {
  color: #ecdcd7; }

.form-control.search-task-field {
  width: 375px; }
.form-control.search-customer-field {
  width: 223px; }

.small-circle {
  width: 13px;
  height: 16px;
  background: none;
  border: none; }
  .small-circle::before {
    margin: -5px 0 0 -7px;
    font-size: 15px;
    color: #ffffff; }

.icon, .icon-corner, .icon-search-customer, .icon-recent-customer, .icon-to-do-list {
  position: absolute;
  right: 15px;
  display: block; }
  .icon i, .icon-corner i, .icon-search-customer i, .icon-recent-customer i, .icon-to-do-list i {
    position: absolute;
    top: 0;
    right: 0;
    margin: 2px 15px;
    font-size: 23px; }
  .icon .fa-usd, .icon-corner .fa-usd, .icon-search-customer .fa-usd, .icon-recent-customer .fa-usd, .icon-to-do-list .fa-usd {
    margin-right: 19px; }

.icon-table, .icon-graphic {
  margin-left: 60px; }

.icon-table i {
  position: absolute;
  top: 20px;
  left: 63px;
  width: 19px;
  height: 16px; }

.icon-graphic i {
  position: absolute;
  top: 20px;
  right: -35px;
  width: 20px;
  height: 14px; }

.icon-inside {
  margin-top: 50px;
  width: 100%;
  height: 50px;
  background: none; }

.Context, .CPS {
  text-align: center !important; }

.userContext, .userCPS {
  position: relative;
  cursor: help; }

.tooltips {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  padding: 9px 20px;
  margin: -40px -9px 0 0;
  font-size: 14px;
  background: #f05929;
  color: #ffffff; }
  .tooltips::before {
    content: "";
    position: absolute;
    right: 0;
    display: block;
    margin: 23px 10px 0 0;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #f05929; }

.user-tooltips:hover {
  color: #f05929; }
  .user-tooltips:hover .tooltips {
    display: block; }

.userContext::before, .userCPS::before {
  font-size: 21px; }

.userContext::before {
  padding-left: 7px;
  content: ""; }

.userCPS::before {
  content: ""; }

.f-logo {
  margin: 0px 0 7px 0;
  text-align: center; }

.fa-office365 {
  display: block;
  margin: 0;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url("../../images/office-365.png"); }

.fa-home {
  color: #ffffff; }

.fa-no-vip {
  background-color: #e2e2e2; }

.legend {
  display: none; }

.db {
  display: block;
  margin: 0 auto;
  width: 30px;
  height: 30px;
  background-image: url("../../images/sprite/db-sprite.png");
  background-repeat: no-repeat;
  cursor: pointer; }

.db-fast-backward {
  background-position: 0 0; }

.db-backward {
  background-position: -30px 0px; }

.db-forward {
  background-position: -59px 0px; }

.db-fast-forward {
  background-position: -89px 0px; }

.db-refresh {
  background-position: -119px 0px; }

.db-referral_pending, .db-pending {
  background-position: -58px -30px; }

.db-referral_rejected, .db-rejected {
  margin-top: 5px; }
  .db-referral_rejected:before, .db-rejected:before {
    content: ""; }

.db-referral_approved, .db-referral_wait_for_approval, .db-approved {
  margin-top: 4px; }
  .db-referral_approved:before, .db-referral_wait_for_approval:before, .db-approved:before {
    content: ""; }

.db-referral_pending-new, .db-pending-new {
  background-position: -178px -30px; }

.db-referral_rejected-new, .db-rejected-new {
  background-position: -149px -30px; }

.db-referral_approved-new:before, .db-referral_wait_for_approval-new:before, .db-approved-new:before {
  content: ""; }

.db-new:before {
  content: ""; }

.db-new, .db-referral_pending, .db-pending, .db-referral_rejected, .db-rejected, .db-referral_approved, .db-referral_wait_for_approval, .db-approved, .db-referral_pending-new, .db-pending-new, .db-referral_rejected-new, .db-rejected-new, .db-referral_approved-new, .db-referral_wait_for_approval-new, .db-approved-new {
  cursor: default; }

.db-roles {
  background-position: -208px -149px; }
  .db-roles:hover {
    opacity: 0.7; }

.db-select-all {
  background-position: 0px -60px; }

.db-deselect-all {
  background-position: -30px -60px; }

.db-searching {
  background-position: -29px -179px; }

.db-completed {
  background-position: 1px -179px; }

.db-check-all {
  background-position: 8px -266px; }

.db-recheck-all {
  background-position: -34px -266px; }

.db-clone {
  background-position: 0px -207px;
  opacity: 1; }
  .db-clone:hover {
    opacity: 0.7; }

.db-cancel {
  background-position: -29px -207px;
  opacity: 1; }
  .db-cancel:hover {
    opacity: 0.7; }

.db-edit {
  background-position: -58px -207px;
  opacity: 1; }
  .db-edit:hover {
    opacity: 0.7; }

.db-add {
  background-position: -87px -207px;
  opacity: 1; }
  .db-add:hover {
    opacity: 0.7; }

.db-remind {
  background-position: -116px -207px;
  opacity: 1; }
  .db-remind:hover {
    opacity: 0.7; }

.db-assign {
  background-position: -145px -207px;
  opacity: 1; }
  .db-assign:hover {
    opacity: 0.7; }

.db-reopen {
  background-position: -174px -207px;
  opacity: 1; }
  .db-reopen:hover {
    opacity: 0.7; }

.db-delete {
  background-position: -203px -207px;
  opacity: 1; }
  .db-delete:hover {
    opacity: 0.7; }

.db-required {
  top: -4px;
  font-size: 18px; }
  .db-required::before {
    content: "*"; }

.db-assign {
  background-position: -148px -209px; }

.db-reopen {
  background-position: -178px -207px; }

.db-delete {
  background-position: -210px -207px; }

.db-select {
  position: absolute;
  top: 0;
  right: 0;
  background-position: -58px -269px; }

.mn {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("../../images/sprite/db-sprite.png");
  background-repeat: no-repeat; }

.mn-menu {
  background-position: -7px -95px; }

.mn-dashboard {
  background-position: -37px -95px; }

.mn-customer {
  background-position: -67px -95px; }

.mn-tasks {
  background-position: -97px -95px; }

.mn-followup {
  background-position: -127px -95px; }

.mn-team {
  background-position: -157px -95px; }

.mn-users {
  background-position: -187px -95px; }

.mn-roles {
  background-position: -217px -95px; }

.disabled .db {
  opacity: 0.1;
  cursor: default; }
  .disabled .db:hover {
    opacity: 0.1; }

.disabled-mode i, .disabled-mode span {
  color: #e2e2e2 !important;
  cursor: not-allowed !important; }

.social-icons {
  margin-right: 2px;
  margin-left: -7px !important;
  padding: 7px 16px;
  border: 1px dashed white;
  border-radius: 50%; }
  .social-icons .fa-facebook, .social-icons .fa-twitter, .social-icons .fa-linkedin {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 11px; }
  .social-icons .fa-facebook {
    margin: 24px 0 0 27px; }
  .social-icons .fa-twitter {
    margin: 13px 0 0 18px; }
  .social-icons .fa-linkedin {
    margin: 10px 0px 0 32px; }

.delete-action .fa, .unassign-action .fa, .close-action .fa {
  margin: 0; }

.delete-action {
  margin-left: -3px; }

.unassign-action {
  position: relative; }
  .unassign-action .fa-user {
    position: relative;
    z-index: 1; }
  .unassign-action .fa-minus {
    position: absolute;
    top: 0;
    left: 3px;
    background: white;
    font-size: 8px !important; }

.close-action {
  position: relative;
  margin-right: 12px; }
  .close-action .fa-file-text-o {
    font-size: 14px !important; }
  .close-action .fa-times-circle-o {
    position: absolute;
    top: -3px;
    right: -2px;
    background: white;
    font-size: 12px !important;
    z-index: 1; }

/*table */
.expandable-table tbody tr:nth-child(2n+2) {
  background-color: #FAFBFC; }
.expandable-table tbody tr:nth-child(2n+4) {
  background: white; }
.expandable-table tbody tr:nth-child(2n+6) {
  background-color: #FAFBFC; }
.expandable-table tbody tr:nth-child(2n+8) {
  background: white; }
.expandable-table tbody tr:nth-child(2n+10) {
  background-color: #FAFBFC; }
.expandable-table tbody tr:nth-child(2n+12) {
  background: white; }
.expandable-table tbody tr:nth-child(2n+14) {
  background-color: #FAFBFC; }
.expandable-table tbody tr:nth-child(2n+16) {
  background: white; }
.expandable-table tbody tr:nth-child(2n+18) {
  background-color: #FAFBFC; }
.expandable-table tbody tr:nth-child(2n+20) {
  background: white; }
.expandable-table tbody .bg-opened {
  background-color: #ECF6FF !important; }
.expandable-table tbody tr.highlight-row {
  background: #edf3f9; }
.expandable-table .bootstrap-datetimepicker-widget tbody tr:nth-child(2n+4), .expandable-table .bootstrap-datetimepicker-widget tbody tr:nth-child(2n+2), .expandable-table .bootstrap-datetimepicker-widget tbody tr:nth-child(2n+6), .expandable-table .bootstrap-datetimepicker-widget tbody tr:nth-child(2n+14), .expandable-table .bootstrap-datetimepicker-widget tbody tr:nth-child(2n+18) {
  background: transparent; }

.z-filter, .z-filter-top {
  position: relative;
  padding: 10px 0 10px 5px;
  z-index: 1; }
  .z-filter input.form-control, .z-filter .btn, .z-filter .form-group, .z-filter-top input.form-control, .z-filter-top .btn, .z-filter-top .form-group {
    display: inline-block; }
  .z-filter .btn-group, .z-filter-top .btn-group {
    padding-bottom: 0 !important; }
  .z-filter input.form-control, .z-filter-top input.form-control {
    margin: 0 3px 0 2px;
    width: 310px; }

.z-filter-top {
  padding: 0;
  padding-left: 0; }
  .z-filter-top article {
    margin-bottom: -8px;
    float: right; }
  .z-filter-top .label-top:last-child {
    margin-right: 0; }
  .z-filter-top .label-top {
    margin-right: 7px; }
  .z-filter-top .btn-group {
    margin-top: -3px; }
  .z-filter-top .form-group {
    padding-bottom: 0; }
  .z-filter-top .customer-search-from, .z-filter-top .customer-search-to, .z-filter-top .form-control-xs {
    width: 140px !important; }
  .z-filter-top.customer-task-table-header {
    padding-left: 0 !important; }

.default-pagination label {
  margin-bottom: 0;
  border: 1px solid #dddddd;
  border-radius: 4px;
  vertical-align: 10px;
  padding-right: 5px; }
.default-pagination .fa {
  color: #676767; }
.default-pagination button[disabled] {
  background-color: #f7f7f7; }
  .default-pagination button[disabled] i {
    color: lightgray; }
.default-pagination input[type="text"] {
  padding: 1px 2px 0 0;
  width: 32px;
  height: 30px !important;
  text-align: right;
  border: none; }
.default-pagination .ngTotalSelectContainer {
  float: left; }
.default-pagination .ngRowCountPicker .ngLabel {
  display: none; }
.default-pagination .ngPagerContainer {
  margin-top: 25px !important;
  float: right; }
  .default-pagination .ngPagerContainer .ngRowCountPicker, .default-pagination .ngPagerContainer .ngPagerControl {
    display: inline-block; }
    .default-pagination .ngPagerContainer .ngRowCountPicker .styled-select .z-select, .default-pagination .ngPagerContainer .ngPagerControl .styled-select .z-select {
      width: 100%; }
    .default-pagination .ngPagerContainer .ngRowCountPicker .default-select button, .default-pagination .ngPagerContainer .ngPagerControl .default-select button {
      min-width: 70px; }
.default-pagination select {
  padding-top: 0;
  width: 55px;
  height: 32px;
  border: 1px solid #dddddd; }
.default-pagination .ngPagerFirstBar, .default-pagination .ngPagerLastBar, .default-pagination .ngPagerFirstTriangle, .default-pagination .ngPagerLastTriangle {
  margin: 0;
  border-left: 0; }

.panel .table-responsive {
  background: white; }

.navigation {
  display: none; }

.cover {
  min-height: 806px; }

.right-column .cover {
  background: white; }

#my-slide .projector {
  position: relative; }
  #my-slide .projector .dataTables_wrapper {
    position: absolute;
    top: 0%;
    left: 0%;
    display: block; }

.switch-mode .radio label {
  position: relative; }
.switch-mode .radio + .radio {
  margin: 10px 0 0 0; }

.form-email article {
  margin: 0;
  width: 488px; }
.form-email .form-control-xs {
  width: 172px !important; }

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
  background-color: #fbf8f7; }

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
  color: #f05929; }

.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #ecdcd7;
  border-radius: 0; }

.separator {
  padding-left: 16px !important; }

.table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child, .table-bordered tbody:first-child tr:first-child > th:last-child, .table-bordered thead:last-child tr:last-child > th:last-child, .table-bordered tbody:last-child tr:last-child > td:last-child, .table-bordered tbody:last-child tr:last-child > th:last-child, .table-bordered tfoot:last-child tr:last-child > td:last-child, .table-bordered tfoot:last-child tr:last-child > th:last-child, .table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child, .table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child {
  border-radius: 0; }

.task-available-list .glyphicon .action {
  right: -10px; }

.panel .profile-label, .panel .profile-value {
  font-size: 14px;
  text-transform: none; }
.panel strong, .panel strong a {
  color: #656565;
  word-break: break-word; }
.panel .profile-information {
  padding-bottom: 16px;
  text-align: left;
  text-transform: none; }
  .panel .profile-information .profile {
    width: 13.5%; }
  .panel .profile-information .profile-content {
    width: 86.5%; }
  .panel .profile-information .profile-pic img {
    display: none;
    margin: 0; }

.invoice-detail .profile-label {
  width: 130px; }

.area {
  padding: 10px 0;
  border-bottom: 1px solid #ecdcd7; }

.area:first-of-type {
  padding-top: 0; }

.default-panel {
  background: white;
  border: 1px solid #e6eff5; }
  .default-panel .default-panel-title {
    position: relative;
    padding: 10px;
    min-height: 0;
    background: #f5f5f5;
    color: #222f59;
    border-bottom: 1px solid #F2F6F8;
    border-radius: 4px 4px 0 0; }
    .default-panel .default-panel-title h2 {
      margin: 0;
      padding: 5px 0;
      font-size: 18px;
      color: #222f59;
      font-weight: 600; }
  .default-panel .default-panel-content {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 15px;
    padding: 5px 15px 0 15px;
    width: 100%; }
    .default-panel .default-panel-content .no-result {
      margin-bottom: 13px;
      padding: 15px 19px;
      height: 50px;
      background-color: #EFEFEF; }
    .default-panel .default-panel-content .gridBody {
      padding-bottom: 0; }
    .default-panel .default-panel-content ul {
      display: inline-block;
      padding: 0;
      margin: 0;
      width: 100%; }
      .default-panel .default-panel-content ul li {
        display: inline-block;
        color: #222f59;
        text-align: center; }
        .default-panel .default-panel-content ul li h5 {
          margin: 0;
          text-transform: uppercase;
          font-size: 30px;
          min-height: 16px;
          color: #222f59;
          font-weight: 600; }

/* checkbox */
.todo-check {
  position: relative;
  margin: 0 10px 0 -15px;
  /* when checkbox is checked */ }
  .todo-check input[type=checkbox], .todo-check input[type=radio] {
    width: 0px !important;
    height: 0px !important; }
  .todo-check label {
    top: 12px;
    padding: 0;
    font-weight: 100;
    float: left;
    z-index: 0;
    text-indent: 20px;
    border: none; }
    .todo-check label::after {
      top: 0px;
      left: 5px !important;
      width: 7px;
      height: 14px;
      border: 2px solid #f05929;
      border-top: 0;
      border-right: "";
      border-bottom: "";
      border-left: 0;
      z-index: 888;
      opacity: 0;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transition-delay: 0.3s;
      -moz-transition-delay: 0.3s;
      -o-transition-delay: 0.3s;
      transition-delay: 0.3s; }
  .todo-check label {
    cursor: default; }
    .todo-check label::before, .todo-check label::after {
      content: "";
      position: absolute;
      top: 10px;
      left: 0;
      display: block;
      cursor: pointer;
      -webkit-transition-duration: 0.3s;
      -moz-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      transition-duration: 0.3s;
      border-color: #f05929; }
    .todo-check label::before {
      top: 11px;
      width: 14px;
      height: 14px;
      border: #f05929 2px solid;
      z-index: 888;
      -webkit-transition-delay: 0.2s;
      -moz-transition-delay: 0.2s;
      -o-transition-delay: 0.2s;
      transition-delay: 0.2s; }
  .todo-check input[type=checkbox]:checked ~ label::before, .todo-check input[type=radio]:checked ~ label::before {
    opacity: 0;
    -webkit-transform: scale(0) rotate(-180deg);
    -moz-transform: scale(0) rotate(-180deg);
    -o-transform: scale(0) rotate(-180deg);
    transform: scale(0) rotate(-180deg); }
  .todo-check input[type=checkbox]:checked ~ label::after, .todo-check input[type=radio]:checked ~ label::after {
    opacity: 1;
    -webkit-transform: scale(1) rotate(45deg);
    -moz-transform: scale(1) rotate(45deg);
    -o-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg); }

/* radio */
.form-horizontal .radio {
  padding-left: 21px;
  width: 100%; }

#toggleShowHide {
  display: none; }

.checkbox-right {
  text-align: right; }
  .checkbox-right .checkbox {
    margin: 0px;
    padding: 0px;
    min-height: auto; }

.switcher {
  width: 30px;
  padding: 0; }
  .switcher input[type=checkbox] {
    display: inline-block;
    width: auto;
    height: auto; }
  .switcher label::before {
    border-radius: 10px;
    width: 30px;
    height: 8px;
    opacity: 1;
    margin: 5px 0px;
    transform: scale(1);
    border: 2px solid #ddd;
    top: 1px; }
  .switcher label::after {
    opacity: 1;
    width: 16px;
    height: 16px;
    border-radius: 10px;
    margin: 2px 0px !important;
    border: 2px solid #ddd;
    background-color: white;
    transform: rotate(0deg) !important; }

.switcher input[type="checkbox"]:checked ~ label::before {
  transform: scale(1) rotate(0deg) !important;
  opacity: 1 !important;
  border: 2px solid #375d81; }

.switcher input[type="checkbox"]:checked ~ label::after {
  left: 16px;
  border: 2px solid #375d81; }

.yesno input[type=checkbox] {
  display: inline-block;
  width: auto;
  height: auto;
  cursor: default !important; }
.yesno label::before, .yesno label::after {
  opacity: 1 !important;
  content: "";
  width: 15px;
  height: 2px;
  background-color: red;
  border-color: transparent;
  border: none;
  border-radius: 3px;
  margin-top: 8px;
  cursor: default !important; }
.yesno label:before {
  transform: rotate(-45deg); }
.yesno label:after {
  margin: 5px;
  margin-top: 8px; }

.yesno input[type="checkbox"]:checked ~ label::before {
  transform: rotate(-45deg);
  margin-left: 9px;
  background-color: green; }

.yesno input[type="checkbox"]:checked ~ label::after {
  margin-top: 10px;
  width: 7px;
  margin-left: 6px;
  background-color: green; }

.yesno input[type="checkbox"]:disabled ~ label {
  cursor: default !important; }

body {
  overflow: auto;
  overflow-x: hidden; }

.ngdialog.ngdialog-theme-default {
  padding: 101px 0 0 0; }
  .ngdialog.ngdialog-theme-default .ngdialog-content {
    padding: 0;
    background: white;
    overflow: hidden;
    border: 1px solid darkgrey;
    border-radius: 4px; }
    .ngdialog.ngdialog-theme-default .ngdialog-content header, .ngdialog.ngdialog-theme-default .ngdialog-content .form-footer {
      position: relative;
      margin: 0;
      padding: 16px; }
    .ngdialog.ngdialog-theme-default .ngdialog-content header {
      background: #f5f5f5;
      border-radius: 4px 4px 0 0; }
      .ngdialog.ngdialog-theme-default .ngdialog-content header h3 {
        display: block;
        padding-right: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
    .ngdialog.ngdialog-theme-default .ngdialog-content > article, .ngdialog.ngdialog-theme-default .ngdialog-content .dialog-content, .ngdialog.ngdialog-theme-default .ngdialog-content .permission-management, .ngdialog.ngdialog-theme-default .ngdialog-content .policy-detail-content, .ngdialog.ngdialog-theme-default .ngdialog-content .quote-detail-content, .ngdialog.ngdialog-theme-default .ngdialog-content .claim-detail-content, .ngdialog.ngdialog-theme-default .ngdialog-content .assign-task-content, .ngdialog.ngdialog-theme-default .ngdialog-content .update-customer-iframe-content, .ngdialog.ngdialog-theme-default .ngdialog-content .customer-note-detail-content {
      margin: 0;
      padding: 0;
      background: white;
      border-radius: 0 0 4px 4px; }
      .ngdialog.ngdialog-theme-default .ngdialog-content > article .form-body, .ngdialog.ngdialog-theme-default .ngdialog-content .dialog-content .form-body, .ngdialog.ngdialog-theme-default .ngdialog-content .permission-management .form-body, .ngdialog.ngdialog-theme-default .ngdialog-content .policy-detail-content .form-body, .ngdialog.ngdialog-theme-default .ngdialog-content .quote-detail-content .form-body, .ngdialog.ngdialog-theme-default .ngdialog-content .claim-detail-content .form-body, .ngdialog.ngdialog-theme-default .ngdialog-content .assign-task-content .form-body, .ngdialog.ngdialog-theme-default .ngdialog-content .update-customer-iframe-content .form-body, .ngdialog.ngdialog-theme-default .ngdialog-content .customer-note-detail-content .form-body {
        position: relative;
        margin: 0 16px 0 0;
        padding: 24px 16px 16px 16px;
        overflow: auto; }
      .ngdialog.ngdialog-theme-default .ngdialog-content > article .form-footer, .ngdialog.ngdialog-theme-default .ngdialog-content .dialog-content .form-footer, .ngdialog.ngdialog-theme-default .ngdialog-content .permission-management .form-footer, .ngdialog.ngdialog-theme-default .ngdialog-content .policy-detail-content .form-footer, .ngdialog.ngdialog-theme-default .ngdialog-content .quote-detail-content .form-footer, .ngdialog.ngdialog-theme-default .ngdialog-content .claim-detail-content .form-footer, .ngdialog.ngdialog-theme-default .ngdialog-content .assign-task-content .form-footer, .ngdialog.ngdialog-theme-default .ngdialog-content .update-customer-iframe-content .form-footer, .ngdialog.ngdialog-theme-default .ngdialog-content .customer-note-detail-content .form-footer {
        width: 100%;
        height: 100%;
        background-color: #f5f5f5;
        white-space: nowrap;
        overflow: visible;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 0 0 4px 4px; }
        .ngdialog.ngdialog-theme-default .ngdialog-content > article .form-footer .btn-group, .ngdialog.ngdialog-theme-default .ngdialog-content .dialog-content .form-footer .btn-group, .ngdialog.ngdialog-theme-default .ngdialog-content .permission-management .form-footer .btn-group, .ngdialog.ngdialog-theme-default .ngdialog-content .policy-detail-content .form-footer .btn-group, .ngdialog.ngdialog-theme-default .ngdialog-content .quote-detail-content .form-footer .btn-group, .ngdialog.ngdialog-theme-default .ngdialog-content .claim-detail-content .form-footer .btn-group, .ngdialog.ngdialog-theme-default .ngdialog-content .assign-task-content .form-footer .btn-group, .ngdialog.ngdialog-theme-default .ngdialog-content .update-customer-iframe-content .form-footer .btn-group, .ngdialog.ngdialog-theme-default .ngdialog-content .customer-note-detail-content .form-footer .btn-group {
          padding-bottom: 0 !important; }
    .ngdialog.ngdialog-theme-default .ngdialog-content .view-only {
      padding-bottom: 5px;
      text-align: left; }
    .ngdialog.ngdialog-theme-default .ngdialog-content .current-system, .ngdialog.ngdialog-theme-default .ngdialog-content .status {
      font-size: 14px; }
    .ngdialog.ngdialog-theme-default .ngdialog-content invoice-detail h4 {
      padding: 0 0 10px 0; }
    .ngdialog.ngdialog-theme-default .ngdialog-content .view-more {
      position: absolute;
      top: 0;
      left: 0;
      width: 50px;
      height: 50px;
      font-size: 15px;
      color: #ffffff;
      cursor: pointer;
      border-right: 1px solid #ddd;
      z-index: 13;
      transition: 0.5s ease;
      -o-transition: 0.5s ease;
      -webkit-transition: 0.5s ease; }
    .ngdialog.ngdialog-theme-default .ngdialog-content .view-more-in {
      background: none; }
    .ngdialog.ngdialog-theme-default .ngdialog-content .bg-view-more {
      background: #f05929;
      transition: 0.5s ease;
      -o-transition: 0.5s ease;
      -webkit-transition: 0.5s ease; }
    .ngdialog.ngdialog-theme-default .ngdialog-content .panel-block {
      display: block;
      position: relative;
      min-height: 50px;
      width: 100%;
      background: rgba(234, 234, 234, 0.25);
      border: 1px solid #d4d4d4;
      float: left;
      margin-top: 10px;
      margin-bottom: 5px;
      transition: 0.5s ease;
      -o-transition: 0.5s ease;
      -webkit-transition: 0.5s ease; }
      .ngdialog.ngdialog-theme-default .ngdialog-content .panel-block .panel-collapse {
        transition: 0.5s ease;
        -o-transition: 0.5s ease;
        -webkit-transition: 0.5s ease; }
    .ngdialog.ngdialog-theme-default .ngdialog-content .panel-in {
      width: 99%;
      border: none;
      transition: 0.5s ease;
      -o-transition: 0.5s ease;
      -webkit-transition: 0.5s ease;
      -webkit-box-shadow: 0px 6px 10px -1px rgba(0, 0, 0, 0);
      -moz-box-shadow: 0px 6px 10px -1px rgba(0, 0, 0, 0);
      box-shadow: 0px 6px 10px -1px rgba(0, 0, 0, 0); }
    .ngdialog.ngdialog-theme-default .ngdialog-content .panel-group {
      margin-top: 16px;
      margin-bottom: 8px; }

.lines {
  position: relative;
  display: inline-block;
  padding: 0 70px;
  margin: 0 0 20px 0;
  text-transform: none; }
  .lines::before, .lines::after {
    content: "";
    display: inline-block;
    width: 70px;
    height: 3px;
    margin-bottom: 5px; }
  .lines::before {
    margin-right: 15px;
    background: url("../../images/t-left.png") no-repeat center; }
  .lines::after {
    margin-left: 15px;
    background: url("../../images/t-right.png") no-repeat center; }

iframe {
  width: 100%;
  min-height: 736px;
  border: none; }

.popup-outlook-email iframe {
  min-height: 300px; }

.obt-hassub {
  position: relative;
  display: block;
  border-top: none !important;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease; }

.hassub {
  position: absolute;
  top: -2px;
  left: -35px;
  font-size: 21px;
  color: #f05929; }
  .hassub::before {
    font-family: "FontAwesome";
    content: "";
    float: right;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease; }

.hassub-rotate::before {
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg); }

.title-collapse {
  position: absolute;
  top: 0;
  left: 60px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  z-index: 111; }

.policy-lifespan {
  margin-left: 0;
  float: none; }

.pop-up-heading {
  display: block;
  font-size: 20px;
  color: #f05929;
  margin-bottom: 15px;
  padding: 10px 0 20px 0;
  border-bottom: 2px solid #f05929; }

.invoice-matched-credits .expandableRow {
  overflow: hidden; }
.invoice-matched-credits .ngdialog.ngdialog-theme-default .ngdialog-content {
  padding-bottom: 0; }

.invoice-matched-payments .ngFooterPanel, .invoice-matched-credits .ngFooterPanel {
  min-height: 52px; }
.invoice-matched-payments .ui-grid-pager-control button, .invoice-matched-credits .ui-grid-pager-control button {
  min-width: 17px;
  height: 27px; }
.invoice-matched-payments .scrollFiller:last-child, .invoice-matched-credits .scrollFiller:last-child {
  border-bottom: 0 !important; }
.invoice-matched-payments .ngdialog-content, .invoice-matched-credits .ngdialog-content {
  width: 60% !important;
  height: auto !important; }
.invoice-matched-payments .ui-grid-pager-control, .invoice-matched-credits .ui-grid-pager-control {
  margin-bottom: -10px; }
.invoice-matched-payments .ui-grid input, .invoice-matched-payments .ui-grid select, .invoice-matched-credits .ui-grid input, .invoice-matched-credits .ui-grid select {
  height: 21px !important;
  width: 45px !important; }
.invoice-matched-payments div.ui-grid-cell input[type="checkbox"], .invoice-matched-credits div.ui-grid-cell input[type="checkbox"] {
  margin-top: -3px !important; }
.invoice-matched-payments .expandableRow, .invoice-matched-credits .expandableRow {
  border-right: 1px solid rgba(212, 212, 212, 0.63); }
  .invoice-matched-payments .expandableRow .ui-grid-cell, .invoice-matched-credits .expandableRow .ui-grid-cell {
    margin-top: -4px !important;
    padding-top: 10px; }
  .invoice-matched-payments .expandableRow .ui-grid-viewport, .invoice-matched-payments .expandableRow .ui-grid-header-cell, .invoice-matched-credits .expandableRow .ui-grid-viewport, .invoice-matched-credits .expandableRow .ui-grid-header-cell {
    padding-left: 0; }
  .invoice-matched-payments .expandableRow .border-heading, .invoice-matched-credits .expandableRow .border-heading {
    top: 31px;
    margin-left: 0;
    width: 96%; }
  .invoice-matched-payments .expandableRow .ui-grid-header-canvas, .invoice-matched-payments .expandableRow .ui-grid-viewport, .invoice-matched-credits .expandableRow .ui-grid-header-canvas, .invoice-matched-credits .expandableRow .ui-grid-viewport {
    border-right: none; }
.invoice-matched-payments caption p, .invoice-matched-credits caption p {
  display: none; }
.invoice-matched-payments .form-body, .invoice-matched-credits .form-body {
  padding-right: 11px !important;
  padding-bottom: 20px !important; }
.invoice-matched-payments .default-select .z-select, .invoice-matched-credits .default-select .z-select {
  top: auto !important;
  bottom: 37px !important; }
.invoice-matched-payments input[type=checkbox][disabled], .invoice-matched-credits input[type=checkbox][disabled] {
  margin-top: 10px; }

.add-background-image {
  background-image: url("../../images/dot.png") !important; }

.claimDetails .form-body {
  padding-right: 0 !important; }
.claimDetails iframe {
  min-height: 886px; }

.popup-iframe {
  padding: 73px 0 0 0 !important; }
  .popup-iframe iframe {
    min-height: 790px; }
  .popup-iframe .panel-group {
    margin-bottom: 0;
    height: auto; }

.popup .team-management .form-footer, .popup .team-management header {
  display: block; }
.popup .form-footer.default-footer {
  padding: 8px; }

.popup-add .nav-groups {
  display: none; }
.popup-add .contents {
  padding: 0;
  border: 0; }

.popup-detail-lead .ngdialog-content {
  width: 50% !important; }
.popup-detail-lead .table-list > thead tr th:first-child, .popup-detail-lead .table-list > tbody tr td:first-child {
  padding: 10px 0; }
.popup-detail-lead .progress {
  margin: 6px 0 0 0; }

.popup-create-tasktype-status .ngdialog-content, .popup-update-overflow .ngdialog-content {
  width: 65% !important; }

.popup-create-transition .contents, .popup-create-tasktype-status .contents {
  padding: 0;
  border: 0; }

.popup-create-task .ngdialog-content header {
  padding-top: 14px !important; }
.popup-create-task .ngdialog-content .form-body {
  padding: 16px 16px 8px 16px !important; }
.popup-create-task .ngdialog-content .task-assignee .default-select .z-select {
  top: auto;
  bottom: 37px; }

.billing-options .add-background-image {
  background-image: none; }

.policy-history {
  padding: 20px 40px 5px 50px; }

.popup-note-customer textarea, .popup-create-queue textarea {
  min-height: 105px !important; }

.popup-payment-schedule .ngdialog-content {
  padding-bottom: 0 !important; }
  .popup-payment-schedule .ngdialog-content header {
    padding-top: 14px !important; }
  .popup-payment-schedule .ngdialog-content article {
    padding-right: 0 !important;
    width: 100%; }
  .popup-payment-schedule .ngdialog-content .form-body {
    padding-bottom: 15px !important; }
  .popup-payment-schedule .ngdialog-content .default-select .z-select {
    top: auto !important;
    bottom: 37px !important; }
  .popup-payment-schedule .ngdialog-content .c-value {
    width: 15%; }

.team-management header {
  margin: 0 0 16px; }
.team-management .form-footer {
  display: none; }

.popup-claim-details header {
  padding: 13px 20px !important; }
.popup-claim-details .panel-block {
  margin-top: 0 !important;
  margin-bottom: 20px !important; }
.popup-claim-details .gridBody, .popup-claim-details .panel-body {
  padding-bottom: 0 !important; }
.popup-claim-details .claim-transaction-list .gridStyle {
  padding: 20px 50px !important; }
.popup-claim-details .panel-group {
  margin-top: 30px !important; }

.popup-customer-create-task .cg-busy-backdrop-animation, .popup-create-task .cg-busy-backdrop-animation {
  opacity: 0 !important; }

.popup-assign-task h4 {
  margin-top: 0;
  margin-bottom: 6px; }
.popup-assign-task .lines {
  margin: 0 0 10px 0; }
.popup-assign-task .ngdialog-content .tag-area {
  padding-bottom: 50px !important; }

.popup-task-details header {
  padding: 13px 20px !important; }
.popup-task-details .event-missing-message {
  position: absolute;
  right: 0;
  padding: 2px 10px 1px 3px;
  font-size: 13px;
  font-weight: bold;
  border: 1px solid #ccc;
  border-radius: 4px; }

.popup-task-details .triangle-up-border::before, .popup-create-task .triangle-up-border::before {
  left: 9px;
  border-bottom: 4px solid #EFEFEF; }
.popup-task-details .triangle-up-border::after, .popup-create-task .triangle-up-border::after {
  left: 7px;
  border-bottom: 6px solid #EFEFEF; }
.popup-task-details .event-wrapper .list-bar, .popup-create-task .event-wrapper .list-bar {
  border-radius: 4px; }

.default-tag {
  width: 100%;
  float: left; }
  .default-tag li {
    display: inline-block;
    margin-right: 5px;
    padding: 3px 7px;
    width: 24%;
    background-color: #F9F9F9;
    font-size: 12px;
    text-align: center;
    text-overflow: ellipsis;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap; }
  .default-tag .selected {
    background-color: #888;
    color: #ffffff; }
    .default-tag .selected .fa {
      color: white; }

.default-tag-mail {
  width: 100%;
  float: left; }
  .default-tag-mail li {
    display: inline-block;
    margin: 4px -10px 0 10px;
    padding: 0 5px;
    height: 32px;
    font-size: 12px;
    text-align: center;
    text-overflow: ellipsis;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    word-spacing: nowrap; }
    .default-tag-mail li:last-child {
      background-color: transparent;
      border: 0; }
    .default-tag-mail li .fa-times {
      position: absolute;
      top: -1px;
      right: 0; }
    .default-tag-mail li .default-tag-mail-content {
      position: relative;
      display: block;
      background-color: #F9F9F9;
      border: 1px solid #ccc;
      border-radius: 4px; }
      .default-tag-mail li .default-tag-mail-content span {
        padding: 0 20px; }
    .default-tag-mail li input {
      margin: -4px 0 0 0; }
  .default-tag-mail .selected {
    background-color: #888;
    color: #ffffff; }

.no-scroll caption label {
  display: none; }
.no-scroll caption p {
  position: absolute;
  top: 5px; }
.no-scroll .z-filter-top article {
  margin: 25px 0 15px 0 !important; }
.no-scroll .default-pagination .ngPagerContainer {
  margin-top: 15px !important; }

.popup-role-edit .media-analytic .well .media-body span.title {
  margin: 0;
  font-size: 13px; }

.popup-user-change-password .form-body {
  padding-top: 16px !important; }
  .popup-user-change-password .form-body p {
    margin: 0 0 16px;
    padding: 4px 8px;
    font-size: 13px;
    border: 1px dotted #ccc;
    border-radius: 4px;
    line-height: 18px;
    overflow: visible;
    white-space: normal; }

.popup-lead-allocate .form-body .form-group .form-group {
  padding-bottom: 0; }
.popup-lead-allocate .form-body .form-group .label-top {
  width: 100%; }
.popup-lead-allocate .form-body .default-dropdown-multiple-select {
  max-height: 218px !important; }
  .popup-lead-allocate .form-body .default-dropdown-multiple-select ul {
    max-height: 155px !important; }

.popup-lead-allocate .ngdialog-content, .popup-lead-allocate .form-body, .popup-create-lead .ngdialog-content, .popup-create-lead .form-body, .popup-detail-lead .ngdialog-content, .popup-detail-lead .form-body, .popup-probability .ngdialog-content, .popup-probability .form-body, .popup-overlap .ngdialog-content, .popup-overlap .form-body {
  overflow: visible !important; }

.popup-policy footer {
  display: none; }

.popup-outlook .todo-check {
  margin: -5px 10px 0 0; }

.popup-view-mail h3 .fa {
  font-size: 22px; }
.popup-view-mail iframe {
  margin: 10px -10px 0 -10px; }
.popup-view-mail .fa-paperclip {
  padding-top: 5px;
  float: left; }
.popup-view-mail pre {
  overflow: hidden;
  white-space: normal !important; }

.popup-outlook-small article {
  max-height: 510px;
  border-radius: 4px;
  overflow: auto;
  overflow-x: hidden; }
  .popup-outlook-small article .limited span {
    max-width: 80%; }
  .popup-outlook-small article ul {
    margin: 0; }
    .popup-outlook-small article ul li {
      position: relative;
      padding: 8px 15px 20px 15px;
      min-height: 47px; }
      .popup-outlook-small article ul li:hover {
        background-color: #ededed;
        cursor: pointer; }
.popup-outlook-small .ngdialog-content {
  width: 22% !important; }
.popup-outlook-small .event-item {
  margin: 7px 0 0 28px; }
.popup-outlook-small .no-events {
  padding: 8px 15px 12px 15px; }
  .popup-outlook-small .no-events .event-item {
    margin: 8px 0 0 28px; }

.popup-outlook-email .ngdialog-content .form-body {
  overflow: hidden !important; }

.popup-campaign-social img, .popup-campaign-social .form-body {
  padding: 5px; }
.popup-campaign-social .form-body {
  padding: 15px 0 0 15px !important; }

.popup-insight .ngdialog-content {
  width: 40% !important; }
.popup-insight .wrapper-insight li a {
  text-transform: capitalize; }
.popup-insight .wrapper-insight .nav-tabs:not(.nav-groups) {
  position: relative;
  z-index: 111; }
.popup-insight .wrapper-insight .tab-content, .popup-insight .wrapper-insight li.active {
  border: 1px solid #ccc; }
.popup-insight .wrapper-insight li.active {
  margin: 0 0 -1px 0;
  border-bottom: 0; }
.popup-insight .wrapper-insight section {
  padding: 32px 0 0 0; }
  .popup-insight .wrapper-insight section .header {
    position: absolute;
    top: -7px;
    left: 50%;
    margin-left: -47px;
    padding: 0 8px;
    background: #fffafa;
    text-align: center; }
    .popup-insight .wrapper-insight section .header h3 {
      font-size: 13px;
      font-weight: bold; }
  .popup-insight .wrapper-insight section [class*=-area] {
    background: #fffafa;
    border: 1px solid #ccc;
    overflow: hidden; }
    .popup-insight .wrapper-insight section [class*=-area] .btn.btn-default {
      min-width: 120px; }
    .popup-insight .wrapper-insight section [class*=-area] .default-panel-content {
      padding: 25px 15px 10px 15px; }
      .popup-insight .wrapper-insight section [class*=-area] .default-panel-content .chart-line, .popup-insight .wrapper-insight section [class*=-area] .default-panel-content .pie-legend {
        margin-top: 15px;
        margin-bottom: 0;
        padding-left: 10px; }
      .popup-insight .wrapper-insight section [class*=-area] .default-panel-content .pie-legend li, .popup-insight .wrapper-insight section [class*=-area] .default-panel-content .line-legend li {
        padding: 0px 15px 0 20px;
        font-size: 12px; }
        .popup-insight .wrapper-insight section [class*=-area] .default-panel-content .pie-legend li span, .popup-insight .wrapper-insight section [class*=-area] .default-panel-content .line-legend li span {
          top: 3px;
          width: 15px;
          height: 15px;
          border-radius: 50%; }
.popup-insight .wrapper-insight .chart-insight {
  padding-top: 8px; }
.popup-insight .wrapper-insight .facebook-insight ul {
  text-align: center; }
  .popup-insight .wrapper-insight .facebook-insight ul li {
    display: inline-block;
    margin: 0 8px;
    text-align: center;
    float: none; }
.popup-insight .wrapper-insight .facebook-insight p {
  display: block;
  margin: 6px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 4px; }
.popup-insight .wrapper-insight .facebook-insight span {
  display: block;
  margin: 12px auto 4px auto;
  padding: 0;
  max-width: 50px;
  height: 24px;
  background-color: #f2f2f2;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 4px; }
.popup-insight .wrapper-insight .facebook-insight .fa {
  margin: 0;
  width: 26px;
  color: #f05929;
  font-size: 20px; }

.all-day {
  position: absolute;
  top: 0;
  right: 0;
  margin: 5px 0 0 0;
  width: 100px; }
  .all-day .lbl-all-day {
    padding: 6px 0 0 23px; }

.popup-allocation-details .ngdialog-content {
  width: 50% !important; }
.popup-allocation-details .form-body {
  padding: 0px 15px 0 20px !important; }
.popup-allocation-details .default-select .z-select {
  top: auto;
  bottom: 35px; }

.popup-campaign-details .form-horizontal .form-group:last-child {
  margin-bottom: 8px; }
.popup-campaign-details .campaign-history .form-body {
  margin-top: -15px;
  padding-top: 15px !important;
  padding-left: 0 !important; }
.popup-campaign-details .campaign-history .z-select {
  top: auto !important;
  bottom: 38px; }
.popup-campaign-details .event-wrapper .form-control, .popup-campaign-details .event-wrapper .list-bar {
  background-color: white !important; }
.popup-campaign-details textarea.form-control:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border-collapse: separate; }
.popup-campaign-details .ngdialog-content {
  width: 65% !important; }
.popup-campaign-details .default-panel-content {
  margin-top: 10px; }
.popup-campaign-details .chart-area .col-md-6:first-child {
  padding-right: 0; }
.popup-campaign-details .chart-area .header h3 {
  padding: 10px; }
.popup-campaign-details .chart-area [class*=-area] {
  margin-bottom: 15px;
  min-height: 371px;
  border: 1px solid #ccc;
  border-radius: 4px; }
.popup-campaign-details .chart-area .line-area .default-panel-content {
  padding: 15px; }
.popup-campaign-details #toast-container.toast-top-full-width > div {
  margin-bottom: 15px !important; }
.popup-campaign-details .campaign-followup {
  position: absolute;
  right: 15px; }
.popup-campaign-details .d-input-clearable.onX {
  background-position: right 10px top 10px; }

.popup-target-group-details .ngdialog-content {
  width: 20% !important; }
  .popup-target-group-details .ngdialog-content .valid-error {
    top: 20px;
    right: 20px;
    border-radius: 0 4px 4px 0; }

.popup-lead-import .compose-drag {
  margin: 0; }
.popup-lead-import .well.well-attachment .wrappers {
  width: 250px;
  min-height: 40px; }
  .popup-lead-import .well.well-attachment .wrappers p {
    padding: 14px 0 0;
    font-size: 14px; }

.popup-campaign-target-group-detail .target-lead-list .table > tbody > tr > td {
  max-width: 75px; }

::-webkit-scrollbar {
  width: 7px;
  height: 5px;
  cursor: pointer; }

::-webkit-scrollbar-thumb {
  background: #f05929 !important;
  color: white; }

.todo-list-content::-webkit-scrollbar-thumb, .social-area article::-webkit-scrollbar-thumb {
  background: #ecdcd7 !important; }

/*Css for calendar */
.bootstrap-datetimepicker-widget {
  background: grey !important;
  z-index: 9999999999; }
  .bootstrap-datetimepicker-widget.dropdown-menu {
    margin: 1px 0 0 0;
    max-height: inherit;
    overflow: visible; }
    .bootstrap-datetimepicker-widget.dropdown-menu.right:before {
      right: 7px;
      left: auto; }
    .bootstrap-datetimepicker-widget.dropdown-menu.right:after {
      right: 8px;
      left: auto; }
  .bootstrap-datetimepicker-widget .glyphicon {
    color: #ffffff; }
  .bootstrap-datetimepicker-widget table {
    width: 100%; }
    .bootstrap-datetimepicker-widget table td {
      line-height: 100%; }
      .bootstrap-datetimepicker-widget table td span {
        margin: 0;
        color: #ffffff; }
      .bootstrap-datetimepicker-widget table td span:hover {
        background: transparent; }
    .bootstrap-datetimepicker-widget table th {
      background: transparent !important;
      color: white !important;
      border: solid 1px #9baec0; }
    .bootstrap-datetimepicker-widget table .next, .bootstrap-datetimepicker-widget table .prev {
      min-width: 30px; }
  .bootstrap-datetimepicker-widget ul {
    padding: 0;
    margin: 0; }
  .bootstrap-datetimepicker-widget .datepicker .datepicker-days tbody tr td.day {
    border: solid 1px #9baec0;
    color: #ffffff; }
    .bootstrap-datetimepicker-widget .datepicker .datepicker-days tbody tr td.day:hover {
      background: #444141; }
  .bootstrap-datetimepicker-widget .datepicker .datepicker-days tbody tr td.disabled {
    background: #6D6B6B;
    color: rgba(169, 164, 164, 0.5); }
    .bootstrap-datetimepicker-widget .datepicker .datepicker-days tbody tr td.disabled:hover {
      background: #6D6B6B; }
  .bootstrap-datetimepicker-widget .datepicker .datepicker-days tbody tr td.active {
    background: #444141;
    border-radius: 0; }
  .bootstrap-datetimepicker-widget .datepicker .datepicker-months tbody {
    border: solid 1px #9baec0; }
    .bootstrap-datetimepicker-widget .datepicker .datepicker-months tbody span.month {
      background: #183152;
      border: solid 1px #9baec0;
      border-radius: 0px;
      width: 23% !important;
      height: 57px !important;
      margin: 1%; }
    .bootstrap-datetimepicker-widget .datepicker .datepicker-months tbody span.month.disabled {
      background: #6D6B6B; }
    .bootstrap-datetimepicker-widget .datepicker .datepicker-months tbody span.month.active {
      background: #444141; }
  .bootstrap-datetimepicker-widget .datepicker .datepicker-years tbody {
    border: solid 1px #9baec0; }
    .bootstrap-datetimepicker-widget .datepicker .datepicker-years tbody span.year {
      background: #183152;
      border: solid 1px #9baec0;
      border-radius: 0px;
      width: 23% !important;
      height: 57px !important;
      margin: 1%; }
    .bootstrap-datetimepicker-widget .datepicker .datepicker-years tbody span.year.disabled {
      background: #6D6B6B; }
    .bootstrap-datetimepicker-widget .datepicker .datepicker-years tbody span.year.active {
      background: #444141; }
  .bootstrap-datetimepicker-widget .datepicker .datepicker-decades tbody {
    border: solid 1px #9baec0; }
    .bootstrap-datetimepicker-widget .datepicker .datepicker-decades tbody span.decade {
      background: #183152;
      border: solid 1px #9baec0;
      border-radius: 0px;
      width: 31.3333% !important;
      height: 57px !important;
      margin: 1%;
      padding-top: 16px; }
    .bootstrap-datetimepicker-widget .datepicker .datepicker-decades tbody span.decade.disabled {
      background: #6D6B6B; }
    .bootstrap-datetimepicker-widget .datepicker .datepicker-decades tbody span.decade.active {
      background: #444141; }
  .bootstrap-datetimepicker-widget .picker-switch {
    margin-top: -1px; }
    .bootstrap-datetimepicker-widget .picker-switch table {
      border: solid 1px #9baec0; }
      .bootstrap-datetimepicker-widget .picker-switch table td:hover {
        background: #444141; }
      .bootstrap-datetimepicker-widget .picker-switch table td span:hover {
        background: transparent; }
  .bootstrap-datetimepicker-widget .timepicker .timepicker-picker {
    border: solid 1px #9baec0; }
    .bootstrap-datetimepicker-widget .timepicker .timepicker-picker a.btn {
      position: relative;
      border: solid 1px white;
      width: 32px;
      height: 32px;
      border-radius: 0 !important; }
      .bootstrap-datetimepicker-widget .timepicker .timepicker-picker a.btn .glyphicon {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -7px;
        margin-left: -6px;
        width: auto;
        height: auto;
        line-height: 100%; }
    .bootstrap-datetimepicker-widget .timepicker .timepicker-picker .separator {
      color: #ffffff;
      font-size: 50px; }
    .bootstrap-datetimepicker-widget .timepicker .timepicker-picker .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker .timepicker-picker .timepicker-minute {
      border: solid 1px white;
      border-radius: 0px !important; }
      .bootstrap-datetimepicker-widget .timepicker .timepicker-picker .timepicker-hour:hover, .bootstrap-datetimepicker-widget .timepicker .timepicker-picker .timepicker-minute:hover {
        background: #444141; }
  .bootstrap-datetimepicker-widget .timepicker .timepicker-hours, .bootstrap-datetimepicker-widget .timepicker .timepicker-minutes {
    margin-top: -1px; }
    .bootstrap-datetimepicker-widget .timepicker .timepicker-hours tbody, .bootstrap-datetimepicker-widget .timepicker .timepicker-minutes tbody {
      border: solid 1px #9baec0; }
      .bootstrap-datetimepicker-widget .timepicker .timepicker-hours tbody td, .bootstrap-datetimepicker-widget .timepicker .timepicker-minutes tbody td {
        background-color: #183152;
        color: white;
        border: solid 1px #9baec0; }
      .bootstrap-datetimepicker-widget .timepicker .timepicker-hours tbody td.disabled, .bootstrap-datetimepicker-widget .timepicker .timepicker-minutes tbody td.disabled {
        background: #6D6B6B; }
      .bootstrap-datetimepicker-widget .timepicker .timepicker-hours tbody td.active, .bootstrap-datetimepicker-widget .timepicker .timepicker-minutes tbody td.active {
        background: #444141; }

.bootstrap-datetimepicker-widget table td.hour:hover {
  background: #444141; }
.bootstrap-datetimepicker-widget .glyphicon-chevron-left:before {
  content: "" !important; }
.bootstrap-datetimepicker-widget .glyphicon-chevron-right:before {
  content: "" !important; }

.main-calendar {
  background: white; }
  .main-calendar .mail-compose-upload {
    padding: 15px; }
  .main-calendar .divider {
    height: 15px; }
  .main-calendar .multiple-select {
    margin-bottom: 10px;
    padding-bottom: 0; }
  .main-calendar .col-md-9, .main-calendar .col-md-12 {
    -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; }
  .main-calendar .animated {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s; }
  .main-calendar .calendar-event-list-container {
    margin: 0; }
    .main-calendar .calendar-event-list-container article {
      max-height: 651px;
      overflow: auto; }
      .main-calendar .calendar-event-list-container article .list-group {
        margin-bottom: 0; }
    .main-calendar .calendar-event-list-container .fa-angle-double-right {
      position: absolute;
      top: 5px;
      right: 5px;
      font-size: 20px;
      cursor: pointer; }
    .main-calendar .calendar-event-list-container h3 {
      padding-top: 8px;
      padding-bottom: 6px;
      background-color: #ededed;
      font-size: 16px;
      text-align: center;
      white-space: 10px;
      word-spacing: 10px; }
  .main-calendar .default-select {
    display: inline-block; }
    .main-calendar .default-select article, .main-calendar .default-select button {
      min-width: 157px;
      border-radius: 4px; }
    .main-calendar .default-select .z-select {
      border-radius: 4px 4px 0 4px; }
      .main-calendar .default-select .z-select .multiple-check label {
        top: 10px;
        max-width: 150px; }
        .main-calendar .default-select .z-select .multiple-check label::before {
          top: 3px; }
        .main-calendar .default-select .z-select .multiple-check label::after {
          top: 1px; }
  .main-calendar h1 {
    margin: 0 0 16px 0;
    font-size: 30px; }
  .main-calendar .cal-events-num {
    position: absolute;
    top: 0;
    right: -1px;
    bottom: auto;
    left: auto;
    display: none;
    margin: 0 !important;
    padding: 7px 3px 0px 5px;
    min-width: 29px;
    height: 29px;
    background: #f05929;
    font-size: 15px;
    border-radius: 0 0 0 4px; }
  .main-calendar #cal-week-box {
    top: auto;
    bottom: -1px;
    left: 0;
    padding: 4px;
    width: auto;
    min-width: 65px;
    font-size: 13px;
    text-align: center;
    border-right: 1px solid #e1e1e1;
    border-left: 0;
    border-radius: 0px 4px 0 0px; }
  .main-calendar .cal-slide-content {
    margin-top: 4px;
    padding: 15px 15px 0px 15px;
    background-color: #f5f5f5;
    box-shadow: none;
    overflow: auto;
    overflow-x: hidden; }
    .main-calendar .cal-slide-content .limited span {
      display: inline-block;
      max-width: 75%;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      word-spacing: nowrap; }
      .main-calendar .cal-slide-content .limited span a {
        position: absolute;
        top: 0;
        max-width: 35%; }
    .main-calendar .cal-slide-content li {
      position: relative;
      height: 46px; }
      .main-calendar .cal-slide-content li:first-child {
        border: 0; }
    .main-calendar .cal-slide-content .no-events {
      height: 36px; }
  .main-calendar .event-month .cal-slide-content {
    max-height: 385px; }
  .main-calendar .event-day .cal-slide-content {
    max-height: 694px; }
  .main-calendar .cal-day-tick {
    bottom: -20px;
    display: none;
    margin-right: -13px;
    background-color: #f05929;
    border: 0;
    border-radius: 0 0 4px 4px; }
    .main-calendar .cal-day-tick .glyphicon {
      right: -1px;
      color: white; }
  .main-calendar .btn-group > .btn:last-child:not(:first-child), .main-calendar .btn-group > .dropdown-toggle:not(:first-child) {
    margin-right: 0; }
  .main-calendar a {
    position: relative; }
  .main-calendar .events-list {
    position: relative;
    top: 45px;
    right: 0px;
    bottom: auto;
    left: auto;
    margin: 0 5px;
    padding: 0;
    max-height: 61px;
    font-size: 13px;
    overflow: hidden; }
    .main-calendar .events-list a {
      display: block;
      margin: 0 0 3px 0;
      padding: 5px 5px 5px 7px;
      min-height: 28px;
      background-color: #ecdcd7;
      color: #222f59 !important;
      border-radius: 4px; }
    .main-calendar .events-list .event {
      margin-right: 12px;
      margin-bottom: 12px;
      margin-left: 10px; }
  .main-calendar .cal-month-box span[data-cal-date] {
    position: absolute;
    top: 0;
    left: 0;
    margin: 2px 0 0 8px;
    font-size: 18px; }
  .main-calendar .cal-week-box span[data-cal-date] {
    position: relative;
    top: auto;
    left: auto;
    margin: 0; }
  .main-calendar .cal-week-box .cal-day-today span[data-cal-date]::before {
    margin: -36px 0 0 -60px;
    min-width: 103px;
    height: 52px; }
  .main-calendar .cal-day-outmonth span[data-cal-date] {
    opacity: 0.2; }
  .main-calendar .cal-month-box {
    border-radius: 0; }
  .main-calendar .cal-day-today {
    background-color: white !important; }
    .main-calendar .cal-day-today:hover {
      background-color: white !important; }
    .main-calendar .cal-day-today span[data-cal-date] {
      margin: 9px 0 0 17px;
      font-size: 18px !important;
      opacity: 1; }
      .main-calendar .cal-day-today span[data-cal-date]::before {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -17px 0 0 -17px;
        content: "";
        min-width: 34px;
        height: 34px;
        border: 2px solid #222f59;
        border-radius: 50%; }
    .main-calendar .cal-day-today .cal-events-num {
      right: 0; }
  .main-calendar .cal-year-box span[data-cal-date] {
    display: block;
    margin: 0 auto;
    padding-top: 47px;
    font-size: 30px !important;
    text-align: center;
    float: none !important; }
  .main-calendar .cal-year-box .cal-day-today span[data-cal-date]::before {
    margin: -55px 0 0 -87px;
    min-width: 170px;
    height: 110px; }
  .main-calendar .cal-year-box [class*="span"], .main-calendar .cal-month-box [class*="cal-cell"] {
    min-height: 140px; }
    .main-calendar .cal-year-box [class*="span"] .cal-month-day, .main-calendar .cal-month-box [class*="cal-cell"] .cal-month-day {
      height: 140px;
      border-bottom: 1px solid #e1e1e1; }
  .main-calendar .cal-year-box [class*="span"] {
    height: 140px;
    border-bottom: 1px solid #e1e1e1; }
  .main-calendar .cal-year-box .row, .main-calendar .cal-month-box .cal-row-fluid {
    border-bottom: 0; }
  .main-calendar .cal-day-opening {
    background-color: #f5f5f5; }
  .main-calendar .cal-day-closing {
    background-color: white;
    border-bottom: 1px solid #e1e1e1 !important; }
  .main-calendar .cal-year-box .row:hover, .main-calendar .cal-row-fluid:hover {
    background-color: #FFFEFE; }
  .main-calendar .event {
    display: none; }
  .main-calendar .cal-row-head {
    background-color: #ededed; }
    .main-calendar .cal-row-head:hover {
      background-color: #ededed; }
  .main-calendar .more-events {
    position: absolute;
    right: 10px;
    bottom: 6px;
    font-size: 12px;
    font-weight: bold; }
  .main-calendar .more-events-today {
    color: white; }
  .main-calendar .event-mode {
    position: absolute;
    top: 0;
    right: 0;
    margin: 1px 0px 0 0; }
    .main-calendar .event-mode .event-item-edit, .main-calendar .event-mode .event-item-delete {
      display: inline-block;
      padding: 0;
      float: left; }
    .main-calendar .event-mode .event-item-edit {
      padding-right: 15px; }
  .main-calendar .fa-square {
    margin: 0; }
  .main-calendar .todo-check {
    margin: -5px 10px 0 0; }
  .main-calendar .calendar-header, .main-calendar .calendar-footer {
    position: relative;
    height: 15px;
    background-color: whitesmoke;
    z-index: 111; }
  .main-calendar .calendar-footer {
    margin-top: -8px; }
  .main-calendar .calendar-header {
    margin-bottom: -15px; }

.outlook-container {
  display: block;
  padding-top: 20px; }
  .outlook-container .email-folder {
    display: block;
    margin: -1px 0 -30px 0; }
    .outlook-container .email-folder .z-filter-top article {
      margin-bottom: 0;
      padding-top: 21px; }
  .outlook-container .gridContent .gridBody {
    margin: 0 !important; }
  .outlook-container .compose-mail {
    position: absolute;
    top: 20px;
    left: 15px;
    z-index: 111; }

.calendar-normal {
  color: #ecdcd7 !important; }

.compose-editor {
  position: relative;
  border-bottom: 0 !important; }
  .compose-editor iframe {
    min-height: auto;
    border-top: 1px solid #ccc; }
  .compose-editor .cke_button__removeformat, .compose-editor .cke_bottom, .compose-editor .cke_button__cut, .compose-editor .cke_button__copy, .compose-editor .cke_button__paste, .compose-editor .cke_button__pastetext, .compose-editor .cke_button__pastefromword, .compose-editor .cke_toolbar_separator, .compose-editor .cke_button__anchor, .compose-editor .cke_button__horizontalrule, .compose-editor .cke_button__specialchar, .compose-editor .cke_toolbar_break, .compose-editor .cke_button__about {
    display: none; }
  .compose-editor textarea.cke_source {
    padding: 19px 15px;
    border: 1px solid #ccc;
    border-left: 0; }
  .compose-editor .cke_editable {
    margin: 0;
    padding: 15px; }
  .compose-editor .cke_chrome {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: none; }
  .compose-editor .cke_top {
    background: transparent;
    border: 0;
    border-radius: 4px;
    box-shadow: none; }
  .compose-editor .cke_toolbar {
    float: none; }
  .compose-editor .cke_toolgroup {
    margin: 0 6px 0 0;
    background: transparent;
    border: 0;
    box-shadow: none; }
  .compose-editor .cke_contents {
    margin: 0;
    padding: 0;
    height: auto !important; }

.compose-drag {
  margin: 15px 0 0 0;
  border-top: 1px dashed #ccc; }

.dragover-content {
  position: relative;
  margin: 0 auto;
  padding: 10px 0;
  width: 370px;
  text-align: center;
  cursor: pointer;
  opacity: 0.3; }
  .dragover-content i {
    position: absolute;
    top: 7px;
    left: 0;
    font-size: 30px; }
  .dragover-content p {
    margin: 0;
    padding: 0 0 0 45px;
    font-size: 16px;
    font-style: italic; }

.outlook-email-body span {
  width: 420px !important;
  max-width: 420px !important; }

.outlook-email-title .mail-subject-content, .outlook-email-title .mail-subject-icon {
  display: inline-block; }
.outlook-email-title .mail-subject-content {
  width: 300px !important;
  max-width: 300px !important; }
.outlook-email-title .mail-subject-icon {
  position: absolute;
  top: 15px;
  right: 15px; }
  .outlook-email-title .mail-subject-icon .fa {
    margin: 6px 0 0 8px; }
  .outlook-email-title .mail-subject-icon .fa-arrow-circle-o-up, .outlook-email-title .mail-subject-icon .fa-arrow-circle-o-down {
    font-size: 20px; }

.fa-arrow-circle-o-up {
  color: #A80F22; }

.fa-arrow-circle-o-down, .fa-paperclip {
  color: #a6a6a6; }

.outlook-email-sender span {
  width: 205px !important;
  max-width: 205px !important; }
.outlook-email-sender .sender-name {
  font-size: 14px; }
.outlook-email-sender .sender-email {
  margin-top: -1px;
  font-size: 12px; }
.outlook-email-sender .multi-receiver {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-spacing: nowrap; }
  .outlook-email-sender .multi-receiver .multi-receiver-items::before {
    content: ","; }
  .outlook-email-sender .multi-receiver .multi-receiver-items:first-child::before {
    content: ""; }

.cke_maximized {
  top: 0px !important;
  z-index: 99999 !important; }

.more-result {
  margin: 15px 0 0 0; }

.default-calendar {
  width: 190px; }

.time-side .default-select article span.arrow {
  margin-top: -21px;
  margin-right: 5px; }

.compose-editor .compose-drag {
  border: 0; }
.compose-editor .mail-compose-upload .error {
  bottom: 5px; }
  .compose-editor .mail-compose-upload .error + .glyphicon-remove {
    top: -1px;
    right: 0;
    color: white;
    font-size: 10px; }

.db-editor .cke_chrome {
  border-color: #ccc;
  box-shadow: none; }
.db-editor .cke_top {
  background: whitesmoke;
  border-color: #ccc;
  border-radius: 4px 4px 0 0; }
.db-editor .cke_contents {
  padding: 0 0 16px 4px; }
.db-editor .cke_reset {
  border-radius: 4px; }
.db-editor .cke_toolbar_break {
  display: none; }

.subject-editor .cke_top {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px;
  border: 1px solid #ccc;
  border-radius: 0 4px;
  cursor: pointer; }
  .subject-editor .cke_top .cke_toolgroup {
    margin: 0; }
.subject-editor a.cke_button {
  cursor: pointer; }
.subject-editor .cke_contents {
  margin: 0;
  padding: 0;
  height: 36px !important; }
.subject-editor .cke_wysiwyg_frame {
  margin: -11px 0 0 0;
  height: auto !important; }
.subject-editor .cke_bottom {
  display: none; }
.subject-editor.textarea .cke_contents {
  padding: 0;
  height: auto !important; }

.ns-popover-list-theme {
  width: 340px;
  margin: -98px 0 0 -8px;
  background: transparent;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border-collapse: separate; }

.send-finance-statement {
  top: 193px !important;
  left: auto !important;
  padding: 5px 8px;
  padding-bottom: 0; }
  .send-finance-statement .btn-group {
    padding-top: 13px !important; }

.send-finance-statement, .ns-popover-default, .ns-popover-xs, .ns-popover-sm {
  width: 396px;
  background: white;
  border: solid 1px #c3c5c8;
  z-index: 1111;
  border-radius: 4px; }
  .send-finance-statement .document-list, .ns-popover-default .document-list, .ns-popover-xs .document-list, .ns-popover-sm .document-list {
    overflow-y: scroll;
    max-height: 210px; }

.ns-popover-default {
  margin: 108px 0 0 -405px;
  padding: 15px; }
  .ns-popover-default.triangle-left-border::before {
    bottom: 93px; }
  .ns-popover-default.triangle-left-border::after {
    bottom: 92px; }
  .ns-popover-default .todo-check {
    margin: 8px 10px 0 0; }
    .ns-popover-default .todo-check label:before, .ns-popover-default .todo-check label:after {
      top: 2px; }
    .ns-popover-default .todo-check label:before {
      top: 3px; }
  .ns-popover-default .btn-group {
    padding-top: 8px !important; }

.ns-popover-xs, .ns-popover-sm {
  margin: 35px 0 0 -240px;
  padding: 8px 16px 0 16px;
  width: 230px;
  z-index: 99999; }
  .ns-popover-xs.triangle-left-border::before, .ns-popover-sm.triangle-left-border::before {
    bottom: 23px; }
  .ns-popover-xs.triangle-left-border::after, .ns-popover-sm.triangle-left-border::after {
    bottom: 22px; }
  .ns-popover-xs .dropdown, .ns-popover-sm .dropdown {
    position: initial; }
  .ns-popover-xs.single, .ns-popover-sm.single {
    margin: 28px 0 0 -155px;
    padding: 0;
    width: 150px;
    border: 0; }
    .ns-popover-xs.single .btn-dropdown, .ns-popover-sm.single .btn-dropdown {
      min-width: 100%;
      cursor: default; }
      .ns-popover-xs.single .btn-dropdown:hover, .ns-popover-sm.single .btn-dropdown:hover {
        background-color: transparent; }
    .ns-popover-xs.single.triangle-left-border::before, .ns-popover-xs.single.triangle-left-border::after, .ns-popover-sm.single.triangle-left-border::before, .ns-popover-sm.single.triangle-left-border::after {
      bottom: 13px;
      border-bottom: 6px solid #f05929; }

.ns-popover-sm {
  margin: 35px 0 0 -140px;
  padding: 8px 16px 0 16px;
  width: 130px;
  z-index: 99999; }
  .ns-popover-sm ul {
    margin: 0; }

.ns-popover-lg {
  margin: 37px 0 0 -255px;
  padding: 3px;
  width: 250px;
  background-color: #e6e6e6;
  border: 1px solid #ccc;
  border-radius: 4px;
  z-index: 99999; }
  .ns-popover-lg.triangle-left-border::before {
    border-bottom: 4px solid #e6e6e6; }

.permission-management .form-horizontal .form-group:last-child {
  margin-bottom: 16px; }
.permission-management .todo-check label:before {
  top: 16px;
  left: -4px; }
.permission-management .todo-check label:after {
  top: 14px;
  left: 0px !important; }
.permission-management th .todo-check label:before {
  top: 13px !important; }
.permission-management th .todo-check label:after {
  top: 11px !important; }

.team-management {
  position: relative; }
  .team-management .ngdialog-close {
    top: 15px;
    right: 2px; }

.role-permission h4 {
  margin-top: 0;
  padding-bottom: 10px !important; }
.role-permission header .title {
  display: block;
  padding: 13px 0 0px 0;
  font-size: 20px;
  color: #cf5935;
  text-align: left; }
.role-permission .z-filter-top article {
  margin-top: 0 !important; }
.role-permission article caption {
  display: none; }
.role-permission article .role-user caption {
  display: table-caption; }
  .role-permission article .role-user caption p {
    display: none; }
.role-permission article .role-user .gridBody {
  padding: 15px;
  border: 1px solid #ccc; }
.role-permission article .role-user .ngFooterPanel {
  min-height: 48px; }
.role-permission article .form-body tbody {
  max-height: 520px; }
.role-permission article .form-footer {
  height: 60px !important; }

.permission-area .list-group {
  margin-bottom: 0; }
.permission-area .list-group-child {
  margin: 10px 20px; }
  .permission-area .list-group-child .list-group-item {
    padding-left: 0; }
  .permission-area .list-group-child .todo-check label {
    padding-left: 15px;
    width: 100%;
    font-size: 14px; }
    .permission-area .list-group-child .todo-check label:before {
      left: 10px !important; }
    .permission-area .list-group-child .todo-check label:after {
      left: 15px !important; }
.permission-area .todo-check {
  margin: 0; }
  .permission-area .todo-check label {
    position: relative;
    top: 0;
    font-size: 18px; }
    .permission-area .todo-check label:before {
      top: 4px; }
    .permission-area .todo-check label::after {
      top: 2px; }
.permission-area li.role-permission-level-1 {
  background-color: #FAFBFC; }
.permission-area li.role-permission-level-2 {
  padding-left: 40px; }

.notify-row {
  margin: 20px 0 0 210px;
  position: absolute;
  top: 0;
  left: 0; }
  .notify-row .top-menu > li > a {
    padding: 6px 9px;
    width: auto;
    height: 32px;
    background: none;
    color: white !important; }
    .notify-row .top-menu > li > a:hover, .notify-row .top-menu > li > a:focus {
      color: white !important; }
  .notify-row .badge {
    padding: 4px 7px; }

.sub-menu {
  margin: 0 0 0 8px;
  height: auto;
  z-index: 99999; }
  .sub-menu.triangle-up {
    margin: -10px 0 0 -6px; }
  .sub-menu .navbar-nav {
    min-width: 200px;
    background: white;
    border-radius: 4px; }
  .sub-menu li {
    float: none;
    border-top: 1px solid #9baec0; }
    .sub-menu li.has-sub {
      transition: 0.3s ease;
      -o-transition: 0.3s ease;
      -webkit-transition: 0.3s ease; }
      .sub-menu li.has-sub::after {
        position: absolute;
        top: 50%;
        right: 0;
        margin: -8px 16px 0;
        content: "";
        color: white;
        transition: 0.3s ease;
        -o-transition: 0.3s ease;
        -webkit-transition: 0.3s ease;
        font: normal normal normal 14px/1 FontAwesome; }
    .sub-menu li a {
      position: relative;
      padding: 12px 20px;
      color: white !important;
      opacity: 1; }
      .sub-menu li a span {
        margin: 0 0 0 26px; }
      .sub-menu li a .fa {
        position: absolute;
        top: 50%;
        left: 0;
        margin: -7px 0 0 16px; }
      .sub-menu li a:hover {
        opacity: 1; }
      .sub-menu li a.active {
        opacity: 1; }
    .sub-menu li:first-child a {
      border-radius: 4px 4px 0 0; }
    .sub-menu li:last-child a {
      border-radius: 0px 0px 4px 4px; }

.logo {
  margin: 0 0 0 25px;
  font-size: 21px;
  color: #f05929;
  float: left;
  text-transform: uppercase;
  cursor: pointer; }
  .logo:hover, .logo:focus {
    outline: none;
    text-decoration: none; }
  .logo img {
    max-width: inherit; }

.brand {
  position: absolute;
  top: 15px;
  left: 0;
  width: 123px;
  height: auto;
  background: #cf5935;
  float: left; }
  .brand .slogan {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    margin: 6px 0 0 87px;
    text-transform: none; }
    .brand .slogan h4 {
      color: #ffffff; }
  .brand a {
    margin-top: 3px;
    margin-left: 30px; }
  .brand a::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 40px;
    display: block;
    background-color: #8a060c; }

.top_menu .nav > li, ul.top-menu > li {
  float: left; }

.top-nav .top-menu .dropdown {
  margin: 0;
  background: #cf5935;
  z-index: 11111; }
.top-nav ul.top-menu > li {
  margin-left: 0; }
  .top-nav ul.top-menu > li > a {
    padding: 0 8px 0 0;
    margin-right: 0;
    font-size: 16px;
    background: transparent; }
.top-nav ul.top-menu > li > a, .top-nav .toggle-right-box {
  border: none; }
  .top-nav ul.top-menu > li > a:hover, .top-nav ul.top-menu > li > a:focus, .top-nav .toggle-right-box:hover, .top-nav .toggle-right-box:focus {
    background: transparent;
    border: none; }
.top-nav ul.top-menu li:last-child {
  margin-right: 0; }
.top-nav .dropdown-toggle {
  color: #fff !important; }
  .top-nav .dropdown-toggle i {
    display: inline-block;
    margin-top: 7px; }
.top-nav .username {
  padding: 0px 20px 0 4px;
  font-size: 14px;
  text-transform: capitalize;
  vertical-align: -1px; }
.top-nav img {
  width: 32px; }
.top-nav .avatar {
  display: inline-block;
  width: 32px;
  height: 32px;
  padding-top: 1px;
  margin-left: 11px;
  margin-right: -5px; }
  .top-nav .avatar i {
    padding-top: 1px;
    margin-left: 11px; }
.top-nav ul.top-menu > li .dropdown-menu.logout {
  font-family: "opensans-regular" !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border-collapse: separate; }
.top-nav .dropdown-menu.extended.logout {
  position: absolute;
  top: 40px;
  right: 0;
  left: auto; }
  .top-nav .dropdown-menu.extended.logout .triangle-up::before {
    position: absolute;
    top: -6px;
    right: 6px;
    left: auto;
    border-bottom: 10px solid white;
    z-index: -1; }
.top-nav .fa-key, .top-nav .fa-cog {
  padding-right: 10px;
  cursor: default; }
.top-nav .username, .top-nav .nav .caret, .top-nav ul.top-menu > li > a:hover .caret {
  color: #ffffff;
  border-top-color: white;
  border-right-color: transparent;
  border-bottom-color: white;
  border-left-color: transparent; }
.top-nav .dropdown-menu.extended.logout {
  padding: 0;
  width: 100%; }
  .top-nav .dropdown-menu.extended.logout li {
    padding: 3px 6px 6px 6px; }
    .top-nav .dropdown-menu.extended.logout li:hover {
      background-color: #E7E7E7; }
  .top-nav .dropdown-menu.extended.logout a {
    padding: 5px 10px;
    font-size: 14px;
    color: #f05929 !important;
    list-style-type: none; }
    .top-nav .dropdown-menu.extended.logout a:hover {
      background: transparent;
      color: #f05929; }
.top-nav .caret {
  border-top: 6px solid;
  border-right: 6px solid transparent;
  border-bottom: "";
  border-left: 6px solid transparent; }
.top-nav .form-signin, .top-nav .logout-form {
  padding-top: 5px !important;
  padding-bottom: 5px; }

.nav .dropdown-toggle .caret {
  margin-top: 0; }

.toggle-right-box {
  width: 32px;
  height: 32px;
  float: left;
  cursor: pointer;
  -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; }
  .toggle-right-box:hover {
    background: #0fa096; }

.toggle-right-box .small-circle::before {
  margin: -2px 0 0 1px;
  font-size: 21px; }

.search {
  padding-right: 40px;
  padding-left: 17px;
  border-radius: 16px;
  min-width: 502px;
  font-style: italic;
  border: none !important;
  outline: none; }

.form-search {
  margin-right: 8px !important;
  overflow: hidden; }
  .form-search .form-group {
    padding: 0; }
  .form-search .input-group-addon {
    position: relative;
    padding: 0;
    background-color: transparent;
    border: 0;
    z-index: 11; }
  .form-search .input-group {
    background: #1f3657;
    border: 1px solid transparent;
    border-radius: 16px; }
    .form-search .input-group:before {
      content: "";
      width: 5px;
      height: 5px;
      background: yellow; }
    .form-search .input-group .form-control {
      display: none;
      overflow: hidden; }
      .form-search .input-group .form-control:active, .form-search .input-group .form-control:focus {
        border-color: #66afe9;
        outline: none;
        box-shadow: none; }
  .form-search .fa-search {
    padding: 0;
    background: transparent;
    color: rgba(255, 255, 255, 0.3);
    border: 0;
    cursor: pointer; }
    .form-search .fa-search:before {
      display: inline-block;
      padding: 8px 9px;
      background-color: #1f3657;
      border: 1px solid #5d6f86;
      border-radius: 16px; }
    .form-search .fa-search:after {
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      position: absolute;
      top: 7px;
      right: 32px;
      display: inline-block;
      width: 1px;
      height: 18px;
      background-color: #738ea7; }
  .form-search.active .input-group {
    border: 1px solid rgba(255, 255, 255, 0.2); }
  .form-search.active .form-control {
    display: inline-block;
    -webkit-animation-duration: 0.1s;
    animation-duration: 0.1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .form-search.active .fa-search {
    color: white; }
    .form-search.active .fa-search:before {
      border: 1px solid transparent; }
    .form-search.active .fa-search:after {
      content: ""; }

.wrapper {
  margin-top: 15px; }

.pull-right.top-menu .dropdown-menu:before {
  margin-left: -9px;
  border-color: rgba(238, 238, 238, 0);
  border-bottom-color: white;
  border-width: 8px; }

.pull-right.top-menu .dropdown-menu:after, .pull-right.top-menu .dropdown-menu:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 90%;
  width: 0px;
  height: 0px;
  border: solid transparent;
  pointer-events: none; }

.navbar-nav .ns-popover-tooltip-theme {
  top: 60px !important;
  left: -6px !important; }

.nav > li > a.disabled .fa, .nav > li > a.disabled span {
  color: rgba(255, 255, 255, 0.6) !important;
  text-decoration: line-through;
  cursor: not-allowed; }

#loading-bar .bar {
  top: 71px !important;
  bottom: 0;
  left: 0;
  height: 4px !important;
  background-color: #f9a937 !important; }
  #loading-bar .bar .peg {
    display: none; }

.widget {
  margin: 0 0 16px 0; }
  .widget .widget-header {
    margin: 0 0 15px 0; }
  .widget .media-analytic {
    border: 0; }
    .widget .media-analytic .panel-body {
      padding: 0; }

.widget-wrapper {
  margin: 15px 0px; }
  .widget-wrapper .border-horizontal {
    border-bottom: 2px solid #f05929; }
  .widget-wrapper .widget img {
    width: 100%; }
  .widget-wrapper .widget i {
    line-height: 32px; }
  .widget-wrapper .widget .widget-header {
    position: relative;
    min-height: 54px;
    overflow: hidden; }
  .widget-wrapper .widget .widget-header, .widget-wrapper .widget .widget-body {
    padding: 0;
    margin: 0; }
  .widget-wrapper .widget .widget-body {
    padding-bottom: 20px;
    min-height: 255px; }
  .widget-wrapper .event-calendar {
    min-height: 393px;
    border-radius: 0; }
    .widget-wrapper .event-calendar .to-do-list {
      padding: 20px 5px;
      padding-bottom: 0; }
  .widget-wrapper .evnt-input {
    margin: 0;
    color: #ffffff;
    border-radius: 0; }
  .widget-wrapper .monthly-report h4 {
    padding-top: 15px; }
  .widget-wrapper .monthly-report .icon, .widget-wrapper .monthly-report .icon-corner, .widget-wrapper .monthly-report .icon-search-customer, .widget-wrapper .monthly-report .icon-recent-customer, .widget-wrapper .monthly-report .icon-to-do-list {
    top: 30px;
    right: 42px; }

.wrapper-content {
  position: relative;
  padding: 16px;
  background-color: white; }

.widget-list .widget-header {
  min-height: 96px !important;
  background-color: #f05929; }
  .widget-list .widget-header h3, .widget-list .widget-header p {
    padding: 0 0 0 80px;
    color: #ffffff; }
  .widget-list .widget-header h3 {
    padding-top: 18px; }
  .widget-list .widget-header p {
    margin-bottom: 0;
    font-size: 14px; }
  .widget-list .widget-header .icon-lists {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../../images/icon-tasks.png");
    background-position: 15px center; }
.widget-list .widget-header + .widget-header {
  margin-top: 30px; }
.widget-list .widget-body {
  padding-top: 20px !important;
  padding-bottom: 0 !important;
  min-height: 177px !important;
  background: white; }
.widget-list .widget-body + .widget-body {
  background-color: #f4f6f8; }

/*completed renewals */
.completed-renewals {
  background-color: white;
  color: #f05929;
  padding: 30px;
  text-align: center; }
  .completed-renewals header .total {
    font-size: 48px;
    font-weight: bold;
    position: relative; }
    .completed-renewals header .total .fa {
      font-size: 20px;
      position: absolute;
      top: 0;
      right: -20px; }
  .completed-renewals header h3 {
    position: relative;
    padding: 0px 0 20px 0;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold; }
    .completed-renewals header h3 span {
      font-size: 22px;
      text-transform: none;
      display: block; }
    .completed-renewals header h3::before {
      content: "";
      position: absolute;
      right: 50%;
      bottom: 0;
      width: 1px;
      height: 15px;
      background-color: #c0c0c0; }
  .completed-renewals .role {
    font-size: 45px;
    display: inline-block;
    position: relative;
    background-repeat: no-repeat;
    background-position: top center;
    width: 50%;
    float: left;
    padding-top: 72px;
    font-weight: bold; }
    .completed-renewals .role::before, .completed-renewals .role::after {
      content: "";
      position: absolute;
      top: 0;
      left: 50%;
      background: #c0c0c0; }
    .completed-renewals .role::before {
      width: 50%;
      height: 1px; }
    .completed-renewals .role::after {
      width: 1px;
      height: 12px; }
  .completed-renewals .team {
    background-image: url("../../images/widgets/completed-renewal/icon-team.png");
    color: #ff6c60; }
  .completed-renewals .individual {
    background-image: url("../../images/widgets/completed-renewal/icon-individual.png");
    color: #fcb322; }
    .completed-renewals .individual::before {
      left: 0; }

.small-calendar .main-calendar {
  margin: 0;
  padding: 0; }
  .small-calendar .main-calendar .cal-context {
    margin-top: 15px;
    padding: 0; }
  .small-calendar .main-calendar .fa-chevron-left, .small-calendar .main-calendar .fa-chevron-right {
    display: inline-block; }
  .small-calendar .main-calendar .more-events {
    display: none; }
  .small-calendar .main-calendar .event-mode {
    margin: 13px -18px 0 0;
    width: 40px; }
  .small-calendar .main-calendar h3 {
    display: inline-block;
    padding: 0 0 0 5px; }
  .small-calendar .main-calendar i {
    top: 0px;
    right: 5px;
    margin: 0;
    padding: 0;
    font-size: 14px;
    cursor: pointer;
    vertical-align: 1px; }
  .small-calendar .main-calendar .fa-calendar-plus-o {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 24px; }
  .small-calendar .main-calendar .glyphicon-pencil {
    top: 0px;
    right: 18px; }
  .small-calendar .main-calendar .glyphicon-remove {
    top: 2px; }
  .small-calendar .main-calendar .cal-year-box [class*="span"], .small-calendar .main-calendar .cal-month-box [class*="cal-cell"] {
    min-height: 60px; }
  .small-calendar .main-calendar .cal-month-day {
    height: 60px !important; }
  .small-calendar .main-calendar span[data-cal-date] {
    position: relative;
    top: auto;
    left: auto;
    display: block;
    margin: 0 auto;
    padding: 23px 0 0 0;
    font-size: 12px !important;
    text-align: center; }
  .small-calendar .main-calendar .cal-month-box .cal-day-today span[data-cal-date]::before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px 0 0 -16px;
    content: "";
    min-width: 32px;
    height: 32px;
    border: 2px solid #222f59;
    border-radius: 50%; }
  .small-calendar .main-calendar #cal-week-box {
    display: none !important; }
  .small-calendar .main-calendar .cal-day-tick {
    bottom: -16px;
    width: 21px;
    font-size: 11px; }
  .small-calendar .main-calendar .cal-events-num {
    display: block;
    padding: 9px 6px 5px 7px;
    min-width: 18px;
    height: 18px;
    font-size: 9px; }
  .small-calendar .main-calendar .cal-slide-content {
    padding: 5px 15px; }
    .small-calendar .main-calendar .cal-slide-content .fa-square {
      vertical-align: -10px; }
    .small-calendar .main-calendar .cal-slide-content .event-item {
      top: 10px !important; }
    .small-calendar .main-calendar .cal-slide-content li {
      height: 40px; }
    .small-calendar .main-calendar .cal-slide-content .calendar-time {
      right: 17%; }
    .small-calendar .main-calendar .cal-slide-content .limited span a {
      max-width: 45%; }
  .small-calendar .main-calendar h2 {
    font-size: 22px; }
  .small-calendar .main-calendar .fc-day-grid-event {
    margin: 1px 4px 0px; }
  .small-calendar .main-calendar .fc-content {
    padding: 3px; }
  .small-calendar .main-calendar .fc-event {
    background-color: #f05929;
    color: white !important;
    border: none; }
  .small-calendar .main-calendar .fc-basic-view .fc-body .fc-row {
    height: 60px !important;
    min-height: 60px; }
  .small-calendar .main-calendar .fc-ltr .fc-basic-view .fc-day-number {
    padding-right: 5px; }
  .small-calendar .main-calendar .fc .fc-button-group > :first-child {
    margin-right: 7px; }
  .small-calendar .main-calendar .fc th {
    height: 30px;
    background-color: #eee;
    vertical-align: middle; }
.small-calendar .summary {
  background: white; }
  .small-calendar .summary tbody .number {
    display: inline-block;
    padding: 0px 6px;
    font-size: 13px;
    border-radius: 4px;
    color: white; }
  .small-calendar .summary tfoot .number {
    display: inline-block;
    font-weight: bold;
    font-size: 13px; }
.small-calendar .my-task {
  background: #fcfcfc; }

.task-completed {
  color: #EADBDB; }
  .task-completed .text-danger {
    color: #EADBDB; }
  .task-completed .fa-check-square-o, .task-completed .fa-exclamation-triangle, .task-completed .fa-arrow-up, .task-completed .fa-arrow-down, .task-completed .fa-flash, .task-completed .fa-exclamation-circle {
    color: #e2e2e2 !important;
    cursor: default !important; }
    .task-completed .fa-check-square-o i, .task-completed .fa-exclamation-triangle i, .task-completed .fa-arrow-up i, .task-completed .fa-arrow-down i, .task-completed .fa-flash i, .task-completed .fa-exclamation-circle i {
      cursor: pointer; }
    .task-completed .fa-check-square-o .fa-user-plus, .task-completed .fa-check-square-o .fa-user, .task-completed .fa-check-square-o .fa-arrow-left, .task-completed .fa-exclamation-triangle .fa-user-plus, .task-completed .fa-exclamation-triangle .fa-user, .task-completed .fa-exclamation-triangle .fa-arrow-left, .task-completed .fa-arrow-up .fa-user-plus, .task-completed .fa-arrow-up .fa-user, .task-completed .fa-arrow-up .fa-arrow-left, .task-completed .fa-arrow-down .fa-user-plus, .task-completed .fa-arrow-down .fa-user, .task-completed .fa-arrow-down .fa-arrow-left, .task-completed .fa-flash .fa-user-plus, .task-completed .fa-flash .fa-user, .task-completed .fa-flash .fa-arrow-left, .task-completed .fa-exclamation-circle .fa-user-plus, .task-completed .fa-exclamation-circle .fa-user, .task-completed .fa-exclamation-circle .fa-arrow-left {
      cursor: not-allowed; }
  .task-completed td a {
    color: #e2e2e2 !important;
    cursor: pointer !important; }
    .task-completed td a span {
      color: #413E3E !important;
      cursor: pointer !important; }
  .task-completed .disabled, .task-completed .db-assign, .task-completed .db {
    cursor: default; }
  .task-completed .db {
    opacity: 0.1; }
  .task-completed .db-reopen, .task-completed .fa-recycle {
    color: black !important;
    vertical-align: -1px;
    cursor: pointer !important;
    opacity: 1; }

.text-disabled {
  color: #EADBDB;
  cursor: default; }

.text-cancel, .task-cancel {
  color: #FF6C60; }

.text-closed, .task-closed {
  color: #8490a2; }

.text-cancel, .text-closed {
  text-decoration: line-through; }

.text-in_progress, .task-in_progress {
  color: #76aa34; }

.text-open, .task-open {
  color: #183152; }

.text-completed {
  color: #8490a2; }

.text-over_due, .task-over_due {
  color: #ff6c60; }

.text-pending, .task-pending {
  color: #FF6C60;
  border-bottom: dashed 1px #FF6C60; }

.input-disabled {
  border-radius: 4px; }
  .input-disabled .list-bar, .input-disabled .delete {
    background: #e2e2e2;
    cursor: not-allowed !important; }
  .input-disabled .list-bar:hover {
    background-color: #e2e2e2; }
  .input-disabled .list-bar span {
    color: #adadad !important; }
  .input-disabled .list-bar .delete {
    width: 26px;
    background: #e2e2e2; }

.task-open, .task-pending, .task-over_due, .task-in_progress, .task-cancel, .task-closed {
  text-transform: capitalize; }

/*Permission */
.no-action {
  background: #edf3f9 !important; }
  .no-action td {
    border-right: solid 1px #edf3f9 !important; }
    .no-action td:first-child {
      border-right: solid 1px #ddd !important; }

.permission-group-level-1 {
  padding-left: 30px !important; }

.permission-group-level-2 {
  padding-left: 60px !important; }

.permission-group-level-3 {
  padding-left: 90px !important; }

.permission-group-level-4 {
  padding-left: 120px !important; }

.permission-group-level-1 {
  font-weight: bold; }

.permission-table .todo-check {
  position: relative;
  display: inline-block;
  left: 0;
  top: -2px; }
.permission-table th label {
  font-weight: bold;
  padding-top: 8px;
  text-transform: capitalize; }
.permission-table th:first-child {
  border-right: 1px solid #e6eff5; }
.permission-table td {
  padding: 0px 25px !important; }
  .permission-table td span {
    top: -8px !important; }

.socials li {
  display: inline-block; }
  .socials li a {
    padding: 0 10px; }

.label-top, .label-middle {
  float: left;
  margin-right: 3px; }
  .label-top label, .label-middle label {
    display: none;
    margin-bottom: 2px;
    margin-left: 1px;
    color: black; }

.label-middle {
  padding: 7px 0 0 0px; }

/*Finance */
.ns-popover-finance {
  position: relative; }

.calendar-to .bootstrap-datetimepicker-widget {
  right: 0 !important;
  left: auto !important;
  float: right; }
  .calendar-to .bootstrap-datetimepicker-widget:before, .calendar-to .bootstrap-datetimepicker-widget:after {
    left: auto !important; }
  .calendar-to .bootstrap-datetimepicker-widget:before {
    right: 6px; }
  .calendar-to .bootstrap-datetimepicker-widget:after {
    right: 7px; }

.calendar-up .bootstrap-datetimepicker-widget {
  top: auto !important;
  bottom: 42px !important; }
  .calendar-up .bootstrap-datetimepicker-widget::after, .calendar-up .bootstrap-datetimepicker-widget::before {
    top: 294px !important;
    bottom: 0;
    border-bottom: 0 !important; }
  .calendar-up .bootstrap-datetimepicker-widget:before {
    border-top: 7px solid #cccccc; }
  .calendar-up .bootstrap-datetimepicker-widget:after {
    border-top: 6px solid white; }

.dashboard-widget-column.col-lg-4 .widget .form-inline .form-group {
  margin: 0 5px 10px 0; }
.dashboard-widget-column.col-lg-4 .widget .calendar .fa-calendar + input.form-control {
  padding: 16px 12px 16px 28px; }
.dashboard-widget-column.col-lg-4 .widget .media-analytic .well .media-body span.title {
  margin: 8px 0 0;
  font-size: 18px; }
.dashboard-widget-column.col-lg-4 .widget .media-analytic h3 {
  margin: 32px 0 0 0;
  text-align: center;
  text-transform: uppercase; }
.dashboard-widget-column.col-lg-4 .widget .media-analytic .form-inline.pull-right {
  margin: 16px 0; }
.dashboard-widget-column.col-lg-4 .widget .media-analytic .show-grid [class^=col-] {
  padding-bottom: 16px;
  width: 100%; }
  .dashboard-widget-column.col-lg-4 .widget .media-analytic .show-grid [class^=col-]:last-child {
    padding-bottom: 0; }

.card.card-primary {
  padding-right: 0px !important; }

html, body {
  margin: 0;
  padding: 0;
  width: 100%; }
  html.ngdialog-open, body.ngdialog-open {
    height: 100%; }

.main-content {
  padding: 0 15px; }

#main-content {
  margin: 0 0 30px 0;
  position: relative;
  width: 100%;
  -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; }

.handler-bar {
  position: absolute;
  top: 50%;
  right: -16px;
  width: 16px;
  height: 96px;
  margin-top: -48px;
  background: white;
  background-image: url("../../images/icon-handler.png");
  background-repeat: no-repeat;
  background-position: 4px center;
  cursor: pointer;
  border: 1px solid #ccc;
  border-left: 0;
  z-index: 1111;
  border-radius: 0 4px 4px 0; }

body {
  position: relative;
  font-family: "opensans-regular" !important;
  font-size: 14px; }
  body > aside {
    position: fixed;
    top: 0;
    left: -340px;
    padding: 80px 0 0 0;
    width: 340px;
    height: 100%;
    background: white;
    border-right: 1px solid #ccc;
    -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;
    z-index: 1000; }
    body > aside.open {
      left: 0; }
    body > aside .content {
      max-height: 100%;
      overflow-x: hidden; }
  body > main {
    width: 100%;
    height: 100%;
    -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; }
    body > main.narrow {
      padding-left: 340px; }
    body > main > section > article {
      border: 30px solid transparent;
      border-bottom: 0; }
    body > main > section:first-child > article {
      position: relative;
      margin-left: 0;
      padding-top: 102px;
      border-top: 0; }

.cke_dialog_ui_select.editor-select-define-placeholder .cke_dialog_ui_labeled_content .cke_dialog_ui_input_select {
  width: 100%; }

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
  padding: 11px 16px 11px 8px; }

.body-404 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px;
  font-family: "opensans-regular" !important;
  background-color: #f05929 !important;
  color: white;
  text-rendering: optimizeLegibility; }
  .body-404 .error-head {
    height: 390px;
    background: white; }
  .body-404 .error-wrapper {
    text-align: center; }
    .body-404 .error-wrapper h1 {
      margin: -141px 0 0 0;
      text-align: center; }
    .body-404 .error-wrapper h2, .body-404 .error-wrapper p.nrml-txt {
      margin: 0; }
    .body-404 .error-wrapper h2 {
      color: #ffffff;
      font-size: 48px;
      text-transform: uppercase; }
    .body-404 .error-wrapper p.nrml-txt {
      font-size: 30px;
      color: #03f1e4; }
  .body-404 .error-desk {
    margin: -5px 0 0 0;
    padding: 30px 0;
    background: #cf5935; }
  .body-404 .back-btn {
    border-radius: 4px;
    display: inline-block;
    margin-top: 70px;
    margin-bottom: 30px;
    padding: 10px 15px;
    color: white !important;
    font-size: 16px;
    border: 1px solid rgba(255, 255, 255, 0.5); }
    .body-404 .back-btn:hover {
      background-color: #cf5935;
      color: white;
      border: 1px solid #cf5935; }

.table-expand, .table-collapse {
  cursor: pointer; }

.table-expand, .table-collapse, .no-table-expand {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px;
  display: block;
  width: 14px;
  height: 14px;
  background: white;
  border: 1px solid #8e8e8e;
  z-index: 1; }

.table-expand::before, .table-expand::after, .table-collapse::before, .table-collapse::after, .no-table-expand::before, .no-table-expand::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  background-color: #8e8e8e; }
.table-expand::before, .table-collapse::before, .no-table-expand::before {
  margin: -1px 0 0 -4px;
  width: 8px;
  height: 2px; }
.table-expand::after, .table-collapse::after, .no-table-expand::after {
  margin: -4px 0 0 -1px;
  width: 2px;
  height: 8px; }

.no-table-expand, .panel-disabled .table-expand, .panel-disabled .table-collapse {
  cursor: default;
  background: none; }
  .no-table-expand::before, .panel-disabled .table-expand::before, .panel-disabled .table-collapse::before {
    margin: -2px 0 0 -2px;
    width: 4px;
    height: 4px; }

.table-collapse::after, .no-table-expand::after, .panel-disabled .table-expand::after, .panel-disabled .table-collapse::after {
  display: none; }

.panel-disabled {
  background-color: #e2e2e2;
  cursor: not-allowed; }
  .panel-disabled .view-more, .panel-disabled a, .panel-disabled .table-expand, .panel-disabled .table-collapse, .panel-disabled .no-table-expand {
    cursor: not-allowed; }
  .panel-disabled a span {
    color: #EADBDB; }

.node::before, .ngExpandableRow > td::before {
  content: "";
  position: absolute;
  bottom: 2px;
  left: 50%;
  width: 1px;
  height: 50%;
  display: block;
  border-left: 1px dashed #8e8e8e; }

.ngExpandableRow > td::before, .ngExpandableRow > td::after {
  position: absolute;
  top: 0;
  left: 25px; }
.ngExpandableRow > td::after {
  content: "";
  top: 50%;
  margin-top: -1px;
  width: 16px;
  height: 1px;
  display: block;
  border-bottom: 1px dashed #8e8e8e; }

.permission-tree-collapse {
  float: right; }
  .permission-tree-collapse .table-expand, .permission-tree-collapse .table-collapse, .permission-tree-collapse .no-table-expand {
    top: auto;
    left: auto;
    margin-top: 6px; }

.role-permission-level-2 .table-expand, .role-permission-level-2 .table-collapse, .role-permission-level-2 .no-table-expand {
  margin-left: -34px; }

.assign-box {
  position: absolute;
  top: -50%;
  left: -260px;
  padding: 15px;
  padding-bottom: 11px;
  width: 270px;
  height: auto;
  background-color: #f05929;
  color: white; }
  .assign-box::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -10px;
    margin-top: -10px;
    border-top: 8px solid transparent;
    border-left: 10px solid #f05929;
    border-bottom: 8px solid transparent; }
  .assign-box a {
    display: inline-block;
    margin-bottom: 4px;
    padding: 0px 5px;
    color: white !important;
    border: 1px solid white;
    border-radius: 3px; }

.out-of-date .data-date span {
  color: #FF6C60; }

.comment-box .form-group:last-child {
  margin-bottom: 0; }
.comment-box .z-select {
  min-width: 201px;
  top: auto;
  bottom: 37px; }
  .comment-box .z-select ul li {
    min-width: 200px; }
  .comment-box .z-select .fa-plus {
    margin: 0 7px 0 0; }
.comment-box label {
  margin-bottom: 0 !important;
  padding-bottom: 5px !important; }
.comment-box .default-select {
  margin-right: 4px; }
  .comment-box .default-select .fa-paperclip {
    color: white;
    font-size: 15px; }
  .comment-box .default-select button {
    width: 32px;
    min-width: 0;
    background-color: #f05929;
    border: 0; }
  .comment-box .default-select .content {
    right: 0;
    padding-top: 7px;
    padding-left: 11px;
    font-size: 0; }
    .comment-box .default-select .content:before {
      position: absolute;
      top: 0;
      right: 0;
      display: block;
      content: "";
      width: 1px;
      height: 10px; }

.task-confirmation {
  display: none;
  margin: -18px 0 10px 0; }
  .task-confirmation span {
    font-size: 12px;
    font-style: italic; }

.filter-box {
  border-radius: 4px;
  position: absolute;
  top: 7px;
  right: 0;
  min-width: 178px;
  max-height: 280px;
  background-color: white;
  border: 1px solid #ccc;
  overflow: auto;
  list-style-type: none;
  z-index: 111; }
  .filter-box li {
    padding: 6px 11px;
    font-weight: normal; }
    .filter-box li:hover {
      background-color: #E7E7E7;
      cursor: pointer; }
    .filter-box li.active {
      background-color: #ecdcd7; }

.task-overdue .date-time {
  padding-left: 0 !important; }

.outstanding-task .fa-bell {
  cursor: pointer; }

.task-area {
  position: relative;
  margin-bottom: 32px; }
  .task-area .tab-container {
    min-height: 0; }
  .task-area .btn-create {
    position: absolute;
    top: 57px;
    left: 15px;
    z-index: 1; }
  .task-area .ngPagerContainer .ngRowCountPicker .styled-select, .task-area .ngPagerContainer .ngPagerControl .styled-select {
    z-index: 0; }
  .task-area .nav-tabs:not(.nav-groups) > li > a span {
    padding: 0 12px;
    width: 141px;
    overflow: hidden;
    text-overflow: ellipsis; }

.input-group .list-bar {
  border-radius: 0; }
.input-group .task-status {
  padding: 0 12px;
  background-color: #222f59;
  color: #ffffff;
  border: none; }

.task-priority .fa-exclamation-circle, .task-priority .fa-flash, .task-list .fa-exclamation-circle, .task-list .fa-flash {
  color: red; }
.task-priority .fa-arrow-up, .task-priority .fa-arrow-down, .task-list .fa-arrow-up, .task-list .fa-arrow-down {
  color: green; }
.task-priority .fa, .task-list .fa {
  vertical-align: 5px; }

.event-wrapper {
  position: relative;
  margin: 12px 0 8px 0;
  padding: 8px;
  background-color: #E9F2FA;
  border-radius: 4px; }
  .event-wrapper .bootstrap-datetimepicker-widget.dropdown-menu {
    width: 100%; }
  .event-wrapper .form-control:focus {
    background-color: white; }
  .event-wrapper.triangle-up::before {
    top: -8px;
    border-bottom: 10px solid #E9F2FA; }
  .event-wrapper.triangle-up.left:before {
    right: 16px;
    left: auto; }

.task-assignee .input-disabled {
  border-radius: 4px; }

.task-drop-attach-area {
  padding-bottom: 10px; }
  .task-drop-attach-area .valid-error {
    top: 5px;
    right: 15px;
    padding: 0 6px;
    min-height: 26px;
    border: 1px solid #ccc;
    border-radius: 0 0 0 4px; }
  .task-drop-attach-area .compose-drag {
    margin: 5px 0 0 0;
    border: 1px dashed #ccc;
    z-index: 1; }
  .task-drop-attach-area .dragover-content {
    width: 290px;
    height: 44px;
    transition: background-color 0.01s linear 0.01s; }
    .task-drop-attach-area .dragover-content p {
      margin-top: -7px;
      padding: 0 !important;
      font-size: 15px !important; }
  .task-drop-attach-area .task-attachment .nav {
    position: relative; }
    .task-drop-attach-area .task-attachment .nav > li .tag-items {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 2px;
      margin-left: 2px;
      padding: 0;
      width: 32%;
      max-width: 50%;
      border: 0; }
  .task-drop-attach-area .task-attachment .task-attachment-items {
    display: block;
    margin-top: 10px;
    width: 100%;
    float: left; }
    .task-drop-attach-area .task-attachment .task-attachment-items .item-size {
      position: absolute;
      top: 10px;
      right: 6px;
      color: #999;
      font-size: 9px; }
  .task-drop-attach-area .task-attachment .limited span {
    max-width: 65%;
    font-size: 12px; }
  .task-drop-attach-area .task-attachment .task-attachment-progress {
    position: absolute;
    top: 41px;
    left: 0;
    width: 100%;
    z-index: 1111; }
    .task-drop-attach-area .task-attachment .task-attachment-progress .error {
      position: absolute;
      top: -9px;
      padding-left: 28px;
      width: 100%;
      background-position: 6px 50%; }
  .task-drop-attach-area .task-attachment .thumbnail, .task-drop-attach-area .task-attachment .cart-default {
    margin-bottom: 0;
    padding: 0;
    background-color: #F9F9F9; }
    .task-drop-attach-area .task-attachment .thumbnail > .cart-photo, .task-drop-attach-area .task-attachment .cart-default > .cart-photo {
      width: 100%;
      max-width: 100%;
      height: 160px;
      cursor: pointer; }
    .task-drop-attach-area .task-attachment .thumbnail .caption, .task-drop-attach-area .task-attachment .cart-default .caption {
      padding: 7px;
      color: #222f59;
      border-bottom: 1px solid #ccc;
      border-radius: 4px 4px 0 0; }
    .task-drop-attach-area .task-attachment .thumbnail .content, .task-drop-attach-area .task-attachment .cart-default .content {
      padding: 3px 12px; }
      .task-drop-attach-area .task-attachment .thumbnail .content .fa, .task-drop-attach-area .task-attachment .cart-default .content .fa {
        margin-right: 6px;
        color: #f05929; }
      .task-drop-attach-area .task-attachment .thumbnail .content span, .task-drop-attach-area .task-attachment .cart-default .content span {
        max-width: 97%; }
    .task-drop-attach-area .task-attachment .thumbnail .cart-extra, .task-drop-attach-area .task-attachment .cart-default .cart-extra {
      padding: 10px 0 0 10px;
      min-height: 42px;
      text-align: center;
      border-top: 1px solid rgba(0, 0, 0, 0.05); }
      .task-drop-attach-area .task-attachment .thumbnail .cart-extra .fa, .task-drop-attach-area .task-attachment .cart-default .cart-extra .fa {
        opacity: 0.3; }
      .task-drop-attach-area .task-attachment .thumbnail .cart-extra .btn:hover .fa, .task-drop-attach-area .task-attachment .cart-default .cart-extra .btn:hover .fa {
        opacity: 1; }

.add-link-task-section + .management {
  margin: 20px 0 0 0; }
  .add-link-task-section + .management h4 {
    margin-bottom: 8px; }

.chart {
  margin: 0 2rem 2rem 2rem; }
  .chart .row {
    border-bottom: solid 2px #ddd; }
  .chart .bar {
    display: inline-block;
    width: 45%;
    float: left;
    position: absolute;
    bottom: 0; }
    .chart .bar:first-child {
      left: 5%; }
    .chart .bar:last-child {
      right: 5%; }
  .chart .col-xs-2 {
    height: 220px; }

.notification-list-content {
  width: 400px;
  background-color: #f05929;
  z-index: 11111; }
  .notification-list-content h3 {
    padding: 15px 20px 10px 10px;
    border-bottom: solid 2px #9baec0; }
  .notification-list-content .table-striped > tbody > tr:nth-child(odd) > td, .notification-list-content .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f05929; }
  .notification-list-content form {
    padding-top: 0;
    height: 0; }
    .notification-list-content form .add.notification-form {
      background-color: #2a4e72; }
  .notification-list-content h3 {
    padding-bottom: 10px;
    color: #ffffff; }
  .notification-list-content button {
    background: none;
    border: none; }
  .notification-list-content .list-group {
    padding: 0 15px;
    margin-bottom: 0px;
    min-height: 60px;
    max-height: 195px;
    overflow-x: auto; }
    .notification-list-content .list-group li {
      padding-bottom: 3px;
      background-color: transparent;
      color: white;
      border-bottom: solid 1px #9baec0; }
      .notification-list-content .list-group li .item-content {
        min-height: 30px;
        padding: 12px 0 8px 28px; }
        .notification-list-content .list-group li .item-content a {
          color: white; }
      .notification-list-content .list-group li .date-time {
        position: absolute;
        top: 11px;
        right: 0;
        margin-top: 0px;
        margin-bottom: 2px;
        padding-left: 28px;
        font-size: 12px;
        font-style: italic; }
      .notification-list-content .list-group li .task-delete, .notification-list-content .list-group li .task-edit {
        position: absolute;
        top: 5px;
        right: 0px;
        padding: 10px;
        color: #ffffff; }
      .notification-list-content .list-group li .task-edit {
        right: 25px; }
      .notification-list-content .list-group li .notification-check {
        margin-top: 3px;
        margin-left: 3px;
        margin-left: 0px; }
  .notification-list-content .add-task-form {
    position: relative;
    margin-top: 20px;
    padding: 0px 20px 0px 20px;
    background: #284c70; }
  .notification-list-content .input-group-addon {
    background-color: transparent;
    color: white;
    border: none;
    border-bottom: 1px solid white;
    border-radius: 0; }
  .notification-list-content .dropdown-menu {
    position: absolute;
    top: 88px;
    left: 20px;
    width: 320px;
    overflow: hidden;
    color: white;
    background-color: #f05929;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border-collapse: separate;
    border: none;
    border-radius: 0;
    z-index: 111; }
    .notification-list-content .dropdown-menu .glyphicon {
      top: 3px;
      left: 1px; }
    .notification-list-content .dropdown-menu .table-responsive {
      border: none; }
    .notification-list-content .dropdown-menu .datetimepicker .hour-view {
      display: inline-block;
      margin-left: 50px;
      min-height: 170px;
      max-height: 323px;
      overflow-y: scroll; }
    .notification-list-content .dropdown-menu .datetimepicker .minute-view {
      margin-left: 10px; }
    .notification-list-content .dropdown-menu .datetimepicker table > tbody > tr > td, .notification-list-content .dropdown-menu .datetimepicker table > thead > tr > th {
      border: none; }
      .notification-list-content .dropdown-menu .datetimepicker table > tbody > tr > td:hover, .notification-list-content .dropdown-menu .datetimepicker table > thead > tr > th:hover {
        cursor: pointer; }
    .notification-list-content .dropdown-menu .datetimepicker table th, .notification-list-content .dropdown-menu .datetimepicker table td {
      text-align: center; }
      .notification-list-content .dropdown-menu .datetimepicker table th:hover, .notification-list-content .dropdown-menu .datetimepicker table td:hover {
        cursor: pointer; }
      .notification-list-content .dropdown-menu .datetimepicker table th span, .notification-list-content .dropdown-menu .datetimepicker table td span {
        display: block;
        padding-bottom: 10px; }
        .notification-list-content .dropdown-menu .datetimepicker table th span:last-child, .notification-list-content .dropdown-menu .datetimepicker table td span:last-child {
          padding-bottom: 0; }
    .notification-list-content .dropdown-menu .datetimepicker table tr td.past, .notification-list-content .dropdown-menu .datetimepicker table tr td.future {
      color: rgba(238, 238, 238, 0.44); }
    .notification-list-content .dropdown-menu .datetimepicker table tr td.day:hover {
      background: #cf5935;
      text-align: center; }
    .notification-list-content .dropdown-menu .datetimepicker table tr td span:hover {
      border-radius: 0;
      cursor: pointer; }
    .notification-list-content .dropdown-menu .table {
      border: none; }
    .notification-list-content .dropdown-menu thead tr:first-child th:hover {
      color: #ffffff; }
    .notification-list-content .dropdown-menu th {
      background-color: #f05929;
      border-radius: 0; }
  .notification-list-content input {
    padding-left: 0 !important;
    padding-right: 0 !important;
    color: white !important;
    width: 100%;
    border: none;
    border-bottom: 1px solid white;
    border-radius: 0;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .notification-list-content input[type="text"]:focus, .notification-list-content input[type="datetime-local"]:focus {
    border-color: white !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border-collapse: separate; }
  .notification-list-content #description {
    margin-top: 10px; }

.customer.notification-list button {
  position: absolute;
  top: 0;
  right: 0; }

.add.notification {
  margin-top: -10px; }
  .add.notification .form-group {
    margin-bottom: 0; }
    .add.notification .form-group label {
      width: 100%; }
    .add.notification .form-group input, .add.notification .form-group textarea {
      width: 308px;
      border-radius: 0; }
  .add.notification button {
    margin: 12px 81px; }

.ico.notification-list {
  display: block;
  width: 40px;
  height: 40px;
  min-width: 10px;
  background-color: #f05929;
  background-image: url("../../images/todo-list.png");
  background-repeat: no-repeat;
  border: none;
  background-position: center 5px;
  border-radius: 0px 4px 0 0; }

.time-area {
  position: relative; }
  .time-area i {
    position: absolute;
    top: 12px;
    right: 0;
    color: #ffffff;
    cursor: pointer; }

.empty-data {
  padding: 10px 0;
  list-style-type: none;
  color: #ffffff;
  font-size: 14px; }

.list-empty {
  height: 45px !important;
  min-height: 25px; }

.notification-overdue {
  position: absolute;
  top: 37px;
  left: 18px;
  list-style-type: none; }
  .notification-overdue .see-more {
    padding-top: 10px;
    list-style-type: none; }
    .notification-overdue .see-more a {
      color: #ffffff; }
      .notification-overdue .see-more a:hover {
        text-decoration: underline; }
  .notification-overdue .notification-list-content {
    position: relative;
    left: -30px; }
    .notification-overdue .notification-list-content::before {
      content: "";
      position: absolute;
      top: -7px;
      left: 16px;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid #f05929; }
    .notification-overdue .notification-list-content #description {
      margin-top: 5px; }
    .notification-overdue .notification-list-content h3 {
      padding: 15px 20px 10px 14px; }
    .notification-overdue .notification-list-content .notification-check label {
      top: 15px; }
    .notification-overdue .notification-list-content .list-group {
      padding-bottom: 10px;
      min-height: 50px; }
      .notification-overdue .notification-list-content .list-group li:last-of-type {
        border-bottom: 0; }
    .notification-overdue .notification-list-content .list-empty {
      min-height: 40px;
      padding-bottom: 0; }
      .notification-overdue .notification-list-content .list-empty .empty-data {
        padding: 12px 0;
        border-bottom: 0; }
      .notification-overdue .notification-list-content .list-empty .see-more {
        display: none; }
    .notification-overdue .notification-list-content form {
      min-height: 154px;
      background-color: #2a4e72; }

.task-block {
  position: absolute;
  top: -7px;
  right: -18px; }
  .task-block .task-number {
    display: block;
    padding: 3px;
    height: 17px;
    min-width: 15px;
    text-align: center;
    background-color: #f9a937;
    color: white;
    font-size: 10px;
    border-radius: 2px;
    line-height: 100%;
    font-style: normal;
    font-weight: bold; }

.got-alert {
  color: #ffffff; }

.got-alert + .task-block, .got-number .task-block {
  display: block; }

.add-data, .close-task, .update-data, .cancel-data {
  display: inline-block;
  margin: 10px 0px;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  border: none; }

.add-data {
  background-image: url("../../images/add-data.png"); }

.close-task {
  background-image: url("../../images/close-task.png"); }

.update-data {
  background-image: url("../../images/update-data.png"); }

.cancel-data {
  background-image: url("../../images/cancel-data.png"); }

.notification-title {
  line-height: 18px; }

.notification-description {
  position: relative !important;
  margin-top: 5px;
  margin-bottom: 3px;
  color: #f5e9e9;
  font-size: 10px; }
  .notification-description span:hover {
    color: white; }

.details {
  display: block;
  margin: 8px -16px -16px -16px; }

.customer-invoice h1 {
  margin: 0; }
.customer-invoice .table caption .form-inline.pull-right {
  top: auto;
  right: 16px;
  margin: 0; }

.customer-finance nav.pagination-content {
  margin: 16px 0 8px; }

.customer-payment-schedule caption p {
  display: none; }
.customer-payment-schedule caption input.form-control {
  width: 370px !important; }

.wrapper-customer .fieldset {
  margin-top: 0;
  padding: 16px; }
  .wrapper-customer .fieldset + .fieldset {
    margin: 16px 0 0 0; }

.scrtabs-tab-container {
  position: relative; }
  .scrtabs-tab-container .scrtabs-tab-scroll-arrow {
    position: absolute;
    top: 4px;
    right: 0;
    margin-left: -5px;
    padding-top: 11px;
    padding-left: 0;
    width: 38px;
    height: 38px;
    background-color: #f05929;
    color: white;
    font-size: 11px;
    text-align: center; }
    .scrtabs-tab-container .scrtabs-tab-scroll-arrow .glyphicon {
      opacity: 0.8; }
    .scrtabs-tab-container .scrtabs-tab-scroll-arrow:hover {
      background-color: #f05929; }
      .scrtabs-tab-container .scrtabs-tab-scroll-arrow:hover .glyphicon {
        opacity: 1; }
  .scrtabs-tab-container .scrtabs-js-tab-scroll-arrow-right {
    border-radius: 0 4px 0 0; }
  .scrtabs-tab-container .scrtabs-js-tab-scroll-arrow-left {
    right: 36px;
    border-right: 0 !important;
    border-left: 2px solid #ececec;
    z-index: 1; }
    .scrtabs-tab-container .scrtabs-js-tab-scroll-arrow-left::before {
      position: absolute;
      right: 1px;
      display: block;
      content: "";
      width: 1px;
      height: 17px;
      background-color: #c8c8c8; }

.reserved-status {
  display: inline-block;
  margin-top: 7px;
  margin-right: -4px;
  float: right;
  text-transform: uppercase; }
  .reserved-status .fa {
    border-radius: 50%;
    width: 16px;
    height: 16px;
    padding: 3px;
    background: white;
    font-size: 10px;
    color: #ff6c60; }

.progress-bar.progress-bar-primary {
  background-color: #5cb85c !important; }

#toast-container > [class*=toast-] {
  background-image: none !important;
  word-break: break-word; }
#toast-container > div {
  margin: 0 0 10px 0 !important; }
#toast-container > :hover, #toast-container > div {
  box-shadow: none !important; }

.dashboard-toast-container {
  position: relative !important;
  color: white;
  z-index: 2 !important; }
  .dashboard-toast-container > div {
    padding: 12px !important;
    min-width: 100%;
    min-height: 44px;
    border-radius: 4px;
    opacity: 1 !important; }
  .dashboard-toast-container .fa-exclamation-circle::before, .dashboard-toast-container .fa-check-circle::before, .dashboard-toast-container .fa-info-circle::before, .dashboard-toast-container .fa-hand-paper-o::before, .dashboard-toast-container .fa-exclamation-triangle::before {
    position: absolute;
    top: 15px; }
  .dashboard-toast-container .toast-title, .dashboard-toast-container .toast-message {
    display: inline-block;
    line-height: 20px;
    font-family: "opensans-regular" !important; }
  .dashboard-toast-container .toast-title {
    padding: 0 10px 0 24px;
    text-transform: uppercase; }
  .dashboard-toast-container > .toast {
    position: relative;
    cursor: default !important; }
  .dashboard-toast-container .toast-error {
    background-color: #cc5d54; }
  .dashboard-toast-container .toast-success {
    background-color: #70b670; }
  .dashboard-toast-container .toast-info {
    background-color: #54acc4; }
  .dashboard-toast-container .toast-warning, .dashboard-toast-container .toast-wait {
    background-color: #d48e1b; }
  .dashboard-toast-container .delete {
    background-color: transparent;
    border: 0; }
    .dashboard-toast-container .delete:hover {
      background-image: url("../../images/icon-delete-white.png"); }
  .dashboard-toast-container .toast-close-button {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    background-color: transparent !important;
    background-position: center center !important;
    background-repeat: no-repeat;
    opacity: 1;
    background-image: url("../../images/icon-delete.png") !important; }
    .dashboard-toast-container .toast-close-button:hover {
      opacity: 1 !important;
      background-image: url("../../images/icon-delete-white.png") !important; }
  .dashboard-toast-container.float-toaster {
    position: fixed !important;
    top: auto !important;
    right: 16px;
    bottom: 8px;
    width: 300px;
    z-index: 99999 !important; }
    .dashboard-toast-container.float-toaster > div {
      padding: 3px 12px 12px 12px; }
    .dashboard-toast-container.float-toaster .fa-minus-circle::before, .dashboard-toast-container.float-toaster .fa-check-circle::before, .dashboard-toast-container.float-toaster .fa-info-circle::before, .dashboard-toast-container.float-toaster .fa-hand-paper-o::before, .dashboard-toast-container.float-toaster .fa-exclamation-triangle::before, .dashboard-toast-container.float-toaster .fa-exclamation-circle::before {
      top: 50% !important;
      margin: -14px 0 0 4px;
      color: white !important;
      font-size: 32px; }
    .dashboard-toast-container.float-toaster .toast {
      -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.4) !important;
      -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.4) !important;
      -o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.4) !important;
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.4) !important; }
    .dashboard-toast-container.float-toaster .toast-title {
      padding: 0 10px 0 51px !important; }
    .dashboard-toast-container.float-toaster .toast-message {
      display: -webkit-box !important;
      padding: 5px 0 0 52px !important;
      text-overflow: ellipsis;
      overflow: hidden;
      -webkit-line-clamp: 6;
      -webkit-box-orient: vertical; }

.email-container header {
  padding: 20px 0;
  min-height: 80px;
  border-bottom: 1px solid #e8e8e8; }
.email-container article {
  padding: 20px 0; }
.email-container .email-list {
  background-color: #fafafa; }
  .email-container .email-list .nav-tabs:not(.nav-groups) li {
    margin-right: 15px;
    padding: 10px 15px;
    min-width: 30px;
    color: #d1d1d1; }
    .email-container .email-list .nav-tabs:not(.nav-groups) li:hover {
      cursor: pointer; }
      .email-container .email-list .nav-tabs:not(.nav-groups) li:hover::before {
        position: absolute;
        bottom: -20px;
        left: 0;
        display: block;
        content: "";
        width: 100%;
        height: 2px;
        background-color: #f05929; }
  .email-container .email-list header .active {
    color: #222f59;
    font-weight: bold; }
    .email-container .email-list header .active::before {
      position: absolute;
      bottom: -20px;
      left: 0;
      display: block;
      content: "";
      width: 100%;
      height: 2px;
      background-color: #f05929; }
  .email-container .email-list article li {
    padding: 10px 15px; }
  .email-container .email-list article .active {
    background-color: #E7E7E7; }
  .email-container .email-list article .email-content {
    display: block; }
  .email-container .email-list article .email-date {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 12px;
    font-style: italic; }
.email-container .email-view {
  background-color: white; }
  .email-container .email-view .email-address {
    position: absolute;
    top: -2px;
    left: 58px; }
  .email-container .email-view img {
    width: 40px;
    height: 40px;
    border-radius: 50%; }

#form-search-customer .form-control, #form-search-lead .form-control {
  width: 100%;
  max-width: none; }
#form-search-customer .btn-dropdown, #form-search-customer .form-control, #form-search-lead .btn-dropdown, #form-search-lead .form-control {
  font-size: 13px; }
#form-search-customer .form-group:last-child .btn-toolbar, #form-search-lead .form-group:last-child .btn-toolbar {
  margin: 0 0 0 -5px; }

.advance-search-customer {
  display: none;
  margin-bottom: 8px; }

.btn-advance-search .fa-long-arrow-up {
  display: none; }
.btn-advance-search.open .fa-long-arrow-up {
  display: inline-block; }
.btn-advance-search.open .fa-long-arrow-down {
  display: none; }

.input-group-btn .list-group-box-rs .input-inline .form-control {
  position: relative !important; }

.input-group .input-inline .form-control {
  position: relative !important; }
  .input-group .input-inline .form-control.text-overflow {
    position: absolute !important; }

.ie6 .square-plus a, .ie7 .square-plus a, .ie8 .square-plus a, .ie9 .square-plus a, .ie10 .square-plus a, .ie11 .square-plus a, .ie12 .square-plus a {
  position: relative; }
.ie6 .ui-grid-render-container, .ie6 .ui-grid-viewport, .ie6 .ui-grid-menu .ui-grid-menu-mid, .ie7 .ui-grid-render-container, .ie7 .ui-grid-viewport, .ie7 .ui-grid-menu .ui-grid-menu-mid, .ie8 .ui-grid-render-container, .ie8 .ui-grid-viewport, .ie8 .ui-grid-menu .ui-grid-menu-mid, .ie9 .ui-grid-render-container, .ie9 .ui-grid-viewport, .ie9 .ui-grid-menu .ui-grid-menu-mid, .ie10 .ui-grid-render-container, .ie10 .ui-grid-viewport, .ie10 .ui-grid-menu .ui-grid-menu-mid, .ie11 .ui-grid-render-container, .ie11 .ui-grid-viewport, .ie11 .ui-grid-menu .ui-grid-menu-mid, .ie12 .ui-grid-render-container, .ie12 .ui-grid-viewport, .ie12 .ui-grid-menu .ui-grid-menu-mid {
  overflow: hidden; }
.ie6 .invoice-matched-payments .expandableRow .ui-grid-cell, .ie6 .invoice-matched-credits .expandableRow .ui-grid-cell, .ie7 .invoice-matched-payments .expandableRow .ui-grid-cell, .ie7 .invoice-matched-credits .expandableRow .ui-grid-cell, .ie8 .invoice-matched-payments .expandableRow .ui-grid-cell, .ie8 .invoice-matched-credits .expandableRow .ui-grid-cell, .ie9 .invoice-matched-payments .expandableRow .ui-grid-cell, .ie9 .invoice-matched-credits .expandableRow .ui-grid-cell, .ie10 .invoice-matched-payments .expandableRow .ui-grid-cell, .ie10 .invoice-matched-credits .expandableRow .ui-grid-cell, .ie11 .invoice-matched-payments .expandableRow .ui-grid-cell, .ie11 .invoice-matched-credits .expandableRow .ui-grid-cell, .ie12 .invoice-matched-payments .expandableRow .ui-grid-cell, .ie12 .invoice-matched-credits .expandableRow .ui-grid-cell {
  padding-top: 9px !important; }
.ie6 .ui-grid-icon-plus-squared, .ie6 .ui-grid-icon-minus-squared, .ie7 .ui-grid-icon-plus-squared, .ie7 .ui-grid-icon-minus-squared, .ie8 .ui-grid-icon-plus-squared, .ie8 .ui-grid-icon-minus-squared, .ie9 .ui-grid-icon-plus-squared, .ie9 .ui-grid-icon-minus-squared, .ie10 .ui-grid-icon-plus-squared, .ie10 .ui-grid-icon-minus-squared, .ie11 .ui-grid-icon-plus-squared, .ie11 .ui-grid-icon-minus-squared, .ie12 .ui-grid-icon-plus-squared, .ie12 .ui-grid-icon-minus-squared {
  cursor: pointer; }
.ie6 .invoiceoptions .show-input, .ie7 .invoiceoptions .show-input, .ie8 .invoiceoptions .show-input, .ie9 .invoiceoptions .show-input, .ie10 .invoiceoptions .show-input, .ie11 .invoiceoptions .show-input, .ie12 .invoiceoptions .show-input {
  padding-bottom: 8px; }
.ie6 .invoiceoptions .inputdate, .ie7 .invoiceoptions .inputdate, .ie8 .invoiceoptions .inputdate, .ie9 .invoiceoptions .inputdate, .ie10 .invoiceoptions .inputdate, .ie11 .invoiceoptions .inputdate, .ie12 .invoiceoptions .inputdate {
  padding-top: 4px; }
.ie6 .expandableRow .ui-grid-cell:last-child .ui-grid-cell-contents, .ie7 .expandableRow .ui-grid-cell:last-child .ui-grid-cell-contents, .ie8 .expandableRow .ui-grid-cell:last-child .ui-grid-cell-contents, .ie9 .expandableRow .ui-grid-cell:last-child .ui-grid-cell-contents, .ie10 .expandableRow .ui-grid-cell:last-child .ui-grid-cell-contents, .ie11 .expandableRow .ui-grid-cell:last-child .ui-grid-cell-contents, .ie12 .expandableRow .ui-grid-cell:last-child .ui-grid-cell-contents {
  padding-left: 18px; }
.ie6 .btn-group .btn, .ie7 .btn-group .btn, .ie8 .btn-group .btn, .ie9 .btn-group .btn, .ie10 .btn-group .btn, .ie11 .btn-group .btn, .ie12 .btn-group .btn {
  transition: none; }
.ie6 .brand a, .ie7 .brand a, .ie8 .brand a, .ie9 .brand a, .ie10 .brand a, .ie11 .brand a, .ie12 .brand a {
  padding-right: 30px; }
.ie6 .form-signin input[type='text'], .ie6 .form-signin input[type='password'], .ie7 .form-signin input[type='text'], .ie7 .form-signin input[type='password'], .ie8 .form-signin input[type='text'], .ie8 .form-signin input[type='password'], .ie9 .form-signin input[type='text'], .ie9 .form-signin input[type='password'], .ie10 .form-signin input[type='text'], .ie10 .form-signin input[type='password'], .ie11 .form-signin input[type='text'], .ie11 .form-signin input[type='password'], .ie12 .form-signin input[type='text'], .ie12 .form-signin input[type='password'] {
  padding: 7px 32px 7px 7px !important;
  height: 32px; }
.ie6 .form-control, .ie7 .form-control, .ie8 .form-control, .ie9 .form-control, .ie10 .form-control, .ie11 .form-control, .ie12 .form-control {
  min-height: 32px;
  padding: 0;
  padding-left: 10px;
  padding-right: 24px;
  padding-top: 2px; }
.ie6 .form-target-group, .ie7 .form-target-group, .ie8 .form-target-group, .ie9 .form-target-group, .ie10 .form-target-group, .ie11 .form-target-group, .ie12 .form-target-group {
  padding-right: 0; }
.ie6 .search, .ie7 .search, .ie8 .search, .ie9 .search, .ie10 .search, .ie11 .search, .ie12 .search {
  padding-right: 39px !important; }
.ie6 .radio label, .ie7 .radio label, .ie8 .radio label, .ie9 .radio label, .ie10 .radio label, .ie11 .radio label, .ie12 .radio label {
  padding-top: 9px !important;
  cursor: pointer; }
.ie6 .node::before, .ie6 .ngExpandableRow > td::before, .ie7 .node::before, .ie7 .ngExpandableRow > td::before, .ie8 .node::before, .ie8 .ngExpandableRow > td::before, .ie9 .node::before, .ie9 .ngExpandableRow > td::before, .ie10 .node::before, .ie10 .ngExpandableRow > td::before, .ie11 .node::before, .ie11 .ngExpandableRow > td::before, .ie12 .node::before, .ie12 .ngExpandableRow > td::before {
  bottom: 1px; }
.ie6 .z-filter-top label, .ie7 .z-filter-top label, .ie8 .z-filter-top label, .ie9 .z-filter-top label, .ie10 .z-filter-top label, .ie11 .z-filter-top label, .ie12 .z-filter-top label {
  vertical-align: 10px; }
.ie6 .styled-select select, .ie7 .styled-select select, .ie8 .styled-select select, .ie9 .styled-select select, .ie10 .styled-select select, .ie11 .styled-select select, .ie12 .styled-select select {
  padding-top: 2px !important;
  padding-right: 20px !important;
  border: 1px solid #ccc; }
.ie6 .default-pagination label, .ie7 .default-pagination label, .ie8 .default-pagination label, .ie9 .default-pagination label, .ie10 .default-pagination label, .ie11 .default-pagination label, .ie12 .default-pagination label {
  height: 32px;
  vertical-align: 11.3px !important; }
.ie6 .table-expand, .ie6 .table-collapse, .ie6 .no-table-expand, .ie7 .table-expand, .ie7 .table-collapse, .ie7 .no-table-expand, .ie8 .table-expand, .ie8 .table-collapse, .ie8 .no-table-expand, .ie9 .table-expand, .ie9 .table-collapse, .ie9 .no-table-expand, .ie10 .table-expand, .ie10 .table-collapse, .ie10 .no-table-expand, .ie11 .table-expand, .ie11 .table-collapse, .ie11 .no-table-expand, .ie12 .table-expand, .ie12 .table-collapse, .ie12 .no-table-expand {
  margin: -2px 0 0 -7px; }
.ie6 .permission-table .table-expand, .ie6 .permission-table .table-collapse, .ie6 .permission-table .no-table-expand, .ie7 .permission-table .table-expand, .ie7 .permission-table .table-collapse, .ie7 .permission-table .no-table-expand, .ie8 .permission-table .table-expand, .ie8 .permission-table .table-collapse, .ie8 .permission-table .no-table-expand, .ie9 .permission-table .table-expand, .ie9 .permission-table .table-collapse, .ie9 .permission-table .no-table-expand, .ie10 .permission-table .table-expand, .ie10 .permission-table .table-collapse, .ie10 .permission-table .no-table-expand, .ie11 .permission-table .table-expand, .ie11 .permission-table .table-collapse, .ie11 .permission-table .no-table-expand, .ie12 .permission-table .table-expand, .ie12 .permission-table .table-collapse, .ie12 .permission-table .no-table-expand {
  margin-top: 13px; }
.ie6 .view-more .table-expand, .ie6 .view-more .table-collapse, .ie6 .view-more .no-table-expand, .ie7 .view-more .table-expand, .ie7 .view-more .table-collapse, .ie7 .view-more .no-table-expand, .ie8 .view-more .table-expand, .ie8 .view-more .table-collapse, .ie8 .view-more .no-table-expand, .ie9 .view-more .table-expand, .ie9 .view-more .table-collapse, .ie9 .view-more .no-table-expand, .ie10 .view-more .table-expand, .ie10 .view-more .table-collapse, .ie10 .view-more .no-table-expand, .ie11 .view-more .table-expand, .ie11 .view-more .table-collapse, .ie11 .view-more .no-table-expand, .ie12 .view-more .table-expand, .ie12 .view-more .table-collapse, .ie12 .view-more .no-table-expand {
  margin: -7px 0 0 -7px; }
.ie6 .task-block .task-number, .ie7 .task-block .task-number, .ie8 .task-block .task-number, .ie9 .task-block .task-number, .ie10 .task-block .task-number, .ie11 .task-block .task-number, .ie12 .task-block .task-number {
  padding: 2px; }
.ie6 .todo-overdue .todo-list-content .todo-check label, .ie7 .todo-overdue .todo-list-content .todo-check label, .ie8 .todo-overdue .todo-list-content .todo-check label, .ie9 .todo-overdue .todo-list-content .todo-check label, .ie10 .todo-overdue .todo-list-content .todo-check label, .ie11 .todo-overdue .todo-list-content .todo-check label, .ie12 .todo-overdue .todo-list-content .todo-check label {
  cursor: pointer; }
.ie6 .ngdialog-theme-default.ngdialog .ngdialog-content .wrapper-content, .ie7 .ngdialog-theme-default.ngdialog .ngdialog-content .wrapper-content, .ie8 .ngdialog-theme-default.ngdialog .ngdialog-content .wrapper-content, .ie9 .ngdialog-theme-default.ngdialog .ngdialog-content .wrapper-content, .ie10 .ngdialog-theme-default.ngdialog .ngdialog-content .wrapper-content, .ie11 .ngdialog-theme-default.ngdialog .ngdialog-content .wrapper-content, .ie12 .ngdialog-theme-default.ngdialog .ngdialog-content .wrapper-content {
  overflow-y: hidden; }
.ie6 .permission-table .toggle-all span, .ie7 .permission-table .toggle-all span, .ie8 .permission-table .toggle-all span, .ie9 .permission-table .toggle-all span, .ie10 .permission-table .toggle-all span, .ie11 .permission-table .toggle-all span, .ie12 .permission-table .toggle-all span {
  padding: 0; }
.ie6 .permission-management .todo-check label::after, .ie7 .permission-management .todo-check label::after, .ie8 .permission-management .todo-check label::after, .ie9 .permission-management .todo-check label::after, .ie10 .permission-management .todo-check label::after, .ie11 .permission-management .todo-check label::after, .ie12 .permission-management .todo-check label::after {
  top: 3px !important; }
.ie6 .permission-management .todo-check label::before, .ie7 .permission-management .todo-check label::before, .ie8 .permission-management .todo-check label::before, .ie9 .permission-management .todo-check label::before, .ie10 .permission-management .todo-check label::before, .ie11 .permission-management .todo-check label::before, .ie12 .permission-management .todo-check label::before {
  top: 4px !important; }
.ie6 .permission-table th label, .ie7 .permission-table th label, .ie8 .permission-table th label, .ie9 .permission-table th label, .ie10 .permission-table th label, .ie11 .permission-table th label, .ie12 .permission-table th label {
  padding-top: 0; }
.ie6 .ns-popover-list-theme, .ie7 .ns-popover-list-theme, .ie8 .ns-popover-list-theme, .ie9 .ns-popover-list-theme, .ie10 .ns-popover-list-theme, .ie11 .ns-popover-list-theme, .ie12 .ns-popover-list-theme {
  margin: -104px 0 0 -12px; }
.ie6 .default-pagination .ngPagerContainer .ngRowCountPicker .styled-select, .ie6 .default-pagination .ngPagerContainer .ngPagerControl .styled-select, .ie7 .default-pagination .ngPagerContainer .ngRowCountPicker .styled-select, .ie7 .default-pagination .ngPagerContainer .ngPagerControl .styled-select, .ie8 .default-pagination .ngPagerContainer .ngRowCountPicker .styled-select, .ie8 .default-pagination .ngPagerContainer .ngPagerControl .styled-select, .ie9 .default-pagination .ngPagerContainer .ngRowCountPicker .styled-select, .ie9 .default-pagination .ngPagerContainer .ngPagerControl .styled-select, .ie10 .default-pagination .ngPagerContainer .ngRowCountPicker .styled-select, .ie10 .default-pagination .ngPagerContainer .ngPagerControl .styled-select, .ie11 .default-pagination .ngPagerContainer .ngRowCountPicker .styled-select, .ie11 .default-pagination .ngPagerContainer .ngPagerControl .styled-select, .ie12 .default-pagination .ngPagerContainer .ngRowCountPicker .styled-select, .ie12 .default-pagination .ngPagerContainer .ngPagerControl .styled-select {
  vertical-align: -10px; }
.ie6 .queue-management .styled-select, .ie7 .queue-management .styled-select, .ie8 .queue-management .styled-select, .ie9 .queue-management .styled-select, .ie10 .queue-management .styled-select, .ie11 .queue-management .styled-select, .ie12 .queue-management .styled-select {
  vertical-align: -15px; }
.ie6 .customer-note section .tab-contents .customer-note-list .todo-check, .ie7 .customer-note section .tab-contents .customer-note-list .todo-check, .ie8 .customer-note section .tab-contents .customer-note-list .todo-check, .ie9 .customer-note section .tab-contents .customer-note-list .todo-check, .ie10 .customer-note section .tab-contents .customer-note-list .todo-check, .ie11 .customer-note section .tab-contents .customer-note-list .todo-check, .ie12 .customer-note section .tab-contents .customer-note-list .todo-check {
  margin-top: 0; }
.ie6 .permission-table td span, .ie7 .permission-table td span, .ie8 .permission-table td span, .ie9 .permission-table td span, .ie10 .permission-table td span, .ie11 .permission-table td span, .ie12 .permission-table td span {
  top: 0 !important; }
.ie6 .default-pagination .ngPagerContainer .ngRowCountPicker, .ie6 .default-pagination .ngPagerContainer .ngPagerControl, .ie7 .default-pagination .ngPagerContainer .ngRowCountPicker, .ie7 .default-pagination .ngPagerContainer .ngPagerControl, .ie8 .default-pagination .ngPagerContainer .ngRowCountPicker, .ie8 .default-pagination .ngPagerContainer .ngPagerControl, .ie9 .default-pagination .ngPagerContainer .ngRowCountPicker, .ie9 .default-pagination .ngPagerContainer .ngPagerControl, .ie10 .default-pagination .ngPagerContainer .ngRowCountPicker, .ie10 .default-pagination .ngPagerContainer .ngPagerControl, .ie11 .default-pagination .ngPagerContainer .ngRowCountPicker, .ie11 .default-pagination .ngPagerContainer .ngPagerControl, .ie12 .default-pagination .ngPagerContainer .ngRowCountPicker, .ie12 .default-pagination .ngPagerContainer .ngPagerControl {
  vertical-align: 0 !important; }
.ie6 .customer-note .tab-contents .customer-note-list .todo-check, .ie7 .customer-note .tab-contents .customer-note-list .todo-check, .ie8 .customer-note .tab-contents .customer-note-list .todo-check, .ie9 .customer-note .tab-contents .customer-note-list .todo-check, .ie10 .customer-note .tab-contents .customer-note-list .todo-check, .ie11 .customer-note .tab-contents .customer-note-list .todo-check, .ie12 .customer-note .tab-contents .customer-note-list .todo-check {
  margin-top: 6px; }
.ie6 .popup-task-details-toaster, .ie7 .popup-task-details-toaster, .ie8 .popup-task-details-toaster, .ie9 .popup-task-details-toaster, .ie10 .popup-task-details-toaster, .ie11 .popup-task-details-toaster, .ie12 .popup-task-details-toaster {
  padding-right: 15px; }
.ie6 .z-filter-table .filter-box-search .form-control, .ie6 .z-filter-table .filter-box-search .list-bar, .ie7 .z-filter-table .filter-box-search .form-control, .ie7 .z-filter-table .filter-box-search .list-bar, .ie8 .z-filter-table .filter-box-search .form-control, .ie8 .z-filter-table .filter-box-search .list-bar, .ie9 .z-filter-table .filter-box-search .form-control, .ie9 .z-filter-table .filter-box-search .list-bar, .ie10 .z-filter-table .filter-box-search .form-control, .ie10 .z-filter-table .filter-box-search .list-bar, .ie11 .z-filter-table .filter-box-search .form-control, .ie11 .z-filter-table .filter-box-search .list-bar, .ie12 .z-filter-table .filter-box-search .form-control, .ie12 .z-filter-table .filter-box-search .list-bar {
  padding-right: 8px; }
.ie6 .general-loading, .ie7 .general-loading, .ie8 .general-loading, .ie9 .general-loading, .ie10 .general-loading, .ie11 .general-loading, .ie12 .general-loading {
  position: relative;
  top: auto;
  left: auto; }
.ie6 .todo-check input[type=checkbox] ~ label, .ie7 .todo-check input[type=checkbox] ~ label, .ie8 .todo-check input[type=checkbox] ~ label, .ie9 .todo-check input[type=checkbox] ~ label, .ie10 .todo-check input[type=checkbox] ~ label, .ie11 .todo-check input[type=checkbox] ~ label, .ie12 .todo-check input[type=checkbox] ~ label {
  cursor: pointer; }
.ie6 .todo-check input[disabled="disabled"] ~ label, .ie6 .todo-check input[disabled=""] ~ label, .ie7 .todo-check input[disabled="disabled"] ~ label, .ie7 .todo-check input[disabled=""] ~ label, .ie8 .todo-check input[disabled="disabled"] ~ label, .ie8 .todo-check input[disabled=""] ~ label, .ie9 .todo-check input[disabled="disabled"] ~ label, .ie9 .todo-check input[disabled=""] ~ label, .ie10 .todo-check input[disabled="disabled"] ~ label, .ie10 .todo-check input[disabled=""] ~ label, .ie11 .todo-check input[disabled="disabled"] ~ label, .ie11 .todo-check input[disabled=""] ~ label, .ie12 .todo-check input[disabled="disabled"] ~ label, .ie12 .todo-check input[disabled=""] ~ label {
  cursor: not-allowed !important; }
.ie6 .queue-auto-task-configure .d-auto-complete-results span, .ie7 .queue-auto-task-configure .d-auto-complete-results span, .ie8 .queue-auto-task-configure .d-auto-complete-results span, .ie9 .queue-auto-task-configure .d-auto-complete-results span, .ie10 .queue-auto-task-configure .d-auto-complete-results span, .ie11 .queue-auto-task-configure .d-auto-complete-results span, .ie12 .queue-auto-task-configure .d-auto-complete-results span {
  display: inline; }
.ie6 .popup-create-team .form-body, .ie7 .popup-create-team .form-body, .ie8 .popup-create-team .form-body, .ie9 .popup-create-team .form-body, .ie10 .popup-create-team .form-body, .ie11 .popup-create-team .form-body, .ie12 .popup-create-team .form-body {
  padding-right: 0 !important; }
.ie6 .partner-name .default-select .arrow, .ie7 .partner-name .default-select .arrow, .ie8 .partner-name .default-select .arrow, .ie9 .partner-name .default-select .arrow, .ie10 .partner-name .default-select .arrow, .ie11 .partner-name .default-select .arrow, .ie12 .partner-name .default-select .arrow {
  margin-top: -9px; }
.ie6 .partner-name .default-select .content, .ie7 .partner-name .default-select .content, .ie8 .partner-name .default-select .content, .ie9 .partner-name .default-select .content, .ie10 .partner-name .default-select .content, .ie11 .partner-name .default-select .content, .ie12 .partner-name .default-select .content {
  top: 7px; }
.ie6 .partner-name .default-select .z-select, .ie7 .partner-name .default-select .z-select, .ie8 .partner-name .default-select .z-select, .ie9 .partner-name .default-select .z-select, .ie10 .partner-name .default-select .z-select, .ie11 .partner-name .default-select .z-select, .ie12 .partner-name .default-select .z-select {
  top: 43px; }
.ie6 .valid-error span, .ie7 .valid-error span, .ie8 .valid-error span, .ie9 .valid-error span, .ie10 .valid-error span, .ie11 .valid-error span, .ie12 .valid-error span {
  font-size: 13px; }
.ie6 .outlook-container .panel .panel-body .fa-star, .ie7 .outlook-container .panel .panel-body .fa-star, .ie8 .outlook-container .panel .panel-body .fa-star, .ie9 .outlook-container .panel .panel-body .fa-star, .ie10 .outlook-container .panel .panel-body .fa-star, .ie11 .outlook-container .panel .panel-body .fa-star, .ie12 .outlook-container .panel .panel-body .fa-star {
  margin-top: 15px !important; }
.ie6 .outlook-container .panel .panel-body .compose-content .form-group input, .ie6 .outlook-container .panel .panel-body .compose-content .form-group input:focus, .ie7 .outlook-container .panel .panel-body .compose-content .form-group input, .ie7 .outlook-container .panel .panel-body .compose-content .form-group input:focus, .ie8 .outlook-container .panel .panel-body .compose-content .form-group input, .ie8 .outlook-container .panel .panel-body .compose-content .form-group input:focus, .ie9 .outlook-container .panel .panel-body .compose-content .form-group input, .ie9 .outlook-container .panel .panel-body .compose-content .form-group input:focus, .ie10 .outlook-container .panel .panel-body .compose-content .form-group input, .ie10 .outlook-container .panel .panel-body .compose-content .form-group input:focus, .ie11 .outlook-container .panel .panel-body .compose-content .form-group input, .ie11 .outlook-container .panel .panel-body .compose-content .form-group input:focus, .ie12 .outlook-container .panel .panel-body .compose-content .form-group input, .ie12 .outlook-container .panel .panel-body .compose-content .form-group input:focus {
  width: 92% !important; }
.ie6 .all-day .lbl-all-day, .ie7 .all-day .lbl-all-day, .ie8 .all-day .lbl-all-day, .ie9 .all-day .lbl-all-day, .ie10 .all-day .lbl-all-day, .ie11 .all-day .lbl-all-day, .ie12 .all-day .lbl-all-day {
  position: absolute;
  top: -5px; }
.ie6 .social-area .input-group :not(:first-child):not(:last-child).form-control, .ie7 .social-area .input-group :not(:first-child):not(:last-child).form-control, .ie8 .social-area .input-group :not(:first-child):not(:last-child).form-control, .ie9 .social-area .input-group :not(:first-child):not(:last-child).form-control, .ie10 .social-area .input-group :not(:first-child):not(:last-child).form-control, .ie11 .social-area .input-group :not(:first-child):not(:last-child).form-control, .ie12 .social-area .input-group :not(:first-child):not(:last-child).form-control {
  padding-right: 0; }
.ie6 .c-personal-task-customer-name a span, .ie7 .c-personal-task-customer-name a span, .ie8 .c-personal-task-customer-name a span, .ie9 .c-personal-task-customer-name a span, .ie10 .c-personal-task-customer-name a span, .ie11 .c-personal-task-customer-name a span, .ie12 .c-personal-task-customer-name a span {
  padding-top: 21px; }

@-moz-document url-prefix() {
  .form-signin input[type="text"], .form-signin input[type="password"] {
    padding: 0 12px !important;
    height: 40px !important; }

  .todo-check input[type="checkbox"], .todo-check input[type="radio"] {
    display: none; }

  .dashboard .form-control {
    padding-left: 28px !important; }

  .styled-select select {
    border: 1px solid #d4d4d4; }

  .ngdialog-theme-default.ngdialog .ngdialog-content .wrapper-content {
    overflow-y: hidden; }

  .permission-management .todo-check label::after {
    top: 3px !important; }

  .permission-management .todo-check label::before {
    top: 4px !important; }

  .ngdialog.ngdialog-theme-default .ngdialog-content {
    max-height: 95%; }

  .permission-management .todo-check label::after {
    top: -7px !important;
    left: 10px !important; }

  .permission-management .todo-check label::before {
    top: 6px;
    left: 6px; }

  .permission-management th .todo-check label::before, .permission-management th .todo-check label::after {
    left: 0 !important; }

  .role-management .form-control {
    display: inline-block; }

  .z-iframe .ngdialog-content {
    overflow-y: inherit; } }
@media (max-width: 1800px) {
  .main-calendar .control-side {
    width: 35%; }
  .main-calendar .time-side {
    width: 65%; } }
@media (max-width: 1600px) {
  body > aside {
    left: 0; }
    body > aside.open {
      left: -339px; }
  body > main.narrow {
    padding-left: 0 !important; }
  body .default-pagination .default-select .z-select {
    top: auto !important;
    bottom: 37px !important; } }
@media (max-width: 1500px) {
  .main-footer .socials li {
    width: 13.8%;
    height: auto; }
    .main-footer .socials li a img {
      width: 100%; }

  .main-calendar .cal-slide-content .limited span a {
    max-width: 35%; } }
@media (max-width: 1444px) {
  .invoice-matched-credits .ngdialog-content, .invoice-matched-payments .ngdialog-content, .popup-create-team .ngdialog-content, .popup-team-details .ngdialog-content {
    width: 84% !important; } }
@media (max-width: 1386px) {
  .db-management .limited {
    width: 215px;
    max-width: 215px; } }
@media (max-width: 1365px) {
  .dashboard-container .col-lg-8, .dashboard-container .col-lg-4 {
    width: 100%; } }
@media (max-width: 1280px) {
  .invoice-matched-credits .ngdialog-content, .invoice-matched-payments .ngdialog-content, .popup-create-team .ngdialog-content, .popup-team-details .ngdialog-content {
    width: 94% !important; }

  .permission-table th label {
    margin-left: -5px; }

  .mini-stat {
    margin-bottom: 5px;
    min-height: 59px; }
    .mini-stat .mini-stat-icon {
      margin-top: -7px;
      width: 50px;
      height: 50px;
      line-height: 0; }
    .mini-stat .fa:not(.flag) {
      font-size: 25px !important;
      line-height: 53px; }
    .mini-stat .mini-stat-info {
      padding-top: 3px;
      line-height: 19px; }
      .mini-stat .mini-stat-info span {
        top: -8px;
        font-size: 17px; }
      .mini-stat .mini-stat-info p span {
        font-size: 13px; }

  .finance-blocks .mini-stat .mini-stat-info {
    padding-top: 12px; }
  .finance-blocks .mini-stat .mini-stat-icon {
    margin-top: 2px !important; }
  .finance-blocks .col-md-3 {
    width: 50%; }

  .graph-blocks .other-charts {
    width: 33.3333333333%; }
  .graph-blocks .policy-charts {
    width: 50%; }
  .graph-blocks .gauge-canvas {
    margin-left: -100px; }
  .graph-blocks .product-unit {
    top: 11px; }

  .outlook-email-title .mail-subject-content {
    padding-right: 30px; } }
@media (max-width: 1240px) {
  .main-calendar .text-center .pull-right, .main-calendar .text-center .btn-primary {
    float: none !important; }

  .outlook-email-body span {
    width: 300px !important;
    max-width: 300px !important; }

  .main-calendar .btn-primary {
    margin: 0 0 5px 5px; }
  .main-calendar h1 {
    margin: 0; }
  .main-calendar .control-side, .main-calendar .time-side {
    width: 100%;
    text-align: center; }
  .main-calendar .cal-slide-content .limited span a {
    max-width: 25%; } }
@media (max-width: 1200px) {
  .search {
    padding-right: 10px;
    min-width: 190px; }

  .details .nav.nav-lg li > a {
    font-size: 14px; } }
@media (max-width: 1180px) {
  .popup-claim-details .claim-transaction-list .gridStyle {
    padding: 20px !important; } }
@media (max-width: 1175px) {
  .cssload-wrapper {
    margin-top: 110px; } }
@media (max-width: 1152px) {
  [class^=-task] .table > tbody > tr > td {
    max-width: 120px; }

  .future-transaction .table > tbody > tr > td {
    max-width: 80px; } }
@media (max-width: 1134px) {
  .outlook-email-body span {
    width: 180px !important;
    max-width: 180px !important; }

  .outlook-email-title .mail-subject-content {
    width: 270px !important;
    max-width: 270px !important; }

  .main-calendar .cal-slide-content .limited span a {
    max-width: 15%; } }
@media (max-width: 1100px) {
  .top_menu .nav > li, ul.top-menu > li {
    margin-right: 16px; }

  .form-control.search-task-field {
    width: 270px; }
  .form-control.search-customer-field {
    width: 130px; } }
@media (max-width: 1086px) {
  .details .nav.nav-lg li > a {
    padding: 12px 16px 0;
    font-size: 14px; } }
@media (max-width: 1024px) {
  .scrtabs-tab-container .nav-tabs:not(.nav-groups) > li > a span {
    padding-right: 10px;
    width: 160px;
    min-width: 130px; }
  .scrtabs-tab-container .glyphicon-remove {
    right: -5px; }

  .permission-table th label {
    font-size: 14px; }

  .permission-table th label {
    margin-left: 0;
    padding-top: 9px; }

  .mail-block .attachments .attachment {
    display: block; } }
@media (max-height: 637px) {
  .popup-lead-allocate .ngdialog-content {
    overflow: hidden !important; }
  .popup-lead-allocate .form-body {
    overflow: auto !important; } }
.text-decoration:hover {
  border-bottom: 1px dashed #ccc; }

.w-auto {
  width: auto !important; }

.text-danger .text-decoration:hover {
  border-bottom: 1px dashed #FF6C60; }

.db-upload {
  position: relative; }
  .db-upload .well-attachment {
    margin: 0;
    border-bottom: 0;
    border-radius: 4px 4px 0 0; }
  .db-upload .disabled {
    pointer-events: none; }
    .db-upload .disabled .well-attachment:hover {
      background: none;
      opacity: 0.6; }
      .db-upload .disabled .well-attachment:hover .wrappers {
        opacity: 0.4; }
  .db-upload .text-muted {
    opacity: 0.6; }
  .db-upload .btn {
    position: absolute;
    bottom: 0;
    left: 0;
    min-width: 122px;
    border-radius: 0 0 0 4px; }
  .db-upload .panel {
    padding: 0 0 0 122px;
    border-radius: 0 0 4px 4px; }
    .db-upload .panel .panel-body {
      padding: 8px; }
  .db-upload .panel, .db-upload .delete {
    background-color: #f3f7f9; }
  .db-upload + .management .table caption {
    margin: 0 0 38px; }
    .db-upload + .management .table caption .form-group-search {
      margin: 0; }
    .db-upload + .management .table caption .form-inline.pull-right {
      top: 0;
      right: 0; }

.btn-primary, .btn-primary:hover, .btn-primary:active:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus, .btn-primary.active:focus, .btn-primary.disabled:focus {
  background-color: #f05929; }
.btn-primary.active {
  background-color: #cf5935 !important; }
.btn-primary.btn-circle {
  background-color: #f05929;
  border: 1px solid white;
  opacity: 0.3; }
  .btn-primary.btn-circle i.fa {
    color: white; }
  .btn-primary.btn-circle:hover {
    opacity: 1; }

.btn-outline-default {
  padding: 2px 10px;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(255, 255, 255, 0.5); }
  .btn-outline-default:hover, .btn-outline-default:active:hover, .btn-outline-default:focus, .btn-outline-default:active, .btn-outline-default:active:focus, .btn-outline-default.active:focus {
    background-color: rgba(0, 0, 0, 0.1);
    color: white; }

.open > .dropdown-toggle.btn-primary, .open > .dropdown-toggle.btn-primary:hover, .open > .dropdown-toggle.btn-primary:focus, .btn-dropdown.active, .btn-dropdown.active:hover, .btn-dropdown.active:focus {
  background-color: #f05929;
  border-color: #f05929; }

.table > tbody > tr > td, .table > tbody > tr > td p {
  color: #222f59; }
.table > tbody > tr:not(.no-result):nth-child(even) {
  background-color: #f0f0f0; }
.table > tbody > tr > td.col-xs-0 .fa, .table > tbody > tr > td.col-xs-1:last-child .fa, .table > tbody > tr > td.col-xs-2 .fa, .table i.fa-check {
  color: #f05929; }
.table.table-list > tbody > tr:nth-child(even), .table.table-list-o > tbody > tr:nth-child(even) {
  background-color: white; }

.panel.panel-item {
  background-color: white;
  color: #222f59; }
  .panel.panel-item .panel-heading a {
    color: #222f59; }
  .panel.panel-item .checkbox label::before, .panel.panel-item .checkbox label::after {
    border-color: #222f59; }

.panel-info > .panel-heading, .panel-default > .panel-heading {
  background-color: #e2e2e2;
  border-color: #e2e2e2; }

.switch .toggle-round-flat + label:before {
  background-color: #f05929; }
.switch .toggle-round-flat + label:after {
  background-color: #222f59; }

.label.label-toggle.yes {
  background-color: #f05929; }
.label.label-toggle.no {
  background-color: #222f59; }

.checkbox label::before, .checkbox label::after {
  border-color: #f05929; }

.dropdown-menu > li > a, .dropdown-menu > li > a:hover, form a, form a:hover {
  color: #222f59; }

.form-control {
  color: #222f59;
  border-color: #222f59; }

.popup header span.label {
  margin: 0 0 0 8px;
  vertical-align: 7px; }

.ngdialog.ngdialog-theme-default .ngdialog-content {
  color: #222f59; }
.ngdialog.ngdialog-theme-default .ngdialog-close {
  top: 12px; }

.login-body > header:first-child {
  display: none; }

.followup form {
  margin-bottom: 0; }

#form-login {
  padding: 0 2rem 2rem;
  background-color: white;
  color: #777; }

.login-page .wrapper {
  background-color: #003c64;
  color: white;
  border-radius: 2px;
  width: 400px;
  padding: 0; }
  .login-page .wrapper .symbol {
    width: auto; }

.btn-login {
  border: solid 3px #cf5935;
  border-radius: 50%;
  width: 67px;
  height: 67px;
  display: inline-block;
  background-color: #f05929;
  color: white;
  font-size: 24px;
  position: relative;
  left: 50%;
  transform: translate(-50%, 79%); }
  .btn-login .fa {
    margin: 0px; }

.striped {
  position: relative;
  margin-top: 1rem; }
  .striped:before, .striped:after {
    content: "";
    border: solid 1px white;
    border-left: none;
    border-right: none;
    height: 4px;
    position: absolute;
    margin-top: 2px;
    width: 60px;
    left: 50%;
    transform: translateX(-50%);
    top: 0; }
  .striped:after {
    top: 6px; }

.app-symbol {
  font-size: 56px;
  font-weight: bold;
  display: inline-block;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  border: solid 2px white;
  text-align: center;
  line-height: 0;
  margin: 30px 0 15px 0; }

.lines {
  position: relative;
  z-index: 9;
  display: block;
  width: 100%; }
  .lines:before, .lines:after {
    content: "";
    border-radius: 10px;
    width: 50%;
    height: 8px;
    position: absolute;
    background: #efc4b7;
    opacity: 0.3; }
  .lines:before {
    left: -10px;
    transform: rotate(14deg);
    transform-origin: 50% 50%; }
  .lines:after {
    right: -10px;
    transform: rotate(-14deg);
    transform-origin: 50% 50%;
    bottom: -50px; }

.card-top {
  position: relative;
  overflow: hidden;
  background: #f05929 url("../../images/bg-shape-1.png") no-repeat;
  background-position: center;
  background-size: cover;
  min-height: 300px;
  border-radius: 2px 2px 0 0; }
  .card-top:before, .card-top:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 120px;
    background-color: white;
    position: absolute;
    bottom: -10px; }
  .card-top:before {
    transform: rotate(14deg);
    transform-origin: 0 0;
    left: 0; }
  .card-top:after {
    transform: rotate(-14deg);
    right: 0;
    transform-origin: 100% 0; }

.title-login {
  text-align: center;
  margin-bottom: 2rem;
  font-size: 16px;
  font-weight: bold; }

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  background-color: transparent !important; }

body {
  color: #222f59; }

a, a:link {
  color: #f05929; }
  a:hover, a:link:hover {
    color: #ffb03b; }

header .search {
  min-width: 350px; }
header.navbar {
  background-color: #cf5935; }
header.navbar-inverse {
  border-color: #f05929; }
header .navbar-search .fa-search {
  color: white; }
  header .navbar-search .fa-search:before {
    background-color: #f05929;
    border: 1px solid white;
    opacity: 0.3; }
  header .navbar-search .fa-search:after {
    background-color: rgba(255, 255, 255, 0.3); }
header .navbar-search .input-group input.form-control {
  background-color: transparent;
  color: white; }
header .navbar-search.active .input-group {
  border-color: white; }
header .navbar-search.active .fa-search:before {
  background-color: transparent;
  opacity: 1; }

.sub-menu .navbar-nav {
  background-color: white;
  box-shadow: rgba(38, 34, 40, 0.2) 0 3px 10px; }
  .sub-menu .navbar-nav li {
    border-top: 1px solid #9baec0; }
    .sub-menu .navbar-nav li:first-child {
      border-top: none; }
    .sub-menu .navbar-nav li a {
      color: #222f59 !important; }
      .sub-menu .navbar-nav li a:hover {
        background-color: #f0f0f0; }
      .sub-menu .navbar-nav li a.active, .sub-menu .navbar-nav li a.active:hover {
        background: #f0f0f0; }

.nav > li > a.disabled .fa, .nav > li > a.disabled span {
  color: inherit !important; }

.nav-slide > .nav-tabs > li {
  background-color: #ecdcd7; }

.nav.nav-groups.nav-groups-v li > a i {
  color: #f05929;
  opacity: 0.75; }
.nav.nav-groups.nav-groups-v li.active a {
  border-color: #f05929; }
  .nav.nav-groups.nav-groups-v li.active a i {
    color: #f05929; }

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.badge {
  background-color: white;
  color: #222f59; }

.dashboard-widget-column.col-lg-8 {
  width: 100% !important; }

.toolbox a.fa {
  background-color: #f05929; }

.cg-busy {
  display: none !important; }

.triangle-up::before {
  border-bottom: 10px solid white; }

.card.card-primary {
  background-color: #f05929; }

.triangle-up::before {
  position: absolute;
  top: -7px;
  left: 16px;
  content: "";
  border-right: 10px solid transparent;
  border-bottom: 10px solid white;
  border-left: 10px solid transparent; }

.nav-slide > .nav-tabs > li.nav-control > a {
  background-color: #f05929; }

.navbar-brand > img.logo-small {
  margin: 0 auto;
  width: 60%; }

.switch-toggle {
  margin-top: 5px;
  margin-left: 5px; }
  .switch-toggle label {
    position: relative;
    display: block;
    width: 42px;
    height: 24px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transform: translate3d(0, 0, 0); }
    .switch-toggle label:before {
      content: "";
      position: relative;
      top: 1px;
      left: 1px;
      width: 38px;
      height: 10px;
      display: block;
      background: rgba(255, 255, 255, 0.5);
      border-radius: 12px;
      box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.4);
      transition: background 0.2s ease; }
    .switch-toggle label span {
      position: absolute;
      top: -2px;
      left: 0;
      width: 16px;
      height: 16px;
      display: block;
      background: #cc9789;
      border-radius: 50%;
      transform: translateX(26px);
      transition: all 0.2s ease; }
  .switch-toggle input:checked + label span {
    background: white;
    transform: translateX(0); }

.toolbox-fix {
  position: absolute;
  top: 0;
  right: 0;
  margin: 12px 0 0 0; }
  .toolbox-fix .form-group {
    margin: 0 20px 0 0; }

.tooltip {
  right: 15px;
  left: auto !important;
  z-index: 111111; }
  .tooltip.in {
    opacity: 1; }
  .tooltip .tooltip-inner {
    max-width: 100%;
    background-color: #ff6c60; }
  .tooltip .tooltip-arrow {
    right: 11px !important;
    margin-bottom: -5px;
    border-top-color: #ff6c60 !important; }

.has-warning .select2-container--focus .select2-selection, .has-warning .select2-container--default .select2-selection--multiple {
  border-color: #ff6c60 !important; }
.has-warning .delete {
  margin: 0 24px 0 0;
  background-color: transparent; }
.has-warning .form-control-feedback {
  position: absolute;
  top: 0;
  right: 15px;
  margin: 0 !important;
  width: 32px !important;
  height: 32px;
  color: #ff6c60;
  cursor: pointer;
  line-height: 32px !important;
  z-index: 111110;
  pointer-events: auto; }
.has-warning .content-control .form-control-feedback, .has-warning .content-control .tooltip {
  right: 0; }
.has-warning .content-control .form-control-feedback.quote, .has-warning .content-control .form-control-feedback.policy {
  right: 70px;
  background-color: transparent; }
  .has-warning .content-control .form-control-feedback.quote + .tooltip, .has-warning .content-control .form-control-feedback.policy + .tooltip {
    right: 70px; }
.has-warning .form-control-feedback-long + .tooltip .tooltip-inner {
  text-align: left; }

@media (max-width: 1380px) {
  .navbar-fixed-top .navbar-collapse .navbar-nav li a span {
    display: none; } }
@media (max-width: 1200px) {
  .navbar .navbar-brand:before {
    margin: -2rem 14px 0 0 !important; } }
@media (max-width: 767px) {
  .navbar-fixed-top .navbar-nav {
    margin: 0; }
  .navbar-fixed-top .navbar-right, .navbar-fixed-top .navbar-search {
    display: none; }
  .navbar-fixed-top .navbar-toggle {
    background-color: #f05929;
    border-color: white !important;
    cursor: pointer; }
    .navbar-fixed-top .navbar-toggle:hover, .navbar-fixed-top .navbar-toggle:focus {
      background-color: #222f59; }
  .navbar-fixed-top .navbar-collapse .navbar-nav li a {
    padding: 16px 24px;
    font-size: 18px;
    border-bottom: 1px solid white; }
    .navbar-fixed-top .navbar-collapse .navbar-nav li a i.fa {
      margin: 0 16px 0 0; }
    .navbar-fixed-top .navbar-collapse .navbar-nav li a span {
      display: inline-block; }
  .navbar-fixed-top .navbar-collapse .navbar-nav li:last-child a {
    border-bottom: 0; }
  .navbar-fixed-top .navbar-collapse .navbar-nav li .badge.right {
    top: 0;
    margin: 16px; }

  .form-inline .form-group {
    display: inline-block; } }

/*# sourceMappingURL=style.css.map */