@import url("https://fonts.googleapis.com/css?family=Lato:300,400,500,700");
@import url("https://fonts.googleapis.com/css?family=Nunito:300,400,500, 600,700");
.row-no-padding [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
  margin-right: 0;
  margin-left: 0; }

/* ======== General Fixes ======== */
.nl2brfix {
  white-space: pre;
  white-space: pre-line; }

@-ms-viewport {
  width: device-width; }

::selection {
  background: rgba(224, 129, 193, 0.37); }

::-moz-selection {
  background: rgba(224, 129, 193, 0.37); }

body {
  padding: 0;
  margin: 0; }

img {
  width: 100%;
  height: auto; }

a {
  color: #A51759; }

body.md-skin {
  font-family: "Lato", "Nunito", "Arial", sans-serif;
  background-color: #ffffff; }

.md-skin .badge {
  font-family: "Nunito", "Lato", "Arial", sans-serif; }

.md-skin #nestable-output,
.md-skin #nestable2-output {
  font-family: "Nunito", "Lato", "Arial", sans-serif; }

.md-skin .landing-page {
  font-family: "Nunito", "Lato", "Arial", sans-serif; }

.md-skin .landing-page.navbar-default .nav li a {
  font-family: "Nunito", "Lato", "Arial", sans-serif; }

.md-skin.landing-page .navbar-default .nav li a {
  font-family: "Nunito", "Lato", "Arial", sans-serif; }

.pace .pace-progress {
  background: #F50057; }

#wrapper {
  position: relative; }

.gray-bg, .bg-muted {
  background-color: #EFF1F4; }

.lima-thumbnail {
  max-width: 100px;
  height: auto; }

p.bold {
  font-weight: bold; }

h2.title {
  color: #DC2165;
  font-size: 28px;
  font-weight: bold;
  padding-bottom: 0; }

.h3 {
  color: #C41C66;
  font-size: 21px; }

.md-skin .ibox {
  border-radius: 7px;
  background: #fff;
  box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.2); }

.ibox-title {
  border-top: none;
  background: none; }

.ibox-content {
  background: none; }

p, label, input, small, .kv-editable {
  font-family: 'Lato', 'Nunito', 'Arial', sans-serif; }

/* ======== END: General Fixes ======== */
/* ========  GridView Fix filter icon & colors  ======== */
.table th a:after {
  position: absolute;
  bottom: 8px;
  right: 8px;
  display: block;
  font-family: 'Glyphicons Halflings';
  opacity: 0.5; }

.table th {
  position: relative; }

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
  background-color: #fff; }

.table th a:after {
  opacity: 0.3;
  content: "\e150"; }

.table th a {
  display: block;
  color: #1C2833; }

.table .asc:after {
  content: "\e155";
  opacity: 0.5;
  color: #F50057; }

.table .desc:after {
  content: "\e156";
  opacity: 0.5;
  color: #F50057; }

/* ========  END:  GridView Fix filter icon & colors  ======== */
/* ======== Fix bug in date range date picker ========  */
/* Fix override of font-awesome on glyphicons */
.glyphicon {
  font-family: 'Glyphicons Halflings' !important; }

.daterangepicker .ranges li {
  font-size: 13px;
  /*background: #f5f5f5;*/
  /*border: 1px solid #f5f5f5;*/
  background: #fff;
  border: none;
  font-weight: 500;
  color: #C61365;
  padding: 3px 12px;
  margin-bottom: 8px;
  border-radius: 0px;
  cursor: pointer; }

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
  background: #C61365;
  border: none;
  color: #fff; }

/* ======== Fix bug in date range date picker ========  */
/* ======== Buttons ======== */
.btn {
  position: relative;
  text-transform: uppercase;
  overflow: hidden;
  border-width: 0;
  outline: none;
  border-radius: 1px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  background-color: #C41B65;
  color: #fff;
  transition: box-shadow .5s ease-in-out; }

.btn:hover, .btn:focus {
  background-color: #C41B65;
  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
  transition: box-shadow .5s ease-in-out; }

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success, .btn-success:active:hover, .btn-success.active:hover, .btn-success.active:focus {
  background-color: #A51759; }

.btn:active, .btn.active, .open .dropdown-toggle.btn, .btn:active:hover, .btn.active:hover, .btn.active:focus {
  background-color: #A51759; }

.btn > * {
  position: relative; }

.btn span {
  display: block;
  /*padding: 12px 24px;*/ }

.btn:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 0;
  padding-top: 0;
  border-radius: 100%;
  background-color: rgba(236, 240, 241, 0.3);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.btn:active:before {
  width: 120%;
  padding-top: 120%;
  transition: width .2s ease-out, padding-top .2s ease-out; }

.btn.orange {
  background-color: #e67e22; }

.btn.orange:hover, .btn.orange:focus {
  background-color: #d35400; }

.btn.red {
  background-color: #e74c3c; }

.btn.red:hover, .btn.red:focus {
  background-color: #c0392b; }

.btn-form {
  background-color: #e6e6e6;
  border: 1px solid transparent;
  color: #333;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); }

.btn-form:hover, .btn-form:focus,
.btn-form:active, .btn-form.active,
.btn-form:active:hover, .btn-form.active:hover, .btn-form.active:focus {
  background-color: #dedede; }

.btn-primary {
  padding: 9px 15px; }

.btn-primary:disabled {
  opacity: 0.4;
  background-color: #C22165; }

.btn-danger {
  display: inline-block;
  background-color: #d13135 !important;
  box-shadow: rgba(209, 49, 53, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset; }

.inmodal .btn-danger:hover,
.btn-danger:hover {
  background-color: #e65e48 !important;
  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
  transition: box-shadow .2s ease-in-out; }

.btn-new-default {
  display: inline-block;
  text-transform: none;
  background-color: #8e8685 !important;
  box-shadow: rgba(209, 49, 53, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset; }

.btn-new-default:hover {
  background-color: #7f7978 !important;
  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3) !important;
  transition: box-shadow .2s ease-in-out; }

.btn-post {
  margin-top: 10px;
  margin-bottom: 10px; }

.btn-post:hover, .btn-post:focus, .btn-post:active, .btn-post.active, .btn-post:active:hover, .btn-post.active:hover, .btn-post.active:focus {
  background-color: #A51759;
  color: #fff; }

.btn-post-cancel {
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #fff;
  color: #676A6C;
  margin-right: 10px; }

.btn-loadMore {
  display: block;
  width: 100%;
  background-color: #C41B65 !important;
  color: #fff !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  border-radius: 1px !important;
  border: 0 !important; }

.btn-loadMore:hover {
  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
  transition: box-shadow .5s ease-in-out; }

/* ======== END: Buttons ======== */
/* ======== Labels ======== */
.label-success, .badge-success {
  background-color: #50AE55; }

.label-primary, .badge-primary {
  background-color: #4054B2; }

.label-info, .badge-info {
  background-color: #E62565; }

.label-warning, .badge-warning {
  background-color: #aaa; }

.label-danger, .badge-danger {
  background-color: #DA251C; }

.label-new {
  background-color: #E62565;
  color: #fff; }

.label-monthly {
  background-color: #b240a8;
  color: #fff; }

.label-account {
  background-color: #8DA0C5;
  color: #fff; }

.label-project {
  background-color: #b74ab3;
  color: #fff; }

.status-new-text-color {
  color: #E62565; }

.status-active-text-color {
  color: #4054B2; }

.status-onhold-text-color {
  color: #aaa; }

.status-history-text-color {
  color: #884E3A; }

.status-all-text-color {
  color: #1CA2D9; }

/* ======== END: Forms ======== */
form {
  padding-top: 20px;
  padding-right: 20px; }

.label-wrap {
  text-align: right;
  padding-top: 8px; }

/* ======== END: Forms ======== */
/* ======== Progress Bars ======== */
.progress {
  background-color: rgba(52, 33, 194, 0.1);
  margin-bottom: 0px; }

.progress-bar-lima {
  background-color: #C22165; }

/* ======== END: Progress Bars ======== */
/* ========  kv-editable-popover ======== */
.kv-editable-popover .btn-primary {
  padding: 5px 10px; }

.kv-editable-popover .close {
  color: #DC2165;
  opacity: 1; }

.kv-editable-popover > .popover-title {
  background-color: #fff;
  border-bottom: none;
  padding-bottom: 0;
  font-weight: bold; }

.kv-editable-reset {
  margin-right: 5px; }

.kv-editable-submit {
  margin-right: 10px; }

.kv-editable-popover {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border: 1px solid #eee; }

.kv-editable-popover > .popover-content {
  padding: 10px;
  padding-bottom: 0; }

.kv-editable-form {
  padding: 10px; }

.kv-editable-popover > .popover-footer {
  background-color: #fff;
  border-top: none;
  /*padding-bottom: 0;*/
  padding: 10px;
  padding-top: 0; }

.kv-editable-loading {
  float: left;
  width: 30px;
  height: 30px;
  background: transparent url(../img/loader_small.gif) 8px 8px no-repeat; }

.kv-editable-button {
  background: transparent;
  color: #C22165;
  color: #b3bcc5;
  box-shadow: none;
  min-height: 30px; }

.kv-editable-button:hover {
  color: #fff; }

.editable-field {
  padding-bottom: 5px; }

.editable-field .kv-editable-value {
  max-width: 85%; }

.editable-field .kv-editable-button {
  float: right;
  position: relative;
  top: -5px; }

.editable-field-big label {
  font-weight: 400; }

.editable-field-big {
  font-weight: bold;
  font-size: 13px;
  padding-bottom: 0px; }

.editable-field-lead-type {
  font-size: 18px; }

.editable-progress {
  padding-bottom: 10px; }

.editable-progress .kv-editable-value {
  width: auto;
  max-width: 100%;
  margin-left: 10px;
  margin-right: 20px;
  font-size: 14px; }

.editable-progress .kv-editable-value:after {
  content: "%"; }

/* ======== END: kv-editable-popover ======== */
/* ======== Toastr (Flash messages) ========*/
#toast-container {
  top: 40px; }

/* Toastr custom style */
#toast-container > .toast {
  background-image: none !important; }

#toast-container > .toast:before {
  position: fixed !important;
  font-family: FontAwesome !important;
  font-size: 24px !important;
  line-height: 24px !important;
  float: left !important;
  color: #FFF !important;
  padding-right: 0.5em !important;
  margin: auto 0.5em auto -1.5em !important; }

#toast-container > .toast-warning:before {
  content: "\f071" !important; }

#toast-container > .toast-error:before {
  content: none !important; }

#toast-container > .toast-info:before {
  content: none !important; }

#toast-container > .toast-success:before {
  content: none !important; }

#toast-container > div {
  -moz-box-shadow: 0 0 3px #999 !important;
  -webkit-box-shadow: 0 0 3px #999 !important;
  box-shadow: 0 0 3px #999 !important;
  opacity: .9 !important;
  -ms-filter: alpha(opacity=90) !important;
  filter: alpha(opacity=90) !important; }

#toast-container > :hover {
  -moz-box-shadow: 0 0 4px #999 !important;
  -webkit-box-shadow: 0 0 4px #999 !important;
  box-shadow: 0 0 4px #999 !important;
  opacity: 1 !important;
  -ms-filter: alpha(opacity=100) !important;
  filter: alpha(opacity=100) !important;
  cursor: pointer !important; }

.toast {
  background-color: #1ab394 !important; }

.toast-success {
  background-color: #1ab394 !important; }

.toast-error {
  background-color: #ed5565 !important; }

.toast-info {
  background-color: #23c6c8 !important; }

.toast-warning {
  background-color: rgba(208, 26, 95, 0.87) !important; }

#toast-container > .toast-warning:before {
  content: "\f0a2" !important; }

.toast-top-full-width {
  margin-top: 20px !important; }

.toast-bottom-full-width {
  margin-bottom: 20px !important; }

#toast-container > .toast.toast-warning {
  background-image: none !important; }

/* ======== END: Toastr (Flash messages) ========*/
/* ======== IOS Toggle ========*/
.ios-toggle-wrap input[type="checkbox"] {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #d3d3d3;
  border-radius: 26px;
  box-shadow: inset 0 0 0 1px #d3d3d3;
  cursor: pointer;
  height: 28px;
  position: relative;
  transition: border .25s .15s, box-shadow .25s .3s, padding .25s;
  width: 44px;
  vertical-align: top; }

.ios-toggle-wrap input[type="checkbox"]:after {
  background-color: #fff;
  border: 1px solid #d3d3d3;
  border-radius: 24px;
  box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.025), 0 1px 4px rgba(0, 0, 0, 0.15), 0 4px 4px rgba(0, 0, 0, 0.1);
  content: '';
  display: block;
  height: 24px;
  left: 0;
  position: absolute;
  right: 16px;
  top: 0;
  transition: border .25s .15s, left .25s .1s, right .15s .175s;
  box-sizing: content-box; }

.ios-toggle-wrap input[type="checkbox"]:checked {
  border-color: #C22165;
  box-shadow: inset 0 0 0 13px #C22165;
  padding-left: 18px;
  transition: border .25s, box-shadow .25s, padding .25s .15s;
  box-sizing: content-box; }

.ios-toggle-wrap input[type="checkbox"]:checked:after {
  border-color: #C22165;
  left: 16px;
  right: 0;
  transition: border .25s, left .15s .25s, right .25s .175s;
  box-sizing: content-box; }

/* fix for ios toggle*/
.ios-toggle-wrap input[type="checkbox"]:checked {
  box-shadow: inset 4px 0 0 13px #C22165 !important; }

/* ==== END: IOS Toggle ========*/
/* ======== Footer fix ======== */
.footer {
  padding-bottom: 20px; }

/* Only for debug environment */
.yii-debug-toolbar img {
  width: 30px;
  height: 30px; }

.content {
  padding-bottom: 50px; }

/* ======== END:  Footer fix ======== */
.loader {
  padding-top: 100px;
  padding-bottom: 100px;
  text-align: center; }
  .loader img {
    max-width: 60px; }

.vertical-timeline-content {
  margin-bottom: 4em; }

.note-editable panel-body {
  text-align: left; }

.chat-color {
  background-color: #3BB84D !important;
  color: #fff !important; }

.coffee-color {
  background-color: #B09174 !important;
  color: #fff !important; }

.doc-color {
  background-color: #1c84c6 !important;
  color: #ffffff !important; }

.born-color {
  background-color: #889DBA !important;
  color: #fff !important; }

.spec-color {
  background-color: #1ab394 !important;
  color: #ffffff !important; }

.phone-color {
  background-color: #f8ac59 !important;
  color: #ffffff !important; }

.interview-color {
  background-color: #1CA2D9 !important;
  color: #ffffff !important; }

.contract-color {
  background-color: #5B4863 !important;
  color: #ffffff !important; }

.chat-text-color {
  color: #3BB84D !important; }

.coffee-text-color {
  color: #B09174 !important; }

.doc-text-color {
  color: #1c84c6 !important; }

.born-text-color {
  color: #889DBA !important; }

.spec-text-color {
  color: #1ab394 !important; }

.phone-text-color {
  color: #f8ac59 !important; }

.interview-text-color {
  color: #1CA2D9 !important; }

.contract-text-color {
  color: #5B4863 !important; }

@media (max-width: 768px) {
  .ibox-content {
    overflow-x: scroll; } }

.select2-container--krajee .select2-results__option[aria-selected=true] {
  color: #333;
  background-color: rgba(222, 26, 100, 0.15); }

.grid-view .summary {
  text-align: right;
  padding: 20px;
  font-family: "Nunito", "Lato", "Arial", sans-serif;
  font-size: 14px; }

.table.table-designed > thead > tr > th, .table.table-designed > thead > tr > td {
  padding: 12px;
  background: #F5F7FA;
  border-left: none;
  border-right: none;
  color: #818A92;
  text-transform: uppercase;
  font-family: "Nunito", "Lato", "Arial", sans-serif; }
  .table.table-designed > thead > tr > th a, .table.table-designed > thead > tr > td a {
    color: #818A92; }

.table.table-designed > thead > tr.filters > th, .table.table-designed > thead > tr.filters > td {
  padding: 12px;
  background: #fff;
  border-left: none;
  border-right: none;
  color: #818A92;
  text-transform: uppercase;
  font-family: "Nunito", "Lato", "Arial", sans-serif; }

.table.table-designed > thead > tr > > td, .table.table-designed .table-bordered > tfoot > tr > td {
  border-left: none;
  border-right: none; }

.table.table-designed > tbody > tr > td, .table.table-designed .table-bordered > tfoot > tr > td {
  border-left: none;
  border-right: none;
  border-color: #E5E8EC;
  color: #62676E;
  font-family: "Nunito", "Lato", "Arial", sans-serif;
  font-weight: 400;
  font-size: 14px;
  padding: 15px; }
  .table.table-designed > tbody > tr > td a.profile-link, .table.table-designed .table-bordered > tfoot > tr > td a.profile-link {
    font-family: "Nunito", "Lato", "Arial", sans-serif;
    color: #323438;
    font-weight: 500;
    font-size: 14px; }
  .table.table-designed > tbody > tr > td a.profile-link:hover, .table.table-designed .table-bordered > tfoot > tr > td a.profile-link:hover {
    color: #C41B64; }

.table.table-designed > tbody > tr:nth-of-type(odd) {
  background-color: #fff; }

.table.table-designed .col-id {
  max-width: 50px; }

.label-zero {
  background-color: rgba(67, 76, 117, 0.74); }

.count-info .label {
  top: 10px;
  right: 3px; }

a.navbar-minimalize {
  padding: 7px 15px; }

.navbar-top-links {
  max-height: 50px; }

#top-notification .dropdown-toggle {
  display: inline-block;
  padding: 15px 11px 0; }
  #top-notification .dropdown-toggle i {
    position: relative;
    top: 4px;
    font-size: 16px; }

#dropdown-notifyTop {
  margin-top: 15px;
  border-radius: 1px;
  background: #F5F5F5;
  padding: 0;
  width: 350px; }
  #dropdown-notifyTop .header {
    padding: 17px 20px 0px; }
    #dropdown-notifyTop .header h6 {
      margin-top: 0;
      float: left;
      display: inline-block;
      color: #333333;
      font-size: 12px;
      font-weight: 700; }
    #dropdown-notifyTop .header .notifyTop-label {
      float: left;
      margin-top: -2px;
      margin-left: 10px; }
    #dropdown-notifyTop .header .notifyTop-tools {
      text-align: right; }
      #dropdown-notifyTop .header .notifyTop-tools .dropdown-toggle {
        position: relative;
        top: -8px;
        padding: 0;
        min-height: 28px; }
    #dropdown-notifyTop .header .notifyTop-tools .dropdown-menu {
      top: 35px;
      right: 20px; }
    #dropdown-notifyTop .header .notifyTop-tools .dropdown-menu li a {
      font-weight: 700; }
  #dropdown-notifyTop #notifyTopBtnDeleteAll {
    opacity: .4; }
  #dropdown-notifyTop #notifyTopBtnDeleteAll:hover {
    background: inherit; }

#notifyTop {
  background: #fff;
  overflow-y: scroll;
  max-height: 400px;
  border-bottom: 20px solid #f6f6f6; }
  #notifyTop .list-group-item {
    border: none;
    border-radius: none; }
  #notifyTop .text-info {
    color: #A51759; }
  #notifyTop .lima-records-error,
  #notifyTop .lima-no-records {
    display: none;
    padding: 20px;
    text-align: center;
    font-style: italic; }
  #notifyTop .lima-no-records {
    padding: 100px 20px; }
  #notifyTop .lima-no-more {
    display: none;
    padding: 20px 20px 20px;
    text-align: center;
    font-style: italic; }
  #notifyTop .lima-ajax-loader {
    text-align: center;
    padding: 15px; }
    #notifyTop .lima-ajax-loader img {
      max-width: 30px; }
  #notifyTop .btn-loadMore {
    margin-top: 20px;
    margin-bottom: 0; }
  #notifyTop .notifyTop-item {
    margin-top: 0px;
    padding-bottom: 0px;
    border-bottom: 1px solid #e7eaec; }
  #notifyTop .media-body {
    margin-right: 0; }
  #notifyTop .pagination {
    width: 100%;
    padding: 20px 20px 10px 20px;
    text-align: center;
    margin: 0 auto; }
  #notifyTop .pagination > li > a:focus, #notifyTop .pagination > li > a:hover, #notifyTop .pagination > li > span:focus, #notifyTop .pagination > li > span:hover {
    background-color: #C41C66;
    width: 100%; }
  #notifyTop .profile-img {
    line-height: 1;
    float: left;
    max-width: 38px;
    vertical-align: middle;
    margin-right: 10px; }
  #notifyTop .helper {
    display: inline-block;
    vertical-align: middle;
    height: 100%; }
  #notifyTop .profile-img img {
    max-width: 38px; }
  #notifyTop .notifyTop-link {
    padding: 5px;
    min-height: 0;
    color: inherit;
    transition: all 0.5s ease-out; }
  #notifyTop .notifyTop-link:hover {
    color: #A71159; }
  #notifyTop .notify-link .well {
    border-radius: 1px;
    padding: 5px;
    margin-bottom: 10px; }
  #notifyTop .notify-link {
    color: inherit;
    padding: 18px 0 10px; }
  #notifyTop .notifyTop-time {
    padding-bottom: 10px; }

#searchTop {
  position: relative;
  top: 13px;
  display: inline-block; }
  #searchTop input {
    color: #b8c8d2; }
  #searchTop input {
    padding: 2px;
    border-bottom: 1px solid #b8c8d2 !important;
    color: #1D2933;
    height: auto;
    font-size: 16px;
    width: auto;
    min-width: 250px;
    font-weight: 400;
    font-family: "Nunito", "Lato", "Arial", sans-serif; }
  #searchTop input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #b8c8d2 !important; }
  #searchTop input::-moz-placeholder {
    /* Firefox 19+ */
    color: #b8c8d2 !important; }
  #searchTop input:-ms-input-placeholder {
    /* IE 10+ */
    color: #b8c8d2 !important; }
  #searchTop input:-moz-placeholder {
    /* Firefox 18- */
    color: #b8c8d2 !important; }
  #searchTop #qStringTop {
    display: inline-block; }
  #searchTop .navbar-form-custom {
    width: auto;
    height: auto; }

#dropdown-searchTop {
  margin-top: 15px;
  border-radius: 1px;
  width: 350px; }
  #dropdown-searchTop .header {
    background: #F5F5F5; }
    #dropdown-searchTop .header h6 {
      display: inline-block;
      margin: 0;
      padding: 15px 20px;
      color: #333333;
      font-size: 12px;
      font-weight: 700; }
  #dropdown-searchTop #searchTopResults {
    padding: 10px; }
  #dropdown-searchTop #searchTop-error {
    display: none;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px; }
  #dropdown-searchTop #searchTop-no-records {
    display: none;
    font-weight: bold;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px; }
  #dropdown-searchTop #searchTop-ajax-loader {
    display: block;
    padding-top: 30px;
    padding-bottom: 30px; }
    #dropdown-searchTop #searchTop-ajax-loader img {
      max-width: 50px; }
  #dropdown-searchTop .searchTop-inner-list {
    list-style: none;
    padding-left: 0; }
    #dropdown-searchTop .searchTop-inner-list li {
      padding: 5px; }
    #dropdown-searchTop .searchTop-inner-list .time {
      font-size: 10px;
      float: right; }
    #dropdown-searchTop .searchTop-inner-list .label {
      margin-right: 5px; }
    #dropdown-searchTop .searchTop-inner-list a {
      font-weight: 700; }
    #dropdown-searchTop .searchTop-inner-list a:hover {
      color: #DE1A64; }
  #dropdown-searchTop #advancedSearchLink {
    font-weight: 700;
    float: right;
    padding: 15px 20px; }
  #dropdown-searchTop #advancedSearchLink:hover {
    color: #DE1A64; }

#yiiEnvWrap {
  display: inline-block;
  position: relative;
  top: 5px;
  left: 80px; }

#envNotice {
  color: rgba(0, 0, 0, 0.6);
  font-size: 20px;
  font-weight: bold;
  text-transform: capitalize; }

#yiiEnv {
  display: none;
  opacity: 0; }

@media (max-width: 768px) {
  #envNotice {
    font-size: 10px; }
  #yiiEnvWrap {
    left: 20px; }
  #dropdown-notifyTop {
    max-width: 250px; } }

.profile-element .dropdown-toggle {
  display: inline-block;
  padding: 0 20px 0px !important;
  color: #1D2933;
  font-family: "Nunito", "Lato", "Arial", sans-serif;
  font-weight: 600 !important;
  font-size: 16px !important; }
  .profile-element .dropdown-toggle img {
    position: relative;
    top: -1px;
    margin-right: 10px;
    max-width: 35px; }

.profile-element .dropdown-toggle ul {
  top: 52px;
  width: 200px;
  right: 20px;
  border-radius: 0;
  background: #485363;
  box-shadow: 1px 2px 32px rgba(86, 96, 117, 0.54); }

.profile-element .dropdown-toggle ul li a {
  font-weight: 700;
  font-family: "Nunito", "Lato", "Arial", sans-serif; }

/* ======== Top Navigation ======== */
.md-skin .nav.navbar-right > li > a {
  background-color: #fff; }

.md-skin .nav.navbar-right > li > a:hover i {
  color: #C12164; }

.md-skin .navbar-fixed-top, .md-skin .navbar-static-top {
  background-color: #fff !important;
  box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.2); }

a.navbar-minimalize {
  background-color: #fff;
  box-shadow: none; }
  a.navbar-minimalize i {
    color: #333; }

a.navbar-minimalize:hover,
a.navbar-minimalize:focus,
a.navbar-minimalize:active,
a.navbar-minimalize.active {
  background-color: #fff;
  box-shadow: none; }
  a.navbar-minimalize:hover i,
  a.navbar-minimalize:focus i,
  a.navbar-minimalize:active i,
  a.navbar-minimalize.active i {
    color: #333; }

dd
.btn:active, .btn.active, .open .dropdown-toggle.btn, .btn:active:hover, .btn.active:hover, .btn.active:focus {
  background-color: #EFF1F4; }

.navbar-header .navbar-minimalize.btn-primary {
  margin: 8px 15px; }
  .navbar-header .navbar-minimalize.btn-primary i {
    font-size: 16px; }

.navbar-default {
  font-family: "Nunito", "Lato", "Arial", sans-serif; }
  .navbar-default .nav.side-menu li.active {
    background: none;
    border-left: none; }
    .navbar-default .nav.side-menu li.active > a {
      font-weight: 600 !important;
      color: #fff !important; }
    .navbar-default .nav.side-menu li.active .collapsed {
      display: block; }

.nav-header {
  padding: 15px 15px; }

.md-skin .navbar-top-links li a {
  padding: 13px 20px;
  min-height: 40px; }
  .md-skin .navbar-top-links li a i {
    color: #485363; }

.lima-top-logo {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  opacity: 1;
  top: -1px;
  color: #E3E4E5 !important; }
  .lima-top-logo img {
    max-width: 25px !important; }

.menu-lima-logo {
  position: relative;
  top: 2px;
  left: 10px;
  font-size: 16px;
  font-weight: 700;
  font-family: "Nunito", "Roboto", sans-serif;
  color: #FAFBFB; }
  .menu-lima-logo .thinner {
    font-weight: 100;
    opacity: 0.8; }

@media (max-width: 768px) {
  .menu-lima-logo {
    margin-right: 0px;
    font-size: 22px;
    padding: 10px; }
  .lima-top-logo {
    margin-right: 25px; }
  .md-skin .navbar-top-links li a {
    min-height: 40px; }
  .navbar-right {
    float: right !important;
    margin-right: -15px; }
  .nav.navbar-top-links li.dropdown {
    display: inline-table; } }

/* ======== END: Top Navigation ======== */
/* ======== Sidebar ======== */
.md-skin .nav-header {
  background: url(patterns/a5.jpg) no-repeat;
  background: #262D36; }

#lima-sidebar {
  opacity: 1;
  background: #485363; }
  #lima-sidebar .navbar-default {
    background: #485363; }
  #lima-sidebar .nav {
    background: #485363; }
  #lima-sidebar .side-menu {
    padding-top: 20px; }
  #lima-sidebar .nav > li > a {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    padding: 8px 10px 8px 20px; }
    #lima-sidebar .nav > li > a .fa.arrow {
      opacity: 0; }
    #lima-sidebar .nav > li > a i {
      min-width: 23px;
      font-size: 20px;
      color: #B4C1D2; }
    #lima-sidebar .nav > li > a i.unvisible {
      opacity: 0; }
    #lima-sidebar .nav > li > a i.fa-heartbeat {
      position: relative;
      top: 3px; }
  #lima-sidebar #lima-sidebar .nav.nav-second-level > li > a {
    padding: 4px 10px 4px 20px; }

#lima-sidebar .lima-sidebar-close {
  position: relative;
  z-index: 2300;
  float: right;
  font-size: 20px;
  color: #fff;
  top: -5px; }

#lima-sidebar .navbar-static-side {
  background: #485363; }

#lima-sidebar.lima-hide {
  visibility: hidden;
  opacity: 0; }

.sb-image-user {
  max-width: 50px; }

#lima-sidebar a.dropdown-toggle.collapsed > .fa.arrow:before {
  content: "\f104"; }

#lima-sidebar a.dropdown-toggle > .fa.arrow:before {
  content: "\f107"; }

#lima-sidebar a {
  font-size: 13px; }

#lima-sidebar .nav-second-level {
  padding: 15px 0;
  background: #373c42; }

#lima-sidebar .nav-second-level li,
#lima-sidebar .nav-third-level li {
  background: #373c42;
  color: #EBECEE;
  padding-left: 15px; }
  #lima-sidebar .nav-second-level li a,
  #lima-sidebar .nav-third-level li a {
    font-size: 14px;
    padding: 8px 10px 8px 50px; }
    #lima-sidebar .nav-second-level li a i,
    #lima-sidebar .nav-third-level li a i {
      margin-left: -20px;
      min-width: 0;
      font-size: 14px; }
    #lima-sidebar .nav-second-level li a i.invisible,
    #lima-sidebar .nav-third-level li a i.invisible {
      opacity: 0;
      margin-left: -20px;
      min-width: 0;
      font-size: 14px; }

#lima-sidebar .account-toggle {
  display: block; }

.md-skin .nav .open > a, .md-skin .nav .open > a:hover, .md-skin .nav .open > a:focus {
  background: inherit; }

#lima-sidebar .navbar-static-side {
  overflow: scroll; }

@media (max-width: 768px) {
  #lima-sidebar .lima-sidebar-close {
    top: 0; }
  #lima-sidebar .nav-header {
    padding: 10px; } }

/* ======== END: Sidebar ======== */
/* Modal bootstrap */
.modal-dialog {
  margin-top: 100px; }

.modal-dialog h4 {
  color: #575757;
  text-align: center;
  font-weight: 500;
  text-transform: none;
  position: relative;
  margin: 25px 0;
  padding: 0;
  line-height: 40px;
  display: block; }

.inmodal .modal-title {
  font-size: 32px;
  margin-bottom: 0; }

.inmodal .modal-header {
  padding-top: 45px;
  border-bottom: none;
  padding-bottom: 20px; }

.inmodal .modal-body {
  background: transparent;
  padding: 20px; }

.modal-body p {
  color: #797979;
  font-size: 16px;
  text-align: center;
  font-weight: 300;
  position: relative;
  float: none;
  margin: 0;
  padding: 0;
  line-height: normal; }

.modal-footer {
  border-top: none;
  text-align: center;
  padding-bottom: 30px; }

.inmodal .btn {
  background-color: #C41B65;
  color: white;
  border: none;
  box-shadow: none;
  font-size: 17px;
  font-weight: 500;
  -webkit-border-radius: 4px;
  border-radius: 5px;
  padding: 10px 32px;
  margin: 26px 5px 0 5px;
  cursor: pointer; }

.inmodal .btn-cancel {
  background-color: #b9b9b9;
  text-transform: none;
  transition: all 0.3s ease;
  margin-right: 20px; }

.inmodal .btn-cancel:hover {
  background: #868686;
  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3) !important; }

.inmodal .btn-danger {
  background-color: #DB6B59 !important;
  text-transform: none; }

.inmodal .modal-icon-notice {
  color: #F7BB8A; }

.inmodal .modal-icon-success {
  color: rgba(80, 174, 85, 0.68); }

.inmodal .form-group {
  text-align: center; }

.inmodal .control-label {
  color: #C41B65; }

.a-tile {
  display: block;
  color: inherit;
  transition: box-shadow 0.3s ease-out; }

.a-tile:hover {
  color: inherit;
  box-shadow: 0 5px 2px 2px rgba(0, 0, 0, 0.08); }

.list-dash-notifications a {
  color: inherit; }

.notify-content {
  width: 83%;
  display: inline-block; }

.notify-details {
  padding-top: 5px; }

.notify-link:hover .well {
  border: 1px solid #e3e3e3;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
  transition: all .3s ease-in-out; }

.notify-summary-link:hover strong {
  text-decoration: underline; }

.list-dash-notifications .well {
  border: 1px solid #e4e4e4;
  padding: 5px;
  margin-bottom: 5px;
  color: #444;
  font-size: 11px !important;
  box-shadow: 1px 2px 2px transparent;
  border-radius: 1px;
  transition: all .3s ease-in-out; }

.badge-notify-new {
  position: absolute;
  right: 15px;
  background-color: #E62565;
  color: white;
  font-weight: 400;
  font-size: 10px;
  padding: 3px 5px;
  transition: all 0.3s linear; }

.badge-notify-read {
  position: absolute;
  right: 15px;
  opacity: 0;
  float: right;
  color: #000;
  font-weight: 400;
  font-size: 10px;
  padding: 3px 5px;
  transition: all 0.3s linear; }

.ibox-linker {
  min-height: 71px;
  text-align: center; }

.linker-link {
  display: inline-block; }

.linker-link img {
  position: relative;
  max-height: 60px;
  width: auto;
  transition: all .5s ease-in-out; }

.linker-link:hover img {
  max-height: 60px;
  width: auto;
  transform: scale(1.1); }

.linker-link-trello img {
  top: 4px; }

.linker-link-bitbucket img {
  top: 2px; }

.notification-status:hover .badge-notify-new {
  opacity: 0; }

.notification-status:hover .badge-notify-read {
  opacity: 1; }

.notification-list .empty {
  text-align: center;
  padding: 100px 20px; }

.notification-list .text-info {
  color: #A51759; }

.notification-list #infscr-loading {
  text-align: center;
  padding: 20px; }
  .notification-list #infscr-loading img {
    max-width: 30px; }

.notification-list .item {
  border-bottom: 1px solid #e7eaec; }

.notification-list .pagination {
  width: 100%;
  padding: 20px 20px 10px 20px;
  text-align: center;
  margin: 0 auto; }

.notification-list .pagination > li > a:focus, .notification-list .pagination > li > a:hover, .notification-list .pagination > li > span:focus, .notification-list .pagination > li > span:hover {
  background-color: #C41C66;
  width: 100%; }

.list-dash-notifications .text-info {
  font-size: 12px; }

.list-dash-notifications .notify-content {
  font-size: 12px; }

.lead-stats .ibox .ibox-title h5 {
  color: #879097;
  font-weight: 700;
  font-size: 13px; }

.lead-stats .current-stats .ibox-content {
  padding-top: 0;
  padding-bottom: 10px; }
  .lead-stats .current-stats .ibox-content h1 {
    padding-bottom: 10px;
    color: #23292F; }

.lead-stats .current-stats .stat-percent {
  font-size: 14px;
  color: #DE1A64; }

.monthly-stats .ibox-content {
  padding-top: 0;
  padding-bottom: 10px; }
  .monthly-stats .ibox-content h1 {
    padding-bottom: 10px; }

.monthly-stats .hidden-data {
  position: absolute;
  right: 52px;
  visibility: hidden;
  opacity: 0; }

.monthly-stats .stat-percent .visible-data {
  transition: visibility 0.5s, opacity 0.5s ease-in; }

.monthly-stats .ibox-stat-monthly:hover .hidden-data {
  visibility: visible;
  opacity: 1;
  transition: visibility 0.5s, opacity 0.5s ease-in; }

.monthly-stats .ibox-stat-monthly:hover .visible-data {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.5s, opacity 0.5s ease-in; }

@media (max-width: 768px) {
  .lead-stats .current-stats .ibox-content {
    padding: 10px; }
  .lead-stats .current-stats .ibox-title .label {
    float: none;
    display: block; }
  .lead-stats .current-stats .ibox-title {
    min-height: 60px; }
  .lead-stats .current-stats .ibox-title h5 {
    display: block;
    font-size: 14px;
    margin: 0;
    padding-top: 5px;
    float: none;
    color: #879097; }
  .lead-stats .current-stats small {
    display: block;
    font-size: 8px; } }

.list-dash-notifications .text-info {
  font-size: 12px; }

.list-dash-notifications .notify-content {
  font-size: 12px; }

.daily-feed-ibox .ibox-content {
  padding: 3px 20px 20px  20px; }

.daily-feed-ibox .ibox-title {
  border-bottom: 1px solid #e7eaec; }
  .daily-feed-ibox .ibox-title h5 {
    font-size: 13px;
    font-weight: 700;
    margin-right: 5px;
    color: #686B6D; }

#dailyFeed {
  max-height: 500px;
  overflow-y: scroll; }
  #dailyFeed .text-info {
    color: #A51759; }
  #dailyFeed .lima-records-error,
  #dailyFeed .lima-no-records {
    color: #676a6c;
    display: none;
    padding: 240px 20px;
    text-align: center;
    font-style: italic; }
  #dailyFeed .lima-no-more {
    color: #676a6c;
    display: none;
    padding: 20px 20px 0;
    text-align: center;
    font-style: italic; }
  #dailyFeed .lima-ajax-loader {
    text-align: center;
    padding: 15px; }
    #dailyFeed .lima-ajax-loader img {
      max-width: 30px; }
  #dailyFeed .btn-loadMore {
    margin-top: 20px;
    margin-bottom: 0; }
  #dailyFeed .daily-item {
    margin-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e7eaec; }
  #dailyFeed .media-body {
    margin-right: 0; }
  #dailyFeed .pagination {
    width: 100%;
    padding: 20px 20px 10px 20px;
    text-align: center;
    margin: 0 auto; }
  #dailyFeed .pagination > li > a:focus, #dailyFeed .pagination > li > a:hover, #dailyFeed .pagination > li > span:focus, #dailyFeed .pagination > li > span:hover {
    background-color: #C41C66;
    width: 100%; }
  #dailyFeed .profile-img {
    float: left;
    max-width: 38px;
    margin-right: 10px; }

.daily-link {
  color: inherit;
  transition: all 0.5s ease-out; }

.daily-link:hover {
  color: #A71159; }

.notifyDash-ibox {
  background-color: #fff;
  padding: 0 0  20px !important; }

.notifyDash-ibox .ibox-title {
  border-bottom: 1px solid #e7eaec; }
  .notifyDash-ibox .ibox-title h5 {
    font-size: 14px;
    font-weight: 700;
    margin-right: 5px;
    color: #686B6D; }

#notifyDash {
  padding: 0 20px 00px;
  max-height: 500px;
  overflow-y: scroll; }
  #notifyDash .lima-records-error,
  #notifyDash .lima-no-records {
    display: none;
    padding: 240px 20px;
    text-align: center;
    font-style: italic; }
  #notifyDash .lima-no-more {
    display: none;
    padding: 20px 20px 0;
    text-align: center;
    font-style: italic; }
  #notifyDash .lima-ajax-loader {
    text-align: center;
    padding: 15px; }
    #notifyDash .lima-ajax-loader img {
      max-width: 30px; }
  #notifyDash .btn-loadMore {
    margin-top: 20px;
    margin-bottom: 0; }
  #notifyDash .notifyDash-item {
    border-radius: 0;
    margin-top: 15px;
    padding: 0 0 15px;
    border-bottom: 1px solid #e7eaec; }
  #notifyDash .media-body {
    margin-right: 0; }
  #notifyDash .pagination {
    width: 100%;
    padding: 20px 20px 10px 20px;
    text-align: center;
    margin: 0 auto; }
  #notifyDash .pagination > li > a:focus, #notifyDash .pagination > li > a:hover, #notifyDash .pagination > li > span:focus, #notifyDash .pagination > li > span:hover {
    background-color: #C41C66;
    width: 100%; }
  #notifyDash .profile-img {
    line-height: 1;
    float: left;
    max-width: 38px;
    vertical-align: middle;
    margin-right: 10px; }
  #notifyDash .helper {
    display: inline-block;
    vertical-align: middle;
    height: 100%; }
  #notifyDash .profile-img img {
    max-width: 38px; }
  #notifyDash .notifyDash-link {
    color: inherit;
    padding: 5px;
    transition: all 0.3s ease-in; }
  #notifyDash .notifyDash-link .well {
    border-radius: 1px;
    padding: 5px;
    margin-bottom: 10px; }
  #notifyDash .notifyDash-link:hover .well {
    border: 1px solid #e3e3e3;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3); }
  #notifyDash .notifyTop-time {
    padding-bottom: 10px; }

.new-lead-origin-graph-ibox {
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Likely future */ }
  .new-lead-origin-graph-ibox .ibox-title {
    border-bottom: 1px solid #e7eaec; }
    .new-lead-origin-graph-ibox .ibox-title h5 {
      font-size: 14px;
      font-weight: 700;
      margin-right: 5px;
      color: #686B6D; }

#graphNewOrigin-error {
  padding-top: 100px;
  text-align: center;
  display: none; }

#graphNewOrigin-ajax-loader {
  padding-top: 110px;
  text-align: center; }
  #graphNewOrigin-ajax-loader img {
    max-width: 34px; }

.graphNewOrigin-Middle-text {
  position: absolute;
  top: 55%;
  left: 30%;
  font-size: 22px;
  font-weight: bold;
  color: #333; }

.graphNewOrigin-picker {
  position: absolute;
  right: 40px;
  top: 10px;
  max-width: 250px; }
  .graphNewOrigin-picker .range-value {
    font-size: 12px; }
  .graphNewOrigin-picker .form-control {
    padding: 4px 8px;
    height: 30px; }

.closed-lead-origin-graph-ibox {
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Likely future */ }
  .closed-lead-origin-graph-ibox .ibox-title {
    border-bottom: 1px solid #e7eaec; }
    .closed-lead-origin-graph-ibox .ibox-title h5 {
      font-size: 14px;
      font-weight: 700;
      margin-right: 5px;
      color: #686B6D; }

#graphClosedOrigin-error {
  padding-top: 110px;
  text-align: center;
  display: none; }

#graphClosedOrigin-ajax-loader {
  padding-top: 110px;
  text-align: center; }
  #graphClosedOrigin-ajax-loader img {
    max-width: 34px; }

.graphClosedOrigin-Middle-text {
  position: absolute;
  top: 55%;
  left: 30%;
  font-size: 22px;
  font-weight: bold;
  color: #333; }

.graphClosedOrigin-picker {
  position: absolute;
  right: 40px;
  top: 10px;
  max-width: 250px; }
  .graphClosedOrigin-picker .range-value {
    font-size: 12px; }
  .graphClosedOrigin-picker .form-control {
    padding: 4px 8px;
    height: 30px; }

.closed-lead-origin-graph-ibox .popover {
  max-width: inherit; }

.closed-lead-origin-graph-ibox .popover-content {
  padding: 20px 10px 10px;
  width: 422px; }

.closed-lead-origin-graph-ibox .youTube {
  position: relative;
  z-index: 99999; }

.closed-lead-origin-graph-ibox .darky {
  color: #333; }

.closed-lead-origin-graph-ibox .small-text {
  color: #aaa;
  display: block;
  font-size: 14px;
  padding-bottom: 10px; }

#searchBox {
  display: inline-block; }
  #searchBox input {
    border-bottom: 2px solid  #A71159 !important;
    color: #A71159;
    height: 35px;
    font-size: 18px;
    width: auto;
    min-width: 350px; }
  #searchBox input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #A71159 !important; }
  #searchBox input::-moz-placeholder {
    /* Firefox 19+ */
    color: #A71159 !important; }
  #searchBox input:-ms-input-placeholder {
    /* IE 10+ */
    color: #A71159 !important; }
  #searchBox input:-moz-placeholder {
    /* Firefox 18- */
    color: #A71159 !important; }

.search-index h3 {
  color: #A71159; }

.search-index #ajaxSearchResults h3 {
  display: inline-block;
  line-height: 25px;
  color: #A71159; }

.search-index #ajaxSearchResults h4 {
  margin-top: 20px;
  color: #A71159; }

.search-index ul {
  list-style: none; }

.search-index li {
  padding: 5px; }

.search-index li .label {
  margin-right: 10px; }

.search-index .time {
  float: right; }

#searchBox {
  width: 100%;
  padding-bottom: 20px; }

#search-no-records {
  display: none;
  text-align: center;
  padding-top: 150px;
  padding-bottom: 150px;
  font-weight: bold;
  font-size: 20px;
  color: #A71159; }

#search-error {
  display: none;
  text-align: center;
  padding-top: 150px;
  padding-bottom: 150px; }

.checkbox {
  display: inline-block;
  padding-left: 15px; }

#searchBox .checkbox input {
  height: auto; }

#searchBox .checkbox label {
  color: #A71159;
  font-weight: 700;
  line-height: 25px;
  font-size: 15px; }

.navbar-form-custom {
  width: 100%; }

#search-ajax-loader {
  display: block;
  padding-top: 100px;
  padding-bottom: 100px; }
  #search-ajax-loader img {
    max-width: 50px; }

/* ========  Login page ======== */
.login-page .system-logo {
  padding-top: 50px;
  margin: -50px auto 50px auto;
  width: 150px; }

.login-page .client-logo {
  display: block;
  font-size: 36px;
  line-height: 50px;
  text-align: center;
  padding-right: 10px;
  width: 220px;
  font-family: 'Kaushan Script', cursive;
  font-weight: 500;
  height: 50px;
  margin: 0 auto;
  margin-bottom: 20px; }

.login-page .lima {
  font-size: 28px;
  text-align: center;
  padding-right: 10px;
  font-family: 'Kaushan Script', cursive;
  font-weight: 500;
  margin: 0 auto; }

.login-page .welcome {
  margin-top: 0; }

.login-page {
  background-color: #D2D6DE !important;
  color: #333333; }

.login-page p {
  color: #676a6c; }

/*  Login Backend  */
.login-page .login-made-by {
  font-size: 26px;
  padding-top: 15px; }

.login-made-by, .register-logo {
  font-family: 'Source Sans Pro', sans-serif;
  text-align: right;
  font-weight: 300; }

.login-made-by a, .register-logo a {
  color: #444; }

@media (max-width: 768px) {
  .login-page h2 {
    text-align: center; }
  .login-page p {
    text-align: center; }
  .login-page .system-logo {
    padding-top: 0;
    margin-top: 0;
    max-width: 70px;
    margin-bottom: 0; }
  .login-page .loginColumns {
    padding: 20px; }
  .login-page #login-form {
    padding-right: 0;
    margin-top: 0; }
  .login-page .form-group {
    margin-bottom: 0; }
  .login-page .login-made-by {
    text-align: center; } }

/* ======== END: Login page ======== */
/* ======== User Pages ========*/
.user-page table {
  border: none; }

.user-page table > tbody > tr > th,
.user-page table > tbody > tr > td {
  border-top: none;
  padding: 10px 10px 10px 0; }

.user-page table > tbody > tr > th {
  color: #23282D; }

.user-page table.table-data tbody > tr > td,
.user-page table.table-data > tfoot > tr > td {
  border-top: 1px solid #e7eaec; }

/* index */
.profile-link {
  font-weight: 700; }

.user-index .user-img-column {
  min-width: 40px; }

.user-index #usersearch-updated_at-container {
  min-width: 175px; }

.user-index .range-value {
  font-size: 11px; }

.user-index .filters i {
  display: none; }

.user-index table {
  border: none; }

.user-index table > tbody > tr > th,
.user-index table > tbody > tr > td {
  border-top: none;
  padding: 15px 10px 10px 10px; }

.profile-img-tiny {
  max-width: 35px;
  /*margin-left: 8px;*/ }

.user-index table > tbody > tr > td.table-image {
  padding: 5px !important; }

.user-index .table-bordered > tbody > tr > td {
  /*border: none;*/ }

/* user form */
.user-form .btn-submit {
  float: right;
  margin-top: 20px; }

.user-form #user-password {
  width: 50%; }

.user-delete-wrap {
  text-align: right; }

.user-delete-wrap .btn-primary {
  background-color: #D13135; }

.lead-form h3 {
  color: #DC2165;
  padding-top: 10px;
  padding-bottom: 10px; }

.lead-form h1 {
  /*text-align: center;*/
  color: #DC2165;
  font-size: 28px;
  font-weight: bold;
  padding-bottom: 20px; }

.lead-form hr {
  border-top: 1px solid #DC2165;
  opacity: 0.2; }

/* Toggle Buttons */
.action-box-content {
  text-align: right; }
  .action-box-content .warning-deactivate {
    text-align: left;
    padding-top: 10px; }

.user-status-label {
  display: inline-block;
  float: left;
  padding-right: 10px;
  margin-top: 7px;
  font-weight: bold;
  font-size: 14px; }

#user-status-span {
  font-weight: bold;
  color: #CF333A; }

#user-status-span.user-status-active {
  color: #50AE55; }

.user-device-index td {
  max-width: 200px;
  overflow: hidden; }

.user-profile-devices-list .metadata {
  font-size: 11px; }

.user-profile-topic-list .topic-item {
  color: #333;
  font-weight: bold; }

.sidenote {
  font-size: 14px;
  font-style: italic; }

/* ======== END: User Pages ========*/
/* ======== Lead Pages ========*/
.wrap-lead-index-status {
  text-align: center; }

.label-lead-index-status {
  font-size: 12px;
  font-weight: 400; }

.wrap-lead-index-remainder .late {
  color: #ED5565;
  font-weight: bold; }

.lead-index .table td {
  padding: 12px; }

.lead-page .editable-status {
  float: right;
  margin-top: 20px; }

.lead-page .profile-info h2 {
  font-size: 18px;
  font-weight: 700; }

.lead-page .profile-info .lead-company-edit {
  font-size: 16px; }

.lead-page .editable-status .kv-editable-button {
  float: left; }

.lead-page .editable-status .label {
  padding: 8px 16px;
  font-size: 22px;
  color: #F3F3F4; }

.lead-page .editable-progress {
  padding-bottom: 10px;
  font-size: 20px; }

.lead-page .editable-progress label {
  font-weight: 100;
  font-size: 14px; }

.lead-page .editable-progress .kv-editable-value {
  width: auto;
  max-width: 100%;
  margin-right: 10px;
  margin-left: 0;
  font-size: 14px; }

.lead-page .editable-progress .kv-editable-value:after {
  content: "%"; }

.lead-page .editable-progress .kv-editable-button {
  top: 0; }

.lead-page .editable-assigned-to {
  font-size: 14px; }

.lead-page .editable-assigned-to label {
  font-weight: 100; }

.lead-page .editable-assigned-to .kv-editable-value {
  padding-left: 2px; }

.lead-page .editable-priority .kv-editable-value {
  padding-left: 15px; }

.lead-page .lead-company-edit {
  font-size: 16px; }

.lead-page .editable-priority {
  font-size: 14px; }

.lead-page .editable-priority label {
  font-weight: 100; }

.lead-page .editable-field-lead-address label {
  display: block; }

.lead-page .closed-at {
  padding-top: 20px;
  padding-right: 5px;
  float: right;
  font-weight: bold; }

.lead-page .closed-reason h3 {
  color: #C22165; }

.lead-page .closed-reason .kv-editable {
  display: block; }

.lead-page .closed-reason .kv-editable-value {
  /*display: block;*/
  max-width: 80%;
  margin: 0; }

.lead-page .project-status {
  float: right; }

#canceledModal form {
  padding-left: 40px;
  padding-right: 40px; }

#mentionModal .modal-dialog {
  margin-top: 200px; }

#mentionModal .modal-dialog h2 {
  text-align: center; }

#mentionModal .select2-search__field {
  width: 200px !important; }

.select2-container--open {
  z-index: 9999999; }

.select2-container--krajee .select2-results__option--highlighted[aria-selected] {
  background-color: #E62565; }

.select2-container--krajee .select2-dropdown,
.select2-container--krajee.select2-container--open .select2-selection, .select2-container--krajee .select2-selection:focus {
  border-color: #FC4093; }

.s2-togall-select .s2-select-label, .s2-togall-unselect .s2-unselect-label {
  color: #A51759;
  font-weight: bold; }

.select2-container--krajee .select2-selection--multiple .select2-selection__choice {
  background: #C61365;
  color: #fff;
  font-size: 14px;
  text-transform: capitalize;
  border-color: #C61365; }

.select2-container--krajee .select2-selection--multiple .select2-selection__choice__remove {
  color: #fff;
  font-size: 17px; }

.select2-container--krajee .select2-results__option {
  color: #333;
  background-color: #fff;
  text-transform: capitalize; }

.lead-log {
  padding: 20px;
  font-size: 12px;
  color: #000; }
  .lead-log .log-item {
    padding-top: 10px; }
    .lead-log .log-item .timestamp {
      font-size: 11px;
      color: #888; }
    .lead-log .log-item .log-message {
      text-transform: uppercase;
      letter-spacing: 1px; }

.lead-page .lead-main-wrap {
  margin-top: 20px; }

.lead-page .btn.btn-white {
  background: #fff;
  color: #676A6C;
  margin-right: 5px;
  border: 1px solid transparent; }

.lead-page .btn.btn-white:hover {
  background: #C41B65;
  color: #fff;
  margin-right: 5px; }

.md-skin .social-feed-box {
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.04), 0 2px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.06) !important; }

.lead-page .post-new-box {
  padding-top: 10px; }

.lead-page .post-edit-button {
  display: none; }

.lead-page .social-feed-box br {
  display: none;
  line-height: 1px;
  margin: 0 0; }

.lead-page .social-feed-box:hover .post-edit-button {
  display: block; }

.lead-page .comment-edit-button {
  margin-left: 5px;
  font-size: 10px;
  font-weight: bold;
  display: none; }

.lead-page .social-comment:hover .comment-edit-button {
  display: inline; }

.timeline-wrap .vertical-date {
  margin-top: 10px;
  position: relative;
  top: 8px; }
  .timeline-wrap .vertical-date small {
    color: #A51759; }

.timeline-add-event-wrap {
  padding: 0 20px 40px;
  text-align: center; }

.timeline-wrap .timelineDate {
  font-size: 10px; }

#timelineModal .daterangepicker.dropdown-menu {
  z-index: 99999999 !important; }

#timelineModal .datepicker {
  z-index: 999999999 !important; }

#timelineModal .form-group {
  text-align: left; }

#timelineModal .lead-timeline-update {
  padding: 20px; }
  #timelineModal .lead-timeline-update .modal-title {
    margin-top: 0; }
  #timelineModal .lead-timeline-update .modal-body p {
    text-align: inherit; }
  #timelineModal .lead-timeline-update .modal-body p.lead-type-title {
    visibility: hidden;
    display: none; }

#timelineModal .lead-timeline-create .modal-header,
#timelineModal .lead-timeline-update .modal-header {
  padding: 0; }

#timelineModal .lead-timeline-create {
  padding: 20px;
  margin-top: 0; }
  #timelineModal .lead-timeline-create .modal-title {
    margin-top: 0; }
  #timelineModal .lead-timeline-create .modal-body p {
    text-align: inherit; }
  #timelineModal .lead-timeline-create .modal-body p.lead-type-title {
    text-align: center;
    padding-bottom: 10px; }

#timelineModal .lead-timeline-view .modal-header i {
  display: inline-block;
  position: relative;
  left: 30px; }

#timelineModal .lead-timeline-view .modal-title {
  margin-top: 10px; }

#timelineModal .lead-timeline-view .modal-icon {
  font-size: 70px; }

#timelineModal .lead-timeline-view .modal-body {
  padding: 20px 40px 40px 40px; }

#timelineModal .lead-timeline-view .modal-body p {
  text-align: inherit; }

#timelineModal .lead-timeline-view .date-wrap {
  float: left;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 15px; }

#timelineModal .lead-timeline-view .date-wrap .date-label {
  font-weight: 700; }

#timelineModal .lead-timeline-view .date-wrap .date {
  text-decoration: underline; }

#timelineModal .lead-timeline-type-list {
  list-style: none;
  margin: 0 auto;
  text-align: center;
  padding: 0; }

#timelineModal .lead-timeline-type-list li {
  display: inline-block;
  padding: 5px 10px;
  cursor: pointer;
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); }

#timelineModal .lead-timeline-type-list li .labelText {
  opacity: 0;
  font-weight: 700;
  padding-top: 10px;
  font-size: 14px;
  transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); }

#timelineModal .lead-timeline-type-list li:hover .labelText {
  opacity: 1; }

#timelineModal .lead-timeline-type-list li.active,
#timelineModal .lead-timeline-type-list li:hover {
  -webkit-filter: grayscale(0);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(0); }

#timelineModal .btn-lead-timeline-type {
  position: relative;
  top: 5px;
  padding: 0;
  margin: 0;
  width: 60px;
  height: 60px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%; }

#timelineModal .btn-lead-timeline-type i {
  line-height: 53px;
  font-size: 25px; }

#timelineModal .lead-timeline-type-item {
  position: absolute;
  top: -10px;
  left: -80px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  font-size: 16px;
  border: 3px solid #f1f1f1;
  text-align: center;
  background-color: #889DBA;
  color: #fff; }

#timelineModal .lead-timeline-type-item i {
  display: block;
  width: 44px;
  height: 44px;
  font-size: 34px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -18px; }

#timelineModal #leadtimeline-t_title {
  font-size: 24px;
  font-weight: bold;
  border: none;
  border-top: none;
  border-bottom: 1px solid #e1e1e1;
  box-shadow: none !important; }

#timelineModal .has-error #leadtimeline-t_title.form-control {
  border-bottom: 1px solid #ed5565; }

#timelineModal .lead-timeline-icon {
  position: absolute;
  top: -10px;
  left: -80px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  font-size: 16px;
  border: 3px solid #f1f1f1;
  text-align: center;
  background-color: #889DBA;
  color: #fff; }

#timelineModal .lead-timeline-icon i {
  display: block;
  width: 44px;
  height: 44px;
  font-size: 34px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -18px; }

#timelineModal .btn-edit-button {
  position: relative;
  text-transform: uppercase;
  overflow: hidden;
  border-width: 0;
  outline: none;
  border-radius: 1px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  background-color: #C41B65;
  color: #fff;
  transition: box-shadow .5s ease-in-out;
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 400;
  margin: 20px; }

#timelineModal .modal-dialog {
  margin-top: 50px; }

@media (min-width: 768px) {
  #timelineModal .modal-dialog {
    width: 90%;
    max-width: 1200px;
    margin: 50px auto;
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 150px; } }

#timelineModal .modal-header {
  padding-top: 20px; }

#timelineModal form {
  padding-top: 0;
  padding-right: 20px;
  padding-left: 20px; }

.btn-circle {
  overflow: visible;
  width: 60px;
  height: 60px;
  text-align: center;
  padding: 6px 0;
  font-size: 18px;
  line-height: 1.42;
  border-radius: 30px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }

.btn-circle:hover {
  color: #fff;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15), 0 5px 2px rgba(0, 0, 0, 0.12); }

.btn-circle:after {
  content: '';
  position: absolute;
  top: 65px;
  left: 28px;
  height: 40px;
  width: 4px;
  background: #E7EAEC; }

.note-editor .btn span {
  display: inline-block; }

.note-editor .btn span.note-icon-caret {
  display: inline-block;
  padding-left: 2px; }

.inmodal .note-editor .btn {
  display: inline-block;
  color: #333;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 5px 10px;
  margin: 0; }

.inmodal .note-editor .btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.inmodal .note-editor .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.inmodal .note-editor .btn-group > .btn, .inmodal .note-editor .btn-group-vertical > .btn {
  position: relative;
  float: left; }

.inmodal .note-editor .note-popover .popover-content .note-color .dropdown-toggle,
.inmodal .note-editor .panel-heading.note-toolbar .note-color .dropdown-toggle {
  width: 20px;
  padding-left: 5px; }

.inmodal .note-editor.note-frame .note-editing-area .note-editable {
  min-height: 200px; }

.kv-popover-active {
  z-index: 3050 !important; }

.btn.kv-hidden {
  display: none; }

.file-list li a {
  word-wrap: break-word; }

.attachment-badge {
  font-weight: 400; }

.file-list li {
  position: relative; }

.file-delete.btn-circle:after {
  content: none; }

.file-delete {
  display: none;
  visibility: hidden;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 4px;
  right: 4px;
  padding: 0;
  border-radius: 50%;
  background: #DA251C;
  color: #fff;
  font-weight: bold; }

.file-delete i {
  position: relative;
  top: -9px;
  font-size: 10px;
  font-weight: 100;
  line-height: 12px; }

.file-action-buttons {
  visibility: hidden; }

a.download-link {
  color: #A51759 !important; }

a.download-link:hover {
  color: #E62565 !important; }

a.view-link {
  color: #A51759 !important; }

a.view-link:hover {
  color: #E62565 !important; }

.attachment-file-action-buttons {
  font-size: 11px; }

a.attachment-download-link {
  color: #A51759 !important; }

a.attachment-download-link:hover {
  color: #E62565 !important; }

a.attachment-view-link {
  color: #A51759 !important; }

a.attachment-view-link:hover {
  color: #E62565 !important; }

.file-list li:hover .file-delete {
  display: block;
  visibility: visible; }

.file-list li:hover .file-action-buttons {
  visibility: visible; }

.file-list li a.file-delete {
  color: #fff; }

.file-action-buttons-disable-buttons,
.file-list li:hover .file-action-buttons-disable-buttons {
  visibility: hidden; }

#file-upload-sidebar .file-drop-zone-title {
  padding: 10px;
  font-size: 13px; }

#file-upload-sidebar .btn-file {
  margin-top: 10px;
  padding: 5px 10px;
  font-size: 14px; }
  #file-upload-sidebar .btn-file span {
    display: inline-block;
    font-size: 12px; }

#file-upload-sidebar .file-error-message pre, #file-upload-sidebar .file-error-message ul {
  padding: 0;
  list-style: none; }

#file-upload-sidebar .file-error-message {
  padding: 10px; }

#file-upload-sidebar .file-error-message ul li,
#file-upload-sidebar .file-error-message ul li b {
  word-wrap: break-word; }

#modalFileName {
  font-weight: bold;
  color: #C41C66; }

.modal-actions-wrap a,
.modal-actions-wrap button {
  margin-left: 20px !important;
  margin-right: 20px !important; }

.btn-file-attached {
  background: #fff;
  color: #C41C66;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  position: absolute;
  right: 10px;
  top: 5px;
  width: 30px;
  height: 30px; }

.btn-file-attached:hover {
  background: #fff;
  color: #C41C66; }

.btn-file-attached:after {
  content: none; }

.file-list-timeline li.added .btn-file-attached {
  background: #C41C66;
  color: #fff; }

.file-list-timeline li.added .btn-file-attached:hover {
  background: #C41C66;
  color: #fff; }

.attachment-display-wrap h3 {
  color: #C41B65; }

#attachment-display-list {
  list-style: none;
  padding-left: 0; }

#attachment-display-list li {
  margin-bottom: 10px;
  font-weight: bold; }

.attachment-view-list {
  list-style: none; }

.attachment-view-list li {
  margin-bottom: 10px;
  font-weight: bold; }

.content-inner {
  max-height: 197px;
  overflow: hidden; }

.timeline-attachments-hint {
  position: absolute;
  color: #C61365; }
  .timeline-attachments-hint .text {
    font-size: 11px; }

.modal-dialog {
  margin-top: 100px;
  margin-bottom: 100px; }

#timelineModal .btn-file {
  display: inline-block;
  text-transform: none;
  background-color: #8e8685 !important;
  box-shadow: rgba(200, 200, 200, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset; }

#timelineModal .btn-file:hover {
  background-color: #7f7978 !important;
  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3) !important;
  transition: box-shadow .2s ease-in-out; }

#timelineModalContent {
  min-height: 600px; }

.timeline-headline {
  text-align: center; }
  .timeline-headline img {
    width: 70%;
    max-width: 250px; }

.lead-index-header {
  margin-bottom: 20px; }
  .lead-index-header .export-menu {
    float: right; }
    .lead-index-header .export-menu .open > .dropdown-menu {
      left: -123px; }
    .lead-index-header .export-menu .export-label {
      font-weight: bold;
      font-size: 12px;
      color: #333; }
    .lead-index-header .export-menu .btn-group {
      margin-left: 10px; }
    .lead-index-header .export-menu .btn-group button {
      background-color: rgba(234, 231, 232, 0.97);
      color: #333;
      font-size: 12px; }
    .lead-index-header .export-menu .btn-group button:hover {
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); }

.remainder-wrap .ibox-content {
  padding: 15px 50px; }

#remainder {
  position: relative;
  overflow: auto; }

#lead-remainder_text-cont {
  width: 100%;
  font-weight: 400; }

#remainder.no-remainder {
  text-align: center; }

#remainder.no-remainder #remainder-new {
  display: block; }

#remainder.yes-remainder #remainder-new {
  display: none; }

#remainder.yes-remainder #remainder-edit {
  display: block; }

#remainder.no-remainder #remainder-edit {
  display: none; }

#remainder #remainder-form {
  display: none; }

#remainder #remainder-edit .date {
  font-weight: 700;
  font-size: 14px; }

#remainder #remainder-edit .note {
  margin-top: 5px;
  font-style: italic; }

#remainder-edit .details {
  float: left; }

#remainder-edit .remainder-actions {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 16px; }
  #remainder-edit .remainder-actions i {
    padding-left: 10px; }
  #remainder-edit .remainder-actions .remainder-btn-delete {
    color: #BB0706; }
  #remainder-edit .remainder-actions .remainder-btn-edit {
    font-size: 14px; }

#remainder-edit .date {
  color: green; }

#remainder-edit.late .date {
  color: #BB0706; }

#remainder-edit.late .date:hover {
  color: #BB0706; }

#remainder-form #remainderDescription {
  margin-top: 20px;
  margin-bottom: 20px; }

.remainder-wrap .add-remainder {
  color: rgba(103, 106, 108, 0.5);
  text-align: center;
  font-size: 30px; }

.remainder-wrap .add-remainder:hover {
  color: #A51759; }

/* ======= END: Lead Pages ========*/
#timelineModalContent {
  background: #F3F3F4; }

.field-leadtimeline-t_type .help-block {
  text-align: center; }

.field-leadtimeline-t_type #leadtimeline-t_type,
.field-leadtimeline-t_type label {
  display: none; }

@media (max-width: 768px) {
  .lead-page .project-status {
    margin-top: 20px;
    float: none; }
  .lead-page .editable-status {
    float: none;
    text-align: center; }
  .lead-page .closed-at {
    float: none; }
  .kv-editable-popover {
    min-width: 200px !important; }
  .lead-page .remainder-wrap .ibox-content {
    padding: 15px 20px; } }

.lead-index #leadsearch-created_at-container {
  min-width: 165px; }

.lead-index #leadsearch-updated_at-container {
  min-width: 165px; }

.lead-index #leadsearch-remainder_date-container {
  min-width: 165px; }

.lead-index #leadsearch-closed_at-container {
  min-width: 165px; }

.lead-index .range-value {
  font-size: 10px; }

.lead-index .filters i {
  display: none; }

@media (max-width: 768px) {
  .lead-page #lead-status-cont {
    position: relative;
    left: -20px; } }

#visibleToWrap {
  text-align: right; }

#visibleToEditBtn {
  float: none; }

#visibleToList {
  display: inline-block;
  padding-left: 10px;
  list-style: none; }
  #visibleToList li {
    margin-right: 5px; }

#visibleToEditWrap {
  display: none; }
  #visibleToEditWrap .select2-search__field {
    width: auto !important; }

.projects-view form {
  padding: 0; }

.projects-form .col-lg-1, .projects-form .col-lg-10, .projects-form .col-lg-11, .projects-form .col-lg-12, .projects-form .col-lg-2, .projects-form .col-lg-3, .projects-form .col-lg-4, .projects-form .col-lg-5, .projects-form .col-lg-6, .projects-form .col-lg-7, .projects-form .col-lg-8, .projects-form .col-lg-9, .projects-form .col-md-1, .projects-form .col-md-10, .projects-form .col-md-11, .projects-form .col-md-12, .projects-form .col-md-2, .projects-form .col-md-3, .projects-form .col-md-4, .projects-form .col-md-5, .projects-form .col-md-6, .projects-form .col-md-7, .projects-form .col-md-8, .projects-form .col-md-9, .projects-form .col-sm-1, .projects-form .col-sm-10, .projects-form .col-sm-11, .projects-form .col-sm-12, .projects-form .col-sm-2, .projects-form .col-sm-3, .projects-form .col-sm-4, .projects-form .col-sm-5, .projects-form .col-sm-6, .projects-form .col-sm-7, .projects-form .col-sm-8, .projects-form .col-sm-9, .projects-form .col-xs-1, .projects-form .col-xs-10, .projects-form .col-xs-11, .projects-form .col-xs-12, .projects-form .col-xs-2, .projects-form .col-xs-3, .projects-form .col-xs-4, .projects-form .col-xs-5, .projects-form .col-xs-6, .projects-form .col-xs-7, .projects-form .col-xs-8, .projects-form .col-xs-9 {
  padding: 0;
  margin: 0; }

.projects-form .col-sm-6 {
  margin: 0;
  padding: 0; }

.projects-form .deleteBtn {
  margin-right: 15px; }

.projects-form form {
  margin: 20px;
  padding: 0; }

.projects-form .row {
  border-right: 1px solid #ddd; }

.projects-form .block-header {
  background-color: #f7f7f7;
  border: 1px solid #ddd;
  padding: 15px 20px; }
  .projects-form .block-header h4 {
    display: inline-block;
    margin: 0;
    font-weight: 600;
    color: #A71159; }

.projects-form .block-bottom {
  padding: 15px;
  border: none; }

.projects-form .no-border {
  border: none; }

.projects-form label {
  font-weight: 400;
  font-size: 13px;
  color: #777;
  height: 30px;
  text-align: right;
  display: inline-block;
  width: 49%;
  line-height: 20px;
  background-color: #F7F7F9;
  padding: 6px 13px;
  margin-bottom: 0;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd; }

.projects-form .form-group {
  margin-bottom: 0;
  border-bottom: 1px solid #DDDDDD; }

.projects-form .help-block {
  margin-bottom: 0;
  margin-top: 0; }

.projects-form .form-group input.form-control {
  display: inline-block;
  font-size: 13px;
  width: 50%;
  border: none;
  height: 29px;
  line-height: 10px; }

.projects-form .form-filler {
  height: 31px;
  display: block;
  width: 100%;
  background-color: #F7F7F9;
  border-left: 1px solid #DDDDDD; }

.projects-form .row-one-field-textarea .col-sm-12 {
  padding: 0 5px 5px;
  background-color: #f7f7f9;
  border-left: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD; }

.projects-form .row-one-field-textarea label {
  display: block;
  width: 100%;
  text-align: left;
  border: none; }

.projects-form .row-one-field-textarea span {
  background-color: #fff; }

.projects-form .row-one-field-textarea .form-group .form-control {
  display: block;
  width: 100%;
  font-size: 12px;
  background-color: #fff; }

.projects-form .row-one-field .col-sm-12 {
  padding: 0; }

.projects-form .row-one-field label {
  width: 24%;
  text-align: right;
  border: none;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd; }

.projects-form .row-one-field .form-group .form-control {
  width: 75%;
  font-size: 12px; }

.projects-form #projects-status {
  background-color: red; }

.projects-form .select2-container {
  display: inline-block !important;
  width: 50% !important; }

.projects-form .select2-selection {
  border: none !important;
  border-radius: 0 !important;
  height: 27px !important;
  position: relative;
  top: -3px;
  box-shadow: none !important;
  font-size: 13px;
  color: #676a6c; }

.projects-form .select2-container--krajee .select2-selection--single .select2-selection__arrow {
  border-left: none;
  height: 27px !important; }

.projects-form .select2-container--krajee .select2-selection__clear {
  line-height: 1.1; }

.projects-form .ios-toggle-wrap {
  position: relative;
  top: -8px;
  float: right; }

.projects-form #productionContent {
  display: none; }

.projects-form #stagingContent {
  display: none; }

.projects-form #developmentContent {
  display: none; }

.projects-form .project-delete-wrap .btn {
  margin-right: 15px; }

.projects-update .form-group-submit,
.projects-create .form-group-submit {
  overflow: auto;
  margin-top: -10px;
  margin-right: -15px;
  padding-bottom: 20px; }
  .projects-update .form-group-submit button,
  .projects-create .form-group-submit button {
    float: right; }

.projects-create .project-delete-wrap .btn {
  display: none; }

.projects-view .edit-btn-wrap {
  overflow: auto;
  margin-top: -10px;
  margin-right: -15px;
  padding-bottom: 20px; }
  .projects-view .edit-btn-wrap a.btn {
    float: right; }

.projects-view .row-one-field-textarea label {
  line-height: 25px;
  display: block;
  overflow: auto;
  padding: 5px;
  font-size: 14px;
  height: auto;
  font-weight: bold;
  border-bottom: 1px solid #ddd; }
  .projects-view .row-one-field-textarea label button {
    position: relative;
    left: 5px; }

.projects-view .row-one-field-textarea span {
  display: block;
  padding: 20px; }

.projects-view .projects-form-view {
  padding: 15px; }
  .projects-view .projects-form-view .row {
    border-bottom: 1px solid #DDDDDD; }
  .projects-view .projects-form-view .row.no-border {
    border-bottom: none; }
  .projects-view .projects-form-view span {
    padding: 10px; }
  .projects-view .projects-form-view .btn-copy {
    float: right;
    max-width: 30px;
    padding: 10px;
    height: 28px;
    background-color: #f1f1f5;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #ddd;
    margin: 1px; }
    .projects-view .projects-form-view .btn-copy img {
      position: relative;
      top: -8px;
      left: -2px;
      width: 13px; }
  .projects-view .projects-form-view #productionContentView {
    display: none; }
  .projects-view .projects-form-view #stagingContentView {
    display: none; }
  .projects-view .projects-form-view #developmentContentView {
    display: none; }

.projects-index .top-block {
  margin-bottom: 20px; }

.projects-index .table > thead > tr > th, .projects-index .table > tbody > tr > th, .projects-index .table > tfoot > tr > th, .projects-index .table > thead > tr > td, .projects-index .table > tbody > tr > td, .projects-index .table > tfoot > tr > td {
  border: none; }

.projects-index .table > tbody tr {
  border-top: 1px solid #e7eaec; }

@media (max-width: 1199px) {
  .col-md-12.col-lg-6 {
    border-bottom: 1px solid #ddd; } }

.account-details-view .btn-edit-account {
  position: relative;
  top: -45px; }

.account-details-view .btn-copy {
  float: right;
  max-width: 30px;
  padding: 10px;
  height: 28px;
  background-color: #f1f1f5;
  box-shadow: none;
  -webkit-box-shadow: none;
  border: 1px solid #ddd;
  margin: 1px; }
  .account-details-view .btn-copy img {
    position: relative;
    top: -8px;
    left: -2px;
    width: 13px; }

.account-details-view {
  padding: 15px; }
  .account-details-view .row {
    margin: 0; }
  .account-details-view .col-sm-6 {
    margin: 0;
    padding: 0; }
  .account-details-view .row {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd; }
  .account-details-view .block-header {
    background-color: #f7f7f7;
    border: 1px solid #ddd;
    padding: 15px 20px; }
    .account-details-view .block-header h4 {
      display: inline-block;
      margin: 0;
      font-weight: 600;
      color: #A71159; }
  .account-details-view .block-bottom {
    padding: 15px;
    border: none; }
  .account-details-view .no-border {
    border: none; }
  .account-details-view label {
    font-weight: 400;
    font-size: 13px;
    color: #777;
    height: 30px;
    text-align: right;
    display: inline-block;
    width: 49%;
    line-height: 20px;
    background-color: #F7F7F9;
    padding: 6px 13px;
    margin-bottom: 0;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd; }
  .account-details-view .form-group input.form-control {
    display: inline-block;
    font-size: 13px;
    width: 50%;
    border: none;
    height: 29px;
    line-height: 10px; }
  .account-details-view .form-filler {
    height: 31px;
    display: block;
    width: 100%;
    background-color: #F7F7F9;
    border-left: 1px solid #DDDDDD; }
  .account-details-view .row-one-field-textarea .col-sm-12 {
    padding: 0 5px 5px;
    background-color: #f7f7f9;
    border-left: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD; }
  .account-details-view .row-one-field-textarea label {
    display: block;
    width: 100%;
    text-align: left;
    border: none; }
  .account-details-view .row-one-field-textarea .form-group .form-control {
    display: block;
    width: 100%;
    font-size: 12px; }
  .account-details-view .row-one-field .col-sm-12 {
    padding: 0; }
  .account-details-view .row-one-field label {
    width: 24%;
    text-align: right;
    border: none;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd; }
  .account-details-view .row-one-field .form-group .form-control {
    width: 75%;
    font-size: 12px; }
  .account-details-view .form-group {
    margin-bottom: 0;
    border-bottom: 1px solid #DDDDDD; }
  .account-details-view .help-block {
    margin-bottom: 0;
    margin-top: 0; }
  .account-details-view .form-group input.form-control {
    display: inline-block;
    font-size: 13px;
    width: 50%;
    border: none;
    height: 29px;
    line-height: 10px; }
  .account-details-view .edit-btn-wrap {
    overflow: auto;
    margin-top: -10px;
    margin-right: -15px;
    padding-bottom: 20px; }
    .account-details-view .edit-btn-wrap a.btn {
      float: right; }
  .account-details-view .row-one-field-textarea label {
    line-height: 25px;
    display: block;
    overflow: auto;
    padding: 5px;
    font-size: 14px;
    height: auto;
    font-weight: bold;
    border-bottom: 1px solid #ddd; }
    .account-details-view .row-one-field-textarea label button {
      position: relative;
      left: 5px; }
  .account-details-view .row-one-field-textarea span {
    display: block;
    padding: 20px;
    background-color: #fff; }

.account-details-update .accountDetails-delete-wrap {
  position: relative;
  top: -35px; }

.account-details-index .top-block {
  margin-bottom: 20px; }

.account-details-index #accountdetailssearch-updated_at-container {
  min-width: 175px; }

.account-details-index .range-value {
  font-size: 11px; }

.account-details-index .filters i {
  display: none; }

.account-details-index .table > thead > tr > th, .account-details-index .table > tbody > tr > th, .account-details-index .table > tfoot > tr > th, .account-details-index .table > thead > tr > td, .account-details-index .table > tbody > tr > td, .account-details-index .table > tfoot > tr > td {
  border: none; }

.account-details-index .table > tbody tr {
  border-top: 1px solid #e7eaec; }

.employee-form h3 {
  color: #DC2165;
  padding-top: 10px;
  padding-bottom: 10px; }

.employee-form h1 {
  /*text-align: center;*/
  color: #DC2165;
  font-size: 28px;
  font-weight: bold;
  padding-bottom: 20px; }

.employee-form hr {
  border-top: 1px solid #DC2165;
  opacity: 0.2; }

.employee-actions-wrap .btn-delete {
  background-color: #D13135;
  float: right; }

.employee-page .profile-image {
  width: 100px;
  -webkit-transition: width 1s ease-in-out;
  -moz-transition: width 1s ease-in-out;
  -o-transition: width 1s ease-in-out;
  transition: width 1.5s ease-in-out; }
  .employee-page .profile-image img {
    width: 100%;
    height: auto; }

.employee-page .profile-image:hover {
  width: 200px; }

.employee-page .profile-info {
  margin-left: 120px; }

.employee-page .profile-info h3 {
  font-size: 20px;
  margin-top: 15px;
  margin-bottom: 5px;
  color: #DC2165; }

.employee-page h3 {
  color: #DC2165; }

.employee-page .employee-table-row {
  padding: 0 15px;
  margin-bottom: 20px; }

.employee-page td.employee-icon {
  border-top: 1px solid #e7eaec;
  line-height: 1.42857;
  padding: 8px;
  vertical-align: top;
  width: 20px;
  color: #c1c3c4; }

.employee-page td.employee-key {
  font-weight: bold;
  width: 160px; }

.employee-page .employee-notes {
  background: #F9F9F9;
  padding: 10px;
  margin-bottom: 20px; }

.employee-page .employee-skills {
  background: #F9F9F9;
  padding: 10px; }

.employee-page .employee-value {
  color: #333; }

.employee-page .employee-status-wrap {
  overflow: auto; }

.employee-page .employee-status-label {
  display: inline-block;
  float: left;
  padding-right: 10px;
  margin-top: 7px;
  font-weight: bold;
  font-size: 14px; }

.employee-page #employee-status-span {
  font-weight: bold;
  color: #CF333A; }

.employee-page #employee-status-span.employee-status-active {
  color: #50AE55; }

.employee-page .employee-actions-wrap {
  padding-top: 40px;
  padding-bottom: 40px; }

.employee-page .detail-summary .nickname .value,
.employee-page .detail-summary .team .value {
  font-weight: bold; }

.employee-page .employee-actions-wrap .btn-update {
  float: right; }

.employee-page .action-box h3 {
  display: inline-block;
  margin-top: 10px; }

.employee-page .action-box .btn-update {
  float: right; }

.employee-page .action-box hr {
  margin-top: 10px;
  margin-bottom: 10px; }

.employee-index .ibox-content {
  overflow-y: scroll; }

.employee-overview .ibox-content {
  padding: 10px; }

.employee-overview .office-wrap {
  border-right: 2px dashed #ccc; }

.employee-overview .employees-wrap {
  margin: 10px 0;
  text-align: center;
  border-bottom: 2px solid #eee; }

.employee-overview .title-office {
  display: block;
  text-align: center;
  font-size: 20px;
  color: #DC2165;
  font-weight: bold; }

.employee-overview .title-department {
  display: block;
  text-align: center; }

.employee-overview .employee-item {
  display: inline-block;
  text-align: center;
  position: relative;
  width: 23%;
  overflow: auto; }

.employee-overview .employee-img {
  width: 80%;
  height: auto;
  margin: 0 auto;
  margin-bottom: 10px;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1.5s ease-in-out; }
  .employee-overview .employee-img img {
    border: 6px solid rgba(234, 156, 217, 0.28); }

.employee-overview .employee-nickname {
  font-weight: bold;
  color: #DC2165;
  font-size: 11px; }

.employee-overview .employee-name {
  font-size: 11px;
  color: #333; }

.employee-overview .employee-position {
  font-size: 10px; }

.employee-overview .employee-team {
  font-size: 10px; }

.employee-overview .employee-item:hover .employee-img {
  width: 82%; }

.employee-overview .employee-item:hover .employee-name {
  font-weight: bold;
  color: #DC2165; }

.employee-overview .employee-item:hover img {
  border: 0; }

/* ======== Push Manager Pages ========*/
.push-manager-index .subtitle {
  font-size: 18px;
  font-weight: 700;
  color: #DE1A64; }

.push-manager-index .psuContent {
  width: 100%; }

.push-manager-index .form-control-feedback {
  visibility: hidden;
  display: none;
  position: relative;
  width: 100%; }

.push-manager-index .form-control-feedback {
  top: 0;
  text-align: left;
  color: #ED5565;
  border-color: #ED5565; }

.push-manager-index .has-error.select2-container--krajee .select2-dropdown, .push-manager-index .has-error .select2-container--krajee .select2-selection {
  border-color: #ED5565; }

.push-manager-index .has-feedback label ~ .form-control-feedback {
  top: 0; }

.push-manager-index .has-error .form-control-feedback {
  visibility: visible;
  display: inline-block; }
