html,
body {
  overflow-x: hidden !important;
  font-family: 'Source Sans Pro', sans-serif;
  -webkit-font-smoothing: antialiased;
  min-height: 100%;
  background: #f6f6f6;
  padding-top: 25px;
}
a {
  color: #29abe2;
}
a:hover,
a:active,
a:focus {
  outline: none;
  text-decoration: none;
  color: #6cc5eb;
}
.wrapper {
  min-height: 100%;
}
.wrapper:before,
.wrapper:after {
  display: table;
  content: " ";
}
.wrapper:after {
  clear: both;
}
.locked-screen {
  position: fixed;
  z-index: 10000;
  top: 38px;
  background-color: rgba(0,0,0,0.7);
  width: 100%;
  height: 100%;
}
body .header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030;
}
.right-side,
.left-side {
  min-height: 100%;
  display: block;
}
.right-side {
  background-color: #f6f6f6;
  margin-left: 230px;
  position: relative;
}
.right-side.no-margin-left {
  margin-left: 0;
}
.left-side {
  position: absolute;
  width: 230px;
  top: 0;
  transition: width 0.1s ease-in-out;
  z-index: 12;
}
@media screen and (min-width: 992px) {
  .left-side {
    top: 50px;
  }
  .right-side.strech {
    margin-left: 0;
    padding-left: 30px;
  }
  .right-side.strech > .content-header {
    margin-top: 0px;
  }
  .left-side.collapse-left:not(:hover) {
    left: 0;
    width: 45px;
  }
  .left-side.collapse-left:not(:hover) .sidebar .user-panel .image img {
    width: 25px;
    height: 25px;
    min-width: 25px;
    min-height: 25px;
  }
  .left-side.collapse-left:not(:hover) .sidebar .user-panel .info {
    visibility: hidden;
  }
  .left-side.collapse-left:not(:hover) .sidebar .sidebar-menu {
    width: 100%;
    overflow: hidden;
  }
  .left-side.collapse-left:not(:hover) .sidebar .sidebar-menu li {
    width: 230px;
  }
  .left-side.collapse-left:not(:hover) .sidebar .sidebar-menu li > ul {
    display: none !important;
  }
  .left-side.collapse-left:not(:hover) .sidebar .sidebar-menu li a span,
  .left-side.collapse-left:not(:hover) .sidebar .sidebar-menu li a small {
    visibility: hidden;
  }
  :hover + .right-side {
    z-index: 1;
  }
}
@media screen and (max-width: 992px) {
  .right-side {
    margin-left: 0;
  }
}
body.fixed .left-side,
body.fixed .navbar {
  position: fixed;
  height: 100%;
}
body.fixed .navbar {
  left: 0;
  right: 0;
}
.content {
  padding: 0;
  background: #f6f6f6;
  overflow: auto;
  min-height: calc(100vh - 51px);
}
.content > .row {
  height: 100%;
}
.content > .row .form-list {
  height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Source Sans Pro', sans-serif;
}
h2 {
  font-size: 14px;
  color: #666;
  font-weight: bold;
}
.page-header {
  margin: 10px 0 20px 0;
  font-size: 22px;
}
.page-header > small {
  color: #666;
  display: block;
  margin-top: 5px;
}
img {
  max-width: 100% !important;
}
.sort-highlight {
  background: #f4f4f4;
  border: 1px dashed #ddd;
  margin-bottom: 10px;
}
.pad {
  padding: 10px;
}
.margin {
  margin: 10px;
}
.inline {
  display: inline;
  width: auto;
}
.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-blue-dark,
.bg-blue-light,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black,
.bg-white,
.bg-transparent {
  color: #f9f9f9 !important;
}
.bg-transparent {
  background: transparent;
}
.bg-white {
  background-color: #FFFFFF !important;
}
.bg-gray {
  background-color: #eaeaec !important;
}
.bg-black {
  background-color: #000000 !important;
}
.bg-red {
  background-color: #f56954 !important;
}
.bg-yellow {
  background-color: #f39c12 !important;
}
.bg-aqua {
  background-color: #00c0ef !important;
}
.bg-blue {
  background-color: #29abe2 !important;
}
.bg-blue-light {
  background-color: #4d90b7 !important;
}
.bg-blue-dark {
  background-color: #0073b7 !important;
}
.bg-light-blue {
  background-color: #3c8dbc !important;
}
.bg-green {
  background-color: #67ab4f !important;
}
.bg-navy {
  background-color: #001F3F !important;
}
.bg-teal {
  background-color: #39CCCC !important;
}
.bg-olive {
  background-color: #3D9970 !important;
}
.bg-lime {
  background-color: #01FF70 !important;
}
.bg-orange {
  background-color: #FF851B !important;
}
.bg-fuchsia {
  background-color: #F012BE !important;
}
.bg-purple {
  background-color: #932ab6 !important;
}
.bg-maroon {
  background-color: #85144B !important;
}
.text-red {
  color: #f56954 !important;
}
.text-yellow {
  color: #f39c12 !important;
}
.text-aqua {
  color: #00c0ef !important;
}
.text-blue {
  color: #29abe2 !important;
}
.text-black {
  color: #000000 !important;
}
.text-light-blue {
  color: #3c8dbc !important;
}
.text-green {
  color: #67ab4f !important;
}
.text-navy {
  color: #001F3F !important;
}
.text-teal {
  color: #39CCCC !important;
}
.text-olive {
  color: #3D9970 !important;
}
.text-lime {
  color: #01FF70 !important;
}
.text-orange {
  color: #FF851B !important;
}
.text-fuchsia {
  color: #F012BE !important;
}
.text-purple {
  color: #932ab6 !important;
}
.text-maroon {
  color: #85144B !important;
}
.text-error {
  color: #DC4242 !important;
}
.text-success {
  color: #27BE54 !important;
}
.hide {
  display: none !important;
}
.no-border {
  border: 0px !important;
}
.no-padding {
  padding: 0px !important;
}
.no-margin {
  margin: 0px !important;
}
.no-shadow {
  box-shadow: none !important;
}
@media print {
  .no-print {
    display: none;
  }
  .left-side,
  .header,
  .content-header {
    display: none;
  }
  .right-side {
    margin: 0;
  }
  .page-break {
    page-break-before: always;
  }
  .estimated_values .price-square-box {
    background-color: transparent !important;
  }
  .estimated_values .price-square-box {
    margin: 0 0 10px 4%;
    width: 44%;
  }
  .box {
    border-top-color: #000000 !important;
  }
}
.flat {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f3f4f5;
}
.table.no-border,
.table.no-border td,
.table.no-border th {
  border: 0;
}
table.text-center,
table.text-center td,
table.text-center th {
  text-align: center;
}
.table.align th {
  text-align: left;
}
.table.align td {
  text-align: right;
}
.text-bold,
.text-bold.table td,
.text-bold.table th {
  font-weight: 700;
}
.border-radius-none {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
.jqstooltip {
  padding: 5px !important;
  width: auto !important;
  height: auto !important;
}
.bg-teal-gradient {
  background: #39CCCC !important;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#39CCCC),color-stop(1,#7adddd)) !important;
  background: -ms-linear-gradient(bottom,#39CCCC,#7adddd) !important;
  background: -moz-linear-gradient(center bottom,#39CCCC 0%,#7adddd 100%) !important;
  background: -o-linear-gradient(#7adddd,#39CCCC) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39cccc', GradientType=0) !important;
  color: #fff;
}
.bg-light-blue-gradient {
  background: #3c8dbc !important;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#3c8dbc),color-stop(1,#67a8ce)) !important;
  background: -ms-linear-gradient(bottom,#3c8dbc,#67a8ce) !important;
  background: -moz-linear-gradient(center bottom,#3c8dbc 0%,#67a8ce 100%) !important;
  background: -o-linear-gradient(#67a8ce,#3c8dbc) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important;
  color: #fff;
}
.bg-blue-gradient {
  background: #29abe2 !important;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#29abe2),color-stop(1,#48b7e6)) !important;
  background: -ms-linear-gradient(bottom,#29abe2,#48b7e6) !important;
  background: -moz-linear-gradient(center bottom,#29abe2 0%,#48b7e6 100%) !important;
  background: -o-linear-gradient(#48b7e6,#29abe2) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#48b7e6', endColorstr='#29abe2', GradientType=0) !important;
  color: #fff;
}
.bg-aqua-gradient {
  background: #00c0ef !important;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#00c0ef),color-stop(1,#14d1ff)) !important;
  background: -ms-linear-gradient(bottom,#00c0ef,#14d1ff) !important;
  background: -moz-linear-gradient(center bottom,#00c0ef 0%,#14d1ff 100%) !important;
  background: -o-linear-gradient(#14d1ff,#00c0ef) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;
  color: #fff;
}
.bg-yellow-gradient {
  background: #f39c12 !important;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#f39c12),color-stop(1,#f7bc60)) !important;
  background: -ms-linear-gradient(bottom,#f39c12,#f7bc60) !important;
  background: -moz-linear-gradient(center bottom,#f39c12 0%,#f7bc60 100%) !important;
  background: -o-linear-gradient(#f7bc60,#f39c12) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important;
  color: #fff;
}
.bg-purple-gradient {
  background: #932ab6 !important;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#932ab6),color-stop(1,#b959d9)) !important;
  background: -ms-linear-gradient(bottom,#932ab6,#b959d9) !important;
  background: -moz-linear-gradient(center bottom,#932ab6 0%,#b959d9 100%) !important;
  background: -o-linear-gradient(#b959d9,#932ab6) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b959d9', endColorstr='#932ab6', GradientType=0) !important;
  color: #fff;
}
.bg-green-gradient {
  background: #67ab4f !important;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#67ab4f),color-stop(1,#7bb866)) !important;
  background: -ms-linear-gradient(bottom,#67ab4f,#7bb866) !important;
  background: -moz-linear-gradient(center bottom,#67ab4f 0%,#7bb866 100%) !important;
  background: -o-linear-gradient(#7bb866,#67ab4f) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7bb866', endColorstr='#67ab4f', GradientType=0) !important;
  color: #fff;
}
.bg-red-gradient {
  background: #f56954 !important;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#f56954),color-stop(1,#f89384)) !important;
  background: -ms-linear-gradient(bottom,#f56954,#f89384) !important;
  background: -moz-linear-gradient(center bottom,#f56954 0%,#f89384 100%) !important;
  background: -o-linear-gradient(#f89384,#f56954) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f89384', endColorstr='#f56954', GradientType=0) !important;
  color: #fff;
}
.bg-black-gradient {
  background: #000000 !important;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#000000),color-stop(1,#1a1a1a)) !important;
  background: -ms-linear-gradient(bottom,#000000,#1a1a1a) !important;
  background: -moz-linear-gradient(center bottom,#000000 0%,#1a1a1a 100%) !important;
  background: -o-linear-gradient(#1a1a1a,#000000) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a1a1a', endColorstr='#000000', GradientType=0) !important;
  color: #fff;
}
.bg-maroon-gradient {
  background: #85144B !important;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#85144B),color-stop(1,#b11b64)) !important;
  background: -ms-linear-gradient(bottom,#85144B,#b11b64) !important;
  background: -moz-linear-gradient(center bottom,#85144B 0%,#b11b64 100%) !important;
  background: -o-linear-gradient(#b11b64,#85144B) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b11b64', endColorstr='#85144b', GradientType=0) !important;
  color: #fff;
}
.connectedSortable {
  min-height: 100px;
}
body .header {
  position: fixed;
  max-height: 100px;
  z-index: 1030;
}
body .header .offline-warning {
  background-color: #f56954;
  text-align: center;
  padding: 8px 0;
  color: #a9444a;
  background-color: #f2c3c3;
  border-bottom: 1px solid #d8aeae;
}
body .header .navbar {
  height: 51px;
  margin-bottom: 0;
  margin-left: 230px;
}
body .header .navbar .sidebar-toggle {
  float: left;
  margin-top: 8px;
  padding: 9px 5px;
  margin-right: 0;
  margin-bottom: 8px;
  margin-left: 5px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
body .header .navbar .sidebar-toggle:hover .icon-bar {
  background: #f6f6f6;
}
body .header .navbar .sidebar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
body .header .navbar .sidebar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
body .header .navbar .nav > li > a {
  padding: 15px 7px;
}
body .header .navbar .nav > li > a i {
  position: relative;
  font-weight: normal !important;
}
body .header .navbar-right > .nav {
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
body .header .navbar-right > .nav > li > a.plus i:after {
  bottom: -8px;
  right: 2px;
  font-weight: normal !important;
}
body .header .navbar-right .external-links {
  float: left;
  margin-right: 10px;
}
body .header .navbar-right .external-links button {
  background: none;
  border: 0;
  padding: 0;
  color: #FFFFFF;
  box-shadow: none;
}
body .header .navbar-right .external-links button:hover {
  background-color: transparent !important;
}
@media (max-width: 767px) {
  body .header .navbar-right .external-links.open .dropdown-menu {
    position: absolute !important;
    background-color: #FFFFFF;
    left: auto;
    right: 0;
  }
}
body .header .navbar-right .external-links a {
  color: #333;
}
body .header .navbar-right .external-links a:hover {
  color: #FFFFFF;
}
body .header .navbar-right .about {
  color: #FFFFFF;
  padding: 13px 15px 0 0;
  display: block;
  font-weight: bold;
}
body .header .navbar-right .about:hover {
  text-decoration: underline;
}
body .header .navbar .nav > li > a > .label {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 7px;
  right: 2px;
  font-size: 10px;
  font-weight: normal;
  width: 15px;
  height: 15px;
  line-height: 1.0em;
  text-align: center;
  padding: 2px;
}
body .header .navbar .nav > li > a:hover > .label {
  top: 3px;
}
body .header .logo {
  float: left;
  height: 50px;
  font-size: 26px;
  line-height: 50px;
  text-align: left;
  padding: 0 10px;
  width: 230px;
  font-family: "Lobster", cursive;
  font-weight: 500;
  display: block;
}
body .header .logo .logo-icon {
  display: block;
  position: relative;
  width: 30px;
  height: 30px;
  top: 8px;
  background-image: url("../img/logo.png");
}
body .header i {
  font-size: 18px;
  padding-right: 5px;
}
body .header .alert {
  position: relative;
  top: 50px;
  font-size: 14px;
  width: 100%;
  text-align: center;
  padding: 10px;
  z-index: 1000;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
body .header .alert.error {
  color: #a9444a;
  background-color: #f2c3c3;
  border-bottom: 1px solid #d8aeae;
}
body .header .alert.error a {
  color: #a9444a;
}
body .header .alert.ok {
  color: #3c763d;
  background-color: #c5f0b9;
  border-bottom: 1px solid #abd0a0;
}
body .header .alert.ok a {
  color: #3c763d;
}
body .header .alert.save {
  color: #3c763d;
  background-color: #c5f0b9;
  border-bottom: 1px solid #abd0a0;
}
body .header .alert.save a {
  color: #3c763d;
}
body .header .alert a.inline {
  text-decoration: underline;
}
body .header .alert a.close {
  position: absolute;
  right: 15px;
  top: 10px;
}
body .header .alert em {
  font-style: normal;
  cursor: pointer;
  text-decoration: underline;
}
.left-side {
  transition: 0.3s ease-in-out;
  left: -230px;
}
.sidebar-ready .left-side {
  left: 0;
}
.sidebar {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.sidebar .sidebar-form input:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-color: transparent !important;
}
.sidebar .sidebar-menu {
  list-style: none;
  margin: 15px 0 0 0;
  padding: 0;
  max-height: calc(100vh - 115px);
  overflow: auto;
  overflow-x: hidden;
}
.sidebar .sidebar-menu > li {
  margin: 0;
  padding: 0;
  position: relative;
  width: calc(220px);
}
.sidebar .sidebar-menu > li > a {
  padding: 12px 5px 12px 15px;
  display: block;
  font-size: 14px;
}
.sidebar .sidebar-menu > li > a > .fa {
  width: 20px;
}
.sidebar .sidebar-menu > li > a > .pull-right {
  margin-right: 0;
}
.sidebar .sidebar-menu .treeview-menu {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
}
.sidebar .sidebar-menu .treeview-menu > li {
  margin: 0;
  line-height: 180%;
}
.sidebar .sidebar-menu .treeview-menu > li > a {
  padding: 5px 5px 5px 38px;
  display: block;
  font-size: 14px;
  margin: 0px 0px;
  color: #f5f5f5 !important;
}
.sidebar .sidebar-menu .treeview-menu > li.active {
  background-color: #727272;
}
.sidebar .sidebar-menu .treeview-menu > li.active a {
  font-weight: bold;
  color: #FFFFFF;
}
.sidebar .help-trigger {
  display: block;
  position: fixed;
  bottom: 0;
  margin-top: -100px;
  width: 230px;
  background-color: #444;
  border-top: 1px solid #2a2a2a;
  padding: 25px 0;
  text-align: center;
  color: #aaa !important;
  font-size: 16px;
}
.sidebar .help-trigger i {
  padding-right: 5px;
  font-size: 22px;
  position: relative;
  top: 2px;
}
.user-panel {
  padding: 10px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  width: calc(220px);
}
.user-panel:before,
.user-panel:after {
  display: table;
  content: " ";
}
.user-panel:after {
  clear: both;
}
.user-panel > .image > img {
  width: 45px;
  height: 45px;
  min-width: 45px;
  min-height: 45px;
  object-fit: cover;
  display: inline-block;
  transition: all .1s ease-in-out;
}
.user-panel > .info {
  font-weight: 600;
  padding: 5px 5px 5px 15px;
  font-size: 14px;
  line-height: 1;
}
.user-panel > .info > p {
  margin-bottom: 5px;
  max-width: 130px;
}
.user-panel > .info > p > span {
  font-size: 11px;
  color: #29abe2;
}
@media screen and (max-width: 992px) {
  .relative {
    position: relative;
  }
  .row-offcanvas-right
    .sidebar-offcanvas {
    right: -230px;
  }
  .row-offcanvas-left
    .sidebar-offcanvas {
    left: -230px;
  }
  .row-offcanvas-right.active {
    right: 230px;
  }
  .row-offcanvas-left.active {
    left: 230px;
  }
  .sidebar-offcanvas {
    left: 0;
  }
  body.fixed .sidebar-offcanvas {
    margin-top: 50px;
    left: -230px;
  }
  body.fixed .row-offcanvas-left.active .navbar {
    left: 230px !important;
    right: 0;
  }
  body.fixed .row-offcanvas-left.active .sidebar-offcanvas {
    left: 0px;
  }
}
.ounit-switcher {
  position: relative;
}
.ounit-switcher button {
  background: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
  text-align: left;
}
.ounit-switcher > button {
  font-size: 11px;
  color: #29abe2;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.ounit-switcher > button i {
  font-size: 10px;
  margin-left: 5px;
  position: relative;
  top: -2px;
}
.ounit-switcher ul {
  padding: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #FFFFFF;
  margin-top: 10px;
  position: absolute;
  width: 140px;
  z-index: 1;
}
.ounit-switcher ul li {
  list-style-type: none;
  padding: 5px;
}
.ounit-switcher ul li:not(:last-child) {
  border-bottom: 1px solid #dddddd;
}
.ounit-switcher ul li > button {
  color: #666;
  font-weight: 400;
  font-size: 12px;
  color: #000000;
  text-align: left;
  line-height: 120%;
}
.ounit-switcher ul li > button:hover,
.ounit-switcher ul li > button.selected {
  color: #29abe2;
}
.dropdown-button.xclose > .btn,
.input-group.time.xclose > .btn {
  position: relative;
  z-index: 1003;
}
.dropdown-button.xclose .dropdown-menu,
.input-group.time.xclose .dropdown-menu {
  z-index: 1004;
}
.dropdown-button.xclose .dropdown-x,
.input-group.time.xclose .dropdown-x {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
  background-color: transparent;
  display: none;
}
.dropdown-button.xclose .dropdown-x.visible,
.input-group.time.xclose .dropdown-x.visible {
  display: block;
}
.dropdown-box .x-dd,
.input-group.dropdown-button .x-dd,
.input-group.time .x-dd,
.dropdown-button .x-dd,
.dropdown-input-wrapper .x-dd {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2299;
}
.dropdown-box.open .x-dd,
.input-group.dropdown-button.open .x-dd,
.input-group.time.open .x-dd,
.dropdown-button.open .x-dd,
.dropdown-input-wrapper.open .x-dd {
  display: block;
}
.dropdown-menu {
  -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.1);
  box-shadow: 0px 3px 6px rgba(0,0,0,0.1);
  z-index: 2300;
}
.dropdown-menu > li > a > .glyphicon,
.dropdown-menu > li > a > .fa,
.dropdown-menu > li > a > .ion {
  margin-right: 10px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a.selected {
  background-color: #29abe2;
  color: #f9f9f9;
}
.dropdown-menu > li.no-results {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu > li a.imported {
  background-color: #efefef;
}
.dropdown-menu > li a.imported:hover {
  background-color: #29abe2;
}
.dropdown-menu > li.search input {
  width: 90%;
  margin-left: 5%;
  height: 25px;
  padding: 0 5px;
  font-size: 12px;
}
.dropdown-menu > li.title h3 {
  padding: 0px 20px;
  font-size: 14px;
  color: #666;
}
.open > .dropdown-menu {
  max-height: 200px;
  overflow: auto;
}
.skin-blue .navbar .dropdown-menu > li > a {
  color: #444444;
}
.navbar-nav > .notifications-menu > .dropdown-menu,
.navbar-nav > .messages-menu > .dropdown-menu,
.navbar-nav > .tasks-menu > .dropdown-menu {
  width: 280px;
  padding: 0 0 0 0 !important;
  margin: 0 !important;
  top: 100%;
  border: 1px solid #dfdfdf;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.header,
.navbar-nav > .messages-menu > .dropdown-menu > li.header,
.navbar-nav > .tasks-menu > .dropdown-menu > li.header {
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #ffffff;
  padding: 7px 10px;
  border-bottom: 1px solid #f4f4f4;
  color: #444444;
  font-size: 14px;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.header:after,
.navbar-nav > .messages-menu > .dropdown-menu > li.header:after,
.navbar-nav > .tasks-menu > .dropdown-menu > li.header:after {
  bottom: 100%;
  left: 92%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255,255,255,0);
  border-bottom-color: #ffffff;
  border-width: 7px;
  margin-left: -7px;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  font-size: 12px;
  background-color: #f4f4f4;
  padding: 7px 10px;
  border-bottom: 1px solid #eeeeee;
  color: #444444;
  text-align: center;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover,
.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover,
.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover {
  background: #f4f4f4;
  text-decoration: none;
  font-weight: normal;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: hidden;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
  display: block;
  white-space: nowrap;
  border-bottom: 1px solid #f4f4f4;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {
  background: #f6f6f6;
  text-decoration: none;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
  font-size: 12px;
  color: #444444;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion {
  font-size: 20px;
  width: 50px;
  text-align: center;
  padding: 15px 0px;
  margin-right: 5px;
  background: #00c0ef;
  color: #f9f9f9;
  color: rgba(255,255,255,0.7);
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon.danger,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa.danger,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion.danger {
  background: #f56954;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon.warning,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa.warning,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion.warning {
  background: #f39c12;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon.success,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa.success,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion.success {
  background: #67ab4f;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon.info,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa.info,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion.info {
  background: #00c0ef;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a {
  margin: 0px;
  line-height: 20px;
  padding: 10px 5px 10px 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img {
  margin: auto 10px auto auto;
  width: 40px;
  height: 40px;
  border: 1px solid #dddddd;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 {
  padding: 0;
  margin: 0 0 0 45px;
  color: #444444;
  font-size: 15px;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small {
  color: #999999;
  font-size: 10px;
  float: right;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p {
  margin: 0 0 0 45px;
  font-size: 12px;
  color: #888888;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:before,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
  display: table;
  content: " ";
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
  clear: both;
}
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
  padding: 10px;
}
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > h3 {
  font-size: 14px;
  padding: 0;
  margin: 0 0 10px 0;
  color: #666666;
}
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > .progress {
  padding: 0;
  margin: 0;
}
.navbar-nav > .user-menu > .dropdown-menu {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 1px 0 0 0;
  border-top-width: 0;
  width: 280px;
}
.navbar-nav > .user-menu > .dropdown-menu:after {
  bottom: 100%;
  right: 10px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255,255,255,0);
  border-bottom-color: #ffffff;
  border-width: 10px;
  margin-left: -10px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
  height: 175px;
  padding: 10px;
  background: #3c8dbc;
  text-align: center;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
  z-index: 5;
  height: 90px;
  width: 90px;
  border: 8px solid;
  border-color: transparent;
  border-color: rgba(255,255,255,0.2);
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
  z-index: 5;
  color: #f9f9f9;
  color: rgba(255,255,255,0.8);
  font-size: 17px;
  text-shadow: 2px 2px 3px #333333;
  margin-top: 10px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {
  display: block;
  font-size: 12px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-body {
  padding: 15px;
  border-bottom: 1px solid #f4f4f4;
  border-top: 1px solid #dddddd;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-body:before,
.navbar-nav > .user-menu > .dropdown-menu > li.user-body:after {
  display: table;
  content: " ";
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-body:after {
  clear: both;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-body > div > a {
  color: #29abe2;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-footer {
  background-color: #f6f6f6;
  padding: 10px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-footer:before,
.navbar-nav > .user-menu > .dropdown-menu > li.user-footer:after {
  display: table;
  content: " ";
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-footer:after {
  clear: both;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-footer .btn-default {
  color: #666666;
}
.open > .dropdown-menu {
  animation-name: fadeAnimation;
  animation-duration: .3s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  -webkit-animation-name: fadeAnimation;
  -webkit-animation-duration: .3s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: fadeAnimation;
  -moz-animation-duration: .3s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: forwards;
}
@keyframes fadeAnimation {
  from {
    opacity: 0;
    top: 120%;
  }
  to {
    opacity: 1;
    top: 100%;
  }
}
@-webkit-keyframes fadeAnimation {
  from {
    opacity: 0;
    top: 120%;
  }
  to {
    opacity: 1;
    top: 100%;
  }
}
@media screen and (max-width: 767px) {
  .navbar-nav > .notifications-menu > .dropdown-menu,
  .navbar-nav > .user-menu > .dropdown-menu,
  .navbar-nav > .tasks-menu > .dropdown-menu,
  .navbar-nav > .messages-menu > .dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    left: auto;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    background: #ffffff;
  }
}
@media screen and (max-width: 480px) {
  .navbar-nav > .notifications-menu > .dropdown-menu > li.header:after,
  .navbar-nav > .tasks-menu > .dropdown-menu > li.header:after,
  .navbar-nav > .messages-menu > .dropdown-menu > li.header:after {
    border-width: 0px !important;
  }
  .navbar-nav > .tasks-menu > .dropdown-menu {
    position: absolute;
    right: -120px;
    left: auto;
  }
  .navbar-nav > .notifications-menu > .dropdown-menu {
    position: absolute;
    right: -170px;
    left: auto;
  }
  .navbar-nav > .messages-menu > .dropdown-menu {
    position: absolute;
    right: -210px;
    left: auto;
  }
}
.dropdown-input-wrapper {
  position: relative;
}
.dropdown-input-wrapper.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.dropdown-input-wrapper .dropdown-trigger {
  border: 0;
  background-color: transparent;
  cursor: pointer;
  padding: 0;
  padding: 7px 10px;
  gap: 8px;
  border-radius: 6px;
  border: 1px solid #E6E6E6;
  color: #404040;
  background-color: #FFFFFF;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.dropdown-input-wrapper .dropdown-trigger span {
  margin: 0 8px;
  font-size: 14px;
}
.dropdown-input-wrapper .dropdown-trigger i {
  font-size: 14px;
  color: #AAAAAA;
}
.dropdown-input-wrapper .dropdown-trigger img {
  width: 16px;
  height: 16px;
}
.dropdown-input-wrapper .dropdown-menu {
  position: absolute;
  z-index: 2300;
  left: 0%;
  top: auto !important;
  bottom: 40px;
  margin: 0;
  background-color: #FFFFFF;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  min-width: 250px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  max-height: 250px;
  min-height: 25px;
  overflow-y: auto;
  padding: 0;
}
.dropdown-input-wrapper .dropdown-menu .dropdown-group-label {
  padding: 5px 12px 0 12px;
  text-align: left;
  color: #666;
  font-size: 12px;
}
.dropdown-input-wrapper .dropdown-menu img.loader {
  display: block;
  width: 25px;
  height: 25px;
  margin: 0 auto;
}
.dropdown-input-wrapper .dropdown-menu .dropdown-item {
  display: block;
  padding: 8px 12px;
  text-align: left;
  color: #000000;
  font-size: 14px;
  text-decoration: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  gap: 8px;
  border: 0;
  background-color: transparent;
}
.dropdown-input-wrapper .dropdown-menu .dropdown-item:hover {
  text-decoration: none;
}
.dropdown-input-wrapper .dropdown-menu .dropdown-item i,
.dropdown-input-wrapper .dropdown-menu .dropdown-item img {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.dropdown-input-wrapper .dropdown-menu .dropdown-item:hover {
  background-color: #29abe2;
  color: #FFFFFF;
}
.dropdown-input-wrapper .dropdown-menu .dropdown-item:first-child {
  border-radius: 6px 6px 0 0;
}
.dropdown-input-wrapper .dropdown-menu .dropdown-item:last-child {
  border-radius: 0 0 6px 6px;
}
.dropdown-input-wrapper.open .dropdown-menu {
  display: block !important;
}
.form-control {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  box-shadow: none;
}
.form-control:focus {
  border-color: #29abe2 !important;
  box-shadow: none;
}
.form-group.has-success label {
  color: #67ab4f;
}
.form-group.has-success .form-control {
  border-color: #67ab4f !important;
  box-shadow: none;
}
.form-group.has-warning label {
  color: #f39c12;
}
.form-group.has-warning .form-control {
  border-color: #f39c12 !important;
  box-shadow: none;
}
.form-group.has-error label {
  color: #f56954;
}
.form-group.has-error .form-control {
  border-color: #f56954 !important;
  box-shadow: none;
}
.form-inline-edit-toggle {
  position: relative;
}
.form-inline-edit-toggle .dropdown-button .btn i {
  right: 30px !important;
}
.form-inline-edit-toggle > div.buttons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  position: absolute;
  right: 10px;
  top: 10px;
  gap: 5px;
}
.form-inline-edit-toggle > div.buttons button {
  padding: 0;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}
.months-box {
  display: flex;
  gap: 15px;
  text-align: center;
  width: 100%;
}
.months-box > div {
  min-width: 50px;
  flex: 1 1 auto;
}
.months-box > div input {
  width: 100%;
  text-align: center;
}
.months-box > button.remove {
  background-color: transparent;
  border: 0;
  align-self: center;
  padding: 0;
  margin-top: 25px;
  color: #b7b7b7;
}
.months-box > button.remove:hover {
  color: #f56954;
}
.input-group .input-group-addon {
  border-radius: 0;
  background-color: #f4f4f4;
}
.btn-group-vertical .btn.btn-flat:first-of-type,
.btn-group-vertical .btn.btn-flat:last-of-type {
  border-radius: 0;
}
.checkbox,
.radio {
  padding-left: 0;
}
.checkbox-list {
  display: inline-grid;
  grid-template-columns: auto auto auto auto;
  height: 100%;
  gap: 5px 20px;
}
@media (max-width: 991px) {
  .checkbox-list {
    grid-template-columns: auto auto;
  }
}
.checkbox-list.cols-6 {
  grid-template-columns: auto auto auto auto auto auto;
}
@media (max-width: 1440px) {
  .checkbox-list.cols-6 {
    grid-template-columns: auto auto auto auto;
  }
}
@media (max-width: 991px) {
  .checkbox-list.cols-6 {
    grid-template-columns: auto auto;
  }
}
.checkbox-list.cols-2 {
  grid-template-columns: auto auto;
}
@media (max-width: 1440px) {
  .checkbox-list.cols-2 {
    grid-template-columns: auto auto;
  }
}
@media (max-width: 991px) {
  .checkbox-list.cols-2 {
    grid-template-columns: auto;
  }
}
.more-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.more-wrapper .secondary {
  display: none !important;
}
.more-wrapper.all .secondary {
  display: inline-block !important;
}
.more-wrapper .list + button {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.more-wrapper .list + button i {
  margin-left: 5px;
  font-size: 11px;
}
.label-spaced-between {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.label-spaced-between button.right-icon i {
  margin-left: 5px;
}
.label-spaced-between button.left-icon i {
  margin-right: 5px;
}
.label-spaced-between button.strong {
  font-weight: bold;
}
label.textoslider {
  position: relative;
  top: 10px;
  margin-bottom: 0;
}
.native-slider-box {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  gap: 10px;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.native-slider-box .dropdown-button {
  min-width: 150px;
}
@media (max-width: 767px) {
  .native-slider-box .dropdown-button {
    min-width: 100px;
  }
}
.native-slider-box input[type="text"] {
  text-align: center;
  min-width: 80px;
  max-width: 80px;
}
input[type=range] {
  -webkit-appearance: none;
  margin: 10px 0;
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  background: #67ab4f;
  border-radius: 10px;
  border: 0 solid black;
}
input[type=range]::-webkit-slider-thumb {
  border: 0 solid white;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background: #333;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -5px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #75b55f;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  background: #67ab4f;
  border-radius: 10px;
  border: 0 solid black;
}
input[type=range]::-moz-range-progress {
  background-color: #67ab4f;
  height: 10px;
}
input[type=range]::-moz-range-track {
  background-color: #dedede;
}
input[type=range]::-moz-range-thumb {
  border: 0 solid white;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background: #333;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 20px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #5c9a47;
  border: 0 solid black;
  border-radius: 20px;
}
input[type=range]::-ms-fill-upper {
  background: #67ab4f;
  border: 0 solid black;
  border-radius: 20px;
}
input[type=range]::-ms-thumb {
  border: 0 solid white;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background: #333;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #67ab4f;
}
input[type=range]:focus::-ms-fill-upper {
  background: #75b55f;
}
.small-box {
  position: relative;
  display: block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin-bottom: 15px;
}
.small-box > .inner {
  padding: 10px;
}
.small-box > .small-box-footer {
  position: relative;
  text-align: center;
  padding: 3px 0;
  color: #fff;
  color: rgba(255,255,255,0.8);
  display: block;
  z-index: 10;
  background: rgba(0,0,0,0.1);
  text-decoration: none;
}
.small-box > .small-box-footer:hover {
  color: #fff;
  background: rgba(0,0,0,0.15);
}
.small-box h3 {
  font-size: 38px;
  font-weight: bold;
  margin: 0 0 10px 0;
  white-space: nowrap;
  padding: 0;
}
.small-box p {
  font-size: 15px;
}
.small-box p > small {
  display: block;
  color: #f9f9f9;
  font-size: 13px;
  margin-top: 5px;
}
.small-box h3,
.small-box p {
  z-index: 5px;
}
.small-box .icon {
  position: absolute;
  top: auto;
  bottom: 5px;
  right: 5px;
  z-index: 0;
  font-size: 90px;
  color: rgba(0,0,0,0.15);
}
.small-box:hover {
  text-decoration: none;
  color: #f9f9f9;
}
.small-box:hover .icon {
  animation-name: tansformAnimation;
  animation-duration: .5s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  -webkit-animation-name: tansformAnimation;
  -webkit-animation-duration: .5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: tansformAnimation;
  -moz-animation-duration: .5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: forwards;
}
@keyframes tansformAnimation {
  from {
    font-size: 90px;
  }
  to {
    font-size: 100px;
  }
}
@-webkit-keyframes tansformAnimation {
  from {
    font-size: 90px;
  }
  to {
    font-size: 100px;
  }
}
@media screen and (max-width: 480px) {
  .small-box {
    text-align: center;
  }
  .small-box .icon {
    display: none;
  }
  .small-box p {
    font-size: 12px;
  }
}
.box {
  position: relative;
  background: #ffffff;
  border-top: 2px solid #c1c1c1;
  margin-bottom: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 100%;
  box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
}
.box.box-primary {
  border-top-color: #3c8dbc;
}
.box.box-info {
  border-top-color: #00c0ef;
}
.box.box-danger {
  border-top-color: #f56954;
}
.box.box-warning {
  border-top-color: #f39c12;
}
.box.box-success {
  border-top-color: #67ab4f;
}
.box.height-control .box-body {
  max-height: 300px;
  overflow: auto;
}
.box .box-header {
  position: relative;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom: 0px solid #f4f4f4;
  color: #444;
}
.box .box-header:before,
.box .box-header:after {
  display: table;
  content: " ";
}
.box .box-header:after {
  clear: both;
}
.box .box-header > .fa,
.box .box-header > .glyphicon,
.box .box-header > .ion,
.box .box-header .box-title {
  display: inline-block;
  padding: 10px 10px 10px 10px;
  margin: 0;
  font-size: 20px;
  font-weight: 400;
  float: left;
  cursor: default;
}
.box .box-header a {
  color: #444;
}
.box .box-header > .box-tools {
  padding: 5px 10px 5px 5px;
}
.box .box-side {
  position: absolute;
  left: 0;
  padding-top: 15px;
  height: 100%;
}
.box .box-side a {
  float: left;
  color: #666;
  margin: 0 0 0 12px;
}
.box .box-body {
  padding: 10px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.box .box-body.left-padding {
  padding-left: 35px;
}
.box .box-body > table,
.box .box-body > .table {
  margin-bottom: 0;
}
.box .box-body.chart-responsive {
  width: 100%;
  overflow: hidden;
}
.box .box-body > .chart {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.box .box-body > .chart svg,
.box .box-body > .chart canvas {
  width: 100% !important;
}
.box .box-body .fc {
  margin-top: 5px;
}
.box .box-body .fc-header-title h2 {
  font-size: 15px;
  line-height: 1.6em;
  color: #666;
  margin-left: 10px;
}
.box .box-body .fc-header-right {
  padding-right: 10px;
}
.box .box-body .fc-header-left {
  padding-left: 10px;
}
.box .box-body .fc-widget-header {
  background: #fafafa;
  box-shadow: inset 0px -3px 1px rgba(0,0,0,0.02);
}
.box .box-body .fc-grid {
  width: 100%;
  border: 0;
}
.box .box-body .fc-widget-header:first-of-type,
.box .box-body .fc-widget-content:first-of-type {
  border-left: 0;
  border-right: 0;
}
.box .box-body .fc-widget-header:last-of-type,
.box .box-body .fc-widget-content:last-of-type {
  border-right: 0;
}
.box .box-body .table {
  margin-bottom: 0;
}
.box .box-body .full-width-chart {
  margin: -19px;
}
.box .box-body.no-padding .full-width-chart {
  margin: -9px;
}
.box .box-bottom {
  padding: 0 10px 10px 25px;
  color: #666;
}
.box .box-bottom i {
  padding-right: 5px;
}
.box .box-footer {
  border-top: 1px solid #f4f4f4;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 10px;
  background-color: #fff;
}
.box.box-solid {
  border-top: 0px;
}
.box.box-solid > .box-header {
  padding-bottom: 0px !important;
}
.box.box-solid > .box-header .btn.btn-default {
  background: transparent;
}
.box.box-solid.box-primary > .box-header {
  color: #fff;
  background: #3c8dbc;
  background-color: #3c8dbc;
}
.box.box-solid.box-primary > .box-header a {
  color: #444;
}
.box.box-solid.box-info > .box-header {
  color: #fff;
  background: #00c0ef;
  background-color: #00c0ef;
}
.box.box-solid.box-info > .box-header a {
  color: #444;
}
.box.box-solid.box-danger > .box-header {
  color: #fff;
  background: #f56954;
  background-color: #f56954;
}
.box.box-solid.box-danger > .box-header a {
  color: #444;
}
.box.box-solid.box-warning > .box-header {
  color: #fff;
  background: #f39c12;
  background-color: #f39c12;
}
.box.box-solid.box-warning > .box-header a {
  color: #444;
}
.box.box-solid.box-success > .box-header {
  color: #fff;
  background: #67ab4f;
  background-color: #67ab4f;
}
.box.box-solid.box-success > .box-header a {
  color: #444;
}
.box.box-solid > .box-header > .box-tools .btn {
  border: 0;
  box-shadow: none;
}
.box.box-solid.collapsed-box .box-header {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.box.box-solid[class*='bg'] > .box-header {
  color: #fff;
}
.box .box-group > .box {
  margin-bottom: 5px;
}
.box .knob-label {
  text-align: center;
  color: #333;
  font-weight: 100;
  font-size: 12px;
  margin-bottom: 0.3em;
}
.box .todo-list {
  margin: 0;
  padding: 0px 0px;
  list-style: none;
}
.box .todo-list > li {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 10px;
  background: #f3f4f5;
  margin-bottom: 2px;
  border-left: 2px solid #e6e7e8;
  color: #444;
}
.box .todo-list > li:last-of-type {
  margin-bottom: 0;
}
.box .todo-list > li.danger {
  border-left-color: #f56954;
}
.box .todo-list > li.warning {
  border-left-color: #f39c12;
}
.box .todo-list > li.info {
  border-left-color: #00c0ef;
}
.box .todo-list > li.success {
  border-left-color: #67ab4f;
}
.box .todo-list > li.primary {
  border-left-color: #3c8dbc;
}
.box .todo-list > li > input[type='checkbox'] {
  margin: 0 10px 0 5px;
}
.box .todo-list > li .text {
  display: inline-block;
  margin-left: 5px;
  font-weight: 600;
}
.box .todo-list > li .label {
  margin-left: 10px;
  font-size: 9px;
}
.box .todo-list > li .tools {
  display: none;
  float: right;
  color: #f56954;
}
.box .todo-list > li .tools > .fa,
.box .todo-list > li .tools > .glyphicon,
.box .todo-list > li .tools > .ion {
  margin-right: 5px;
  cursor: pointer;
}
.box .todo-list > li:hover .tools {
  display: inline-block;
}
.box .todo-list > li.done {
  color: #999;
}
.box .todo-list > li.done .text {
  text-decoration: line-through;
  font-weight: 500;
}
.box .todo-list > li.done .label {
  background: #eaeaec !important;
}
.box .todo-list .handle {
  display: inline-block;
  cursor: move;
  margin: 0 5px;
}
.box .chat {
  padding: 5px 20px 5px 10px;
}
.box .chat .item {
  margin-bottom: 10px;
}
.box .chat .item:before,
.box .chat .item:after {
  display: table;
  content: " ";
}
.box .chat .item:after {
  clear: both;
}
.box .chat .item > img {
  width: 40px;
  height: 40px;
  border: 2px solid transparent;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}
.box .chat .item > img.online {
  border: 2px solid #67ab4f;
}
.box .chat .item > img.offline {
  border: 2px solid #f56954;
}
.box .chat .item > .message {
  margin-left: 55px;
  margin-top: -40px;
}
.box .chat .item > .message > .name {
  display: block;
  font-weight: 600;
}
.box .chat .item > .attachment {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #f0f0f0;
  margin-left: 65px;
  margin-right: 15px;
  padding: 10px;
}
.box .chat .item > .attachment > h4 {
  margin: 0 0 5px 0;
  font-weight: 600;
  font-size: 14px;
}
.box .chat .item > .attachment > p,
.box .chat .item > .attachment > .filename {
  font-weight: 600;
  font-size: 13px;
  font-style: italic;
  margin: 0;
}
.box .chat .item > .attachment:before,
.box .chat .item > .attachment:after {
  display: table;
  content: " ";
}
.box .chat .item > .attachment:after {
  clear: both;
}
.box > .overlay,
.box > .loading-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.box > .overlay {
  z-index: 1010;
  background: rgba(255,255,255,0.7);
}
.box > .overlay.dark {
  background: rgba(0,0,0,0.5);
}
.box > .loading-img {
  z-index: 1020;
  background: transparent url('../img/ajax-loader1.gif') 50% 50% no-repeat;
}
.btn {
  font-weight: 500;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid transparent;
  -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0,0,0,0.09);
  -moz-box-shadow: inset 0px -2px 0px 0px rgba(0,0,0,0.09);
  box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,0.09);
}
.btn.btn-default {
  background-color: #fafafa;
  color: #666;
  border-color: #ddd;
  border-bottom-color: #ddd;
}
.btn.btn-default:hover,
.btn.btn-default:active,
.btn.btn-default.hover {
  background-color: #f4f4f4 !important;
}
.btn.btn-default.btn-flat {
  border-bottom-color: #d9dadc;
}
.btn.btn-primary {
  background-color: #3c8dbc;
  border-color: #367fa9;
}
.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary.hover {
  background-color: #367fa9;
}
.btn.btn-google {
  transition: background-color .3s, box-shadow .3s;
  padding: 12px 16px 12px 42px;
  border: none;
  border-radius: 3px;
  box-shadow: 0 -1px 0 rgba(0,0,0,0.04), 0 1px 1px rgba(0,0,0,0.25);
  color: #757575;
  font-size: 14px;
  font-weight: 500;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
  background-color: white;
  background-repeat: no-repeat;
  background-position: 12px 11px;
}
.btn.btn-google:hover {
  box-shadow: 0 -1px 0 rgba(0,0,0,0.04), 0 2px 4px rgba(0,0,0,0.25);
}
.btn.btn-success {
  background-color: #67ab4f;
  border-color: #67ab4f;
}
.btn.btn-success:hover,
.btn.btn-success:active,
.btn.btn-success.hover {
  background-color: #5c9a47;
}
.btn.btn-success-outline {
  background-color: transparent;
  border-color: #67ab4f;
  color: #67ab4f;
}
.btn.btn-success-outline:hover,
.btn.btn-success-outline:active,
.btn.btn-success-outline.hover {
  background-color: #52883f;
  color: #FFFFFF;
}
.btn.btn-info {
  background-color: #29abe2;
  border-color: #1d9ed5;
}
.btn.btn-info:hover,
.btn.btn-info:active,
.btn.btn-info.hover {
  background-color: #1d9ed5;
}
.btn.btn-danger {
  background-color: #f56954;
  border-color: #f4543c;
}
.btn.btn-danger:hover,
.btn.btn-danger:active,
.btn.btn-danger.hover {
  background-color: #f4543c;
}
.btn.btn-warning {
  background-color: #f39c12;
  border-color: #e08e0b;
}
.btn.btn-warning:hover,
.btn.btn-warning:active,
.btn.btn-warning.hover {
  background-color: #e08e0b;
}
.btn.btn-warning-outline {
  background-color: transparent;
  border-color: #e08e0b;
  color: #e08e0b;
}
.btn.btn-warning-outline:hover,
.btn.btn-warning-outline:active,
.btn.btn-warning-outline.hover {
  background-color: #c87f0a;
  color: #FFFFFF;
}
.btn.btn-flat {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-width: 1px;
}
.btn:active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.btn:focus {
  outline: none;
}
.btn.btn-file {
  position: relative;
  width: 120px;
  height: 35px;
  overflow: hidden;
}
.btn.btn-file > input[type='file'] {
  display: block !important;
  width: 100% !important;
  height: 35px !important;
  opacity: 0 !important;
  position: absolute;
  top: -10px;
  cursor: pointer;
}
.btn.btn-app {
  position: relative;
  padding: 15px 5px;
  margin: 0 0 10px 10px;
  min-width: 80px;
  height: 60px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  text-align: center;
  color: #666;
  border: 1px solid #ddd;
  background-color: #fafafa;
  font-size: 12px;
}
.btn.btn-app > .fa,
.btn.btn-app > .glyphicon,
.btn.btn-app > .ion {
  font-size: 20px;
  display: block;
}
.btn.btn-app:hover {
  background: #f4f4f4;
  color: #444;
  border-color: #aaa;
}
.btn.btn-app:active,
.btn.btn-app:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.btn.btn-app > .badge {
  position: absolute;
  top: -3px;
  right: -10px;
  font-size: 10px;
  font-weight: 400;
}
.btn.btn-social-old {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  opacity: 0.9;
  padding: 0;
}
.btn.btn-social-old > .fa {
  padding: 10px 0;
  width: 40px;
}
.btn.btn-social-old > .fa + span {
  border-left: 1px solid rgba(255,255,255,0.3);
}
.btn.btn-social-old span {
  padding: 10px;
}
.btn.btn-social-old:hover {
  opacity: 1;
}
.btn.btn-circle {
  width: 30px;
  height: 30px;
  line-height: 30px;
  padding: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.btn.btn-link,
.btn.btn-text {
  border: 0;
  background: transparent;
  padding: 0 !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #29abe2;
}
.btn.no-padding {
  padding: 0;
}
.btn.btn-text {
  color: #666;
}
.btn.btn-icon-left {
  display: flex;
  justify-content: center;
  gap: 5px;
  align-items: center;
}
.btn.copy-url-btn {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 0;
  background-color: transparent;
  border: 0;
  font-size: 13px;
  box-shadow: none;
  min-height: 0 !important;
}
.button-multi-action {
  position: relative;
  display: inline-flex;
  align-items: stretch;
}
.button-multi-action.open {
  z-index: 2;
}
.button-multi-action-main {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background: #2db5c9;
  border-color: #26a0b2;
  color: #fff;
  padding-left: 14px;
  padding-right: 14px;
}
.button-multi-action-main:hover,
.button-multi-action-main:focus {
  background: #26a0b2;
  border-color: #228fa0;
  color: #fff;
}
.button-multi-action-caret {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 6px 10px;
  background: #2db5c9;
  border-color: #26a0b2;
  color: #fff;
}
.button-multi-action-caret:hover,
.button-multi-action-caret:focus {
  background: #26a0b2;
  color: #fff;
}
.button-multi-action-menu {
  position: absolute;
  left: 0;
  bottom: 100%;
  margin-bottom: 4px;
  min-width: 100%;
  padding: 6px 0;
  margin-left: 0;
  list-style: none;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.12);
}
.button-multi-action-menu a,
.button-multi-action-menu button {
  display: block;
  padding: 8px 14px;
  font-size: 13px;
  color: #333;
  white-space: nowrap;
  border: 0;
  background: transparent;
  text-align: left;
  width: 100%;
  cursor: pointer;
}
.button-multi-action-menu a:hover,
.button-multi-action-menu button:hover {
  background: #f5f5f5;
  text-decoration: none;
}
.button-multi-action.open .button-multi-action-caret i {
  transform: rotate(180deg);
}
.button-multi-action.open-left .button-multi-action-menu {
  left: auto;
  right: 0;
}
.button-multi-action.success .button-multi-action-main {
  background-color: #67ab4f;
  border-color: #67ab4f;
  color: #fff;
}
.button-multi-action.success .button-multi-action-main:hover,
.button-multi-action.success .button-multi-action-main:focus {
  background: #5c9a47;
  color: #fff;
}
.button-multi-action.success .button-multi-action-caret {
  background: #52883f;
  border-color: #23963e;
  color: #fff;
}
.button-multi-action.success .button-multi-action-caret:hover,
.button-multi-action.success .button-multi-action-caret:focus {
  background: #3d652f;
  color: #fff;
}
.form-box {
  width: 360px;
  margin: 90px auto 0 auto;
  color: #666;
}
.form-box .header {
  position: relative;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: transparent;
  text-align: center;
  font-size: 26px;
  font-family: "Lobster", cursive;
  font-weight: 500;
  margin-bottom: 25px;
}
.form-box .header .logo-icon {
  display: block;
  position: relative;
  margin: 0 auto;
  width: 56px;
  height: 70px;
  background-image: url("../img/logo_auth.png");
}
.form-box .body,
.form-box .footer {
  padding: 10px 20px;
  background-color: #FFFFFF;
  color: #666;
}
.form-box .body .callout,
.form-box .footer .callout {
  margin-top: 10px;
}
.form-box .body > .form-group,
.form-box .footer > .form-group {
  margin-top: 20px;
}
.form-box .body > .form-group > input,
.form-box .footer > .form-group > input {
  border: #fff;
}
.form-box .body > .btn,
.form-box .footer > .btn {
  margin: 10px 0;
  background-color: #29abe2;
  color: #FFFFFF;
  padding: 12px;
}
.form-box .body .form-group input[type=text],
.form-box .body .form-group input[type=password],
.form-box .body .form-group input[type=email],
.form-box .footer .form-group input[type=text],
.form-box .footer .form-group input[type=password],
.form-box .footer .form-group input[type=email] {
  border: 1px solid #dddddd;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
  padding: 12px;
  height: 42px;
}
.form-box .body label,
.form-box .footer label {
  font-weight: normal;
  cursor: pointer;
  padding-left: 10px;
  display: inline;
  padding-left: 15px;
}
.form-box .body input[type=checkbox],
.form-box .footer input[type=checkbox] {
  position: relative;
  top: 1px;
  left: 2px;
}
.form-box .body {
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-box .footer {
  border-top: 1px solid #dddddd;
  padding-top: 10px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.form-box .footer .forgot {
  left: 0;
}
.form-box .footer .register {
  float: right;
  color: #333;
}
.form-box .footer > img.loader {
  margin: 10px auto;
  width: 30px;
}
.form-box .social {
  margin: 20px;
}
.form-box .social span {
  display: block;
  margin-bottom: 5px;
}
.callout {
  margin: 0 0 20px 0;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #eee;
}
.callout h4 {
  margin-top: 0;
  margin-bottom: 0;
  color: #333;
}
.callout p:last-child {
  margin-bottom: 0;
  margin-top: 10px;
  color: #333;
}
.callout code,
.callout .highlight {
  background-color: #fff;
}
.callout.cta {
  padding-right: 15px !important;
}
.callout.cta a {
  color: inherit;
  margin-left: 15px;
}
.callout.no-mb {
  margin-bottom: 0;
}
.callout.callout-danger {
  background-color: #fcf2f2;
  border-color: #dFb5b4;
}
.callout.callout-warning {
  background-color: #fefbed;
  border-color: #f1e7bc;
}
.callout.callout-archive {
  background-color: #fff3e9;
  border-color: #FF851B;
}
.callout.callout-info {
  background-color: #f0f7fd;
  border-color: #d0e3f0;
}
.callout.callout-danger h4 {
  color: #B94A48;
}
.callout.callout-warning h4 {
  color: #C09853;
}
.callout.callout-info h4 {
  color: #3A87AD;
}
input[type=checkbox] {
  display: none;
}
input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block;
}
input[type=checkbox] + label:before {
  content: "\f096";
  position: absolute;
  left: 0;
}
input[type=checkbox] + label:before {
  letter-spacing: 10px;
}
input[type=checkbox]:checked + label:before {
  content: "\f14a";
  color: green;
}
input[type=checkbox].checked + label:before {
  content: "\f14a";
  color: green;
}
input[type=checkbox]:disabled + label {
  color: #dedede;
}
input[type=checkbox].disabled:checked + label:before {
  content: "\f14a";
  color: gray;
}
input[type=checkbox].disabled.checked + label:before {
  content: "\f14a";
  color: gray;
}
input[type=checkbox]:checked + label:before {
  letter-spacing: 10px;
}
input[type=checkbox] + label {
  position: relative;
  padding-left: 20px;
}
input[type=radio] {
  display: none;
}
input[type=radio] + label:before {
  font-family: FontAwesome;
  display: inline-block;
}
input[type=radio] + label:before {
  content: "\f1db";
}
input[type=radio] + label:before {
  letter-spacing: 10px;
}
input[type=radio]:checked + label:before {
  content: "\f111 ";
  color: green;
}
input[type=radio]:checked + label:before {
  letter-spacing: 10px;
}
.form .radio-button-big-wrapper {
  display: flex;
  gap: 10px;
}
.form .radio-button-big-wrapper input[type=radio] + label {
  border: 1px solid #dddddd;
  padding: 6px 12px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-size: 14px;
  color: #333;
  margin: 0;
}
.form .radio-button-big-wrapper input[type=radio] + label i {
  margin-right: 5px;
}
.form .radio-button-big-wrapper input[type=radio] + label i:last-of-type {
  margin-left: 5px;
}
.form .radio-button-big-wrapper input[type=radio] + label:before {
  content: "";
}
.form .radio-button-big-wrapper input[type=radio]:checked + label {
  border: 1px solid #67ab4f;
  outline: none;
}
.form .radio-button-big-wrapper:not(.hide-indicator) input[type=radio] + label:before {
  content: "\f1db";
  letter-spacing: 10px;
}
.form .radio-button-big-wrapper:not(.hide-indicator) input[type=radio]:checked + label:before {
  content: "\f111 ";
  color: green;
}
.progress.sm {
  height: 10px;
}
.progress.xs {
  height: 7px;
}
.progress.vertical {
  position: relative;
  width: 30px;
  height: 200px;
  display: inline-block;
  margin-right: 10px;
}
.progress.vertical > .progress-bar {
  width: 100% !important;
  position: absolute;
  bottom: 0;
}
.progress.vertical.sm {
  width: 20px;
}
.progress.vertical.xs {
  width: 10px;
}
.table tr > td .progress {
  margin: 0;
}
.progress-bar-light-blue,
.progress-bar-primary {
  background-color: #3c8dbc;
}
.progress-striped .progress-bar-light-blue,
.progress-striped .progress-bar-primary {
  background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,0.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,0.15)),color-stop(.75,rgba(255,255,255,0.15)),color-stop(.75,transparent),to(transparent));
  background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
}
.progress-bar-green,
.progress-bar-success {
  background-color: #67ab4f;
}
.progress-striped .progress-bar-green,
.progress-striped .progress-bar-success {
  background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,0.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,0.15)),color-stop(.75,rgba(255,255,255,0.15)),color-stop(.75,transparent),to(transparent));
  background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
}
.progress-bar-aqua,
.progress-bar-info {
  background-color: #00c0ef;
}
.progress-striped .progress-bar-aqua,
.progress-striped .progress-bar-info {
  background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,0.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,0.15)),color-stop(.75,rgba(255,255,255,0.15)),color-stop(.75,transparent),to(transparent));
  background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
}
.progress-bar-yellow,
.progress-bar-warning {
  background-color: #f39c12;
}
.progress-striped .progress-bar-yellow,
.progress-striped .progress-bar-warning {
  background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,0.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,0.15)),color-stop(.75,rgba(255,255,255,0.15)),color-stop(.75,transparent),to(transparent));
  background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
}
.progress-bar-red,
.progress-bar-danger {
  background-color: #f56954;
}
.progress-striped .progress-bar-red,
.progress-striped .progress-bar-danger {
  background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,0.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,0.15)),color-stop(.75,rgba(255,255,255,0.15)),color-stop(.75,transparent),to(transparent));
  background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
}
.timeline {
  position: relative;
  margin: 45px 0 30px 0;
  padding: 0;
  list-style: none;
}
.timeline:before {
  content: '';
  position: absolute;
  top: 0px;
  bottom: -50px;
  width: 1px;
  background: #eee;
  left: 50px;
  border: 0;
  margin: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.timeline > li {
  position: relative;
  margin-right: 10px;
  margin-bottom: 35px;
}
.timeline > li:before,
.timeline > li:after {
  display: table;
  content: " ";
}
.timeline > li:after {
  clear: both;
}
.timeline > li > .timeline-item {
  margin-top: 0;
  background: #FFFFFF;
  color: #555;
  margin-left: 90px;
  margin-right: 15px;
  padding: 2px 5px;
  position: relative;
  border: 1px solid #dddddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.timeline > li > .timeline-item > .right-col {
  color: #b7b7b7;
  float: right;
  margin: 10px 10px 0 0;
}
.timeline > li > .timeline-item > .right-col a {
  color: #b7b7b7;
  float: right;
  margin: 5px 0 0 10px;
}
.timeline > li > .timeline-item > .timeline-body {
  padding: 10px 60px 10px 10px;
}
.timeline > li > .timeline-item > .timeline-bottom {
  padding: 0 0 10px 10px;
  text-align: left;
  font-style: italic;
  font-size: 12px;
}
.timeline > li > .timeline-item strong,
.timeline > li > .timeline-item a {
  font-weight: bold;
  color: #29abe2;
}
.timeline > li > .timeline-item .quote {
  margin: 20px 0 10px 20px;
  padding-left: 15px;
  border-left: 3px solid #ccc;
  line-height: 160%;
}
.timeline > li.time-label {
  font-weight: bold;
  color: #c5c5c5;
  padding: 10px;
  display: inline-block;
  background-color: #FFFFFF;
  border: 2px solid #c5c5c5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.timeline > li > .fa {
  box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  width: 40px;
  height: 40px;
  font-size: 15px;
  line-height: 40px;
  position: absolute;
  color: #666;
  background: #eee;
  border-radius: 50%;
  text-align: center;
  left: 30px;
  top: 0;
}
.vroce-stranke-badge i {
  margin-right: 5px;
  color: #000000;
}
.vroce-stranke-badge i.fa-fire {
  color: #f39c12;
}
.vroce-stranke-badge i.free {
  cursor: pointer;
}
.vroce-stranke-badge i.free.fa-fire {
  color: #000000;
}
.rates {
  float: left;
  position: relative;
  margin: 5px 0 0 20px;
  min-width: 90px;
}
.rates > input[type=radio] + label {
  color: #ddd;
  float: right;
  cursor: pointer;
  padding: 0;
}
.rates > input[type=radio] + label:before {
  font-size: 20px;
  font-family: 'FontAwesome';
  display: inline-block;
  content: "\f005";
}
.rates > button {
  float: right;
  display: none;
}
.rates > button:hover {
  text-decoration: underline;
}
.rates:hover > button {
  display: block;
  border: 0;
  background-color: transparent;
  font-size: 11px;
  line-height: 28px;
}
.rates > input {
  display: none;
}
.rates:not(.readonly) > input:checked ~ label,
.rates:not(.readonly) > input:checked ~ label:before,
.rates:not(.readonly):not(:checked) > label:hover,
.rates:not(.readonly):not(:checked) > label:hover ~ label {
  color: #fcc334;
}
.rates:not(.readonly) > input:checked + label:hover,
.rates:not(.readonly) > input:checked ~ label:hover,
.rates:not(.readonly) > label:hover ~ input:checked ~ label,
.rates:not(.readonly) > input:checked ~ label:hover ~ label {
  color: #fcc334;
}
.rates.readonly > input[type=radio] + label {
  cursor: default;
}
.rates.readonly > input[type=radio]:checked ~ label,
.rates.readonly > input[type=radio]:checked + label,
.rates.readonly > input[type=radio]:checked + label:before {
  color: #fcc334;
}
.rates + .rate-type {
  display: block;
  clear: both;
  float: left;
}
.rates.buyer {
  margin: 5px 0 0 0;
}
@media (max-width: 767px) {
  .rates.buyer {
    margin: 0 0 10px -2px;
  }
}
.rate-box {
  width: 100%;
  float: left;
}
.rate-box:not(:last-of-type) {
  margin-bottom: 15px;
}
.rate-box .rates {
  margin: 0;
}
.form-list .list-owned {
  display: inline-flex;
  gap: 5px;
  margin-right: 5px;
}
.form-list .list-owned i.fa {
  margin: 0;
}
.form-list .list-owned i.fa.fa-lock {
  color: #f56954;
}
.form-list .list-owned i.fa.fa-lock.mine {
  color: #67ab4f;
}
.form-list .list-owned i.fa.fa-star {
  color: #f39c12;
}
.form-list table.table-results td.name,
.form-list table.project-list td.name {
  padding-left: 70px;
}
.form-list table.table-results td.name .icon:not(.circle),
.form-list table.table-results td.name .crop,
.form-list table.project-list td.name .icon:not(.circle),
.form-list table.project-list td.name .crop {
  width: 45px;
  height: 45px;
  margin: auto !important;
}
.form-list table.table-results td.name .icon:not(.circle),
.form-list table.project-list td.name .icon:not(.circle) {
  background-position: top center;
  background-size: 45px 45px;
}
.form-list table.table-results td.name .crop img,
.form-list table.project-list td.name .crop img {
  width: 45px;
  height: 45px;
  margin: auto !important;
}
.form-list table td {
  color: #333 !important;
}
.form-list table td a,
.form-list table td span,
.form-list table td span:last-child,
.form-list table td span:first-child {
  color: inherit !important;
}
.form-list table td.action a {
  color: #666 !important;
}
.form-list table.project-list td.name {
  padding-left: 70px;
}
.form-list table.project-list td.name .crop {
  margin-left: 10px !important;
}
.form-list table.item-list td {
  height: 120px;
}
.form-list table.item-list td.name {
  margin-left: 10px;
  width: 40%;
  padding: 10px 0 10px 120px;
}
.form-list table.item-list td.name .icon:not(.circle),
.form-list table.item-list td.name .crop {
  width: 100px;
  height: 100px;
  margin: auto auto auto 8px;
}
.form-list table.item-list td.name .icon:not(.circle) {
  background-position: top center;
  background-size: 100px 100px;
}
.form-list table.item-list td.name .crop img {
  width: 100px;
  height: 100px;
  margin: auto !important;
}
.form-list table.item-list td.name .customer {
  display: block;
  clear: both;
  padding-top: 10px;
  font-size: 13px;
  line-height: 150%;
}
.form-list table.item-list td.name.short {
  min-width: 110px;
  width: auto;
  padding: 10px;
}
.form-list table.item-list td .price-type {
  display: block;
  font-size: 14px;
}
.form-list table.item-list td .list-tags {
  left: 63px;
}
@media (max-width: 1280px) {
  .form-list table.item-list td {
    height: 100px;
  }
  .form-list table.item-list td.name {
    padding-left: 100px;
    width: 30%;
  }
  .form-list table.item-list td.name .icon:not(.circle),
  .form-list table.item-list td.name .crop {
    width: 80px;
    height: 80px;
  }
  .form-list table.item-list td.name .icon:not(.circle) {
    background-size: 80px 80px;
  }
  .form-list table.item-list td.name .crop img {
    width: 80px;
    height: 80px;
  }
  .form-list table.item-list td .list-tags {
    left: 45px;
  }
}
@media (max-width: 768px) {
  .form-list table.item-list td {
    height: 110px;
  }
  .form-list table.item-list td.name {
    padding-left: 100px;
  }
  .form-list table.item-list td.name .icon:not(.circle),
  .form-list table.item-list td.name .crop {
    width: 80px;
    height: 80px;
    margin: auto;
  }
  .form-list table.item-list td.name .status-name-box {
    padding-left: 0;
  }
  .form-list table.item-list td.name .icon:not(.circle) {
    background-size: 80px 80px;
  }
  .form-list table.item-list td.name .crop img {
    width: 80px;
    height: 80px;
  }
  .form-list table.item-list td .list-tags {
    left: 45px;
    bottom: 17px;
  }
}
.form-list table.item-list.compact td {
  height: auto;
}
.form-list table.item-list.compact td.name .icon:not(.circle),
.form-list table.item-list.compact td.name .crop {
  width: 50px;
  height: 50px;
}
.form-list table.item-list.compact td.name .icon:not(.circle) {
  background-size: 50px 50px;
}
.form-list table.item-list.compact td.name .crop img {
  width: 50px;
  height: 50px;
}
.form-list .agents-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.form-list .agents-list .agent {
  position: relative;
}
.form-list .agents-list .agent + .agent {
  margin-left: -15px;
}
.form-list .agents-list .agent:nth-child(1) {
  z-index: 10;
}
.form-list .agents-list .agent:nth-child(2) {
  z-index: 9;
}
.form-list .agents-list .agent:nth-child(3) {
  z-index: 8;
}
.form-list .agents-list .agent:nth-child(4) {
  z-index: 7;
}
.form-list .agents-list .agent:nth-child(5) {
  z-index: 6;
}
.form-list .agents-list .agent:nth-child(6) {
  z-index: 5;
}
.form-list .agents-list .agent:nth-child(7) {
  z-index: 4;
}
.form-list .agents-list .agent:nth-child(8) {
  z-index: 3;
}
.form-list .agents-list .agent:nth-child(9) {
  z-index: 2;
}
.form-list .agents-list .agent:nth-child(10) {
  z-index: 1;
}
.form-list .agents-list img,
.form-list .agents-list span {
  display: block;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  max-width: none !important;
  text-align: center;
  line-height: 37px;
}
.form-list .agents-list span {
  border: 1px solid #AAAAAA;
  background-color: #FFFFFF;
}
.body.defheight {
  min-height: 70vh;
}
.body.scrollable {
  overflow: auto;
}
.table.table-hover .list-tags {
  right: auto;
  left: 6px;
  bottom: 12px;
}
.table.table-hover .list-tags span {
  width: 15px;
  height: 15px;
}
.table.table-hover .list-tags span i.fa {
  font-size: 11px;
}
.table.table-hover.ellipsis-td {
  width: 100%;
}
.table.table-hover.ellipsis-td tr.expanded .filters {
  left: 10px;
  top: 60px;
}
@media (max-width: 767px) {
  .table.table-hover.ellipsis-td tr td.name {
    padding-top: 0;
  }
}
.table.table-hover.ellipsis-td tr td.opportunities a {
  display: inline-block;
  padding: 3px;
}
.table.table-hover.ellipsis-td tr td.opportunities a.yes {
  background-color: #67ab4f;
  color: #FFFFFF !important;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  min-width: 25px;
}
.table.table-hover.ellipsis-td tr td .limited-text {
  max-width: 120px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .table.table-hover.ellipsis-td tr td .limited-text {
    max-width: none;
  }
}
.table.table-hover.ellipsis-td tr td .clickable {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.table.table-hover.ellipsis-td tr td .limited {
  max-width: 0;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 150px;
}
.table.table-hover.ellipsis-td tr td .limited.longer {
  max-width: 250px;
}
.table.table-hover.ellipsis-td tr td .notes-short {
  font-size: 11px;
  display: block;
  font-style: italic;
  padding-left: 27px;
  line-height: 110%;
  margin: 4px 0 10px 0;
}
@media (max-width: 1440px) {
  .table.table-hover.ellipsis-td tr td .notes-short {
    padding-left: 0;
  }
}
@media (max-width: 768px) {
  .form-list table.table td.name {
    padding-top: 20px;
  }
}
.form-list table.table td .tag {
  display: inline-block;
  padding: .25em .6em;
  font-size: 75%;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  color: #212529;
  background-color: #f8f9fa;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.form-list table.table td .clickable {
  cursor: pointer;
}
.form-list table.table td i.fa {
  position: relative;
  margin-left: 5px;
  top: 1px;
}
.form-list table.table td .filters {
  position: absolute;
  top: 55px;
  z-index: 10;
  left: 0;
  padding: 15px;
  background-color: #FFFFFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #dddddd;
  -webkit-box-shadow: 0px 0px 19px -6px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 19px -6px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 19px -6px rgba(0,0,0,0.75);
}
@media (max-width: 768px) {
  .form-list table.table td .filters {
    width: 90%;
    right: 0;
    margin: auto;
  }
}
.form-list table.table td .filters .list {
  max-width: 250px;
  overflow: auto;
  display: flex;
  justify-content: flex-start;
}
.form-list table.table td .filters .list.cnt-1 {
  max-width: 250px;
}
.form-list table.table td .filters .list.cnt-2 {
  max-width: 500px;
}
.form-list table.table td .filters .close {
  position: absolute;
  right: -10px;
  top: -10px;
  border: 0;
  cursor: pointer;
  background-color: #FFFFFF;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 18px;
  border: 1px solid #dddddd;
  font-size: 12px;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.form-list table.table td .filter-item {
  min-width: 200px;
}
.form-list table.table td .filter-item:not(:last-child) {
  margin-right: 15px;
  padding-right: 15px;
  border-right: 1px solid #dddddd;
}
.form-list table.table td .filter-item ul {
  margin-left: 0;
  padding-left: 25px;
}
.form-list table.table td .filter-item > div {
  margin-bottom: 15px;
}
.form-list table.table td.inline {
  position: initial;
  background-color: transparent;
  border: 0;
}
.form-list table.table td.inline .list {
  max-width: 415px;
  width: 100%;
}
.form-list table.table td.inline .filter-item {
  margin-top: 0;
}
@media (max-width: 767px) {
  .form-list .top {
    z-index: 1000;
  }
  .form-list .body {
    position: relative;
    z-index: 1;
  }
  .dynamic-list-table-wrapper {
    position: relative;
    z-index: 1;
  }
}
table.customer-list td .list-tags {
  width: 45px;
  left: 4px;
}
@media (max-width: 767px) {
  table.customer-list td .list-tags {
    left: 12px;
    bottom: 14px;
  }
}
.list-layout {
  padding: 15px;
}
.list-layout .top h1 {
  margin: 0 0 15px 0;
  font-size: 24px;
}
.list-layout .top .list-actions {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.list-layout .top .list-actions > * {
  margin-right: 10px;
}
.list-layout .top .list-actions > .btn {
  padding: 10px 20px;
}
.list-layout .top .list-actions > .dropdown-button.isexposed > .btn {
  border-color: #333;
  border-width: 2px;
}
.list-layout .top .list-actions > .dropdown-button > .btn {
  height: 42px;
  padding: 6px 20px 6px 6px;
}
.list-layout .top .list-actions > .dropdown-button > .btn i {
  margin-left: 10px;
}
.list-layout .top .list-actions > .dropdown-button > .btn img {
  margin-right: 10px;
}
.list-layout .top .list-actions > .dropdown-button > .btn:not(.default) {
  padding: 10px 20px;
}
.list-layout .top .list-actions > .dropdown-button.icon-only > .btn {
  padding: 10px;
}
.list-layout .top .list-actions > .dropdown-button.icon-only i {
  margin-left: 0;
  font-size: 20px;
}
.list-layout .top .list-actions > .dropdown-button .dropdown-menu {
  min-width: 170px;
}
.list-layout .top .list-actions > .dropdown-button .dropdown-menu .toggleSearch {
  background-color: transparent;
  border: 0;
  box-shadow: none;
  position: relative;
  width: 100%;
  text-align: left;
}
.list-layout .top .list-actions > .dropdown-button .dropdown-menu .toggleSearch:not(:last-child) {
  margin-bottom: 10px;
}
.list-layout .top .list-actions > .dropdown-button .dropdown-menu .toggleSearch i {
  position: absolute;
  right: 12px;
}
.list-layout .top .list-actions > .input-group input[type=text] {
  font-weight: 500;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid transparent;
  -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0,0,0,0.09);
  -moz-box-shadow: inset 0px -2px 0px 0px rgba(0,0,0,0.09);
  box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,0.09);
  height: 42px;
  background-color: #fafafa;
  color: #666;
  border-color: #ddd;
  border-bottom-color: #ddd;
  padding: 0 10px;
}
.list-layout .top .list-actions > .input-group input[type=text].date {
  width: 150px;
  text-align: center;
}
.list-layout .top .list-actions > .input-group.prepend-icon {
  position: relative;
}
.list-layout .top .list-actions > .input-group.prepend-icon i {
  position: absolute;
  left: 10px;
  top: 15px;
}
.list-layout .top .list-actions > .input-group.prepend-icon input[type=text] {
  padding-left: 15px;
}
@media (min-width: 769px) {
  .list-layout .top .list-actions > .input-group.prepend-icon + .prepend-icon:before {
    content: '-';
    position: absolute;
    top: 10px;
    left: -8px;
  }
}
.list-layout .top .list-actions > .input-group.cta-btn button {
  position: absolute;
  right: -5px;
  top: -5px;
  width: 15px;
  height: 15px;
  text-align: center;
  line-height: 15px;
  color: #FFFFFF;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 0;
  cursor: pointer;
  padding: 0;
  margin: 0;
}
.list-layout .top .list-actions > .input-group.cta-btn button i {
  position: relative;
  font-size: 9px;
  left: 0;
  top: -1px;
}
.list-layout .top .list-actions > .input-group.agent-dropdown > .btn img {
  margin-right: 0;
}
.list-layout .top .list-actions > .input-group.agent-dropdown > .btn span {
  margin-left: 10px;
}
.list-layout .top .list-actions > .input-group.isexposed input[type=text] {
  border-color: #333;
  border-width: 2px;
}
.list-layout .top .list-actions .quick-option > label {
  color: inherit;
  margin-top: 10px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .list-layout .top .list-actions {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .list-layout .top .list-actions > * {
    width: 100%;
    margin: 0 0 15px 0;
  }
  .list-layout .top .list-actions .input-group input[type=text].date,
  .list-layout .top .list-actions .input-group button,
  .list-layout .top .list-actions .input-group .dropdown-menu {
    width: 100%;
  }
}
.custom-mail-sender {
  float: left;
}
.custom-mail-sender .dropdown-box > button.btn img {
  width: 20px;
  margin: 0;
}
.custom-mail-sender .dropdown-box > button.btn i {
  margin-left: 5px;
}
.custom-mail-sender .dropdown-menu {
  width: 250px;
  padding: 15px;
}
.custom-mail-sender .dropdown-menu li {
  float: left;
  width: 100%;
  border-bottom: 1px solid #f4f4f4;
  padding: 5px 0;
}
.custom-mail-sender .dropdown-menu li:last-of-type {
  border: 0;
}
.custom-mail-sender .dropdown-menu label {
  float: left;
}
.custom-mail-sender .dropdown-menu label i {
  display: block;
  font-size: 12px;
  color: #f56954;
}
.custom-mail-sender .dropdown-menu label i.sent {
  color: #67ab4f;
}
.custom-mail-sender .dropdown-menu label i.pending {
  color: #FF851B;
}
.custom-mail-sender .dropdown-menu button.btn {
  float: right;
  min-height: auto;
  padding: 5px 10px;
  margin: 5px 0 0 0;
  background-color: transparent;
  border: 1px solid #c5c5c5;
  box-shadow: none;
}
.custom-mail-sender .dropdown-menu button.btn i {
  font-size: 14px;
}
.send-offer .dropdown-box > button.btn {
  border: 0;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin-right: 0;
  color: #666;
}
.send-offer .dropdown-box > button.btn > i {
  font-size: 14px;
}
.send-offer .dropdown-menu {
  padding: 0;
}
.send-offer .dropdown-menu li {
  padding: 5px;
}
.send-offer .dropdown-menu li:not(:last-child) {
  border-bottom: 1px solid #f4f4f4;
}
.send-offer .dropdown-menu li button {
  border: 0;
  background: transparent;
  box-shadow: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  justify-content: flex-start;
  text-align: left;
  align-items: flex-start;
}
.send-offer .dropdown-menu li button[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.send-offer .dropdown-menu li button i {
  position: relative;
  top: 3px;
}
.send-offer .dropdown-menu li button i.fa-mobile {
  font-size: 26px;
}
.send-offer .dropdown-menu li:hover {
  background-color: #f4f4f4;
}
.send-offer .client-group-container {
  margin: 15px 0;
  border: 1px solid #dddddd;
  border-radius: 4px;
  overflow: hidden;
}
.send-offer .client-group-container .client-group-header {
  background-color: #f5f5f5;
  padding: 8px 15px;
  font-weight: bold;
  border-bottom: 1px solid #dddddd;
}
.send-offer .client-group-container .client-group-header span {
  margin-left: 5px;
}
.send-offer .client-group-container .client-group-content {
  padding: 10px;
  max-height: 150px;
  overflow-y: auto;
}
.send-offer .client-group-container .client-group-content .client-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 5px 0;
  border-bottom: 1px solid #f4f4f4;
}
.send-offer .client-group-container .client-group-content .client-item:last-child {
  border-bottom: none;
}
.send-offer .client-group-container .client-group-content .client-item .client-info {
  display: flex;
  flex-direction: column;
  line-height: 1.4;
}
.send-offer .client-group-container .client-group-content .client-item .client-name {
  font-weight: bold;
  color: #000;
  font-size: 14px;
}
.send-offer .client-group-container .client-group-content .client-item .client-details {
  font-size: 12px;
  color: #555;
}
.send-offer .client-group-container .client-group-content .client-item .client-remove-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 2px 5px;
}
.send-offer .client-group-container .client-group-content .client-item .client-remove-btn img {
  width: 14px;
  height: 14px;
}
.send-offer .locale-selector {
  margin-bottom: 10px;
}
.send-offer .locale-selector label {
  display: block;
  margin-bottom: 5px;
  font-weight: 500;
}
.send-offer .locale-selector .locale-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.send-offer .locale-selector .locale-buttons .locale-button {
  padding: 6px 12px;
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: pointer;
  font-size: 12px;
  transition: background-color 0.2s ease;
}
.send-offer .locale-selector .locale-buttons .locale-button.active {
  background-color: #f5f5f5;
  border-color: #ccc;
  font-weight: 500;
}
.send-offer .locale-selector .locale-buttons .locale-button:hover {
  background-color: #f9f9f9;
}
.send-offer .modal {
  disabled: block;
  z-index: 11000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.8);
  color: #666;
  font-weight: normal;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.send-offer .modal .align {
  position: relative;
  min-height: 100px;
  width: 600px;
  padding: 20px 0;
  background-color: #FFFFFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.send-offer .modal .align > *:not(:last-child) {
  margin-bottom: 15px;
}
.send-offer .modal .align header,
.send-offer .modal .align footer,
.send-offer .modal .align main .section {
  padding: 0 30px;
}
.send-offer .modal .align header h2 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  color: #000000;
  font-size: 20px;
}
.send-offer .modal .align main {
  min-height: 0;
  max-height: 75vh;
  overflow: auto;
  position: relative;
}
.send-offer .modal .align main .section {
  position: relative;
}
.send-offer .modal .align main .whatsapp-loader-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100px;
}
.send-offer .modal .align main .whatsapp-loader-wrapper img {
  width: 32px;
  height: 32px;
}
.send-offer .modal .align main .form-group textarea {
  width: 100%;
  height: 150px;
  padding: 10px;
  border: 1px solid #dddddd;
}
.send-offer .modal .align main .form-group:last-child {
  margin-bottom: 0;
}
.send-offer .modal .align main .form-group .loading-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  width: 100%;
}
.send-offer .modal .align main .floating-card {
  user-select: none;
  left: 17%;
  position: relative;
  top: 20%;
  max-width: 360px;
  display: block;
  overflow: hidden;
  border-radius: 16px;
  box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
}
.send-offer .modal .align main .phone-frame {
  width: 360px;
  height: 600px;
  border: 1px solid #ddd;
  border-radius: 16px;
  background: url('/img/whatsapp/bg.jpg') no-repeat center center;
  background-size: cover;
  position: relative;
}
.send-offer .modal .align main .message-bubble {
  max-width: 300px;
  background-color: #ffffff;
  border-radius: 8px;
  padding: 10px;
  font-size: 12px;
  position: absolute;
  top: 80px;
  left: 10px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  text-align: justify;
}
.send-offer .modal .align main .message-bubble img.location-image {
  width: 100%;
  height: auto;
  border-radius: 5px;
}
.send-offer .modal .align main .location-details {
  text-align: left;
  padding: 5px 0;
  width: 100%;
}
.send-offer .modal .align main .location-details .address-name {
  font-weight: bold;
  font-size: 11px;
  margin: 0;
}
.send-offer .modal .align main .location-details .address {
  font-size: 11px;
  margin: 0;
}
.send-offer .modal .align main .footer-text {
  font-size: 11px;
  color: #888;
  margin-top: 8px;
  text-align: left;
  width: 100%;
}
.send-offer .modal .align main .message-bubble:before {
  content: '';
  position: absolute;
  top: 5px;
  left: -7px;
  border-width: 14px 14px 14px 0;
  border-style: solid;
  border-color: transparent #ffffff transparent transparent;
}
.send-offer .modal .align main .whatsapp-link-container {
  display: flex;
  align-items: center;
}
.send-offer .modal .align main .whatsapp-link-icon {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.send-offer .modal .align main .whatsapp-link {
  user-select: auto !important;
  text-decoration: underline;
  color: #5ea4ed;
  font-size: 12px;
}
.send-offer .modal .align main .input-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 95%;
  padding: 10px;
  background-color: transparent;
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
  gap: 8px;
}
.send-offer .modal .align main .input-oval {
  flex: 1;
  height: 40px;
  background-color: white;
  border-radius: 20px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  display: flex;
  align-items: center;
  opacity: 0.8;
  padding: 0 15px;
}
.send-offer .modal .align main .input-circle {
  min-width: 40px;
  height: 40px;
  background-color: #e1ffc7;
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.send-offer .modal .align main .input-circle img {
  width: 50%;
  height: 50%;
  object-fit: contain;
}
.send-offer .modal .align main .divider {
  width: 107%;
  height: 1px;
  background-color: gray;
  border: none;
  margin: 1px 0;
  border-radius: 0;
  opacity: 0.5;
}
.send-offer .modal .align main .right-align {
  float: right;
  margin-left: auto;
  margin-right: 0;
}
.send-offer .modal .align main .top-bar {
  width: 100%;
  height: 50px;
  background-color: #e1ffc7;
  position: absolute;
  top: 0;
  left: 0;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
.send-offer .modal .align main .top-bar-left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.send-offer .modal .align main .top-bar-right {
  display: flex;
  align-items: center;
  gap: 20px;
}
.send-offer .modal .align main .contact-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.send-offer .modal .align main .contact-name {
  color: black;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
}
.send-offer .modal .align main .contact-status {
  font-size: 12px;
  color: #888;
  line-height: 1.2;
}
.send-offer .modal .align main .nav-icon {
  width: 20px;
  height: 20px;
}
.send-offer .modal .align main .action-icon {
  width: 22px;
  height: 22px;
  opacity: 0.8;
  transition: opacity 0.2s ease;
}
.send-offer .modal .align footer {
  float: left;
  width: 100%;
}
.send-offer .modal .align footer .report {
  color: #666;
}
.send-offer .modal .align footer .report p {
  margin: 0;
  color: inherit;
}
.send-offer .modal .align footer .report ul {
  padding-left: 0;
  margin-bottom: 0;
  color: inherit;
}
.send-offer .modal .align footer .report ul li {
  list-style-type: none;
}
.send-offer .modal .align footer .report ul li i {
  margin-right: 5px;
}
.send-offer .modal .align footer .action {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #dddddd;
  margin: 0;
  padding-top: 20px;
}
.send-offer .modal .align footer .action .left-buttons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  justify-content: flex-start;
}
.send-offer .modal .align footer .action .right-buttons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  justify-content: flex-end;
}
.send-offer .modal .align footer .action .right-buttons .btn:not(:last-child) {
  margin-right: 10px;
}
.send-offer .modal .align footer .action .btn {
  padding: 6px 20px;
}
.send-offer .modal .align footer .action .btn.btn-primary {
  background-color: #29abe2;
}
.send-offer .modal .align footer .action .btn.btn-success.disabled {
  background-color: #b7b7b7;
  border: #dddddd;
}
.send-offer .modal .align footer .action .loader {
  width: 25px;
  margin-right: 10px;
}
.skin-blue .navbar {
  background-color: #3c8dbc;
}
.skin-blue .navbar .nav a {
  color: rgba(255,255,255,0.8);
}
.skin-blue .navbar .nav > li > a:hover,
.skin-blue .navbar .nav > li > a:active,
.skin-blue .navbar .nav > li > a:focus,
.skin-blue .navbar .nav .open > a,
.skin-blue .navbar .nav .open > a:hover,
.skin-blue .navbar .nav .open > a:focus {
  background: rgba(0,0,0,0.1);
  color: #f6f6f6;
}
.skin-blue .navbar .navbar-right > .nav {
  margin-right: 10px;
}
.skin-blue .navbar .sidebar-toggle .icon-bar {
  background: rgba(255,255,255,0.8);
}
.skin-blue .navbar .sidebar-toggle:hover .icon-bar {
  background: #f6f6f6 !important;
}
.skin-blue .logo {
  background-color: #367fa9;
  color: #f9f9f9;
}
.skin-blue .logo > a {
  color: #f9f9f9;
}
.skin-blue .logo:hover {
  background: #357ca5;
}
.skin-blue .right-side > .content-header {
  background: #fbfbfb;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.skin-blue .user-panel > .image > img {
  border: 1px solid #dfdfdf;
}
.skin-blue .user-panel > .info,
.skin-blue .user-panel > .info > a {
  color: #555;
}
.skin-blue .sidebar {
  border-bottom: 1px solid #fff;
}
.skin-blue .sidebar > .sidebar-menu > li {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #dbdbdb;
}
.skin-blue .sidebar > .sidebar-menu > li:first-of-type {
  border-top: 1px solid #dbdbdb;
}
.skin-blue .sidebar > .sidebar-menu > li:first-of-type > a {
  border-top: 1px solid #fff;
}
.skin-blue .sidebar > .sidebar-menu > li > a {
  margin-right: 1px;
}
.skin-blue .sidebar > .sidebar-menu > li > a:hover,
.skin-blue .sidebar > .sidebar-menu > li.active > a {
  color: #222;
  background: #f9f9f9;
}
.skin-blue .sidebar > .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #f6f6f6;
}
.skin-blue .left-side {
  background: #f4f4f4;
  -webkit-box-shadow: inset -3px 0px 8px -4px rgba(0,0,0,0.1);
  -moz-box-shadow: inset -3px 0px 8px -4px rgba(0,0,0,0.1);
  box-shadow: inset -3px 0px 8px -4px rgba(0,0,0,0.07);
}
.skin-blue .sidebar a {
  color: #555;
}
.skin-blue .sidebar a:hover {
  text-decoration: none;
}
.skin-blue .treeview-menu > li > a {
  color: #777;
}
.skin-blue .treeview-menu > li.active > a,
.skin-blue .treeview-menu > li > a:hover {
  color: #111;
}
.skin-blue .sidebar-form {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #dbdbdb;
  margin: 10px 10px;
}
.skin-blue .sidebar-form input[type="text"],
.skin-blue .sidebar-form .btn {
  box-shadow: none;
  background-color: #fafafa;
  border: 1px solid #fafafa;
  height: 35px;
}
.skin-blue .sidebar-form input[type="text"] {
  color: #666;
  -webkit-border-top-left-radius: 2px !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 2px !important;
  -moz-border-radius-topleft: 2px !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -moz-border-radius-bottomleft: 2px !important;
  border-top-left-radius: 2px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 2px !important;
}
.skin-blue .sidebar-form input[type="text"]:focus,
.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-blue .sidebar-form .btn {
  color: #999;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 2px !important;
  -webkit-border-bottom-right-radius: 2px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 2px !important;
  -moz-border-radius-bottomright: 2px !important;
  -moz-border-radius-bottomleft: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
  border-bottom-left-radius: 0 !important;
}
.skin-black .navbar {
  background-color: #29abe2;
  border-bottom: 1px solid #eee;
}
.skin-black .navbar .nav a {
  color: #fff;
}
.skin-black .navbar .nav > li > a:hover,
.skin-black .navbar .nav > li > a:active,
.skin-black .navbar .nav > li > a:focus,
.skin-black .navbar .nav .open > a,
.skin-black .navbar .nav .open > a:hover,
.skin-black .navbar .nav .open > a:focus {
  background: #29abe2;
  color: #fff;
}
.skin-black .navbar .navbar-right > .nav {
  margin-right: 10px;
}
.skin-black .navbar .sidebar-toggle .icon-bar {
  background: #fff;
}
.skin-black .navbar .sidebar-toggle:hover .icon-bar {
  background: #fff !important;
}
.skin-black .logo {
  background-color: #29abe2;
  color: #f9f9f9;
}
.skin-black .logo > a {
  color: #f9f9f9;
}
.skin-black .logo:hover {
  background: #25a9e1;
}
.skin-black .right-side > .content-header {
  background: transparent;
  box-shadow: none;
}
.skin-black .user-panel > .image > img {
  border: 1px solid #444;
}
.skin-black .user-panel > .info {
  padding-top: 8px;
}
.skin-black .user-panel > .info,
.skin-black .user-panel > .info > a {
  color: #eee;
}
.skin-black .sidebar {
  border-bottom: 1px solid #333;
}
.skin-black .sidebar > .sidebar-menu > li {
  border-bottom: 1px solid #2e2e2e;
}
.skin-black .sidebar > .sidebar-menu > li:first-of-type > a {
  border-top: 0px solid #333;
}
.skin-black .sidebar > .sidebar-menu > li > a {
  margin-right: 1px;
}
.skin-black .sidebar > .sidebar-menu > li > a:hover,
.skin-black .sidebar > .sidebar-menu > li.active > a {
  color: #f6f6f6;
  background: #444;
}
.skin-black .sidebar > .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #444;
}
.skin-black .left-side {
  background: #333;
}
.skin-black .sidebar a {
  color: #eee;
}
.skin-black .sidebar a:hover {
  text-decoration: none;
}
.skin-black .treeview-menu > li > a {
  color: #ccc;
}
.skin-black .treeview-menu > li.active > a,
.skin-black .treeview-menu > li > a:hover {
  color: #fff;
}
.skin-black .sidebar-form {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px solid #555;
  margin: 10px 10px;
}
.skin-black .sidebar-form input[type="text"],
.skin-black .sidebar-form .btn {
  box-shadow: none;
  background-color: rgba(255,255,255,0.1);
  border: 0 solid rgba(255,255,255,0.1);
  height: 35px;
  outline: none;
}
.skin-black .sidebar-form input[type="text"] {
  color: #666;
  -webkit-border-top-left-radius: 2px !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 2px !important;
  -moz-border-radius-topleft: 2px !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -moz-border-radius-bottomleft: 2px !important;
  border-top-left-radius: 2px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 2px !important;
}
.skin-black .sidebar-form input[type="text"]:focus,
.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #444;
  border: 0;
}
.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left: 0;
}
.skin-black .sidebar-form .btn {
  color: #999;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 2px !important;
  -webkit-border-bottom-right-radius: 2px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 2px !important;
  -moz-border-radius-bottomright: 2px !important;
  -moz-border-radius-bottomleft: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
  border-bottom-left-radius: 0 !important;
  border-left: 0;
}
table {
  border-collapse: separate;
}
label {
  font-weight: normal;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-color: #eeeeee;
}
::-webkit-input-placeholder {
  font-style: italic;
  color: #c5c5c5;
}
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="email"]::-moz-placeholder {
  font-style: italic;
  color: #c5c5c5;
}
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder {
  font-style: italic;
  color: #c5c5c5;
}
input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="email"]:-moz-placeholder {
  font-style: italic;
  color: #c5c5c5;
}
.gap-15 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.comma-separated:not(:last-child):after {
  content: ", ";
  margin-right: 5px;
  display: inline-block;
}
.rotate180 {
  transform: rotate(180deg);
}
i.expl {
  display: inline-block;
  font-size: 11px;
  line-height: 120%;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center !important;
}
.inherit-color {
  color: inherit;
}
.horizontal-list {
  margin: 0;
  padding: 0;
}
.horizontal-list li {
  list-style-type: none;
  margin: 0;
  display: inline-block;
  padding: 0;
}
.horizontal-list li:not(:last-child):after {
  content: '‧';
  margin: 0 5px;
  display: inline-block;
}
.row .shift {
  margin-left: 20px;
}
.overflow-reset {
  overflow: visible !important;
}
.intern {
  background-color: #f8f8f8;
  font-style: normal;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  margin-left: 10px;
  color: #333;
  font-size: 10px;
  padding: 2px 3px;
  font-weight: normal;
}
.togglecheckbox {
  color: #29abe2;
}
.togglecheckbox:before {
  color: #000000;
}
.checkbox-flex-justify {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  gap: 15px;
}
.icon.circle {
  position: relative !important;
  display: inline-block;
  line-height: 1;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  height: 10px;
  width: 10px;
  -moz-font-feature-settings: normal;
  -moz-font-language-override: normal;
  text-rendering: auto;
  margin-right: 10px;
}
.icon.circle.red {
  background-color: #f56954;
}
.icon.circle.green {
  background-color: #67ab4f;
}
.icon.circle.orange {
  background-color: #FF851B;
}
.icon.circle.yellow {
  background-color: #f39c12;
}
.icon.circle.purple {
  background-color: #932ab6;
}
.icon.circle.transparent {
  background-color: transparent;
  border: 1px solid #fff;
}
.customers-ac {
  width: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #dddddd;
  padding-left: 15px;
}
.customers-ac.invalid {
  border: 1px solid #f56954;
}
.customers-ac i {
  float: left;
  line-height: 40px;
  color: #666;
  font-size: 18px;
}
.customers-ac input[type=text] {
  width: 85%;
  border: 0 !important;
  height: 40px;
}
.toggler {
  text-align: center;
  margin-bottom: 30px;
}
.toggler > * {
  display: inline-block;
  vertical-align: top;
}
.toggler label {
  position: relative;
  margin-bottom: 0;
  cursor: pointer;
}
.toggler input[type=checkbox]:checked + label:before {
  display: none;
}
.toggler input[type=checkbox]:checked + label .toggle-indicator span {
  -webkit-transform: translateX(23px);
  -ms-transform: translateX(23px);
  transform: translateX(23px);
  background-color: #29abe2;
}
.toggler input[type=checkbox] + label {
  padding: 5px 15px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  margin: 0 10px;
  width: 45px;
  transition: all 0.1s ease;
  top: -7px;
}
.toggler input[type=checkbox] + label:before {
  display: none;
}
.toggler input[type=checkbox] + label .toggle-indicator {
  position: absolute;
  left: 0;
  width: 45px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  height: 20px;
  border: 1px solid #dddddd;
  top: 8px;
}
.toggler input[type=checkbox] + label .toggle-indicator span {
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  background-color: #29abe2;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  top: 4px;
  left: 5px;
  right: auto;
  transition: all 0.3s ease;
}
.autocomplete-combo {
  width: 100%;
}
.autocomplete-combo > * {
  float: left;
}
.autocomplete-combo .customers-ac {
  width: 70%;
}
.autocomplete-combo .customers-ac+.add {
  width: 30%;
  top: 3px;
  position: relative;
}
.autocomplete-combo .customers-ac+.add span {
  display: inline-block;
  width: 50px;
  text-align: center;
}
.form ::-webkit-input-placeholder {
  font-style: italic;
}
.form :-moz-placeholder {
  font-style: italic;
}
.form ::-moz-placeholder {
  font-style: italic;
}
.form :-ms-input-placeholder {
  font-style: italic;
}
.form input[type=checkbox]+label,
.form input[type=radio]+label {
  font-weight: normal;
}
.form input[type=checkbox] {
  color: #67ab4f;
}
.form input[type=checkbox]+label,
.form input[type=radio]+label {
  cursor: pointer;
}
.form input[type=radio]+label {
  padding-left: 5px;
}
.form label.normal {
  font-weight: normal;
}
.form input[type=text],
.form input[type=password],
.form input[type=email],
.form input[type=time] {
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  height: 40px;
  border: 1px solid #dddddd;
}
.form input[type=text].small-middle,
.form input[type=password].small-middle,
.form input[type=email].small-middle,
.form input[type=time].small-middle {
  width: 50px;
  text-align: center;
}
.form .upload-button.tab-selected,
.form button.tab-selected,
.form label.tab-selected {
  outline: 1px dotted orange;
}
.form .links {
  margin-bottom: 10px;
  float: left;
  width: 100%;
}
.form .links div {
  padding-left: 0;
}
.form .links div i {
  position: relative;
  top: 13px;
}
.form .input_desc input[type=text] {
  width: 60%;
  display: inline-block;
}
.form .input_desc input[type=text].commission {
  width: 90%;
}
.form .date-select input[type=text].short {
  width: 90px;
  float: left;
}
.form .date-select button {
  float: left;
  margin: 3px 5px 0 0;
}
.form .prim-sec-input .prim {
  display: inline-block;
  width: 75%;
}
.form .prim-sec-input .sec {
  display: inline-block;
  width: 20%;
  margin-left: 3%;
  text-align: center;
}
.form .suggest {
  margin-top: 10px;
  font-size: 12px;
}
.form .checkbox-wrapper {
  padding-bottom: 15px;
}
.form .checkbox-wrapper .checkbox-box {
  float: left;
  display: inline-block;
  padding-right: 15px;
}
.form .checkbox-wrapper .checkbox-box:first-child input[type=radio] + label {
  padding-left: 0;
}
.form .checkbox-wrapper .checkbox-box .hover-hint {
  display: none;
  font-size: 11px;
}
.form .checkbox-wrapper .checkbox-box:hover .hover-hint {
  display: block;
}
.form .energy-cert {
  position: relative;
  padding-right: 10px;
}
.form .energy-cert:last-child {
  padding-right: 0;
}
.form .energy-cert input[type=radio] {
  visibility: hidden;
  position: absolute;
}
.form .energy-cert input[type="radio"]:checked+label {
  color: #000000;
  border: 2px solid #000000;
}
.form .energy-cert label {
  width: 50px;
  height: 50px;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  font-weight: bold !important;
  line-height: 50px;
  color: #FFFFFF;
}
.form .energy-cert label.A1,
.form .energy-cert label.Ap {
  background-color: #014B18;
}
.form .energy-cert label.A2,
.form .energy-cert label.A {
  background-color: #015E1E;
}
.form .energy-cert label.B1,
.form .energy-cert label.B {
  background-color: #009F3B;
}
.form .energy-cert label.B2 {
  background-color: #00B242;
}
.form .energy-cert label.C {
  background-color: #7BC623;
}
.form .energy-cert label.D {
  background-color: #F8F301;
}
.form .energy-cert label.E {
  background-color: #EF9C00;
}
.form .energy-cert label.F {
  background-color: #E7581E;
}
.form .energy-cert label.G {
  background-color: #5B2D8D;
}
.form .energy-cert input[type=radio] + label:before {
  content: '';
}
.form .date-range > * {
  display: inline-block;
}
.form .date-range input[type=text] {
  width: 45%;
  text-align: center;
}
.form .date-range span {
  width: 5%;
  text-align: center;
}
.form .date-range.fixed input[type=text] {
  width: 150px;
}
.form .date-range.fixed span {
  width: 30px;
}
@media (max-width: 767px) {
  .form .date-range.fixed input[type=text],
  .form .date-range.fixed span {
    width: 100%;
  }
  .form .date-range.fixed span {
    padding: 5px 0;
  }
}
.form .textarea {
  border: 1px solid #dddddd;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
}
.form .textarea textarea {
  resize: none;
  min-height: 145px;
  border: 0;
}
.form .textarea-option {
  border: 1px solid #dddddd;
  min-height: 155px;
  -webkit-border-radius: 1px !important;
  -moz-border-radius: 1px !important;
  border-radius: 1px !important;
}
.form .textarea-option textarea {
  resize: none;
  min-height: 145px;
  border: 0;
}
.form .textarea-option .options {
  position: relative;
  top: 10px;
  left: 15px;
}
.form .textarea-option .options a {
  color: #666;
  margin-right: 10px;
  position: relative;
  font-size: 16px;
}
.form .textarea-option .options a:hover {
  color: #727272;
}
.form .dropdown-button.input-group {
  display: block;
}
.form .dropdown-button .btn {
  width: 100%;
  position: relative;
  text-align: left;
  min-height: 39px;
  background: #FFFFFF;
  box-shadow: none;
  overflow: hidden;
  text-overflow: ellipsis;
}
.form .dropdown-button .btn span {
  display: block;
  width: 90%;
  overflow: hidden;
}
.form .dropdown-button .btn i {
  position: absolute;
  right: 10px;
  top: 11px;
}
.form .s-values {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  gap: 10px;
}
.form .slider-box {
  width: 100%;
}
.form .slider-box input[type=text] {
  width: 10%;
  min-width: 80px;
  text-align: center;
  float: left;
}
.form .slider-box .ui-slider {
  float: left;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #dedede;
  border: 0;
  width: 100%;
  height: 10px;
}
.form .slider-box .ui-slider-handle {
  width: 20px;
  height: 20px;
  background: #333;
  border-radius: 20px;
  border: 0;
  cursor: pointer;
  top: -5px;
}
.form .slider-box .ui-slider-range {
  background: #67ab4f;
}
.form .slider-box .data {
  position: absolute;
  top: 25px;
  min-width: 50px;
  left: 50%;
  margin-left: -25px;
  background: gray;
  color: #fff;
  padding: 4px;
  font-size: 10px;
  text-align: center;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  display: none;
}
.form .form-control.invalid {
  border: 1px solid #f56954;
}
.form .input-group .invalid {
  border: 1px solid #f56954;
}
.form .error-msg {
  font-size: 12px;
  color: #f56954;
}
.form .filters .error-msg {
  width: 100%;
  display: block;
  text-align: center;
  border: 1px solid #f56954;
  padding: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 15px;
}
.form .files-canvas {
  position: relative;
}
.form .files-canvas .top {
  float: left;
  width: 100%;
  padding: 10px;
  border: 1px dashed #dddddd;
}
.form .files-canvas .top p {
  font-size: 12px;
  text-align: center;
  color: #666;
}
.form .files-canvas .top button {
  position: relative;
  color: #666;
  line-height: 18px;
  padding-left: 55px;
  border: 0;
  background: transparent;
}
.form .files-canvas .top button i {
  font-size: 18px;
}
.form .files-canvas .body {
  padding: 0;
  overflow: visible;
}
.form .files-canvas .body.condensed {
  padding: 0;
}
.form .files-canvas .body.empty {
  display: none;
}
.form .files-canvas.big .top button {
  display: block;
  margin: 15px auto 0 auto;
  width: 150px;
  text-align: center;
  padding: 0;
}
.form .files-canvas.big .top button i {
  position: relative;
}
.form .files-canvas .download {
  display: block;
  clear: both;
  margin-top: 25px;
}
.form .files-canvas .download a {
  display: inline-block;
  margin: 5px 15px 0 0;
}
@media (max-width: 768px) {
  .form .itemlist.gallery {
    text-align: center;
  }
}
.form .img-box {
  display: inline-block;
  position: relative;
  margin: 0 10px 10px 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid #dddddd;
  vertical-align: top;
  text-align: left;
}
.form .img-box .is-adv {
  display: none;
}
.form .img-box.selected {
  border-color: #67ab4f !important;
}
.form .img-box:not(.advanced) .image {
  width: 100%;
  padding: 0;
}
.form .img-box .crop {
  width: 150px;
  height: 150px;
  overflow: hidden;
  cursor: pointer;
}
.form .img-box .crop.auto-h {
  height: auto;
}
.form .img-box .crop h3 {
  font-size: 11px;
  text-align: center;
}
.form .img-box .crop .process-text {
  position: absolute;
  top: 35px;
  background-color: rgba(255,255,255,0.9);
  width: 100%;
  text-align: center;
  z-index: 2;
}
.form .img-box .crop img {
  width: 120%;
}
.form .img-box .crop.natural img {
  width: 100%;
}
.form .img-box .crop.square {
  height: 150px;
}
.form .img-box .crop.square img {
  width: 100%;
}
.form .img-box .crop .file {
  display: block;
  text-align: center;
  color: #b7b7b7;
  padding-top: 15px;
}
.form .img-box .crop .file i {
  font-size: 32px;
  padding-bottom: 5px;
}
.form .img-box .crop .file span {
  display: block;
  width: 85%;
  overflow: hidden;
  margin-left: 7.5%;
  color: #666;
}
.form .img-box .action {
  padding: 0 5px;
}
.form .img-box .action a {
  color: #333;
  display: inline-block;
  margin: 2px 0 0 5px;
}
.form .img-box .action a.remove {
  float: right;
  margin-top: 3px;
}
.form .img-box .action a .fa-repeat {
  font-size: 11px;
}
.form .img-box.advanced {
  width: 100%;
  padding-top: 5px;
  border: 0;
  border-bottom: 1px solid #dddddd;
}
.form .img-box.advanced .row {
  margin: 0 -5px;
}
.form .img-box.advanced .row [class^="col-"] {
  padding: 0 5px;
}
.form .img-box.advanced .row [class^="col-"]:first-of-type {
  padding-left: 0;
}
.form .img-box.advanced .row [class^="col-"]:last-of-type {
  padding-right: 0;
}
.form .img-box.advanced .image {
  padding: 0 5px;
}
.form .img-box.advanced .is-adv {
  display: block;
}
.form .img-box.advanced .crop {
  width: 100%;
  height: auto;
}
.form .img-box.advanced .action {
  padding-bottom: 10px;
}
.form .files-boxes {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
@media (max-width: 767px) {
  .form .files-boxes {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
  }
}
.form .files-boxes .img-box {
  width: 150px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  border: 0;
}
.form .files-boxes .img-box h3 {
  padding: 5px;
  font-size: 14px;
  text-align: left;
  margin: 0;
}
.form .files-boxes .img-box > img {
  object-fit: contain;
  border: 1px solid #dddddd;
  padding: 2px;
}
.form .files-boxes .img-box .remove,
.form .files-boxes .img-box .preview {
  position: absolute;
  bottom: 0;
  right: 8px;
  margin: 0;
  padding: 0;
  bottom: 126px;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  text-shadow: 0.5px 0.5px #FFFFFF;
  color: #000000;
}
.form .files-boxes .img-box .remove:hover,
.form .files-boxes .img-box .preview:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.form .files-boxes .img-box .preview {
  right: auto;
  left: 10px;
}
.form .files-boxes button {
  cursor: pointer;
  background-color: transparent;
  border: 0;
}
.form .files-boxes img,
.form .files-boxes .upload {
  width: 150px;
  height: 150px;
  margin-top: 5px;
}
.form .files-boxes .upload {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  border: 1px dashed #dddddd;
  color: #666;
}
.form .files-boxes .upload img {
  width: 50px;
  height: 50px;
  border: 0;
}
.form .files-boxes .upload i {
  font-size: 18px;
}
.form .lng-selection-box {
  margin-bottom: 5px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.form .lng-selection-box label {
  padding-right: 5px;
}
.form .lng-selection-box button {
  color: #333;
  display: inline-block;
  margin-right: 3px;
}
.form .lng-selection-box button.selected {
  border: 1px solid #29abe2;
}
.form .lng-selection-box button.btn-translate {
  color: #FFFFFF;
  padding: 2px 6px;
}
.form input + small,
.form textarea + small {
  display: inline-block;
  line-height: 140%;
  margin-top: 10px;
}
.form .float-actions {
  position: fixed;
  bottom: 100px;
  right: -210px;
  z-index: 19;
  width: 210px;
  padding: 10px;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  background-color: #FFFFFF;
  border: 1px solid #dddddd;
}
.form .float-actions .trigger {
  position: absolute;
  left: -37px;
  top: -1px;
  padding: 5px;
  border: 1px solid red;
  color: #666;
  font-size: 32px;
  background-color: #FFFFFF;
  border: 1px solid #dddddd;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  border-right: 0;
  z-index: 1;
}
.form .float-actions .separator {
  height: 1px;
  background-color: #dddddd;
  width: 100%;
  margin: 0 0 10px 0;
}
.form .float-actions .btn {
  width: 100%;
  margin-bottom: 10px;
}
.form .float-actions:hover {
  right: 0;
}
.form .upload-info {
  position: fixed;
  top: 200px;
  right: 5%;
  padding: 5px;
  background-color: #f39c12;
  color: #FFFFFF;
  z-index: 20;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.form .input-group-addon {
  background-color: transparent;
  border-right: 0;
  border-color: #dddddd;
}
.form .date-time-group .input-group,
.form .date-btn-group .input-group {
  float: left;
}
.form .date-time-group .input-group input,
.form .date-btn-group .input-group input {
  outline: none;
  outline-style: none;
  box-shadow: none;
  border-color: #dddddd !important;
  -webkit-border-top-left-radius: 0px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 0px !important;
  -moz-border-radius-topleft: 0px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -moz-border-radius-bottomleft: 0px !important;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  border-bottom-left-radius: 0px !important;
}
.form .date-time-group .input-group input:focus,
.form .date-btn-group .input-group input:focus {
  outline: none;
  outline-style: none;
  box-shadow: none;
  border-color: #dddddd !important;
}
.form .date-time-group .input-group .input-group-addon + input,
.form .date-btn-group .input-group .input-group-addon + input {
  border-left: 0;
}
.form .date-btn-group {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-bottom: 15px;
}
.form .date-btn-group .input-group {
  margin-right: 15px;
}
.form .date-btn-group > button:not(:last-child) {
  margin-right: 15px;
}
@media (max-width: 767px) {
  .form .date-btn-group > button {
    width: 100%;
    margin: 0 0 10px 0 !important;
  }
}
.form .date-time-group label {
  width: 100%;
}
.form .date-time-group .input-group.date {
  width: 50%;
}
.form .date-time-group .input-group.time {
  width: 20%;
}
.form .date-time-group span.middle {
  display: block;
  float: left;
  margin: 0 15px;
  line-height: 40px;
}
.form .date-time-group.fullwidth .input-group.date,
.form .date-time-group.fullwidth .input-group.time {
  width: 100%;
}
.form .disclaimer {
  display: inline-block;
  padding-top: 5px;
  font-size: 11px;
  line-height: 140%;
}
.file-box {
  display: inline-block;
  width: 40%;
  padding-left: 70px;
  min-height: 60px;
  position: relative;
  margin: 0 15px 15px 0;
  vertical-align: top;
}
.file-box img {
  position: absolute;
  left: 0;
  top: 0;
}
.file-box h3 {
  font-size: 14px;
  padding: 0;
  margin: 0;
}
.file-box time {
  color: #666;
}
.file-box .actions {
  margin-top: 10px;
}
.file-box .actions a:after {
  content: "·";
  padding: 0 5px;
}
.file-box .actions a:last-child:after {
  content: "";
}
.input-label-height {
  text-align: center;
  line-height: 40px;
}
.input-one-line-button {
  margin-top: 3px;
}
.link-copy-box {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
}
.link-copy-box input {
  min-width: 00;
  padding: 0 15px;
  width: 100%;
}
.link-copy-box input:read-only {
  background-color: #f4f4f4;
}
.link-copy-box button {
  margin: 0 10px;
}
.form-group.titled {
  padding-top: 25px;
}
.form-group.titled input[type=checkbox]+label {
  margin-top: 10px;
}
.form-group.in-line {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.form-group.in-line label {
  width: 160px;
}
@media (max-width: 767px) {
  .form-group.in-line label {
    width: 100%;
  }
}
.form-group .inline-form-group {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  gap: 5px;
}
.form-group .inline-form-group > * {
  height: 40px;
  min-width: 50px;
}
.form-group.unit {
  position: relative;
}
.form-group.unit input[type=text] {
  display: inline-block;
  padding-right: 20%;
}
.form-group.unit em:not(.intern) {
  position: absolute;
  display: block;
  right: 15px;
  top: 25px;
  font-style: normal;
  width: 15%;
  text-align: right;
  line-height: 40px;
  color: #b7b7b7;
  padding-right: 10px;
}
.form-group.unit em.default {
  top: 0;
  right: 20px;
}
.form-group.unit em.pushright {
  top: 0;
  right: 10px;
}
.form-group.unit > div {
  position: relative;
}
.form-group.unit > div em.default {
  top: 5px;
  right: 10px;
}
.document-box {
  position: relative;
  width: 100%;
  min-height: 60px;
  padding-left: 70px;
}
.document-box:not(:last-child) {
  margin-bottom: 15px;
}
.document-box img {
  position: absolute;
  left: 0;
  top: 0;
}
.document-box h3 {
  font-size: 14px;
  padding: 0;
  margin: 0;
}
.document-box i.icon.circle {
  margin: 0 5px 0 0;
}
.document-box .form-group {
  margin-bottom: 5px;
}
.document-box .actions {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.document-box .actions a,
.document-box .actions button.btn-link {
  float: none;
}
.document-box .actions a:after,
.document-box .actions button.btn-link:after {
  content: "·";
  padding: 0 5px;
}
.document-box .actions a:last-child:after,
.document-box .actions button.btn-link:last-child:after {
  content: "";
}
.agent-box {
  display: inline-block;
  width: 40%;
  padding-left: 70px;
  min-height: 60px;
  position: relative;
  margin: 15px 15px 0 0;
  vertical-align: top;
}
.agent-box img {
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
}
.agent-box h3 {
  font-size: 14px;
  padding: 0;
  margin: 0;
}
.agent-box h3 span {
  display: inline-block;
  margin-right: 5px;
}
.agent-box p {
  padding: 0;
  margin: 0;
  color: #666;
  font-weight: normal !important;
}
.agent-box input[type="checkbox"] + label {
  margin-bottom: 0;
  padding-left: 0;
  font-size: 12px;
}
.agent-box input[type="checkbox"] + label:before {
  position: relative;
  letter-spacing: normal;
  margin-right: 5px;
  top: 1px;
}
.agent-box .actions {
  margin-top: 5px;
}
.agent-box .actions a:after {
  content: "·";
  padding: 0 5px;
}
.agent-box .actions a:last-child:after {
  content: "";
}
.tabs {
  width: 100%;
  margin: 0;
  height: 54px;
  padding: 0;
  border: 1px solid #eeeeee;
  border-bottom: 0;
  background-color: #fbfbfb;
}
.tabs li {
  list-style-type: none;
  display: inline-block;
  min-width: 180px;
  text-align: center;
  position: relative;
  margin-left: -3px;
}
.tabs li:first-child {
  margin-left: 0;
}
.tabs li .loader {
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.tabs li a,
.tabs li span {
  display: inline-block;
  color: #666;
  line-height: 50px;
  border-top: 3px solid transparent;
  border-left: 1px solid #eeeeee;
  border-right: 1px solid transparent;
  min-width: 180px;
  text-align: center;
  padding: 0 15px;
  font-size: 14px;
}
.tabs li a.selected,
.tabs li span.selected {
  border-top-color: #29abe2;
  font-weight: bold;
  background: #FFFFFF;
  border-left-color: #dddddd;
  border-right-color: #dddddd;
  border-bottom: 3px solid #FFFFFF;
}
.tabs li a:hover,
.tabs li span:hover {
  border-top-color: #29abe2;
}
.tabs li span {
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
}
.tabs li:first-of-type a:not(.selected) {
  border-left: 0;
}
.tabs li:last-of-type a:not(.selected) {
  border-right: 1px solid #eeeeee;
}
.list-tags {
  position: absolute;
  right: 5px;
  bottom: 5px;
  z-index: 2;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  gap: 3px;
  width: 100%;
}
.list-tags.xs-parent {
  width: 49px;
}
.list-tags .tooltip {
  display: none;
  position: absolute;
  left: 0;
  background-color: #333;
  color: #FFFFFF;
  padding: 5px;
  font-size: 12px;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  min-width: 150px;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.list-tags > span {
  display: block;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  position: relative;
  padding: 2px;
  -webkit-opacity: 0.75;
  -moz-opacity: 0.75;
  opacity: 0.75;
  -webkit-transition: opacity .3s;
  -moz-transition: opacity .3s;
  -ms-transition: opacity .3s;
  -o-transition: opacity .3s;
  background-color: #FFFFFF;
  text-align: center;
  width: 20px;
  height: 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
}
.list-tags > span:last-child {
  margin-left: 0;
}
.list-tags > span i {
  font-size: 16px;
  display: block;
  margin: 0 !important;
  top: auto;
  left: auto;
}
.list-tags > span:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.list-tags > span:hover .tooltip {
  display: block;
}
.tags {
  float: left;
}
.tags em {
  padding: 0;
  margin: 0 5px 5px 0;
}
.tags em >span,
.tags em > a {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  padding: 4px 10px;
  margin: 0 5px 5px 0;
  font-size: 14px;
  font-style: normal;
}
.tags em >span:not(.outlined),
.tags em > a:not(.outlined) {
  background-color: #000000;
  color: #FFFFFF;
}
.tags em >span.outlined,
.tags em > a.outlined {
  border: 1px solid #dddddd;
}
.tags em >span > span,
.tags em > a > span {
  display: inline;
  padding: 0;
}
.tags em a {
  color: #FFFFFF;
}
.tags em button {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
  margin-left: 5px;
}
.overlay {
  position: absolute;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.8);
  color: #666;
  font-weight: normal;
}
.overlay .wrapper {
  position: relative;
  min-height: 100px;
  margin: 80px auto 0 auto;
  width: 600px;
  padding: 30px;
  background-color: #FFFFFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.overlay .wrapper h1,
.overlay .wrapper h2 {
  width: 100%;
  text-align: center;
  font-weight: normal;
}
.overlay .wrapper h1 {
  font-size: 26px;
  color: #333;
}
.overlay .wrapper h2 {
  font-size: 14px;
  margin: 0 0 20px 0;
}
.overlay .wrapper .print-add-rows {
  border: 1px dashed #dddddd;
  background-color: #f6f6f6;
  float: left;
  width: 100%;
  padding: 15px;
}
.overlay .wrapper .print-add-rows .form-group {
  background-color: #FFFFFF;
  margin-bottom: 0;
}
.overlay .wrapper .print-add-rows .btn {
  width: auto;
}
.overlay .wrapper .print-add-rows p {
  margin: 0;
}
.overlay .wrapper .agent .form-group {
  float: right;
  margin: 15px 0 0 0;
}
.overlay .wrapper .options {
  position: relative;
  width: 100%;
  max-height: 400px;
  overflow: auto;
  padding-top: 15px;
}
.overlay .wrapper .options .option {
  display: block;
  width: 100%;
  margin-bottom: 5px;
  padding: 5px 0 10px 0;
  border-bottom: 1px solid #eeeeee;
}
.overlay .wrapper .options .option > * {
  display: inline-block;
  vertical-align: top;
}
.overlay .wrapper .options .option .box-icon {
  position: relative;
}
.overlay .wrapper .options .option .box-icon .file {
  display: inline-block;
  color: #666;
  font-size: 24px;
}
.overlay .wrapper .options .option p {
  font-size: 14px;
  font-weight: normal;
  margin: 4px 0 0 15px;
  overflow: hidden;
  white-space: nowrap;
  max-width: 70%;
  text-overflow: ellipsis;
}
.overlay .wrapper .options .option .action {
  margin-top: 4px;
  float: right;
}
.overlay .wrapper .options .option .fa-check-square {
  display: none;
  color: #67ab4f;
  position: absolute;
  right: -2px;
  top: -2px;
  font-size: 16px;
}
.overlay .wrapper .btn {
  display: block;
  position: relative;
  margin: 0 auto;
  width: 200px;
}
.overlay .wrapper .loader {
  float: right;
}
.overlay.mail-to-customer .buttons {
  text-align: center;
}
.overlay.mail-to-customer .buttons .btn {
  display: inline-block;
  width: 150px;
  padding: 10px 20px;
}
.overlay.mail-to-customer .buttons span {
  padding: 0 10px;
}
.overlay.mail-preview .wrapper {
  width: 740px;
  background-color: #eee;
  float: none;
  margin: 80px auto 0 auto;
}
@media (max-width: 767px) {
  .overlay.mail-preview .wrapper {
    width: 90% !important;
    margin: 0 auto;
    min-width: 0 !important;
  }
}
.overlay.mail-preview .wrapper .mail-preview-canvas {
  float: left;
  width: 100%;
  overflow: hidden;
}
.overlay.mail-preview .wrapper .mail-preview-canvas h1,
.overlay.mail-preview .wrapper .mail-preview-canvas h2,
.overlay.mail-preview .wrapper .mail-preview-canvas h3,
.overlay.mail-preview .wrapper .mail-preview-canvas h4,
.overlay.mail-preview .wrapper .mail-preview-canvas h5 {
  text-align: left;
  color: inherit;
  font-weight: bold;
}
.overlay.mail-preview .wrapper .mail-preview-canvas > .canvas {
  clear: both;
  float: left;
}
@media (max-width: 767px) {
  .overlay.mail-preview .wrapper .mail-preview-canvas > .canvas {
    overflow: auto;
    width: 100%;
  }
}
.overlay.mail-preview .wrapper .mail-preview-canvas > .canvas .inner-canvas {
  width: 100%;
}
.overlay.mail-preview .wrapper .mail-preview-canvas > .canvas .inner-canvas.editing {
  width: 2000px;
}
.overlay.mail-preview .wrapper .mail-preview-canvas .template {
  float: left;
  width: 680px;
  margin-left: 0;
  -webkit-transition-duration: 0.3s, 0.3s;
  transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.15s, 0s;
  transition-delay: 0.15s, 0s;
}
.overlay.mail-preview .wrapper .mail-preview-canvas .template img {
  max-width: none !important;
}
.overlay.mail-preview .wrapper .mail-preview-canvas .editor {
  float: left;
  width: 500px;
  margin-left: 30px;
}
@media (max-width: 767px) {
  .overlay.mail-preview .wrapper .mail-preview-canvas .editor {
    max-width: 250px;
    margin-left: 0;
  }
}
.overlay.mail-preview .wrapper .mail-preview-canvas .editor textarea {
  height: 250px;
}
.overlay.mail-preview .wrapper .mail-preview-canvas .editor .buttons a {
  margin-right: 0;
}
.overlay.mail-preview .wrapper .mail-preview-canvas .editor .buttons a:not(.btn) {
  margin-right: 15px;
}
.overlay.mail-preview .wrapper .mail-preview-canvas.iseditor .template {
  margin-left: -565px;
}
@media (max-width: 767px) {
  .overlay.mail-preview .wrapper .mail-preview-canvas.iseditor .template {
    margin-left: -650px;
  }
}
.overlay.mail-preview .wrapper .attachments {
  float: left;
  width: 100%;
  padding-top: 25px;
  margin-top: 45px;
  border-top: 1px solid #FFFFFF;
}
.overlay.mail-preview .wrapper .attachments a {
  color: inherit;
}
.overlay.mail-preview .wrapper .attachments a:hover {
  text-decoration: underline;
}
.overlay.mail-preview .wrapper .attachments li {
  list-style-type: none;
}
.overlay.mail-preview .wrapper .attachments li i {
  margin-right: 10px;
}
.overlay.mail-preview .wrapper h1 {
  padding-bottom: 25px;
  margin-bottom: 15px;
}
.overlay.mail-preview .wrapper .loader-wrapper {
  width: 100%;
  text-align: center;
  display: block;
}
.overlay.mail-preview .wrapper .loader {
  float: none;
}
.overlay.mail-preview .wrapper .editable-text {
  position: relative;
  cursor: pointer;
  display: block;
  border: 1px dashed transparent;
}
.overlay.mail-preview .wrapper .editable-text:before {
  position: absolute;
  content: 'Uredi';
  background-color: #29abe2;
  padding: 3px 6px;
  color: #FFFFFF;
  right: 0;
  top: 0;
  font-size: 10px;
  font-weight: normal;
  display: none;
}
.overlay.mail-preview .wrapper .editable-text:hover {
  border-color: #29abe2;
  background-color: #f4fbfd;
}
.overlay.mail-preview .wrapper .editable-text:hover:before {
  display: block;
}
.overlay.mail-preview .wrapper .editing-on .editable-text {
  border: 1px dashed #29abe2;
  cursor: pointer;
}
.overlay.mail-preview .wrapper .editing-on .editable-text:before {
  display: block;
}
.overlay.mail-preview .wrapper .buttons {
  float: left;
  width: 100%;
  text-align: right;
  margin-top: 15px;
}
.overlay.mail-preview .wrapper .buttons span {
  padding: 0 15px;
}
.overlay.mail-preview .wrapper .buttons .btn {
  min-width: 120px;
  width: auto;
  display: inline-block;
  padding: 10px 20px;
  margin-right: 15px;
  display: inline-flex;
  align-items: center;
}
.overlay.mail-preview .wrapper .buttons .btn .loader {
  width: 15px;
  height: 15px;
  display: inline-block;
  margin: 0 8px 0 0;
}
.overlay.mail-preview .wrapper .buttons .btn-icon {
  font-size: 16px;
  position: relative;
  top: 2px;
}
.overlay.mail-preview .wrapper .buttons a:not(.btn) {
  color: #666;
  display: inline-block;
  clear: both;
  padding-top: 15px;
}
.overlay.mail-preview .wrapper .buttons a:not(.btn):hover {
  text-decoration: underline;
}
.overlay.mail-preview .wrapper .settings {
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
  background-color: #FFFFFF;
  padding: 15px;
}
.overlay.mail-preview .wrapper .settings > * {
  margin-right: 15px;
}
.overlay.mail-preview .wrapper .settings > *:last-of-child {
  margin-right: 0;
}
.overlay.mail-preview .wrapper .settings .dropdown-button {
  vertical-align: top;
  min-width: 100px;
  min-height: 30px;
  display: inline-block;
  background-color: transparent;
  border: 1px solid #c5c5c5;
}
.overlay.mail-preview .wrapper .settings .dropdown-button .selected {
  display: block;
}
.overlay.mail-preview .wrapper .settings .dropdown-button .selected span {
  display: block;
  padding: 5px 25px 5px 10px;
  color: #666;
}
.overlay.mail-preview .wrapper .settings .dropdown-button .selected i {
  position: absolute;
  right: 10px;
  top: 8px;
  color: #666;
}
@media (max-width: 767px) {
  .overlay.mail-preview .wrapper .settings .dropdown-button {
    width: 100%;
    margin: 0 0 15px 0;
  }
}
.overlay.mail-preview .wrapper .settings .form-group {
  display: inline-block;
  vertical-align: top;
  width: 100px;
  height: 30px;
  margin-bottom: 0;
}
.overlay.mail-preview .wrapper .settings .form-group .form-control {
  height: 32px;
  -webkit-transition: width 0.3s ease;
  -moz-transition: width 0.3s ease;
  -ms-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
}
.overlay.mail-preview .wrapper .settings .form-group .form-control:focus {
  width: 200px;
}
@media (max-width: 767px) {
  .overlay.mail-preview .wrapper .settings .form-group {
    width: 100%;
    margin: 0;
  }
  .overlay.mail-preview .wrapper .settings .form-group .form-control:focus {
    width: 100%;
  }
}
.overlay.mail-preview .wrapper .top {
  padding-bottom: 25px;
  margin-top: 0;
}
.overlay.mail-preview .wrapper .bottom {
  padding-top: 25px;
  border-top: 1px solid #FFFFFF;
}
.overlay.mail-preview .wrapper .top.buttons,
.overlay.mail-preview .wrapper .bottom.buttons {
  text-align: center;
}
.overlay.mail-preview .wrapper .top.buttons a:not(.btn):not(.btn-icon),
.overlay.mail-preview .wrapper .bottom.buttons a:not(.btn):not(.btn-icon) {
  display: block;
  width: 100%;
  text-align: center;
}
@media (max-width: 767px) {
  .overlay.mail-preview .wrapper .top.buttons a:not(.btn),
  .overlay.mail-preview .wrapper .top.buttons .btn,
  .overlay.mail-preview .wrapper .bottom.buttons a:not(.btn),
  .overlay.mail-preview .wrapper .bottom.buttons .btn {
    width: 100%;
    margin: 0 0 5px 0 !important;
    text-align: center;
  }
  .overlay.mail-preview .wrapper .top.buttons a:not(.btn).btn-icon,
  .overlay.mail-preview .wrapper .top.buttons .btn.btn-icon,
  .overlay.mail-preview .wrapper .bottom.buttons a:not(.btn).btn-icon,
  .overlay.mail-preview .wrapper .bottom.buttons .btn.btn-icon {
    padding: 3px 0;
  }
  .overlay.mail-preview .wrapper .top.buttons a:not(.btn),
  .overlay.mail-preview .wrapper .bottom.buttons a:not(.btn) {
    padding: 3px 0;
  }
}
.search {
  width: 200px;
  background-color: #FFFFFF;
  margin-left: -4px;
  border-left: 1px solid #dddddd;
  position: relative;
}
.search input {
  float: left;
  width: 80%;
  background: transparent;
  border: 0;
  padding: 0 0 0 8px;
}
.search button {
  width: 20%;
  height: 30px;
  float: right;
  background-color: transparent;
  margin: 3px 0 0 0;
}
.search i {
  display: block;
  position: absolute;
  right: 5px;
  top: 12px;
  color: #666;
}
.selected-items {
  clear: both;
  width: 100%;
  margin-top: 25px;
}
.selected-items strong {
  float: left;
  margin-right: 10px;
  line-height: 25px;
}
.selected-items .tag-list {
  float: left;
  margin: 7px 0 0 0;
}
.selected-items .tag-list em {
  display: block;
  float: left;
  background-color: #000000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 4px 10px;
}
.selected-items .tag-list em a {
  margin: 0;
  padding: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
}
.selected-items .clear {
  line-height: 25px;
  display: block;
  float: left;
}
.normal-search {
  width: auto;
  border: 0;
  position: relative;
  float: left;
}
.normal-search.margin-right {
  margin-right: 15px;
}
.normal-search .search {
  float: left;
  width: 400px;
  border: 1px solid #dddddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 0;
  padding: 3px 0;
}
.normal-search .search input[type=text] {
  width: 100%;
  padding-right: 40px;
}
.normal-search .search .btn {
  position: absolute;
  right: 0px;
  top: -3px;
  width: auto;
  height: 100%;
  z-index: 2;
  border-left: 1px solid #eeeeee;
  margin-right: 0 !important;
}
.normal-search .search .btn i {
  top: 0;
  right: auto;
  float: none;
  position: relative;
}
.normal-search .clear {
  position: relative;
  margin: 10px 0 0 10px;
  color: #666 !important;
  border: 0;
  padding: 0;
  box-shadow: none;
  background-color: transparent;
  padding: 0 !important;
}
.quick-options {
  float: left;
  margin-left: 15px;
}
.quick-options label {
  margin-top: 10px;
  font-weight: normal;
  cursor: pointer;
}
.dropdown-menu.nopadding {
  padding: 0;
}
.dropdown-menu li.search {
  width: 100%;
  margin-left: 0;
  float: left;
  padding: 0 15px;
  position: sticky;
  top: 0;
}
.dropdown-menu li.search input[type="text"] {
  margin-left: 0;
  width: 100%;
  height: 30px;
  font-size: 14px;
}
.dropdown-menu li.separator {
  border-bottom: 2px solid #dddddd;
}
.dropdown-menu li.separator.spacy {
  margin: 5px 0;
}
.dropdown-menu li.grayed {
  width: 100%;
  background-color: #efefef;
  padding: 3px 14px;
}
.dropdown-menu li.grayed i {
  margin-right: 10px;
}
.combo-search {
  width: auto;
  margin-left: 15px;
  border: 0;
  position: relative;
  border: 1px solid #dddddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.combo-search .input-group {
  vertical-align: top;
  position: relative;
  display: inline-block;
}
.combo-search .input-group .toggleButton {
  min-width: 70px;
  position: relative;
  text-align: left;
  min-height: 38px;
  background: #FFFFFF;
  box-shadow: none;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  border: 0;
  padding-right: 25px;
}
.combo-search .input-group .toggleButton i {
  position: absolute;
  right: 10px;
  top: 10px;
}
.combo-search .input-group i {
  right: 10px;
}
.combo-search .autocomplete {
  position: absolute;
  left: 0;
  top: 45px;
  min-width: 500px;
  max-height: 500px !important;
}
.combo-search .autocomplete .body {
  margin: 0;
  padding: 0;
  width: auto;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1000 !important;
}
.combo-search .autocomplete .body table {
  width: 95%;
}
.btn.secondary {
  background-color: #FFFFFF;
  border-color: #c5c5c5;
}
.btn.secondary i {
  font-size: 16px;
}
.btn.secondary i.fa-toggle-on {
  color: #67ab4f;
}
.resetSearch {
  display: inline-block;
  color: #29abe2;
  font-size: 13px;
  margin: 8px 0 0 10px;
}
a.plus i {
  position: relative;
}
a.plus i:after {
  content: "+";
  position: absolute;
  bottom: -7px;
  right: 0px;
  font-weight: normal;
  font-size: 11px;
}
.reminder-box {
  float: right;
  background-color: #FFFFFF;
  height: 100%;
  padding: 15px;
  -webkit-transition: width 0.7s ease-in-out, padding 0.7s ease-in-out;
  -moz-transition: width 0.7s ease-in-out, padding 0.7s ease-in-out;
  -o-transition: width 0.7s ease-in-out, padding 0.7s ease-in-out;
  transition: width 0.7s ease-in-out, padding 0.7s ease-in-out;
}
.reminder-box .canvas {
  float: left;
  width: 100%;
  overflow-y: hidden;
}
.reminder-box.reminder-box-hidden {
  width: 0%;
  padding: 15px 0;
}
.reminder-box .box {
  width: 98%;
  border-right: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
.reminder-box .add-reminder-box {
  border-top: 0;
  border: 1px solid #dddddd;
  padding: 0 10px;
}
.reminder-box .add-reminder-box .box-body {
  padding: 10px 0;
}
.reminder-box .add-reminder-box .box-body textarea {
  resize: none;
  border: none;
  height: 80px;
}
.reminder-box .add-reminder-box .box-bottom {
  min-height: 55px;
  padding: 5px;
}
.reminder-box .add-reminder-box .box-bottom a {
  color: #666;
  margin-right: 5px;
  position: relative;
  top: 15px;
}
.reminder-box .add-reminder-box .box-bottom a:hover {
  color: #727272;
}
.reminder-box .add-reminder-box .box-bottom .btn-sm {
  float: right;
}
.reminder-box .reminder-wrapper {
  float: left;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.reminder-box .trigger {
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
  position: absolute;
  color: #666;
  left: -30px;
  top: 18px;
  background-color: #FFFFFF;
  border-radius: 3px 0 0 3px;
}
.reminder-box .trigger i {
  padding-top: 8px;
}
.reminder-box .top {
  width: 97%;
  min-height: 60px;
}
.reminder-box .top .add-reminder-box {
  clear: both;
  position: relative;
  top: 15px;
  min-height: 110px;
  margin-bottom: 15px;
}
.reminder-box .top .btn {
  float: right;
  margin-top: 10px;
}
.reminder-box .body {
  float: left;
  width: 97%;
  height: 90%;
  overflow-x: hidden;
  overflow-y: auto;
  margin-top: 10px;
}
.content-box {
  width: 66.66%;
  -webkit-transition: width 0.7s ease-in-out;
  -moz-transition: width 0.7s ease-in-out;
  -o-transition: width 0.7s ease-in-out;
  transition: width 0.7s ease-in-out;
}
.content-box.full-width-box {
  width: 100%;
}
.content-box.full-width-box-no-animation {
  width: 100%;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.content-box .date-box {
  float: left;
  min-width: 150px;
  position: relative;
  background-color: #FFFFFF;
  padding: 0 35px 0 15px;
  margin-top: 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.content-box .date-box label {
  line-height: 28px;
  float: left;
  margin: 0;
}
.content-box .date-box a {
  position: absolute;
  display: block;
  right: 0;
  height: 100%;
  width: 25px;
  background-color: #FFFFFF;
  color: #666;
  border-left: 1px solid #dddddd;
  text-align: center;
}
.content-box .date-box a i {
  position: relative;
  top: 6px;
}
.funel-opt {
  float: left;
  width: 100%;
  margin: 20px 0;
}
.funel-opt label {
  float: right;
  line-height: 34px;
  font-weight: normal;
}
.funel-opt .btn {
  float: right;
  margin-left: 15px;
}
.funels {
  clear: both;
  float: left;
  background-color: #FFFFFF;
  padding: 0 15px;
}
.funels .line {
  float: left;
  width: 100%;
  margin-top: 15px;
}
.funels .line .col-md-9 {
  padding: 0;
}
.funels .funel {
  float: left;
  width: 100%;
  min-width: 310px;
}
.funels .funel .inner h3 {
  margin: 0;
}
.funels .funel .inner {
  margin: 10px 0;
  padding: 0 10px;
}
.funels .funel .inner.price {
  margin-left: 20px;
  padding-left: 20px;
  border-left: 1px solid #dddddd;
}
.funels .funel .small-box-footer {
  float: left;
  text-align: left;
  width: 100%;
  padding: 0 2%;
}
.plain-box {
  border: 1px solid #dddddd;
  width: 90%;
  float: right;
}
.plain-box .inner h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 0;
}
.plain-box .inner p {
  color: #666;
  margin-bottom: 0;
}
.plain-box .inner small.up {
  color: #67ab4f;
}
.plain-box .inner small.down {
  color: #f56954;
}
.plain-box .small-box-footer,
.plain-box .small-box-footer:hover {
  color: #666;
  background-color: #f6f6f6;
}
.content .padding .top,
.content .padding .body {
  padding: 15px;
}
.content .top .combo-search {
  float: left;
}
table th .list-toggle-button {
  background-color: transparent;
  color: #666;
  padding: 0;
  margin: 0 0 0 5px;
  border: 0;
}
table th .list-toggle-button i {
  left: 0;
  top: 1px;
  font-size: 14px !important;
}
table th .list-toggle-button.active i {
  color: #29abe2;
}
table th .list-toggle-button:focus {
  outline: 0;
}
.estimated_values {
  padding: 15px;
}
.estimated_values .tags {
  margin-bottom: 10px;
  float: none;
  width: 100%;
}
.estimated_values .tags button {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
  margin-left: 5px;
}
.estimated_values .combo-search {
  width: 100%;
  position: relative;
  height: 42px;
  margin: 0 10px 25px 0;
  border: 1px solid #dddddd;
}
.estimated_values .combo-search .input-group.search-column {
  width: 20%;
}
.estimated_values .combo-search .input-group.search-column button {
  width: 100%;
  height: 40px;
  margin-left: 0;
}
.estimated_values .combo-search .input-group.search-column button:hover {
  background-color: #FFFFFF !important;
}
.estimated_values .combo-search .input-group.search-column button i {
  top: 14px;
}
.estimated_values .combo-search .input-group.search {
  width: 80%;
}
.estimated_values .combo-search .input-group.search input[type=text] {
  width: 94% !important;
  height: 40px;
}
@media (max-width: 767px) {
  .estimated_values .filters {
    margin-top: 15px;
  }
}
.estimated_values .filters .box {
  border: 1px solid #dddddd;
  padding: 15px;
}
.estimated_values .filters .box .top {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
@media (max-width: 1024px) {
  .estimated_values .filters .box .top {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.estimated_values .filters .box .top .form-group:not(:last-child) {
  margin-bottom: 10px;
}
.estimated_values .filters .box .top .form-group .slider-box .s-values {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
@media (max-width: 767px) {
  .estimated_values .filters .box .top .form-group .slider-box .s-values {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.estimated_values .filters .box .top .form-group .slider-box input[type=text] {
  float: none;
}
.estimated_values .filters .box .top .right {
  width: 60%;
  margin-left: 30px;
}
@media (max-width: 1024px) {
  .estimated_values .filters .box .top .right {
    width: 100%;
    margin-left: 0;
  }
}
.estimated_values .filters .bottom {
  text-align: right;
  border-top: 1px solid #dddddd;
  padding-top: 15px;
}
.estimated_values .filters .bottom button[type="button"] {
  background-color: transparent;
  border: 0;
  padding: 0;
}
.estimated_values .filters .bottom button[type="submit"] {
  padding: 7px 40px;
  margin-left: 15px;
}
.estimated_values .top .btn.print,
.estimated_values .top .toggleSearch {
  float: left;
  min-height: 40px;
  margin-right: 10px;
  padding: 10px 20px;
}
@media (max-width: 767px) {
  .estimated_values .top {
    margin-bottom: 15px;
  }
}
.estimated_values .results-loader {
  margin-top: 15px;
}
.estimated_values .block {
  position: relative;
  display: block;
  color: inherit;
  background-color: #FFFFFF;
  padding: 15px;
  min-height: 115px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #dddddd;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 240px;
}
@media only screen and (max-width: 991px) {
  .estimated_values .block {
    margin-bottom: 15px;
  }
}
.estimated_values .block .item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 178px;
}
@media only screen and (max-width: 991px) {
  .estimated_values .block .item {
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
  }
}
@media print {
  .estimated_values .block .item .image {
    display: none;
  }
}
.estimated_values .block .item .image i,
.estimated_values .block .item .image .crop {
  position: relative;
  display: block;
  margin: 0;
  width: 100px;
  height: 100px;
  background-position: top center;
  background-size: 100px 100px;
}
@media only screen and (max-width: 991px) {
  .estimated_values .block .item .image i,
  .estimated_values .block .item .image .crop {
    width: 50px;
    height: 50px;
    background-size: 50px 50px;
  }
}
.estimated_values .block .item .data {
  margin-bottom: 0;
}
.estimated_values .block .item .data h1 {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
}
.estimated_values .block .item .data .property-type {
  color: #b7b7b7;
  padding: 5px 0 10px 0;
}
.estimated_values .block .item .data .customer {
  position: relative;
  margin-top: 10px;
  font-size: 14px;
}
.estimated_values .block .item .data .customer i {
  font-size: 14px;
}
.estimated_values .block .item .data a {
  position: absolute;
  top: 15px;
  right: 15px;
  color: inherit;
}
.estimated_values .block.price h2 {
  margin: 0;
  font-weight: normal;
  font-size: 14px;
}
.estimated_values .block.price p {
  display: block;
  margin: 25px 0 0 0;
  font-size: 36px;
  line-height: 100%;
}
.estimated_values .block.price p span {
  font-size: 18px;
  padding-left: 10px;
  font-weight: normal;
  color: #666;
}
@media print {
  .estimated_values .block.values {
    margin-top: 30px;
  }
}
.estimated_values .block.values table tr.spacer td {
  height: 40px;
}
@media only screen and (max-width: 991px) {
  .estimated_values .block.values table tr.spacer {
    display: none;
  }
}
.estimated_values .block.values table td.center,
.estimated_values .block.values table th.center {
  text-align: center;
}
.estimated_values .block.values.center {
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .estimated_values .block.values table tbody tr {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
  .estimated_values .block.values table tbody tr td {
    font-size: 16px !important;
    min-height: 32px;
    text-align: left !important;
    padding: 5px 0 !important;
  }
  .estimated_values .block.values table tbody tr td:before {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    display: block;
  }
  .estimated_values .block.values table tbody tr td.trname {
    padding: 10px 0 0 0px !important;
  }
  .estimated_values .block.values table tbody tr td:before {
    left: 0 !important;
  }
  .estimated_values .block.values table tbody tr:after {
    display: none !important;
  }
}
.estimated_values .block h2 {
  margin: 0 0 15px 0;
}
.estimated_values .block table {
  width: 100%;
}
.estimated_values .block table th,
.estimated_values .block table td {
  border-bottom: 1px solid #dddddd;
  padding: 3px 0;
}
.estimated_values .block table th:first-child,
.estimated_values .block table td:first-child {
  width: 300px;
}
.estimated_values .block table tbody tr:last-of-type td {
  border: 0;
}
.estimated_values .table-results {
  background-color: #FFFFFF;
}
.estimated_values .table-results tr {
  border-bottom: 1px solid #dddddd;
}
.estimated_values .table-results tr:last-child {
  border-bottom: 0;
}
.estimated_values .table-results tr td.no-result:hover {
  background-color: #FFFFFF;
}
.estimated_values .table-results tr td {
  line-height: 40px;
  height: 55px;
  border-top: 0;
  vertical-align: middle;
  text-align: left;
  position: relative;
}
.estimated_values .table-results tr td a span,
.estimated_values .table-results tr td a i {
  color: #666;
}
.estimated_values .table-results tr td.name {
  position: relative;
  padding: 4px 0 4px 65px;
  line-height: normal;
}
.estimated_values .table-results tr td.name .crop,
.estimated_values .table-results tr td.name i.icon {
  position: absolute;
  left: 0px;
  top: -5px;
  width: 45px;
  height: 45px;
  overflow: hidden;
  margin: 10px 0px 0px 7px;
}
.estimated_values .table-results tr td.name .crop img,
.estimated_values .table-results tr td.name i.icon img {
  max-width: none !important;
}
.estimated_values .table-results tr td.name > span {
  display: block;
}
.estimated_values .table-results tr td.propertyType {
  width: 50px;
  color: #666;
  line-height: 100%;
  height: 40px;
}
.estimated_values .table-results tr td.customer {
  line-height: normal;
  text-align: right;
  padding-right: 20px;
}
.estimated_values .table-results tr td.customer .company {
  line-height: 130%;
  padding-top: 10px;
}
.estimated_values .table-results tr td.no-result {
  line-height: 130%;
  text-align: center;
}
.estimated_values .table-results tr td.no-result.:hover {
  background-color: #FFFFFF;
}
.estimated_values .table-results tr td.no-result a {
  margin-top: 10px;
}
.estimated_values .table-results tr td a.btn-sm,
.estimated_values .table-results tr td a > i.fa-times {
  box-shadow: none;
  margin-top: 5px;
  float: right;
  color: #666;
}
.estimated_values .table-results tr td a > i.fa-times {
  margin-right: 15px;
}
.estimated_values.view .combo-search {
  width: 50%;
  margin-bottom: 15px;
}
.estimated_values.view .combo-search .dropdown-menu {
  width: 600px;
}
.estimated_values.view .body.locked {
  text-align: center;
  font-style: italic;
  color: #666;
  font-size: 16px;
}
.estimated_values.view .data-map {
  margin-top: 15px;
}
.estimated_values.view .data-map .draggable-toggler {
  position: absolute;
  right: 15px;
  top: 53px;
  color: #666;
}
.estimated_values.view .data-map .draggable-toggler label {
  cursor: pointer;
}
@media only screen and (max-width: 991px) {
  .estimated_values.view .data-map .draggable-toggler {
    position: static;
    margin-left: 20px;
    right: auto;
  }
}
.estimated_values.view .data-map .box {
  overflow: hidden;
  border-top: 0;
  border: 1px solid #dddddd;
  box-shadow: none;
}
.estimated_values.view .data-map .box h2 {
  margin: 5px 0 10px 10px;
}
.estimated_values.view .data-map .box .box-header h2 {
  float: left;
  margin-right: 10px;
}
.estimated_values.view .data-map .box .box-header .btn {
  margin-top: 4px;
  padding: 0 3px;
  font-size: 10px;
}
.estimated_values.view .data-map .box .box-header strong {
  margin-right: 10px;
  font-size: 16px;
  color: #29abe2;
}
.estimated_values.view .data-map .box .box-body {
  padding: 10px 0 10px 0;
}
.estimated_values.view .data-map .box .box-body.padding-box {
  padding: 10px;
}
.estimated_values.view .data-map .box .box-body a.hide-box {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #666;
}
.estimated_values.view .data-map .box .box-body .status {
  float: left;
  padding: 0 0 0 20px;
  width: 100%;
  margin-bottom: 20px;
  color: #666;
}
@media print {
  .estimated_values.view .data-map .box .box-body .status {
    padding-left: 0;
  }
}
.estimated_values.view .data-map .box .box-body .interest-rate {
  clear: both;
  width: 60px;
  height: 25px;
  text-align: center;
  padding: 0;
  margin: 0 0 10px 10px;
}
.estimated_values.view .data-map .box .box-body img {
  margin: 0 auto;
  display: block;
}
.estimated_values.view .data-map .box .box-body p {
  padding: 10px 15px 0 15px;
  color: #666;
  border-top: 1px solid #dddddd;
  font-size: 12px;
}
.estimated_values.view .data-map .box .box-body .btn {
  float: none;
  margin: 25px auto 15px auto;
  display: block;
  width: 100px;
}
.estimated_values.view .data-map .box.box-transactions h2 {
  padding: 5px 0 0 10px;
  font-size: 18px;
  font-weight: normal;
}
@media print {
  .estimated_values.view .data-map .box.box-transactions h2 {
    margin-left: 0;
    padding-left: 0;
  }
}
.estimated_values.view .data-map .source {
  text-align: center;
  color: #666;
  font-size: 14px;
  padding-bottom: 20px;
}
.estimated_values.view .data-map .source.small {
  font-size: 11px;
}
.estimated_values.view .data-map .table {
  font-size: 13px;
  color: #666;
}
.estimated_values.view .data-map .table.table-money h2 {
  margin: 0;
}
.estimated_values.view .data-map .table thead th {
  color: #333;
  cursor: pointer;
}
.estimated_values.view .data-map .table td,
.estimated_values.view .data-map .table th {
  border-top: 0;
  line-height: 0.8;
}
.estimated_values.view .data-map .table td:first-child,
.estimated_values.view .data-map .table th:first-child {
  padding-left: 15px;
}
.estimated_values.view .data-map .table td.selected,
.estimated_values.view .data-map .table th.selected {
  background-color: #f5f5f5;
}
.estimated_values.view .data-map .table td i.fa-warning,
.estimated_values.view .data-map .table th i.fa-warning {
  color: #f39c12;
  margin-right: 5px;
}
.estimated_values.view .data-map .table td ul,
.estimated_values.view .data-map .table th ul {
  margin: 0;
  padding: 0;
}
.estimated_values.view .data-map .table td ul li,
.estimated_values.view .data-map .table th ul li {
  clear: both;
  float: left;
  margin: 0 0 5px 0;
  padding: 0;
  list-style-type: none;
}
.estimated_values.view .data-map .table td ul li > span > span,
.estimated_values.view .data-map .table th ul li > span > span {
  display: block;
  float: left;
  margin-right: 10px;
}
.estimated_values.view .data-map .table td ul li > span > span i,
.estimated_values.view .data-map .table th ul li > span > span i {
  padding-right: 5px;
}
.estimated_values.view .data-map .table td a,
.estimated_values.view .data-map .table th a {
  color: #dddddd;
}
.estimated_values.view .data-map .table td a:hover,
.estimated_values.view .data-map .table th a:hover {
  color: #666;
}
.estimated_values.view .data-map .table tr.selected > td {
  background-color: #29abe2 !important;
  color: #FFFFFF;
}
.estimated_values.view .data-map .table tbody tr td.property-type {
  font-size: 15px;
  color: #333;
  line-height: 130%;
}
.estimated_values.view .data-map .table tbody tr td.header-data span,
.estimated_values.view .data-map .table tbody tr td.header-data i {
  display: block;
  margin-bottom: 10px;
}
.estimated_values.view .data-map .table tbody tr td.header-data span.date,
.estimated_values.view .data-map .table tbody tr td.header-data i.date {
  font-size: 12px;
}
.estimated_values.view .data-map .table tbody tr td.header-data span {
  line-height: 130%;
}
.estimated_values.view .data-map .table tbody.deal tr:not(:first-child) td {
  background-color: #f5f5f5;
}
.estimated_values.view .data-map .table tbody tr.deal-avarage td {
  border-bottom: 1px solid #eeeeee;
  font-weight: bold;
  padding-bottom: 15px;
}
.estimated_values.view .data-map .table tbody.average td {
  border-top: 1px solid #eeeeee;
  border-bottom: 2px solid #eeeeee;
  font-weight: bold;
  color: #000000;
  padding: 25px 8px;
  font-size: 16px;
}
.estimated_values.view .data-map .etn-table {
  overflow-x: auto;
  min-width: 360px;
}
@media print {
  .estimated_values.view .data-map .etn-table {
    overflow-x: hidden !important;
  }
}
.estimated_values.view .data-map .etn-table table {
  min-width: 1100px;
}
.estimated_values.view .data-map .etn-table table td.number,
.estimated_values.view .data-map .etn-table table th.number {
  width: 1%;
}
.estimated_values.view .data-map .etn-table table td.business,
.estimated_values.view .data-map .etn-table table th.business {
  width: 10%;
}
.estimated_values.view .data-map .etn-table table td.date,
.estimated_values.view .data-map .etn-table table th.date {
  width: 10%;
}
.estimated_values.view .data-map .etn-table table td.parts,
.estimated_values.view .data-map .etn-table table th.parts {
  width: 25%;
}
.estimated_values.view .data-map .etn-table table td.gursid,
.estimated_values.view .data-map .etn-table table th.gursid {
  width: 10%;
}
.estimated_values.view .data-map .etn-table table td.share,
.estimated_values.view .data-map .etn-table table th.share {
  width: 5%;
}
.estimated_values.view .data-map .etn-table table td.room,
.estimated_values.view .data-map .etn-table table th.room {
  width: 10%;
}
.estimated_values.view .data-map .etn-table table td.roomcnt,
.estimated_values.view .data-map .etn-table table th.roomcnt {
  width: 5%;
}
.estimated_values.view .data-map .etn-table table td.size,
.estimated_values.view .data-map .etn-table table th.size {
  width: 10%;
}
.estimated_values.view .data-map .etn-table table td.built,
.estimated_values.view .data-map .etn-table table th.built {
  width: 5%;
}
.estimated_values.view .data-map .etn-table table td.price,
.estimated_values.view .data-map .etn-table table th.price {
  width: 10%;
}
.estimated_values.view .data-map .etn-table table td.pricem2,
.estimated_values.view .data-map .etn-table table th.pricem2 {
  width: 10%;
}
.estimated_values.view .data-map .etn-table table td.action,
.estimated_values.view .data-map .etn-table table th.action {
  width: 5%;
}
.estimated_values.view .data-map .etn-table table td.separator-line,
.estimated_values.view .data-map .etn-table table th.separator-line {
  border-right: 1px solid #eeeeee;
}
.estimated_values.view .data-map .etn-table table tbody:hover td {
  background-color: #f5f5f5;
}
.estimated_values.view .data-map .etn-table table tbody td.parts {
  line-height: 130%;
}
.estimated_values.view .data-map .etn-table table tbody td.number {
  padding-top: 12px;
  font-size: 15px;
}
.estimated_values.view .data-map .etn-table table thead th {
  min-height: 50px;
  vertical-align: top;
  line-height: 130%;
}
.estimated_values.view .data-map .no-results {
  padding-left: 10px;
  color: #666;
}
.estimated_values .box-center {
  position: relative;
  margin: 60px auto 0 auto;
  width: 80%;
  text-align: center;
}
.estimated_values .box-center .top .logo-icon {
  display: block;
  position: relative;
  margin: 0 auto;
  width: 56px;
  height: 70px;
  background-image: url("../img/logo_auth.png");
}
.estimated_values .box-center .body {
  margin-top: 45px;
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 30px;
  min-height: 400px;
  min-width: 200px;
}
.estimated_values .box-center .body h1 {
  color: #333;
  font-size: 26px;
}
.estimated_values .box-center .body .option {
  width: 40%;
  min-width: 200px;
  margin-top: 25px;
  display: inline-block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  vertical-align: top;
}
.estimated_values .box-center .body .option:first-of-type {
  margin-right: 40px;
}
.estimated_values .box-center .body .option i {
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: block;
  height: 180px;
  padding: 45px 0;
  margin-top: 25px;
  border: 1px solid #dddddd;
  overflow: hidden;
}
.estimated_values .box-center .body .option i span.badge {
  position: absolute;
  right: -30px;
  top: 8px;
  transform: rotate(45deg);
  display: block;
  background-color: #67ab4f;
  color: #FFFFFF;
  font-weight: bold;
  padding: 3px 10px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  width: 100px;
  text-align: center;
  font-size: 14px;
}
.estimated_values .box-center .body .option h2 {
  color: #333;
  font-size: 16px;
}
.estimated_values .box-center .body .option p {
  color: #666;
  line-height: 120%;
}
.estimated_values .box-center .body .option:hover > i {
  outline: 3px solid #29abe2;
}
.estimated_values .box-center .body.search button.btn-success {
  margin-top: 35px;
  padding: 7px 35px;
}
.estimated_values .box-center .body.search a.cancel {
  display: block;
  clear: both;
  margin-top: 15px;
  color: #666;
}
i.icon,
div.icon {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 45px;
  height: 45px;
  margin: 7px 17px 0 7px;
}
div.icon.send {
  background-color: #efefef;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
div.icon.send i.fa {
  color: #333;
  position: inherit !important;
  margin: 0 !important;
  top: auto !important;
}
i.icon.buyer {
  background-image: url("../img/buyer_icon.png?x=1");
}
i.icon.blacklist {
  background-image: url("../img/buyer_blacklist_icon.png?x=1");
}
i.icon.buyer-seller {
  background-image: url("../img/buyer_seller_icon.png?x=1");
}
i.icon.seller {
  background-image: url("../img/seller_icon.png");
}
i.icon.seller-buyer {
  background-image: url("../img/seller_buyer_icon.png?x=1");
}
i.icon.partner {
  background-image: url("../img/partner_icon.png");
}
i.icon.partner-buyer {
  background-image: url("../img/partner_buyer_icon.png?x=1");
}
i.icon.partner-seller {
  background-image: url("../img/partner_seller_icon.png");
}
i.icon.partner-buyer-seller {
  background-image: url("../img/partner_buyer_seller_icon.png?x=1");
}
i.icon.tenant {
  background-image: url("../img/tenant_icon.png");
}
i.icon.property-type-none {
  background-image: url("../img/icon_property_type_none_150x150.png");
}
i.icon.property-type5 {
  background-image: url("../img/icon_property_type_5_150x150.png");
}
i.icon.property-type6 {
  background-image: url("../img/icon_property_type_6_150x150.png");
}
i.icon.property-type7 {
  background-image: url("../img/icon_property_type_7_150x150.png");
}
i.icon.property-type8 {
  background-image: url("../img/icon_property_type_8_150x150.png");
}
i.icon.property-type9 {
  background-image: url("../img/icon_property_type_9_150x150.png");
}
i.icon.property-type10 {
  background-image: url("../img/icon_property_type_10_150x150.png");
}
i.icon.property-type181 {
  background-image: url("../img/icon_property_type_181_150x150.png");
}
i.icon.private-offer-icon {
  background-image: url("../img/private_offer_icon.png");
}
i.icon.text {
  text-align: center;
  line-height: 45px;
  color: #FFFFFF;
  font-size: 26px;
}
.table {
  font-size: 15px;
}
.table td .normal-text,
.table td .text-transparent {
  color: #666;
  font-size: 15px;
}
.table.block-responsive tr:hover > td {
  background-color: transparent !important;
}
.table.block-responsive tr td {
  border-bottom: 0;
}
.table.block-responsive tr td.name {
  width: auto !important;
}
.table.block-responsive tr td.action {
  width: 30px;
  text-align: right;
}
.table.block-responsive.block tbody > tr > td {
  border-top: 0;
}
.table.block-responsive.block tbody > tr > td.name {
  width: 45% !important;
}
.table.block-responsive.block tbody > tr > td.name .crop {
  margin-left: 0 !important;
}
.add-gutter {
  margin-right: -15px !important;
  margin-left: -15px !important;
}
.editable-text span {
  display: block;
  width: 100%;
  padding: 8px;
  cursor: pointer;
  border: 1px dashed transparent;
  min-height: 40px;
}
.editable-text span:hover {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-color: #dddddd;
}
.editable-text span.done {
  text-decoration: line-through;
}
.editable-text textarea {
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
}
.checklist .checklist-status .progress {
  margin-top: 8px;
}
.checklist .checklist-status .status {
  position: absolute;
  left: 0;
  right: 0;
  background-color: #FFFFFF;
  padding: 1px 3px;
  margin: 0 auto;
  text-align: center;
  width: 100px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #dddddd;
  top: -2px;
  opacity: 0.75;
}
.checklist .checklist-status:hover .status {
  opacity: 1;
}
.checklist .checklist-option {
  margin-bottom: 0;
}
.checklist .checklist-option .checklist-form-row .form-checkbox {
  float: left;
  width: 25px;
}
.checklist .checklist-option .checklist-form-row .form-checkbox input[type="checkbox"] + label {
  padding: 0;
}
.checklist .checklist-option .checklist-form-row .form-checkbox input[type="checkbox"] + label:before {
  letter-spacing: 0;
}
.checklist .checklist-option .checklist-form-row .editable-text {
  width: 85%;
  float: left;
}
.checklist .checklist-option .checklist-form-row .checklist-action {
  width: 60px;
  float: right;
  text-align: right;
}
.checklist .checklist-option .checklist-form-row .checklist-action a {
  font-size: 16px;
  margin-right: 5px;
}
.checklist .checklist-option .checklist-form-row .checklist-action a:last-of-type {
  margin-right: 0;
}
.checklist .checklist-option-actions {
  margin-top: 15px;
  border-top: 2px dotted #dddddd;
  padding-top: 15px;
}
.checklist .checklist-option-actions .dropdown {
  margin-left: -15px;
}
.checklist .checklist-option-actions a {
  margin-top: 10px;
  display: block;
}
.checklist .more-settings {
  margin-bottom: 20px;
}
.checklist .settings .suggestion-result {
  margin-bottom: 25px;
}
.checklist table tr td.title {
  width: 30%;
  padding-left: 65px;
}
.checklist table tr td.title .notes {
  color: #666;
  font-size: 12px;
  padding-top: 5px;
}
.checklist table tr td.graph {
  width: 20%;
}
.checklist table tr td.graph label {
  margin-bottom: 2px;
  font-size: 12px;
  text-align: right;
  display: block;
  width: 100%;
}
.checklist .form textarea {
  height: 50px;
}
.checklist .box {
  width: 80%;
  margin: 45px auto;
  padding: 25px;
  box-shadow: none;
  border: 1px solid #eeeeee;
}
.checklist .box .name span {
  font-weight: bold;
  display: block;
}
.checklist .box .name .btn {
  clear: both;
  display: inline-block;
  margin-top: 10px;
}
.checklist .box .list .checkbox-view {
  width: auto;
  min-width: auto;
  position: absolute;
  left: 0;
  top: 0;
}
.checklist .box .list .text {
  width: 100%;
  padding-left: 25px;
}
.empty-list {
  float: left;
  width: 100%;
  padding: 35px 0 0 0;
  font-size: 16px;
  font-style: italic;
  text-align: center;
  color: #666;
}
.empty-list a {
  margin-top: 15px;
  font-style: normal;
}
.form-list {
  padding: 15px;
}
.form-list .top {
  position: relative;
  z-index: 11;
}
.form-list .top.flex-align-center {
  display: flex;
  gap: 10px;
  align-items: center;
}
.form-list .body,
.form-list .top {
  float: left;
}
.form-list .body .row:not(.noreset),
.form-list .top .row:not(.noreset) {
  margin-right: 0px;
  margin-left: 0px;
}
.form-list .meta {
  float: left;
  width: 100%;
  padding: 20px 0 0 0;
}
.form-list .btn.cancel {
  border: 1px solid #000000;
  color: #000000;
  padding: 3px 10px !important;
  box-shadow: none;
}
.form-list .top {
  width: 100%;
}
.form-list .top h1 {
  margin: 0 0 15px 0;
  font-size: 24px;
}
.form-list .top .btn {
  float: left;
  padding: 10px 20px;
  margin-right: 10px;
}
.form-list .top .btn.mail {
  margin-left: 0;
}
.form-list .top .btn.mail i.text {
  margin-right: 5px;
}
.form-list .top .right-actions {
  float: right;
}
@media (max-width: 1366px) {
  .form-list .top .right-actions {
    float: left;
    clear: both;
    margin-top: 10px;
  }
}
.form-list .top .right-actions > .agent-dropdown {
  float: left;
}
.form-list .top .right-actions > *:not(:last-child) {
  margin-right: 10px;
}
@media (max-width: 767px) {
  .form-list .top .right-actions {
    float: left;
    width: 100%;
    margin-top: 10px;
  }
}
.form-list .top > .agent-dropdown {
  float: right;
}
.form-list .top .right-side {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.form-list .top > .agent-dropdown,
.form-list .top > button.duplicates {
  float: right;
}
.form-list .top > button.duplicates {
  margin-left: 10px;
  box-shadow: none;
  border-color: #c5c5c5;
  background: transparent;
}
.form-list .top p.about {
  clear: both;
  float: left;
  line-height: 130%;
  width: 100%;
  margin-top: 30px;
}
.form-list > .body {
  border: 1px solid #dddddd;
}
.form-list .body {
  background-color: #FFFFFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 100%;
  padding: 0;
  margin-top: 15px;
  min-width: 250px;
  overflow: hidden;
}
.form-list .body.scrollable {
  overflow: auto;
}
.form-list .body.plain {
  background-color: transparent;
  margin: 0;
  padding: 0;
  border: 0;
}
.form-list .body.plain .callout {
  margin-top: 15px;
}
.form-list .body.search-result-section {
  border: 0;
  overflow: visible;
}
.form-list .body.search-result-section .name {
  padding-top: 35px;
}
.form-list .body.search-result-section .add-filter {
  margin-top: 15px;
  display: inline-block;
}
.form-list .body.search-result-section .remove-filter {
  position: absolute;
  bottom: 5px;
  right: 15px;
}
.form-list .body.search-result-section .filters {
  position: relative;
}
.form-list .body.search-result-section .filters:nth-child(1) .remove-filter {
  display: none;
}
.form-list .body.search-result-section .col-md-10 {
  width: 83.33% !important;
}
.form-list .body.search-result-section .bottom .btn,
.form-list .body.search-result-section .bottom a {
  float: right;
  margin-left: 15px;
}
.form-list .body.search-result-section .bottom .btn.cancel,
.form-list .body.search-result-section .bottom a.cancel {
  line-height: 32px;
}
.form-list .body.search-result-section.status {
  background-color: transparent;
  padding: 0;
}
.form-list .body.search-result-section.status .row > div {
  padding: 0;
}
.form-list .body.search-result-section.status.fixed {
  background-color: #FFFFFF;
  right: 30px;
  top: 35px;
  position: fixed;
  z-index: 100;
  width: 77.8%;
  border-bottom: 1px solid #eaeaec;
}
.form-list .body.search-result-section.status.fixed .row > div {
  padding: 0 15px 0 15px;
}
.form-list .body.search-result-section.status .side {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  gap: 15px;
}
.form-list .body.search-result-section.status .side.small-gap {
  gap: 5px;
}
.form-list .body.search-result-section.status .side .export-btn {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
  float: right;
  position: relative;
}
.form-list .body.search-result-section.status .side .export-btn:hover {
  color: #29abe2;
}
.form-list .body.search-result-section.status .side .export-btn > i {
  position: relative;
  margin-right: 5px;
  top: -2px;
}
.form-list .body.search-result-section.status .side .export-btn img.loader {
  margin: 0;
  position: relative;
  top: 2px;
}
.form-list .body.search-result-section.status .side .export-btn .popup {
  display: none;
  position: absolute;
  top: 35px;
  left: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 10px;
  font-size: 12px;
  background-color: #29abe2;
  color: #FFFFFF;
  line-height: 140%;
  z-index: 15;
  text-align: left;
  width: 150px;
}
.form-list .body.search-result-section.status .side .export-btn .popup:after {
  content: "";
  position: absolute;
  left: 10px;
  top: -10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7.5px 10px 7.5px;
  border-color: transparent transparent #29abe2 transparent;
}
.form-list .body.search-result-section.status .side .export-btn:hover .popup {
  display: block;
}
.form-list .body.search-result-section.status .filter-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  gap: 15px;
}
.form-list .body.search-result-section.status .filter-header .tags {
  width: 85%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  gap: 10px;
}
.form-list .body.search-result-section.status .filter-header .tags em {
  background-color: #f5f5f5;
  margin: 0;
}
.form-list .body.search-result-section.status .filter-header .tags em span {
  margin: 0;
}
.form-list .body.search-result-section.status .filter-header .tags em a.removeFilter {
  color: #eaeaec;
}
.form-list .body.search-result-section.status .filter-header .actions {
  text-align: right;
  color: #eaeaec;
}
.form-list .body.search-result-section.status .filter-header .actions a {
  margin-left: 15px;
}
.form-list .body .table-hover > tbody > tr:hover > td,
.form-list .body .table-hover > tbody > tr:hover > th,
.form-list .body .table-hover > tbody > tr.live > td,
.form-list .body .table-hover > tbody > tr.live > th {
  background-color: #fbfbfb;
}
.form-list .body .costs .list .line {
  position: relative;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.form-list .body .costs .list .line:last-of-type {
  border-bottom: 0;
  padding: 0;
  margin: 0;
}
.form-list .body .costs .list .line .remove {
  position: absolute;
  display: block;
  right: 15px;
  top: 0px;
  color: #666;
  z-index: 10;
}
.form-list .body .multiplied-form-group .row {
  margin-bottom: 10px;
}
.form-list .body .multiplied-form-group .row.tide {
  margin-left: -5px;
  margin-right: -5px;
}
.form-list .body .multiplied-form-group .row.tide [class^="col-"] {
  padding: 0 5px;
}
.form-list .body .multiplied-form-group .row.tide-between [class^="col-"] {
  padding: 0 5px;
}
.form-list .body .multiplied-form-group .row.tide-between [class^="col-"]:first-of-type {
  padding-left: 15px;
}
.form-list .body .multiplied-form-group .row.tide-between [class^="col-"]:last-of-type {
  padding-right: 15px;
}
.form-list .body .multiplied-form-group .row .form-group {
  margin-bottom: 0;
}
.form-list .body .multiplied-form-group .row.buttons button,
.form-list .body .multiplied-form-group .row.buttons a {
  margin-right: 5px;
}
.form-list .body .multiplied-form-group .row.buttons button:last-of-type,
.form-list .body .multiplied-form-group .row.buttons a:last-of-type {
  margin-right: 0;
}
.form-list .body .multiplied-form-group .row.buttons button img,
.form-list .body .multiplied-form-group .row.buttons a img {
  display: inline;
  width: 15px;
  position: relative;
  top: -2px;
}
.form-list .body .multiplied-form-group .row .remove {
  display: block;
  margin-top: 10px;
  color: #666;
}
.form-list .body.form {
  border: 0;
}
.form-list .body.form.border-bottom {
  border-bottom: 1px solid #dddddd;
}
.form-list .body.form .group h5 {
  font-weight: bold;
  margin-top: 25px;
}
.form-list .body.form .group div.description {
  margin-top: 5px;
}
.form-list .body.form .group div.example {
  margin-top: 20px;
  position: relative;
  border: 1px solid #dddddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 10px;
  background-color: #fafafa;
}
.form-list .body.form .group div.example:before {
  content: attr(data-label);
  position: absolute;
  left: 5px;
  top: -7px;
  font-size: 11px;
  background-color: #fafafa;
  line-height: 11px;
}
.form-list .body.form .group + .group {
  margin-top: 15px;
}
.form-list .body.form h2 {
  padding: 20px 15px;
  color: #333;
  margin: 0;
  border: 1px solid #dddddd;
  border-bottom: 0;
}
.form-list .body.form .col-md-10:not(.fw) {
  width: 65%;
}
@media (max-width: 767px) {
  .form-list .body.form .col-md-10:not(.fw) {
    width: 100%;
  }
}
.form-list .body.form > div > .row {
  border: 1px solid #dddddd;
  border-bottom: 1px solid #eeeeee;
  border-top-width: 0;
  padding: 15px 0;
}
.form-list .body.form > div > .row:first-of-type {
  border-top-width: 1px;
}
.form-list .body.form > div > .row.actions {
  border-bottom: 1px solid #dddddd;
}
.form-list .body.form > div > .row .line-connect {
  position: absolute;
  z-index: 0;
  width: 20%;
  left: 40%;
  top: 45px;
  background-color: #dddddd;
  height: 1px;
}
.form-list .body.form .row.gurs-id-type {
  position: relative;
}
.form-list .body.form .row.gurs-id-type .remove {
  color: #666;
}
.form-list .body.form .name a {
  color: inherit;
}
.form-list .body.form .name .filter {
  margin-top: 5px;
}
.form-list .body.form .name .filter.two-in-line > * {
  padding: 0;
}
.form-list .body.form .name .filter.two-in-line > *:first-child {
  padding-right: 5px;
}
.form-list .body.form .name .filter.two-in-line > *:last-child {
  padding-left: 5px;
}
.form-list .body.form .row > .name {
  color: #333;
}
.form-list .body.form .contact-multiply {
  margin-bottom: 15px;
}
.form-list .body.form .contact-multiply .remove-item {
  float: right;
  padding: 2px 10px;
}
.form-list .body.form .filters {
  padding: 0 0 25px 0;
  border-bottom: 1px solid #dddddd;
}
.form-list .body.form .filters a.reset {
  color: #666;
  font-size: 11px;
}
.form-list .body.form .filters .location .subtypes {
  margin-top: 15px;
}
.form-list .body.form .filters .more-wrapper {
  margin-top: 25px;
}
.form-list .body.form .filters .more-wrapper.mt-10 {
  margin-top: 10px;
}
.form-list .body.form .filters .remove-item {
  float: right;
  padding: 1px 3px;
}
.form-list .body.form .subtypes {
  padding: 0;
  margin: 10px 0 0 0;
  list-style-type: none;
}
.form-list .body.form .subtypes a {
  color: #666;
}
.form-list .body.form .actions .btn,
.form-list .body.form .actions .btn-text {
  float: right;
}
.form-list .body.form .actions .btn:not(:first-child),
.form-list .body.form .actions .btn-text:not(:first-child) {
  margin-right: 15px;
}
.form-list .body.form .actions .btn-text {
  line-height: 33px;
  color: #666;
}
.form-list .body .no-result {
  margin: 25px 0 25px 15px;
}
.form-list .body .no-result .btn {
  margin-left: 10px;
}
.form-list .table {
  position: relative;
  color: #666;
  margin-bottom: 0;
}
.form-list .table > thead > tr > th {
  border-bottom: 0;
}
.form-list .table th {
  border-top: 0;
  color: #000000;
  cursor: pointer;
  padding: 15px 8px;
}
.form-list .table th i {
  font-size: 10px;
  position: relative;
  left: 5px;
}
.form-list .table th.nosort {
  cursor: default;
}
.form-list .table th.sort button {
  background: transparent;
  border: 0;
  padding: 0;
}
.form-list .table tr.not-active td {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.form-list .table tr.not-active:hover td {
  opacity: 1;
  filter: alpha(opacity=100);
}
.form-list .table td,
.form-list .table th {
  height: 65px;
  position: relative;
  vertical-align: middle;
  line-height: 130%;
}
.form-list .table td.middle,
.form-list .table th.middle {
  line-height: normal;
}
.form-list .table td.download a,
.form-list .table th.download a {
  position: relative;
  top: 2px;
}
.form-list .table td.download a i,
.form-list .table th.download a i {
  margin-right: 5px;
}
.form-list .table td.name .nlsmall,
.form-list .table th.name .nlsmall {
  font-size: 12px;
}
.form-list .table td.name .flexed,
.form-list .table th.name .flexed {
  display: flex;
  align-items: flex-start;
}
.form-list .table td.name .flexed .icon.circle,
.form-list .table th.name .flexed .icon.circle {
  min-width: 10px;
  min-height: 10px;
}
.form-list .table td.center,
.form-list .table th.center {
  text-align: center;
}
.form-list .table td.with-notes.isnote > div,
.form-list .table th.with-notes.isnote > div {
  display: none;
  position: relative;
  z-index: 2;
  font-style: italic;
  font-size: 12px;
  line-height: 130%;
  padding: 5px 0 10px 0;
  max-width: 250px;
}
.form-list .table td.with-notes.isnote:hover,
.form-list .table th.with-notes.isnote:hover {
  line-height: 130%;
}
.form-list .table td.with-notes.isnote:hover div,
.form-list .table th.with-notes.isnote:hover div {
  display: block;
}
.form-list .table td .icon.circle.transparent,
.form-list .table th .icon.circle.transparent {
  border: 1px solid #dddddd;
}
.form-list .table td input[type="checkbox"]+label:before,
.form-list .table th input[type="checkbox"]+label:before {
  color: #ddd;
}
.form-list .table td input[type="checkbox"]:checked+label:before,
.form-list .table th input[type="checkbox"]:checked+label:before {
  color: #67ab4f;
}
.form-list .table td.site-content-type,
.form-list .table th.site-content-type {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.form-list .table td.site-content-type i,
.form-list .table th.site-content-type i {
  padding: 12px;
  background-color: #666;
  color: #FFFFFF;
  margin-right: 10px;
  display: inline-block;
  font-size: 18px;
}
.form-list .table td.site-content-type div span,
.form-list .table th.site-content-type div span {
  display: block;
  font-size: 11px;
}
.form-list .table td.site-content-type .circle,
.form-list .table th.site-content-type .circle {
  width: 10px;
  height: 10px;
  padding: 0;
}
.form-list .table td.site-content-type .circle.green,
.form-list .table th.site-content-type .circle.green {
  background-color: #67ab4f;
}
.form-list .table td.site-content-type .circle.yellow,
.form-list .table th.site-content-type .circle.yellow {
  background-color: #f39c12;
}
.form-list .table td.site-content-title,
.form-list .table th.site-content-title {
  width: 40%;
}
.form-list .table td.selection,
.form-list .table th.selection {
  width: 4%;
  text-align: center;
}
.form-list .table td.selection input[type="checkbox"] + label,
.form-list .table th.selection input[type="checkbox"] + label {
  padding: 0;
}
.form-list .table td.selection input[type="checkbox"] + label:before,
.form-list .table th.selection input[type="checkbox"] + label:before {
  position: relative;
  letter-spacing: 0;
}
.form-list .table td.name,
.form-list .table td.title,
.form-list .table th.name,
.form-list .table th.title {
  padding: 0 0 0 70px;
}
.form-list .table td.name i.last-edited,
.form-list .table td.title i.last-edited,
.form-list .table th.name i.last-edited,
.form-list .table th.title i.last-edited {
  font-size: 12px;
}
.form-list .table td.name .crop,
.form-list .table td.name .icon:not(.circle),
.form-list .table td.title .crop,
.form-list .table td.title .icon:not(.circle),
.form-list .table th.name .crop,
.form-list .table th.name .icon:not(.circle),
.form-list .table th.title .crop,
.form-list .table th.title .icon:not(.circle) {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 45px;
  height: 45px;
  overflow: hidden;
  margin: auto auto auto 8px;
}
.form-list .table td.name .crop.fixed-top,
.form-list .table td.name .icon:not(.circle).fixed-top,
.form-list .table td.title .crop.fixed-top,
.form-list .table td.title .icon:not(.circle).fixed-top,
.form-list .table th.name .crop.fixed-top,
.form-list .table th.name .icon:not(.circle).fixed-top,
.form-list .table th.title .crop.fixed-top,
.form-list .table th.title .icon:not(.circle).fixed-top {
  margin: 8px 0 0 8px;
}
.form-list .table td.name .crop img,
.form-list .table td.name .icon:not(.circle) img,
.form-list .table td.title .crop img,
.form-list .table td.title .icon:not(.circle) img,
.form-list .table th.name .crop img,
.form-list .table th.name .icon:not(.circle) img,
.form-list .table th.title .crop img,
.form-list .table th.title .icon:not(.circle) img {
  max-width: none !important;
}
.form-list .table td.name .crop.natural img,
.form-list .table td.name .icon:not(.circle).natural img,
.form-list .table td.title .crop.natural img,
.form-list .table td.title .icon:not(.circle).natural img,
.form-list .table th.name .crop.natural img,
.form-list .table th.name .icon:not(.circle).natural img,
.form-list .table th.title .crop.natural img,
.form-list .table th.title .icon:not(.circle).natural img {
  max-width: 100% !important;
}
.form-list .table td.name .crop.natural i.icon,
.form-list .table td.name .icon:not(.circle).natural i.icon,
.form-list .table td.title .crop.natural i.icon,
.form-list .table td.title .icon:not(.circle).natural i.icon,
.form-list .table th.name .crop.natural i.icon,
.form-list .table th.name .icon:not(.circle).natural i.icon,
.form-list .table th.title .crop.natural i.icon,
.form-list .table th.title .icon:not(.circle).natural i.icon {
  margin: 0;
}
.form-list .table td.company,
.form-list .table th.company {
  padding: 12px 0 0 70px;
  line-height: 130%;
}
.form-list .table td.company span,
.form-list .table th.company span {
  color: #000000;
}
.form-list .table td.company span:last-child,
.form-list .table th.company span:last-child {
  color: #666;
  font-style: italic;
  font-size: 12px;
  display: inline;
  width: auto;
  float: none;
}
.form-list .table td.activity,
.form-list .table th.activity {
  padding: 0 0 0 8px;
  line-height: 130%;
  font-weight: normal;
  font-size: 14px;
}
.form-list .table td.activity.not,
.form-list .table th.activity.not {
  padding: 0;
  line-height: 60px;
  font-style: italic;
}
.form-list .table td.activity span,
.form-list .table th.activity span {
  color: #67ab4f;
}
.form-list .table td.tours,
.form-list .table th.tours {
  text-align: center;
}
.form-list .table td.contact.not,
.form-list .table th.contact.not {
  padding: 0;
  line-height: 60px;
  font-style: italic;
}
.form-list .table td.contact a.mail,
.form-list .table th.contact a.mail {
  color: #29abe2;
  text-decoration: underline;
}
.form-list .table td.region_type,
.form-list .table th.region_type {
  color: #000000;
}
.form-list .table td.region_type a > i,
.form-list .table th.region_type a > i {
  color: #000000;
  position: relative;
  left: 10px;
}
.form-list .table td.region_type span,
.form-list .table th.region_type span {
  color: #666;
}
.form-list .table td.region_type ul,
.form-list .table th.region_type ul {
  padding: 0 0 20px 0;
  margin: 0;
}
.form-list .table td.region_type ul li,
.form-list .table th.region_type ul li {
  line-height: 140%;
  list-style-type: none;
}
.form-list .table td.interest .full,
.form-list .table th.interest .full {
  display: none;
}
.form-list .table td.interest .short,
.form-list .table th.interest .short {
  display: block;
}
.form-list .table td.action a:not(.btn) .fa-toggle-on,
.form-list .table th.action a:not(.btn) .fa-toggle-on {
  color: #67ab4f;
}
.form-list .table td.action a:not(.btn) .fa-toggle-off,
.form-list .table th.action a:not(.btn) .fa-toggle-off {
  color: #f56954;
}
.form-list .table td.action button,
.form-list .table th.action button {
  background: transparent;
  padding: 0;
  border: 0;
}
.form-list .table tfoot td {
  border-top: 1px solid #dddddd;
  font-weight: bold;
}
.form-list .table input[type=checkbox] + label {
  display: inline;
  cursor: pointer;
}
@media (min-width: 769px) {
  .form-list .table.customers-imported tr td:nth-child(1) {
    width: 25%;
  }
  .form-list .table.customers-imported tr td:nth-child(2) {
    width: 15%;
  }
  .form-list .table.customers-imported tr td:nth-child(3) {
    width: 25%;
  }
  .form-list .table.customers-imported tr td:nth-child(4) {
    width: 30%;
  }
  .form-list .table.customers-imported tr td:nth-child(5) {
    width: 5%;
  }
}
.form-list.suggestion-result {
  clear: both;
  padding: 0 15px;
}
.form-list.suggestion-result table {
  margin: 0;
}
.form-list.suggestion-result table tbody td i.icon,
.form-list.suggestion-result table tbody td .crop {
  margin-left: 0;
}
.form-list.suggestion-result table tbody tr:first-child td {
  border-top: 0;
}
.table td.action a:not(.btn) {
  color: #666;
  margin-right: 15px;
  font-size: 16px;
}
.table td.action a:not(.btn):last-child {
  margin-right: 0;
}
.table td.action a:not(.btn).:hover {
  color: #727272;
}
.table td.action span a {
  margin-right: 15px !important;
}
.table td.action .btn-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.table td.action .btn-wrapper a:not(.btn) {
  margin: 0 8px 0 0;
}
.table td.action .btn-wrapper span a {
  margin-right: 8px !important;
}
.table td.action .btn-wrapper button {
  border: 0;
  background-color: transparent;
}
.price-square-box {
  float: left;
  width: 100%;
  margin: 0;
  color: #FFFFFF;
  font-weight: bold;
}
.price-square-box p {
  font-size: 11px;
  margin: 10px 0 0 0;
}
.price-square-box h2 {
  clear: both;
  float: left;
  margin: 0;
  color: #FFFFFF;
  font-size: 28px;
}
.price-square-box h3 {
  float: left;
  color: rgba(255,255,255,0.7);
  font-size: 12px;
  line-height: 33px;
  margin-left: 15px;
  font-size: 17px;
}
.items .top {
  width: 100%;
}
.items .top .btn {
  margin-right: 5px;
}
.items .top .item-status {
  float: right;
  display: block;
  position: relative;
}
.items .top .item-status .status-box {
  padding: 6px 12px;
  display: inline-block;
  margin-right: 10px;
  min-width: 100px;
  min-height: 36px;
  text-align: left;
  background-color: #fafafa;
  border-color: #ddd;
  color: #666;
}
.items .top .item-status .icon {
  margin-right: 10px;
}
.items .top .agents {
  float: right;
  display: block;
}
.items .top .agents img {
  margin-right: 5px;
  width: 35px;
}
.items .body {
  position: relative;
  background-color: #FFFFFF;
  padding: 15px;
  margin: 15px 0;
}
.items .body.form {
  padding: 0;
}
.items .body th,
.items .body td {
  border-top: 0;
  border-bottom: 1px solid #dddddd;
}
.items .body td.action a {
  color: #666;
  margin-right: 5px;
}
.mail-customer .table {
  margin-top: 15px;
  min-width: 535px;
}
.mail-customer .table tr td {
  border-bottom: 1px solid #dddddd;
}
.mail-customer .form-list {
  padding: 0;
}
.add-activity {
  float: left;
  margin-left: 10px;
}
.add-activity i {
  margin-left: 5px;
}
.add-activity button.dropdown-trigger {
  color: #333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.add-activity button.dropdown-trigger i {
  position: relative;
  top: 1px;
}
.add-activity .dropdown-input-wrapper .dropdown-trigger {
  margin-right: 5px;
  height: 42px;
  border: 1px solid #c5c5c5;
}
.add-activity .dropdown-input-wrapper .dropdown-menu .dropdown-item {
  width: 100%;
}
.checkbox-view {
  min-width: 85px;
  padding-right: 15px;
  font-weight: normal;
}
.checkbox-view.inline {
  padding-right: 0;
  min-width: auto;
  font-size: 18px;
  display: inline-block;
  position: relative;
  vertical-align: top;
  top: 5px;
}
.checkbox-view i {
  color: #67ab4f;
  padding-right: 5px;
}
.checkbox-view i.gray {
  color: #666;
}
.checkbox-view.tight {
  min-width: auto;
  padding: 0 5px;
  margin: 0;
}
.checkbox-view.tight i {
  padding-right: 0;
}
.overview.activity article,
.form-list.activity article,
.overview-list.activity article {
  border-bottom: 1px solid #dddddd;
}
.overview .activity-box,
.form-list .activity-box,
.overview-list .activity-box {
  border: 1px solid #dddddd;
}
.overview .tabs,
.form-list .tabs,
.overview-list .tabs {
  border-bottom: 1px solid #dddddd;
}
.overview main,
.form-list main,
.overview-list main {
  float: left;
  width: 100%;
  min-height: 800px;
}
.overview .body.no-border main,
.form-list .body.no-border main,
.overview-list .body.no-border main {
  border: 1px solid #dddddd;
  border-top: 0;
}
.form .tabs {
  border-bottom: 0;
}
.form .item-map-coordinates {
  height: 250px;
  margin-bottom: 20px;
}
.form .item-map-coordinates .angular-google-map-container {
  height: 250px !important;
}
.form .box-filter {
  margin-bottom: 36px;
}
.form .box-filter .box-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding: 0 25px;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .form .box-filter .box-title {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
  }
}
.form .box-filter .box-title h3 {
  margin: 20px 0;
  color: #666;
  font-size: 16px;
}
.form .box-filter .box-title .actions button {
  padding: 2px 12px !important;
  box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,0.09);
  float: none !important;
  font-size: 14px;
  margin-right: 0 !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.form .box-filter .box-title .actions button.remove-item {
  margin-left: 10px;
}
.form .box-filter .box-title .actions button.toggle .fa-toggle-on {
  color: #67ab4f;
}
@media (max-width: 767px) {
  .form .box-filter .box-title .actions {
    padding-bottom: 16px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
  }
}
.form .box-filter .box-body .form-group.no-mb {
  margin-bottom: 0;
}
.form .box-filter .box-body label:not(.nobold) {
  font-weight: bold;
}
.form .box-filter .box-body .locations {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.form .box-filter .box-body .locations .form-group {
  min-width: 25%;
}
.form .box-filter .box-body .locations .form-group:not(:last-child) {
  margin-right: 10px;
}
.form .box-filter .box-body .locations > button {
  width: 17%;
}
@media (max-width: 767px) {
  .form .box-filter .box-body .locations {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .form .box-filter .box-body .locations .form-group,
  .form .box-filter .box-body .locations > button {
    min-width: 100%;
    width: 100%;
  }
  .form .box-filter .box-body .locations .form-group {
    margin-bottom: 10px;
  }
}
.form .box-filter .box-body .dropdown-button.open > .dropdown-menu {
  width: 100%;
  max-width: 100%;
}
.form .box-filter .box-body .tags {
  margin-top: 8px;
}
.form .box-filter .box-body .tags .tag {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #666;
  color: #FFFFFF;
  display: inline-block;
  padding: 4px 10px;
  margin: 0 5px 5px 0;
  font-size: 14px;
  font-style: normal;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.form .box-filter .box-body .tags .tag button {
  color: #FFFFFF;
  border: 0;
  padding: 0;
  background-color: transparent;
  margin-left: 10px;
}
.form .box-filter .box-body .tags .tag > span i {
  margin: 0 5px;
  display: inline-block;
}
.form .box-filter.closed {
  padding-bottom: 0 !important;
}
.form .box-filter.closed .box-title {
  border: 0;
  margin-bottom: 0;
}
.form .box-filter.closed .box-body {
  display: none;
  padding: 0;
}
.quick-options-block {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  float: left;
  margin-left: 15px;
}
.quick-options-block .quick-options {
  float: none;
  margin-left: 0;
}
.quick-options-block .entity-export {
  float: none;
  margin-left: 0;
}
@media (max-width: 767px) {
  .quick-options-block {
    float: left;
    display: block;
    margin-top: 10px !important;
  }
  .quick-options-block .quick-options label {
    margin-top: 0;
  }
}
.buttons-block {
  float: left;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background-color: #FFFFFF;
  border: 1px solid #c5c5c5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.buttons-block > .btn,
.buttons-block > div > button {
  border: 0;
  background-color: #FFFFFF !important;
  box-shadow: none;
  margin: 0 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.buttons-block > .btn,
.buttons-block > div {
  display: block;
  border-right: 1px solid #c5c5c5;
}
.buttons-block > .btn:last-child,
.buttons-block > div:last-child {
  border: 0;
}
.overview {
  padding: 15px;
}
.overview .body,
.overview .top {
  float: left;
}
.overview .top .btn {
  float: left;
  min-height: 35px;
  margin-right: 10px;
  padding: 10px 20px;
}
.overview .top .btn.mail {
  min-height: auto;
}
.overview .bottom {
  margin: 0;
  padding: 15px 0;
  border: 1px solid #dddddd;
  border-top-color: #eeeeee;
}
.overview .bottom .btn {
  float: right;
  margin-right: 15px;
}
.overview .body {
  background-color: #FFFFFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 100%;
  padding: 0;
  margin-top: 15px;
  color: #666;
}
.overview .body.notabs {
  border-top: 1px solid #dddddd;
}
.overview .body .translate-info {
  background-color: #fafafa;
}
.overview .body .translate-info ul {
  padding-left: 15px;
  margin-bottom: 0;
}
.overview .body .tabs-switcher .navigation {
  margin-top: 25px;
  font-size: 20px;
}
.overview .body .tabs-switcher .navigation a {
  display: inline-block;
  margin-right: 15px;
}
.overview .body .tabs-switcher .navigation a:last-of-type {
  margin-right: 0;
}
.overview .body .tabs-switcher .navigation a.selected {
  text-decoration: underline;
}
.overview .body .list h2 {
  margin-left: 15px;
}
.overview .body .list .card-wrapper:nth-child(3n+1) {
  clear: both;
}
.overview .body .list .status-box {
  position: absolute;
  right: 20px;
  top: 10px;
}
.overview .body .list .dates {
  border-top: 1px solid #dddddd;
  padding-top: 10px;
  margin-top: 10px;
  margin-bottom: 0;
  display: block;
  color: #b7b7b7;
}
.overview .body .list .dates strong {
  font-weight: normal;
}
.overview .body article {
  padding: 35px 15px 0 15px;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  min-height: 800px;
}
.overview .body article.has-border {
  border-top: 1px solid #dddddd;
}
.overview .body article .img {
  width: 100%;
  float: left;
  font-size: 0;
  margin: 0 0 25px 0;
  padding: 0;
}
.overview .body article .img li {
  display: inline-block;
  vertical-align: top;
  width: 84px;
  height: 65px;
  margin: 10px 10px 0 0;
  overflow: hidden;
  text-align: center;
  position: relative;
}
.overview .body article .img li:last-child {
  margin-right: 0;
}
.overview .body article .img li:first-child {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 0;
}
.overview .body article .img li img {
  max-width: 100%;
  position: relative;
  z-index: 1;
}
.overview .body article .img li span.indicator.icon {
  display: block;
  position: absolute !important;
  left: 5px;
  top: 5px;
  z-index: 2;
}
.overview .body article .img li label {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
  background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
  background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#a6000000',GradientType=0);
  padding: 10px;
  color: #FFFFFF;
  z-index: 2;
  margin: 0;
  text-align: left;
  font-size: 12px;
}
.overview .body article .download {
  clear: both;
  width: 100%;
  margin-top: 15px;
}
.overview .body article .download a {
  margin-right: 20px;
  color: #29abe2;
}
.overview .body article .download a:last-of-type {
  margin-right: 0;
}
.overview .body article .card h1 {
  color: #333;
  font-size: 26px;
  margin: 0;
  font-weight: bold;
}
.overview .body article .card h2 {
  margin: 5px 0 25px 0;
  font-weight: normal;
  font-size: 16px;
}
.overview .body article .card h2 span {
  line-height: 130%;
}
.overview .body article .card strong {
  color: #333;
}
.overview .body article .card .price {
  display: inline-block;
  color: #29abe2;
  padding: 0 25px 15px 0;
}
.overview .body article .card .price.gurs {
  color: #666;
}
.overview .body article .card .price:not(first-of-type) {
  border-left: 1px solid #dddddd;
  padding-left: 45px;
}
.overview .body article .card .price:first-of-type {
  border: 0;
  padding-left: 0;
}
.overview .body article .card .price dt {
  font-size: 32px;
}
.overview .body article .card .price dt span {
  font-size: 18px;
  font-weight: normal;
}
.overview .body article .card .price dd {
  line-height: 0;
}
.overview .body article .card .table {
  color: #666;
  margin-bottom: 15px;
}
.overview .body article .card .table:not(.no-border) {
  border-top: 1px solid #dddddd;
}
.overview .body article .card .table tr td:first-child {
  width: 35%;
}
.overview .body article .card .table tr td:last-child {
  width: 60%;
}
.overview .body article .card .table tr td {
  border: 0;
  padding: 5px 10px;
  color: #333;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
}
.overview .body article .card .table tr td span.normal {
  font-weight: normal;
}
.overview .body article .card .table tr td.exposed {
  font-weight: bold;
}
.overview .body article .card .table tr td.urgent {
  color: #f56954;
}
.overview .body article .card .table tr:nth-child(odd) td {
  background-color: #fbfbfb;
}
.overview .body article .card .table tr:hover td {
  border-color: #333;
}
.overview .body article .card .table.first-no-border:first-child {
  border: 0;
}
.overview .body article .card .table.first-no-border:first-child tr:first-child > td {
  padding-top: 0;
}
.overview .body article .card .table .price-change {
  display: block;
  clear: both;
  font-style: normal;
}
.overview .body article .card .user-id {
  display: block;
  min-height: 140px;
}
.overview .body article .card .user-id i.fa-user-circle {
  font-size: 140px;
  color: #ddd;
  position: absolute;
  left: 25px;
  top: -10px;
}
.overview .body article .card .user-id > div {
  padding-left: 170px;
}
.overview .body article .card .user-id > div h2 {
  margin-bottom: 0;
}
.overview .body article .card .user-id > div .status {
  margin-top: 5px;
  display: inline-block;
  color: #b7b7b7;
}
.overview .body article .card .user-id > div .actions {
  margin-top: 30px;
  margin-top: 25px;
  color: #666;
}
.overview .body article .card .user-id > div .actions strong {
  font-weight: 400;
}
.overview .body article .card h3.subtitle {
  font-size: 16px;
  font-weight: 700;
  color: #333;
  display: block;
  width: 100%;
}
.overview .body article .card .notes,
.overview .body article .card .cards-list,
.overview .body article .card .owner {
  padding: 0 25px;
}
.overview .body article .card .owner,
.overview .body article .card .notes {
  margin-top: 30px;
}
.overview .body article .card .list {
  padding: 0 15px;
}
.overview .body article .card .list h2 {
  padding: 15px 0;
  font-weight: bold;
}
.overview .body article .card .list .col-md-12 {
  padding: 0;
}
.overview .body article .card .agent-box {
  width: 100%;
}
.overview .body article .card .cards-list h3 {
  margin-bottom: 15px;
}
.overview .body article .card .cards-list .box-body {
  padding: 0 15px 15px 15px;
}
.overview .body article .card .cards-list .box-body ul {
  padding: 0;
}
.overview .body article .card .cards-list .box-body ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.overview .body article .card .cards-list .box-body ul li:not(:last-child) {
  margin-bottom: 5px;
}
.overview .body article .overview-top {
  margin-bottom: 25px;
}
.overview .body article .list .document-box {
  width: 50%;
  display: inline-block;
}
.overview .body article .list .document-box .row {
  padding: 0;
  border: 0;
}
.overview .body article .list .descriptions > div {
  margin-bottom: 20px;
}
.overview .body article .list .descriptions > div:last-of-type {
  margin-bottom: 0;
}
.overview .body article .list .row {
  border-top: 1px solid #eeeeee;
  padding: 25px 0;
  color: #333;
}
.overview .body article .list .row.archive {
  background-color: #fff3e9;
  border-left: 5px solid #FF851B;
  border-top: 0;
}
.overview .body article .list .row table.noborder tr td {
  border: 0 !important;
}
.overview .body article .list .row .nearby,
.overview .body article .list .row .costs,
.overview .body article .list .row .room {
  width: 80%;
}
@media (max-width: 1023px) {
  .overview .body article .list .row .nearby,
  .overview .body article .list .row .costs,
  .overview .body article .list .row .room {
    width: 100%;
  }
}
.overview .body article .list .row .nearby tr td,
.overview .body article .list .row .costs tr td,
.overview .body article .list .row .room tr td {
  padding: 8px;
}
.overview .body article .list .row .nearby tr td.desc,
.overview .body article .list .row .nearby tr td.long,
.overview .body article .list .row .costs tr td.desc,
.overview .body article .list .row .costs tr td.long,
.overview .body article .list .row .room tr td.desc,
.overview .body article .list .row .room tr td.long {
  width: 60%;
}
.overview .body article .list .row .nearby tr td.distance,
.overview .body article .list .row .costs tr td.distance,
.overview .body article .list .row .room tr td.distance {
  text-align: right;
}
.overview .body article .list .row .nearby thead tr td,
.overview .body article .list .row .nearby thead tr th,
.overview .body article .list .row .costs thead tr td,
.overview .body article .list .row .costs thead tr th,
.overview .body article .list .row .room thead tr td,
.overview .body article .list .row .room thead tr th {
  font-weight: bold;
  padding-top: 0;
  padding-bottom: 0;
}
.overview .body article .list .row .nearby tbody tr:hover td,
.overview .body article .list .row .costs tbody tr:hover td,
.overview .body article .list .row .room tbody tr:hover td {
  background-color: #f5f5f5;
}
.overview .body article .list .row .nearby tfoot td,
.overview .body article .list .row .costs tfoot td,
.overview .body article .list .row .room tfoot td {
  padding-top: 15px;
  font-style: italic;
}
.overview .body article .list .row .costs {
  width: 100%;
}
.overview .body article .list .row .costs.by-date {
  border: 1px solid #eeeeee;
  border-collapse: collapse;
}
.overview .body article .list .row .costs.by-date tr td {
  border: 1px solid #eeeeee;
  text-align: center;
  position: relative;
}
.overview .body article .list .row .costs.by-date tr td.paid {
  background-color: #67ab4f;
  color: #FFFFFF;
}
.overview .body article .list .row .costs.by-date tr td.notpaid {
  background-color: #f56954;
  color: #FFFFFF;
}
.overview .body article .list .row .costs.by-date tr td.costText {
  background-color: transparent;
  font-weight: bold;
  width: 20%;
  text-align: left;
}
.overview .body article .list .row .costs.by-date tr td em {
  position: absolute;
  display: none;
  top: 3px;
  left: 3px;
  background-color: #333;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 4px 8px;
  z-index: 5;
  min-width: 200px;
  text-align: center;
  font-size: 11px;
  font-style: normal;
  color: #FFFFFF;
}
.overview .body article .list .row .costs.by-date tr td em span:after {
  content: ' / ';
}
.overview .body article .list .row .costs.by-date tr td em span:last-child:after {
  content: '';
}
.overview .body article .list .row .costs.by-date tr td:hover em {
  display: block;
}
.overview .body article .list .row .costs.by-date tr.thead td {
  font-weight: bold;
  background-color: transparent;
}
.overview .body article .list .row .costs-by-date h3 {
  font-size: 18px;
}
.overview .body article .list .row .name {
  color: #b7b7b7;
}
.overview .body article .list .row:last-child {
  border-bottom: 0;
}
.overview .body article .list .row.border-bottom {
  border-bottom: 1px solid #dddddd !important;
}
.overview .body article .list .row strong {
  color: #333;
}
.overview .body article .list .row strong a {
  color: #333;
}
.overview .body article .list .row .form-list {
  padding: 0;
  margin-left: -7px;
}
.overview .body article .list .row .form-list .table > tbody > tr > td {
  border: 0;
}
.overview .body article .list .row table.items {
  max-width: 850px;
}
.overview .body article .list .row table.items td.name .crop {
  top: 5px;
  margin-left: 10px !important;
}
.overview .body article .list .row .description > * {
  margin-bottom: 10px;
}
.overview .body article .list .row .description > *:last-child {
  margin-bottom: 0;
}
.overview .body article .cards h3 {
  padding: 0 0 0 15px;
  margin: 15px 0 0 0;
}
.overview .body article .cards h3 span {
  vertical-align: top;
  display: inline-block;
  line-height: 48px;
}
.overview .body article .cards h3 .icon {
  position: relative;
  margin: 0 7px 0 0;
  background-size: 45px 45px;
}
.overview .body article .cards a {
  color: #333;
}
.overview .body article .cards .table td {
  border: 0;
  padding: 5px;
}
.overview .body article .cards .table td:first-child {
  width: 200px;
}
.overview.activity-form .customer > div {
  padding-left: 0;
}
.overview.activity-form .customer .block-responsive tbody tr td {
  border-top: 0;
}
.table-responsive-wrapper {
  width: 100%;
  overflow: auto;
}
.table-responsive-wrapper table {
  min-width: 500px;
}
.opportunities {
  color: #666;
}
.opportunities .top .combo-search {
  margin: 0 0 25px 0;
}
.opportunities .top h3 {
  clear: both;
  padding: 0 0 0 0;
  font-weight: normal;
  font-size: 14px;
}
.opportunities .top .options {
  position: relative;
  width: 100%;
}
.opportunities .top .options .option {
  padding-right: 5px;
  display: inline-block;
}
.opportunities .top .options .option:last-child {
  padding-right: 0;
}
.opportunities .top .options .option input[type="checkbox"] {
  visibility: hidden;
  position: absolute;
  display: block;
}
.opportunities .top .options .option label {
  padding: 9px 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  border: 1px solid #ccc;
  font-size: 14px;
  color: #999;
}
.opportunities .top .options .option label i.fa-times {
  display: none;
}
.opportunities .top .options .option label i.fa-circle {
  position: relative;
  margin-right: 5px;
}
.opportunities .top .options .option label.new-item i.fa-circle {
  color: #f56954;
}
.opportunities .top .options .option label.new-buyer i.fa-circle {
  color: #f39c12;
}
.opportunities .top .options .option label.administration i.fa-circle {
  color: #67ab4f;
}
.opportunities .top .options .option label.open i.fa-circle {
  color: #932ab6;
}
.opportunities .top .options .option label.not-open i.fa-circle {
  color: #85144B;
}
.opportunities .top .options .option input[type="checkbox"]:checked+label {
  color: #FFFFFF;
}
.opportunities .top .options .option input[type="checkbox"]:checked+label i.fa-times {
  display: inline-block;
  margin-left: 5px;
}
.opportunities .top .options .option input[type="checkbox"]:checked+label i.fa-circle {
  display: none;
}
.opportunities .top .options .option input[type="checkbox"]:checked+label.new-item {
  background-color: #f56954;
  border-color: #f56954;
}
.opportunities .top .options .option input[type="checkbox"]:checked+label.new-buyer {
  background-color: #f39c12;
  border-color: #f39c12;
}
.opportunities .top .options .option input[type="checkbox"]:checked+label.administration {
  background-color: #67ab4f;
  border-color: #67ab4f;
}
.opportunities .top .options .option input[type="checkbox"]:checked+label.open {
  background-color: #932ab6;
  border-color: #932ab6;
}
.opportunities .top .options .option input[type="checkbox"]:checked+label.not-open {
  background-color: #85144B;
  border-color: #85144B;
}
.opportunities .top .options .option label:before {
  content: "";
}
.opportunities .top .agent-dropdown {
  float: right;
}
.opportunities .top .agent-dropdown .selected {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.opportunities .top .agent-dropdown span {
  padding: 9px 20px;
}
@media (max-width: 768px) {
  .opportunities .top .agent-dropdown {
    float: left;
    margin-top: 15px;
    width: 98%;
  }
}
.opportunities .top .btn.secondary {
  margin: 0 10px 0 0;
}
.opportunities .body.boxes {
  padding: 0 15px;
  margin-top: 25px;
}
.opportunities .body .day h2 {
  margin: 0;
  padding: 0;
}
.opportunities .body .day h2 strong {
  color: #000000;
  font-weight: normal;
  font-size: 21px;
}
.opportunities .body .day h2 > span {
  color: #666;
  font-size: 14px;
  font-weight: 400;
  padding-top: 5px;
  display: inline-block;
}
@media (max-width: 768px) {
  .opportunities .body .day h2 {
    margin: 0 0 15px 15px;
  }
  .opportunities .body .day h2 span {
    padding-left: 15px;
  }
}
.opportunities .body .box {
  font-family: Arial;
  color: #333;
  padding-bottom: 15px;
  border-top: 0;
}
.opportunities .body .box.opportunity-card {
  float: left;
  width: 100%;
  position: relative;
  padding: 15px;
}
.opportunities .body .box.opportunity-card i.indicator {
  position: absolute;
  left: 15px;
  top: 15px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background-color: #dddddd;
  color: #FFFFFF;
  text-align: center;
  font-size: 18px;
}
.opportunities .body .box.opportunity-card i.indicator.danger {
  background-color: #f56954;
}
.opportunities .body .box.opportunity-card i.indicator.primary {
  background-color: #3c8dbc;
}
.opportunities .body .box.opportunity-card i.indicator.success {
  background-color: #67ab4f;
}
.opportunities .body .box.opportunity-card i.indicator.info {
  background-color: #00c0ef;
}
.opportunities .body .box.opportunity-card i.indicator.warning {
  background-color: #f39c12;
}
.opportunities .body .box.opportunity-card a.remove {
  position: absolute;
  display: block;
  right: 15px;
  top: 15px;
  color: #ccc;
  width: auto;
}
.opportunities .body .box.opportunity-card .data {
  padding-left: 65px;
}
.opportunities .body .box.opportunity-card .data > * {
  float: left;
  width: 100%;
}
.opportunities .body .box.opportunity-card .data h1 {
  font-size: 18px;
  margin: 0;
}
.opportunities .body .box.opportunity-card .data h1 strong {
  font-weight: 400;
}
.opportunities .body .box.opportunity-card .data p.text {
  color: #666;
  margin: 10px 0;
}
.opportunities .body .box.opportunity-card .data p.status {
  color: #b7b7b7;
  font-style: italic;
  font-size: 12px;
  margin-bottom: 0;
}
.opportunities .body .box.opportunity-card .data .actions {
  border-top: 1px solid #eeeeee;
  margin-top: 15px;
  padding-top: 15px;
  width: 99%;
}
.opportunities .body .box.opportunity-card .data .actions a {
  color: #333;
  display: inline-block;
  margin: 0 20px 5px 0;
}
.opportunities .body .box.opportunity-card .data .actions a i {
  position: relative;
  margin-right: 5px;
}
.opportunities.form-list h2 {
  font-size: 20px;
  font-weight: bold;
  color: #000000;
  padding: 0 0 15px 15px;
}
.opportunities.form-list h2 span {
  display: inline-block;
  position: relative;
  top: 10px;
  font-size: 18px;
}
.opportunities.form-list h2 .btn {
  margin: 0 15px 0 0;
  padding: 10px 20px;
}
.opportunities.form-list .table th,
.opportunities.form-list .table td {
  border-top: 1px solid #ddd;
}
.opportunities.form-list .table th label,
.opportunities.form-list .table td label {
  display: inline;
  cursor: pointer;
}
.opportunities.form-list .action label {
  cursor: pointer;
}
.opportunities .no-result {
  font-size: 16px;
  font-style: italic;
  width: 100%;
  text-align: center;
}
.opportunities .mismatch ul {
  margin: 0;
  padding: 0;
}
.opportunities .mismatch ul:not(:last-child) {
  margin-bottom: 10px;
}
.opportunities .mismatch ul li {
  display: inline-block;
  text-decoration: line-through;
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 13px;
}
.opportunities .mismatch ul li:not(:last-child):after {
  content: ', ';
  display: inline-block;
  margin-right: 5px;
}
.agent-dropdown {
  min-width: 140px;
}
.agent-dropdown img {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  margin-right: 10px;
}
.agent-dropdown > a.selected {
  min-height: 42px;
}
.agent-dropdown .selected {
  color: #666;
  background-color: transparent;
  border: 1px solid #c5c5c5;
  display: block;
}
.agent-dropdown .selected span,
.agent-dropdown .selected img {
  display: inline-block;
}
.agent-dropdown .selected span {
  padding-right: 10px;
  padding: 10px 25px 10px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.agent-dropdown .selected img {
  margin: 0 0 0 10px;
  position: relative;
  top: -2px;
}
.agent-dropdown .selected i {
  position: absolute;
  right: 10px;
  top: 15px;
}
.agent-dropdown ul a:hover {
  color: #FFFFFF;
}
.agent-dropdown.multi {
  min-width: 140px;
  cursor: pointer;
}
.agent-dropdown.multi .selected {
  display: block;
}
.agent-dropdown.multi .dropdown-menu {
  padding: 0 0 5px 0;
  margin: 0;
}
.agent-dropdown.multi.wider .dropdown-menu {
  min-width: 220px;
}
.agent-dropdown.multi li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding-left: 10px;
}
.agent-dropdown.multi li label {
  width: 100%;
  cursor: pointer;
}
.agent-dropdown.multi li:not(:last-child) {
  margin-bottom: 5px;
}
.agent-dropdown.multi li.tool {
  background-color: #f6f6f6;
  padding-top: 5px;
  padding-bottom: 5px;
  position: sticky;
  top: 0;
  z-index: 1;
}
.agent-dropdown.multi li img {
  min-width: 30px;
  max-width: 30px;
  width: 30px;
}
.agent-dropdown.multi li input[type=checkbox] + label {
  margin: 0;
  padding-left: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.agent-dropdown.multi li input[type=checkbox] + label:before {
  position: relative;
}
.agent-dropdown.multi img {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  margin-right: 10px;
}
.agent-dropdown.multi .img-placeholder {
  display: inline-block;
  text-align: center;
  line-height: 27px;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  margin-right: 10px;
  border: 1px solid #AAAAAA;
  background-color: #FFFFFF;
}
.agent-dropdown.multi .selected {
  color: #666;
  background-color: transparent;
  border: 1px solid #c5c5c5;
  display: block;
}
.agent-dropdown.multi .selected span,
.agent-dropdown.multi .selected img {
  display: inline-block;
}
.agent-dropdown.multi .selected span {
  padding-right: 10px;
  padding: 10px 25px 10px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.agent-dropdown.multi .selected img {
  margin: 0 0 0 10px;
  position: relative;
  top: -2px;
}
.agent-dropdown.multi .selected i {
  position: absolute;
  right: 10px;
  top: 15px;
}
.agent-dropdown.multi ul a:hover {
  color: #FFFFFF;
}
.statistic > .top {
  float: left;
  width: 100%;
  border-bottom: 1px solid #dddddd;
}
.statistic > .top h1 {
  margin: 0 0 15px 0;
  font-size: 24px;
}
.statistic > .top > div {
  margin-left: 15px;
}
.statistic > .top > div > .calendar {
  float: left;
}
.statistic > .top > div > .calendar .datepicker {
  padding: 0;
}
.statistic > .top > div > .calendar .datepicker input[type=text] {
  text-align: center;
  height: 42px;
  border-color: #c5c5c5;
}
.statistic > .top > div > .calendar .link {
  text-align: center;
  line-height: 85px;
  padding: 0 5px;
  width: 25px;
}
.statistic > .top > div > .calendar .button {
  margin-top: 25px;
}
.statistic > .top > div > .calendar .button .btn {
  padding: 10px 20px;
}
.statistic > .top > div > .agent {
  float: left;
  margin: 0px 25px 0 0;
}
.statistic > .top > div > .agent .row > div {
  padding-left: 0;
}
.statistic > .top > div > .normal-search {
  margin-top: 25px;
  float: right;
}
.statistic > .top > div > .normal-search .input-group.search {
  border-color: #c5c5c5;
}
.statistic > .top > div > .normal-search .search {
  width: 200px;
  height: 42px;
}
.statistic > .body {
  clear: both;
}
.statistic > .body h2 {
  clear: both;
  font-size: 24px;
  margin-bottom: 25px;
  font-weight: normal;
}
.statistic > .body .graph-box {
  float: left;
  width: 100%;
  background-color: #FFFFFF;
  padding: 15px;
  margin-bottom: 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.statistic > .body .graph-box .horizontal-bar h3 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 0;
}
.statistic > .body .graph-box .horizontal-bar h3 small {
  font-size: 80%;
}
.statistic > .body .graph-box .graphs {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.statistic > .body .graph-box .graphs .graph-box {
  background-color: #f5f5f5;
  float: left;
  width: 100%;
  padding: 10px;
}
.statistic > .body .graph-box .graphs .graph-box.pie {
  width: 50%;
  background-color: transparent;
}
.statistic > .body .graph-box .graphs .graph-box .horizontal-bar h3 {
  font-size: 14px;
}
.statistic > .body .graph-box .graphs .graph-box .graphs .graph-box {
  clear: none;
  width: 40%;
  margin-bottom: 0;
  padding: 0;
}
.statistic > .body .graph-box .graphs .graph-box .graphs .graph-box:nth-child(2n) {
  float: right;
}
.statistic > .body .graph-box .graphs .graph-box .graphs .graph-box h3 {
  font-weight: normal;
}
.statistic > .body .pie-chart-box {
  background-color: transparent;
  padding: 15px;
}
.statistic > .body .pie-chart-box h3 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 0;
}
.statistic > .body .pie-chart-box h3 small {
  font-size: 80%;
}
.statistic > .body .pie-chart-box .legend {
  list-style-type: none;
  margin: 10px 0 0 15px;
  padding: 0;
  width: 100%;
}
.statistic > .body .pie-chart-box .legend i {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 10px;
}
.log-viewer {
  position: fixed;
  display: none;
  z-index: 15;
  left: 0;
  right: 0;
  top: 200px;
  margin: auto;
  width: 350px;
  background-color: #FFFFFF;
  box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 25px;
  height: 400px;
  overflow: auto;
}
.log-viewer.open {
  display: block;
}
.reminders .reminders-list {
  margin-top: 45px;
}
.reminders > .top .btn {
  float: left;
  padding: 10px 20px;
}
.reminders > .top > .agent-dropdown {
  float: right;
}
@media (max-width: 768px) {
  .reminders > .top > .agent-dropdown {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .reminders > .top > .agent-dropdown {
    width: 100%;
    margin-top: 0;
  }
}
.reminders > .top > .additional-actions {
  width: 60%;
  float: left;
}
@media (max-width: 1024px) {
  .reminders > .top > .additional-actions {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .reminders > .top > .additional-actions {
    clear: both;
    margin-top: 15px;
    width: 60%;
  }
}
@media (max-width: 767px) {
  .reminders > .top > .additional-actions > .dropdown-button {
    width: 100%;
    margin-bottom: 10px;
  }
  .reminders > .top > .additional-actions > .dropdown-button .btn {
    width: 100%;
  }
}
.reminders > .top > .additional-actions > .date-dropdown {
  float: left;
  margin-left: 10px;
}
@media (max-width: 768px) {
  .reminders > .top > .additional-actions > .date-dropdown {
    margin-left: 0;
    margin-right: 10px;
  }
}
.reminders > .top > .additional-actions > .date-dropdown button {
  min-width: 100px;
  text-align: left;
  border-color: #c5c5c5;
}
.reminders > .top > .additional-actions > .date-dropdown button i {
  margin-left: 7px;
}
.reminders > .top > .additional-actions > .archive-toggle {
  margin-left: 10px;
}
.reminders > .body {
  clear: both;
}
.reminders .table > tbody > tr > td {
  border-top: 0;
}
.reminders .colors {
  position: relative;
}
.reminders .colors .checkbox-box {
  padding-right: 5px;
  display: inline-block;
}
.reminders .colors .checkbox-box:last-child {
  padding-right: 0;
}
.reminders .colors .checkbox-box input[type="radio"] {
  position: absolute;
  visibility: hidden;
}
.reminders .colors .checkbox-box label {
  position: relative;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  border: 2px solid transparent;
  font-size: 14px;
  color: #FFFFFF;
  width: 35px;
  height: 35px;
  padding: 8px 0;
}
.reminders .colors .checkbox-box label:before {
  position: absolute;
  content: attr(data-letter);
  font-size: 16px;
  font-weight: bold;
  display: block;
  color: #29abe2;
  line-height: 31px;
  text-align: center;
  top: 0;
  left: 0;
  width: 41px;
  font-family: 'Source Sans Pro', sans-serif;
}
.reminders .colors .checkbox-box label i {
  visibility: visible;
}
.reminders .colors .checkbox-box label.blue {
  border-color: #29abe2;
}
.reminders .colors .checkbox-box label.blue:before {
  color: #29abe2;
}
.reminders .colors .checkbox-box label.green {
  border-color: #67ab4f;
}
.reminders .colors .checkbox-box label.green:before {
  color: #67ab4f;
}
.reminders .colors .checkbox-box label.yellow {
  border-color: #f39c12;
}
.reminders .colors .checkbox-box label.yellow:before {
  color: #f39c12;
}
.reminders .colors .checkbox-box label.red {
  border-color: #f56954;
}
.reminders .colors .checkbox-box label.red:before {
  color: #f56954;
}
.reminders .colors .checkbox-box label.gray {
  border-color: #eaeaec;
}
.reminders .colors .checkbox-box label.gray:before {
  color: #eaeaec;
}
.reminders .colors .checkbox-box label.purple {
  border-color: #932ab6;
}
.reminders .colors .checkbox-box label.purple:before {
  color: #932ab6;
}
.reminders .colors .checkbox-box input[type="radio"]:checked+label.blue {
  background-color: #29abe2;
}
.reminders .colors .checkbox-box input[type="radio"]:checked+label.green {
  background-color: #67ab4f;
}
.reminders .colors .checkbox-box input[type="radio"]:checked+label.yellow {
  background-color: #f39c12;
}
.reminders .colors .checkbox-box input[type="radio"]:checked+label.red {
  background-color: #f56954;
}
.reminders .colors .checkbox-box input[type="radio"]:checked+label.gray {
  background-color: #eaeaec;
}
.reminders .colors .checkbox-box input[type="radio"]:checked+label.purple {
  background-color: #932ab6;
}
.reminders .colors .checkbox-box input[type="radio"]:checked+label i {
  display: inline;
}
.reminders .colors .checkbox-box input[type="radio"]:checked+label:before {
  display: none;
}
.reminders .list .day h2 {
  margin: 0;
}
.reminders .list .day h2 strong {
  color: #000000;
  font-weight: normal;
  font-size: 21px;
}
.reminders .list .day h2 > span {
  color: #666;
  font-size: 14px;
  font-weight: 400;
  padding-top: 5px;
  display: inline-block;
}
.reminders .list .reminder-item {
  background-color: #FFFFFF;
  border: 1px solid #dddddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  margin-bottom: 15px;
  box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
}
.reminders .list .reminder-item .top {
  width: 100%;
  min-height: 35px;
  color: #FFFFFF;
  padding: 10px 15px;
  position: relative;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.reminders .list .reminder-item .top.blue {
  background-color: #29abe2;
}
.reminders .list .reminder-item .top.green {
  background-color: #67ab4f;
}
.reminders .list .reminder-item .top.yellow {
  background-color: #f39c12;
}
.reminders .list .reminder-item .top.red {
  background-color: #f56954;
}
.reminders .list .reminder-item .top.gray {
  background-color: #eaeaec;
}
.reminders .list .reminder-item .top h3 {
  padding: 0;
  margin: 0;
  font-size: 16px;
  font-weight: normal;
  min-height: 15px;
  width: 95%;
}
.reminders .list .reminder-item .top time {
  margin: 3px 0 0 0;
  position: relative;
  display: block;
  font-weight: 300;
}
.reminders .list .reminder-item .top time i {
  padding-right: 5px;
}
.reminders .list .reminder-item .top time i.red {
  color: black;
}
.reminders .list .reminder-item .top button.close {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #FFFFFF;
  opacity: 1;
  font-size: 14px;
}
.reminders .list .reminder-item .body {
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  position: relative;
  float: none;
  padding: 0 !important;
}
.reminders .list .reminder-item .body .top {
  position: relative;
  min-height: 65px;
}
.reminders .list .reminder-item .body .top .creator {
  position: absolute;
  right: 15px;
  top: 25px;
  color: #666;
  font-size: 12px;
  font-style: italic;
}
.reminders .list .reminder-item .body .top .agents {
  position: absolute;
  left: 15px;
  top: 15px;
  width: 100%;
}
.reminders .list .reminder-item .body .top .agents .agent {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}
.reminders .list .reminder-item .body .top .agents .agent:last-child {
  margin-right: 0;
}
.reminders .list .reminder-item .body .top .agents .agent span,
.reminders .list .reminder-item .body .top .agents .agent img {
  display: block;
  width: 35px;
  height: 35px;
  background-color: #f5f5f5;
  color: #333;
  text-align: center;
  line-height: 35px;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  font-size: 12px;
}
.reminders .list .reminder-item .body .bottom {
  padding: 15px;
  margin: 0 15px;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
}
.reminders .list .reminder-item .body .bottom .row {
  margin-bottom: 10px;
  padding-left: 30px;
  color: #666;
  position: relative;
}
.reminders .list .reminder-item .body .bottom .row i {
  position: absolute;
  left: 0;
  top: 2px;
  color: #aaa;
}
.reminders .list .reminder-item .body .bottom .row a {
  color: #666;
}
.reminders .list .reminder-item .body .bottom .row .documents {
  padding-left: 10px;
}
.reminders .list .reminder-item .body .bottom .row .documents a {
  margin: 0 15px 5px 0;
  display: inline-block;
}
.reminders .list .reminder-item .body .bottom .row .documents a i {
  position: relative;
  top: 0;
  margin-right: 5px;
}
.reminders .list .reminder-item .body .bottom .row:last-of-type {
  margin-bottom: 0;
}
.reminders .list .reminder-item .bottom {
  padding: 15px;
  position: relative;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.reminders .list .reminder-item .bottom a {
  margin: 0 10px;
}
.reminders .list .reminder-item .bottom .checkbox {
  position: absolute;
  right: 20px;
  bottom: 10px;
  opacity: 1;
  font-size: 14px;
  text-transform: uppercase;
}
.reminders .list .reminder-item .bottom .checkbox input[type="checkbox"]+label:before {
  top: 2px;
}
.reminders .list.today {
  margin-bottom: 30px;
  padding-bottom: 15px;
  border-bottom: 3px solid #dddddd;
}
.reminders .list.today .day h2 {
  color: #29abe2;
}
.reminders .list.today .day h2 strong,
.reminders .list.today .day h2 > span {
  color: inherit;
}
.reminders .no-result {
  font-size: 16px;
  font-style: italic;
  width: 100%;
  text-align: center;
  color: #666;
  margin-top: 25px;
}
.reminders.quick-form .row {
  margin-left: -15px;
  margin-right: 15px;
}
.load-more {
  display: block;
  margin: 25px auto 0 auto;
}
.overview-list {
  padding: 15px;
}
.overview-list > .top {
  padding: 0 !important;
}
.overview-list .body {
  float: left;
  width: 100%;
  padding: 0 !important;
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-top: 15px;
}
.overview-list .body .reminders-list {
  padding: 25px 15px 15px 15px;
  border: 1px solid #dddddd;
  border-top: 0;
  margin-top: 0;
}
.overview-list.opportunities .table > thead:first-child > tr:first-child > th {
  border-top: 0px;
}
.angular-google-map-container {
  height: 350px;
  width: 100%;
  margin: 0 0 25px 0;
}
.sticky-block.fixed {
  position: fixed;
  top: 50px;
  z-index: 100;
  width: 100%;
  box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
}
@media print {
  .sticky-block.fixed {
    position: static !important;
    top: auto;
  }
}
.sticky-block.fixed #map_canvas {
  float: left;
  height: 250px;
  width: 100%;
  overflow: hidden;
}
.sticky-block.fixed:hover #map_canvas {
  height: 350px;
}
.sticky-block.fixed:hover #map_canvas > span {
  margin-top: 0 !important;
}
.sticky-block.fixed #sticky-table-header {
  display: block;
  float: left;
  clear: both;
  width: 100%;
}
.sticky-block.fixed #sticky-table-header .etn-table {
  background-color: #FFFFFF;
  overflow: hidden;
}
.sticky-block.fixed #sticky-table-header .etn-table th {
  padding: 15px 8px;
}
#sticky-table-header {
  display: none;
}
#map_canvas img {
  max-width: none !important;
}
#map_canvas > span {
  display: block;
  width: 100%;
  height: 100%;
}
.map-placeholder {
  height: 375px;
  display: none;
  width: 100%;
}
.map-placeholder.tiny {
  height: 70px;
}
.loader {
  position: relative;
  margin: 25px auto 25px auto;
  display: block;
}
.loader.loader-xs {
  margin: 0;
  width: 20px;
  display: inline-block;
}
.help {
  text-align: center;
  padding-top: 100px;
}
.help h1 {
  color: #333;
  font-size: 27px;
  font-weight: bold;
}
.help h2 {
  color: #666;
  font-size: 20px;
  font-weight: normal;
  margin: 0;
}
.help .instrucstions {
  margin-top: 35px;
}
.help .instrucstions .btn {
  margin-right: 15px;
}
.help .instrucstions .btn:last-child {
  margin: 0;
}
.help .contact-disclaimer {
  width: 500px;
  color: #666;
  margin: 30px auto;
}
@media (max-width: 767px) {
  .help .contact-disclaimer {
    width: 90%;
  }
}
.help .person {
  display: inline-block;
  width: 170px;
  margin-top: 45px;
  color: #666;
}
.help .person:last-child {
  margin-right: 0;
}
.help .person .img {
  display: block;
  width: 170px;
  height: 170px;
  overflow: hidden;
  -webkit-border-radius: 170px;
  -moz-border-radius: 170px;
  border-radius: 170px;
}
.help .person h3 {
  color: #333;
  font-size: 17px;
  margin: 20px 0 0 0;
}
.help .person address {
  margin: 15px 0 0 0;
  color: #333;
}
.help .person address > a {
  color: #333;
}
.help.tutorial {
  padding-top: 20px;
}
.help.tutorial .body {
  width: 80%;
  margin: 0 auto;
}
.help.tutorial .body h1 {
  color: #29abe2;
  margin-bottom: 25px;
}
.help.tutorial .body h2 {
  text-align: left;
  color: #000000;
  font-weight: 700;
  margin: 25px 0 10px 0;
}
.help.tutorial .body p {
  font-size: 16px;
  text-align: left;
}
.help.tutorial .body p img {
  margin: 0;
}
.help.tutorial .body img {
  margin: 25px 0;
}
.site-content .blocks .blocks-list .block:first-child .move button:first-child {
  display: none;
}
.site-content .blocks .blocks-list .block:last-child .move button:last-child {
  display: none;
}
.site-content .blocks .block:first-child > .row:first-child {
  display: none;
}
.site-content .blocks .block .box-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  padding: 5px 15px;
}
.site-content .blocks .block .box-title button {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  color: #666;
  padding: 0;
}
.site-content .blocks .block .box-title .move {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.site-content .blocks .block .box-title .move button:not(:last-child) {
  margin-right: 10px;
}
.site-content .blocks .block .box-title .actions > * {
  float: left;
}
.site-content .blocks .block .box-title .actions > *:not(:last-child) {
  margin-right: 10px;
}
.site-content .blocks .block .box-title .actions .toggle .fa-toggle-on {
  color: #67ab4f;
}
.site-content .blocks .block .box-body {
  padding: 0;
  margin-top: 15px;
}
.export .export-segments a {
  display: inline-block;
  width: 100px;
  margin: 0 5px 5px 0;
}
.export .export-segments a i {
  margin-right: 5px;
  color: #666;
}
.autocomplete-tags {
  margin-top: 5px;
  display: flex;
  flex-wrap: wrap;
}
.autocomplete-tags:not(.csv) em {
  background-color: #000000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 4px 10px;
  margin-bottom: 5px;
  color: #FFFFFF;
  font-style: normal;
}
.autocomplete-tags:not(.csv) em:not(:last-child) {
  margin-right: 10px;
}
.autocomplete-tags:not(.csv) em a {
  margin: 0;
  padding: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  color: #FFFFFF;
  margin-left: 5px;
}
.autocomplete-tags.csv {
  display: inline-block;
}
.autocomplete-tags.csv em {
  font-style: normal;
}
.autocomplete-tags.csv em:not(:last-child):after {
  content: ", ";
}
.dropzone ul[dnd-list] {
  margin: 0px;
  padding-left: 0px;
}
.dropzone .dndDragging {
  opacity: 0.7;
}
.dropzone .dndDraggingSource {
  opacity: 0.5;
}
.dropzone .dndPlaceholder {
  background-color: #eee !important;
  display: inline-block;
  height: 105px;
  width: 125px;
  margin-right: 10px;
  margin-bottom: 10px;
}
table.block-responsive.customer-list tr td {
  vertical-align: middle;
}
table.block-responsive.customer-list tr td.name,
table.block-responsive.customer-list tr td.company {
  width: 25% !important;
  padding-left: 0;
}
@media (max-width: 1440px) {
  table.block-responsive.customer-list tr td.name,
  table.block-responsive.customer-list tr td.company {
    width: 35% !important;
  }
}
table.block-responsive.customer-list tr td.name i.icon,
table.block-responsive.customer-list tr td.company i.icon {
  position: static;
  float: left;
  margin: auto 15px auto auto;
}
table.block-responsive.customer-list tr:first-child td {
  border-top: 0;
}
.ui-datepicker {
  z-index: 11000 !important;
  font-family: inherit;
}
.ui-datepicker .ui-widget-header {
  background: #fafafa;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: inherit !important;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background: transparent;
}
.ui-state-default.ui-state-highlight,
.ui-widget-content .ui-state-default.ui-state-highlight,
.ui-widget-header .ui-state-default.ui-state-highlight {
  border-color: #29abe2;
  background: rgba(41,171,226,0.15);
}
.ai-description {
  position: relative;
  padding: 0;
  margin-bottom: 10px;
  border: 1px solid #29abe2;
  padding: 15px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #f6fdfe;
}
.ai-description .form-header {
  margin-bottom: 15px;
}
.ai-description .form-header h3 {
  font-size: 22px;
  margin: 0 0 20px 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  color: #29abe2;
  font-weight: 600;
}
.ai-description .form-header h3 .legend {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  gap: 10px;
  background: #FFFFFF;
  font-size: 14px;
  padding: 8px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #29abe2;
  margin-right: 15px;
}
.ai-description .form-header h3 .legend svg path {
  fill: #29abe2;
}
.ai-description .form-header h3 .legend span {
  background-color: #29abe2;
  color: #FFFFFF;
  display: inline-block;
  padding: 2px 6px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  font-weight: 300;
  font-size: 13px;
}
.ai-description .form-header p {
  margin-bottom: 5px;
  color: #29abe2;
}
.ai-description .error {
  color: #f56954;
  font-size: 12px;
  margin: 10px 0 0 0;
}
.ai-description .form-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
@media (max-width: 767px) {
  .ai-description .form-wrapper {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.ai-description .form-wrapper .form-group {
  margin: 0;
}
@media (max-width: 767px) {
  .ai-description .form-wrapper .form-group {
    width: 100%;
  }
}
.ai-description .form-wrapper .form-group .dropdown-button {
  min-width: 100px;
}
.ai-description .form-wrapper .form-group label {
  color: #666;
  font-size: 12px;
}
.ai-description .form-wrapper .form-group:not(:last-child) {
  margin-right: 15px;
}
@media (max-width: 767px) {
  .ai-description .form-wrapper .form-group:not(:last-child) {
    margin-right: 0;
  }
}
.ai-description .form-wrapper .form-group > .btn {
  padding: 3px 5px;
  height: 39px;
  margin-top: 24px;
  background-color: #29abe2;
  border-color: #29abe2;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  gap: 5px;
}
.ai-description .form-wrapper .form-group .loader {
  margin: 0;
  width: 20px;
  top: 12px;
}
.ai-description .form-wrapper .form-group .dropdown-button .btn span {
  width: 100%;
  padding-right: 15px;
}
.ai-description .agent-prompt-section {
  margin-top: 15px;
}
.ai-description .agent-prompt-section .agent-prompt-toggle {
  cursor: pointer;
  color: #666;
  font-size: 12px;
  margin-bottom: 5px;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: -ms-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  gap: 6px;
  user-select: none;
}
.ai-description .agent-prompt-section .agent-prompt-toggle:hover {
  color: #29abe2;
}
.ai-description .agent-prompt-section .agent-prompt-toggle i {
  font-size: 10px;
}
.ai-description .agent-prompt-section .agent-prompt-controls {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}
.ai-description .agent-prompt-section .agent-prompt-controls .dropdown-input-wrapper.agent-prompt-dropdown {
  flex-shrink: 0;
  width: 100%;
}
.ai-description .agent-prompt-section .agent-prompt-controls .dropdown-input-wrapper.agent-prompt-dropdown .dropdown-trigger {
  border-radius: 3px;
  border-color: #dddddd;
  min-height: 39px;
  width: 100%;
}
.ai-description .agent-prompt-section .agent-prompt-controls .dropdown-input-wrapper.agent-prompt-dropdown .dropdown-trigger span {
  width: 100%;
  text-align: left;
}
.ai-description .agent-prompt-section .agent-prompt-controls .dropdown-input-wrapper.agent-prompt-dropdown .dropdown-trigger i {
  color: #666;
}
.ai-description .agent-prompt-section .agent-prompt-controls .dropdown-input-wrapper.agent-prompt-dropdown .dropdown-menu {
  min-width: 100%;
  width: 100%;
}
.ai-description .agent-prompt-section .agent-prompt-controls .dropdown-input-wrapper.agent-prompt-dropdown .dropdown-menu .dropdown-item {
  width: 100%;
  box-sizing: border-box;
}
.ai-description .agent-prompt-section .agent-prompt-controls .agent-prompt-textarea {
  height: 200px;
  font-size: 13px;
  resize: vertical;
  border-radius: 3px !important;
  border-color: #dddddd;
}
.ai-description-disclaimer {
  font-size: 12px;
  display: block;
  padding: 0 0 10px 0;
}
.description-translations h3 {
  margin: 10px 0 15px 0;
}
.description-translations p {
  text-align: left;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.description-translations p img.loader {
  height: 15px;
  margin-right: 10px;
  margin: 10px 10px 10px 0;
  display: inline-block;
}
.description-translations .toggler {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  margin: 15px 0 30px 0;
}
.description-translations .toggler button:not(.btn-link) {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  border: 1px solid #67ab4f;
  color: #67ab4f;
  background-color: #effbf2;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  box-shadow: none;
  padding: 0;
  height: 35px;
}
.description-translations .toggler button:not(.btn-link).not-translated {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  border-color: #eeeeee;
  background-color: #f5f5f5;
  color: #666;
}
.description-translations .toggler button:not(.btn-link) > i {
  margin-left: 10px;
}
.description-translations .toggler button:not(.btn-link) > span {
  padding: 0 10px;
}
.description-translations .toggler button:not(.btn-link) > div {
  display: block;
  width: 35px;
  height: 35px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-border-radius: 0 6px 6px 0;
  -moz-border-radius: 0 6px 6px 0;
  border-radius: 0 6px 6px 0;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.description-translations .toggler button:not(.btn-link).selected > div {
  background-color: #67ab4f;
  color: #FFFFFF;
}
.description-translations .toggler button.btn-link {
  display: none;
  color: #b7b7b7;
}
.description-translations .toggler button.btn-link:hover {
  color: #f56954;
}
.description-translations .toggler:hover .btn-link {
  display: block;
}
.description-translations .editors {
  display: none;
}
.description-translations .editors.visible {
  display: block;
}
.description-translations .editors .form-group button {
  background: transparent;
  padding: 0;
  border: 0;
  margin-right: 5px;
}
.form-list .table td.name .customer-tags {
  display: none;
  margin-top: 5px;
}
.form-list .table td.name:hover .customer-tags {
  display: block;
}
.customer-tags {
  position: relative;
}
.customer-tags .tags {
  float: none;
  display: flex;
  flex-wrap: wrap;
  max-height: 200px;
  overflow: auto;
}
.customer-tags .tags em,
.customer-tags .tags > button {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #dddddd;
  color: #333;
  background-color: transparent;
  padding: 6px 10px;
  margin: 0 5px 5px 0;
  font-size: 14px;
  line-height: 100%;
  display: flex;
  align-items: center;
  font-style: normal;
}
.customer-tags .tags em.selected,
.customer-tags .tags > button.selected {
  border-style: solid;
  background-color: #333;
  color: #FFFFFF;
}
.customer-tags .tags em i.add-cta,
.customer-tags .tags > button i.add-cta {
  margin-right: 5px;
}
.customer-tags .tags em button.remove,
.customer-tags .tags > button button.remove {
  position: relative;
  width: 0;
  overflow: hidden;
  transition: all .2s ease-in-out;
  margin-left: 0;
  font-weight: normal;
  cursor: pointer;
  border: 0;
  background-color: transparent;
}
.customer-tags .tags em:hover button.remove,
.customer-tags .tags > button:hover button.remove {
  width: 14px;
  margin-left: 5px;
}
.customer-tags .add {
  position: absolute;
  width: 280px;
  border: 1px solid #dddddd;
  padding: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #FFFFFF;
  z-index: 10;
  display: none;
  box-shadow: rgba(100,100,111,0.2) 0px 7px 29px 0px;
}
.customer-tags .add.loading:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 11;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.6);
}
.customer-tags .add.loading .loader {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 40px;
  height: auto;
}
.customer-tags .add.visible {
  display: block;
}
.customer-tags .add .tags button {
  cursor: pointer;
}
.customer-tags .add .tags button:not(.selected) {
  border-style: dashed;
}
.customer-tags .add form {
  display: flex;
  align-items: flex-start;
  margin-top: 10px;
}
.customer-tags .add form input[type="text"] {
  border: 1px solid #dddddd;
  height: 30px;
  padding: 0 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
}
.customer-tags .add form input[type="text"]:focus {
  outline-style: none;
  box-shadow: none;
}
.customer-tags .add form button {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  height: 30px;
  padding: 13px;
  justify-content: center;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  box-shadow: none;
  padding: 0;
  width: 0;
  overflow: hidden;
  transition: all .1s ease-in-out;
  border-color: transparent;
}
.customer-tags .add form button img {
  width: 20px;
  height: auto;
}
.customer-tags .add form button i {
  margin-right: 5px;
}
.customer-tags .add form.ready input[type="text"] {
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  border-right: 0;
}
.customer-tags .add form.ready button {
  padding: 13px;
  width: auto;
  border-color: #dddddd;
}
.customer-tags .add form + i {
  font-size: 11px;
  padding-top: 5px;
}
.modal-mail {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.8);
  color: #666;
  font-weight: normal;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.modal-mail .align {
  position: relative;
  min-height: 100px;
  width: 600px;
  padding: 20px 0 30px 0;
  background-color: #FFFFFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  max-height: 90vh;
  overflow: auto;
}
.modal-mail .align > *:not(:last-child) {
  margin-bottom: 15px;
}
.modal-mail .align header,
.modal-mail .align footer,
.modal-mail .align main .section {
  padding: 0 30px;
}
.modal-mail .align header {
  position: sticky;
  z-index: 2;
  top: -20px;
  padding: 10px 0;
  background-color: #FFFFFF;
}
.modal-mail .align header .close {
  position: absolute;
  top: 10px;
  right: 20px;
}
.modal-mail .align header h1 {
  font-size: 26px;
  color: #333;
  text-align: center;
  margin-top: 0;
}
.modal-mail .align header p {
  text-align: center;
}
.modal-mail .align main {
  margin-top: 30px;
}
.modal-mail .align main h2 {
  font-size: 16px;
  color: #333;
  margin-bottom: 15px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.modal-mail .align main h2:not(:first-of-type) {
  margin-top: 30px;
}
.modal-mail .align main h2 span {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background-color: #333;
  color: #FFFFFF;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  margin-right: 15px;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  font-size: 11px;
}
.modal-mail .align main h2 i {
  font-size: 11px;
  padding-left: 10px;
}
.modal-mail .align main .item-box {
  width: 99%;
}
.modal-mail .align main .section:nth-child(even) {
  background-color: #f6f6f6;
  padding: 10px 30px 20px 30px;
  margin-top: 20px;
}
.modal-mail .align main .customers-list {
  max-height: 300px;
  overflow: auto;
}
.modal-mail .align main .customers-list .item-box {
  cursor: auto;
}
.modal-mail .align main .form .input-icon-wrapper > img {
  top: -5px;
}
.modal-mail .align main .form .files-canvas .top {
  float: none;
}
.modal-mail .align main .form .files-canvas .body .file-box {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
}
.modal-mail .align main .form .files-canvas .body .file-box button {
  margin-right: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  color: #E83479;
  font-size: 20px;
}
.modal-mail .align footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}
.modal-mail .align footer button {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.modal-mail .align footer button img {
  width: 15px;
  height: 15px;
  display: inline-block;
  margin: 0 10px 0 0;
}
.pagination-with-props .pagination {
  margin-bottom: 10px;
}
.pagination-with-props .action {
  margin-bottom: 20px;
}
@media (min-width: 991px) {
  [hover-tooltip] {
    position: relative;
  }
  [hover-tooltip]:hover[hover-tooltip]:not([hover-tooltip=""])::before {
    content: attr(hover-tooltip);
    font-size: 14px;
    text-align: center;
    position: absolute;
    display: block;
    left: 50%;
    min-width: 100px;
    max-width: 200px;
    bottom: calc(110%);
    transform: translate(-50%);
    animation: fade-in 300ms ease;
    background: #272727;
    border-radius: 4px;
    padding: 3px;
    color: #ffffff;
    z-index: 1;
  }
  [hover-tooltip]:hover[hover-tooltip]:not([hover-tooltip=""])::after {
    content: '';
    position: absolute;
    display: block;
    left: 50%;
    width: 0;
    height: 0;
    bottom: calc(106%);
    margin-left: - 3px;
    border: 1px solid black;
    border-color: #272727 transparent transparent transparent;
    border-width: 4px 6px 0;
    animation: fade-in 300ms ease;
    z-index: 1;
  }
  [hover-tooltip][tooltip-position="bottom"]:hover::before {
    bottom: auto;
    top: calc(110%);
  }
  [hover-tooltip][tooltip-position="bottom"]:hover::after {
    bottom: auto;
    top: calc(106%);
    border-color: transparent transparent #272727;
    border-width: 0 6px 4px;
  }
  [hover-tooltip][tooltip-width="auto"]:hover::before {
    min-width: unset;
    max-width: none;
    white-space: nowrap;
    padding: 6px 10px;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.files-canvas.invalid .uploader {
  border-color: #f56954;
}
.files-canvas.invalid .uploader button {
  color: #f56954;
}
.uploader {
  width: 100%;
}
.uploader p {
  font-size: 12px;
  text-align: center;
  color: #666;
}
.uploader button {
  display: block;
  margin: 15px auto 0 auto;
  width: 130px;
  text-align: center;
  padding: 0;
  background: transparent;
  border: 0;
  cursor: pointer;
  line-height: 18px;
  color: #666;
}
.uploader button i {
  position: relative;
}
.uploader span.success {
  color: #67ab4f;
}
.uploader span.warning {
  color: #f39c12;
}
.uploader .stats {
  text-align: center;
  margin-top: 15px;
}
.uploader .log {
  margin-top: 20px;
  text-align: left;
  border-top: 1px dashed #dddddd;
  padding-top: 15px;
}
.uploader .log ul {
  padding-left: 0;
  margin: 5px 0 0 0;
}
.uploader .log ul li {
  list-style-type: none;
  line-height: 150%;
}
.uploader.default {
  padding: 10px;
  border: 1px dashed #dddddd;
}
.uploader.single-box-preview .log {
  display: none;
}
.uploader.single-box-preview button {
  margin: 0 auto;
  width: 100%;
}
.products .tables {
  min-height: 200px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
}
@media (max-width: 767px) {
  .products .tables {
    width: 100%;
    overflow: auto;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
  }
}
.products table {
  border-collapse: collapse;
  width: 100%;
}
.products table.sum {
  width: 50%;
  float: right;
  margin-top: 15px;
}
@media (max-width: 767px) {
  .products table.sum {
    min-width: auto;
    width: 200px;
    margin-bottom: 30px;
  }
}
.products table.sum td {
  background-color: transparent;
  padding: 5px;
}
.products table tr {
  position: relative;
}
.products table th {
  padding: 10px;
}
.products table th.w85 {
  width: 85px;
}
.products table td {
  padding: 2px;
  border: 1px solid #dddddd;
  background-color: #efefef;
}
.products table td input[type="text"] {
  width: 100%;
  transition: width 0.3s ease-in-out;
  text-overflow: ellipsis;
}
.products table td .remove {
  position: absolute;
  right: 0;
  top: 4px;
  border: 0;
  background-color: transparent;
  display: none;
  font-size: 11px;
}
@media (max-width: 767px) {
  .products table td .remove {
    display: block;
  }
}
.products table td.long input[type="text"] {
  width: 100%;
  position: absolute;
  left: 2px;
  top: 2px;
}
.products table thead th {
  vertical-align: bottom;
  line-height: 120%;
  font-weight: normal;
  background-color: #333;
  color: #FFFFFF;
}
.products table tbody tr:hover .remove {
  display: block;
}
.products table input[type=text] {
  width: 100%;
  text-align: center;
  padding: 0 10px;
  border: 0;
  background-color: #FFFFFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.products table input[type=text].long {
  width: 100px;
  text-align: left;
}
.products table input[type=text]:read-only {
  background-color: transparent;
}
.tags.flexed {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.tags.flexed.mt-10 {
  margin-top: 10px;
}
.tags.flexed em {
  margin: 0;
}
.item-health-box button.health-status {
  display: block;
  background-color: #FF851B;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  color: #FFFFFF !important;
  font-size: 12px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  transition: all .1s ease-in-out;
  border: 0;
  margin-top: 10px;
  padding: 5px 10px;
}
.item-health-box button.health-status span {
  display: block;
  color: #FFFFFF;
  margin-left: 5px;
  line-height: 100%;
  text-align: left;
}
.item-health-box button.health-status i.fa {
  margin: 0;
}
.item-health-box button.health-status i.fa.fa-chevron-down {
  margin-left: 5px;
  font-size: 11px;
  position: relative;
  top: -1px;
}
.item-health-box button.health-status img.loader {
  width: 12px;
  height: 12px;
  margin: 0 0 0 5px;
}
.item-health-box button.health-status + ul {
  color: #FF851B;
  position: relative;
  padding-left: 35px;
}
.item-health-box button.health-status + ul:before {
  content: "";
  width: 2px;
  height: calc(100% - 8px);
  background-color: orange;
  display: block;
  position: absolute;
  left: 20px;
}
.item-health-box button.health-status + ul li {
  list-style-type: none;
  position: relative;
  font-size: 12px;
}
.item-health-box button.health-status + ul li:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 2px;
  background-color: orange;
  display: block;
  left: -15px;
  top: 10px;
}
.cs-spans {
  display: inline-block;
}
.cs-spans span:not(:last-child):after {
  content: ",";
  margin-right: 5px;
  display: inline-block;
}
.publish-section .top {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .publish-section .top {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.publish-section .top .btn.btn-default.toggle-publish-status {
  background-color: #FFFFFF;
  padding: 8px 15px;
  box-shadow: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  color: #000000;
  border: 1px solid #67ab4f;
}
.publish-section .top .btn.btn-default.toggle-publish-status i {
  margin-left: 10px;
  font-size: 24px;
  color: #67ab4f;
}
.publish-section .top > a {
  color: #666;
}
.publish-section .top > a:hover {
  color: #000000;
}
@media (max-width: 991px) {
  .publish-section .top > a {
    margin-top: 10px;
  }
}
.publish-section.disabled .btn.btn-default.toggle-publish-status {
  border-color: #b7b7b7;
}
.publish-section.disabled .btn.btn-default.toggle-publish-status i {
  color: #b7b7b7;
}
.publish-section.disabled .checkbox-box label,
.publish-section.disabled input[type="checkbox"] + label {
  color: #b7b7b7;
}
.publish-section.disabled .checkbox-box label:before,
.publish-section.disabled input[type="checkbox"] + label:before {
  color: #b7b7b7;
}
.multilanguage-view {
  margin-bottom: 15px;
}
.multilanguage-view .lng-selection-box {
  margin-bottom: 5px;
}
.multilanguage-view .lng-selection-box button {
  border: 0;
  background-color: transparent;
  color: #333;
  text-transform: uppercase;
}
.multilanguage-view .lng-selection-box button.selected {
  background-color: #f5f5f5;
  color: #000000;
}
.fe-sys-reset {
  position: fixed;
  bottom: 15px;
  right: 15px;
  padding: 0;
  border: 0;
  background-color: transparent;
  color: transparent;
  font-size: 20px;
}
.fe-sys-reset:hover {
  color: #29abe2;
}
.send-to-seller-wrapper {
  position: relative;
  display: inline-block;
}
.send-to-seller-wrapper .send-to-seller-confirm {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  margin-top: 5px;
}
.send-to-seller-wrapper .send-to-seller-confirm .confirm-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.send-to-seller-wrapper .send-to-seller-confirm .confirm-box {
  background-color: #FFFFFF;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  padding: 12px 15px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  width: 220px;
}
.send-to-seller-wrapper .send-to-seller-confirm .confirm-box p {
  margin: 0 0 12px 0;
  font-size: 14px;
  color: #404040;
}
.send-to-seller-wrapper .send-to-seller-confirm .confirm-box .confirm-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 52px;
}
.send-to-seller-wrapper .send-to-seller-confirm .confirm-box .confirm-loader .loader {
  width: 24px;
  height: 24px;
}
.send-to-seller-wrapper .send-to-seller-confirm .confirm-box .confirm-buttons {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}
.send-to-seller-wrapper .send-to-seller-confirm .confirm-box .confirm-buttons .btn-confirm-no {
  background-color: transparent;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  padding: 5px 12px;
  font-size: 14px;
  font-weight: 600;
  color: #666;
  cursor: pointer;
}
.send-to-seller-wrapper .send-to-seller-confirm .confirm-box .confirm-buttons .btn-confirm-no:hover {
  background-color: #f5f5f5;
}
.send-to-seller-wrapper .send-to-seller-confirm .confirm-box .confirm-buttons .btn-confirm-yes {
  background-color: #e4f1fb;
  border: 1px solid #e4f1fb;
  border-radius: 6px;
  padding: 5px 12px;
  font-size: 14px;
  font-weight: 600;
  color: #2397d1;
  cursor: pointer;
}
.send-to-seller-wrapper .send-to-seller-confirm .confirm-box .confirm-buttons .btn-confirm-yes:hover {
  background-color: #cee5f8;
}
@media screen and (max-width: 1200px) {
  .tabs li {
    min-width: auto;
  }
  .tabs li a {
    min-width: auto;
    padding: 0 30px;
  }
}
@media screen and (max-width: 1024px) {
  .estimated_values .price-box {
    margin-top: 15px;
  }
}
@media screen and (max-width: 992px) {
  .help .person {
    margin-right: 15px;
  }
  .opportunities .body .box .box-bottom i {
    display: inline;
  }
  .opportunities.form-list .table td label {
    margin-left: 0;
  }
  .statistic > .top > * {
    width: 100%;
  }
  .statistic > .top h1 {
    margin-left: -15px;
  }
  .statistic > .top > .agent .col-md-12 {
    padding-left: 0;
  }
  .statistic > .top > .calendar {
    clear: both;
  }
  .statistic > .top > .calendar .link {
    display: none;
  }
  .statistic > .top > .calendar .datepicker,
  .statistic > .top > .calendar .button {
    width: 100%;
  }
  .statistic > .top > .calendar .datepicker label.empty,
  .statistic > .top > .calendar .button label.empty {
    display: none;
  }
  .statistic > .top > .calendar .button {
    margin-top: 0;
    padding-left: 0;
  }
  .statistic .graph-box {
    clear: both !important;
    width: 100% !important;
  }
  table:not(.no-default-responsive):not(.block-responsive):not(.ui-datepicker-calendar) {
    border: 0;
    min-width: 250px;
    table-layout: fixed;
  }
  table:not(.no-default-responsive):not(.block-responsive):not(.ui-datepicker-calendar) thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  table:not(.no-default-responsive):not(.block-responsive):not(.ui-datepicker-calendar) tr {
    border-bottom: 1px solid #ccc;
    display: block;
  }
  table:not(.no-default-responsive):not(.block-responsive):not(.ui-datepicker-calendar) tr:not(:last-of-type):after {
    content: ".";
    color: transparent;
    display: block;
    background-color: #f6f6f6;
    width: 100%;
  }
  table:not(.no-default-responsive):not(.block-responsive):not(.ui-datepicker-calendar) tr td {
    padding-left: 20% !important;
    position: relative;
    display: block;
    height: auto !important;
    border-bottom: 0 !important;
    width: 100%;
    min-height: 40px;
  }
  table:not(.no-default-responsive):not(.block-responsive):not(.ui-datepicker-calendar) tr td:before {
    position: absolute;
    top: 6px;
    left: 10px;
    content: attr(data-th);
    border-top: 0px none;
    color: #222;
    cursor: pointer;
    font-size: medium;
  }
  table:not(.no-default-responsive):not(.block-responsive):not(.ui-datepicker-calendar) tr td.no-left-padding {
    padding-left: 0 !important;
  }
  table:not(.no-default-responsive):not(.block-responsive):not(.ui-datepicker-calendar) tr td.name,
  table:not(.no-default-responsive):not(.block-responsive):not(.ui-datepicker-calendar) tr td.company {
    min-height: 65px !important;
    position: relative;
  }
  table:not(.no-default-responsive):not(.block-responsive):not(.ui-datepicker-calendar) tr td.name a > span,
  table:not(.no-default-responsive):not(.block-responsive):not(.ui-datepicker-calendar) tr td.name a > i:not(.icon),
  table:not(.no-default-responsive):not(.block-responsive):not(.ui-datepicker-calendar) tr td.company a > span,
  table:not(.no-default-responsive):not(.block-responsive):not(.ui-datepicker-calendar) tr td.company a > i:not(.icon) {
    display: table-cell;
    vertical-align: middle;
    height: 60px;
  }
  table:not(.no-default-responsive):not(.block-responsive):not(.ui-datepicker-calendar) tr td.name a > span.full-width,
  table:not(.no-default-responsive):not(.block-responsive):not(.ui-datepicker-calendar) tr td.name a > i:not(.icon).full-width,
  table:not(.no-default-responsive):not(.block-responsive):not(.ui-datepicker-calendar) tr td.company a > span.full-width,
  table:not(.no-default-responsive):not(.block-responsive):not(.ui-datepicker-calendar) tr td.company a > i:not(.icon).full-width {
    width: 100%;
  }
  table:not(.no-default-responsive):not(.block-responsive):not(.ui-datepicker-calendar) tr td.interest .full {
    display: block !important;
  }
  table:not(.no-default-responsive):not(.block-responsive):not(.ui-datepicker-calendar) tr td.interest .short {
    display: none !important;
  }
  .tabs li {
    min-width: auto;
  }
  .tabs li a {
    min-width: auto;
  }
  .content.form-list .top .normal-search {
    clear: both;
    margin: 25px 0 0 0;
    width: 100%;
  }
  .content.form-list .top .normal-search .search {
    width: 100% !important;
    margin-left: 0;
  }
  .content.form-list .top .toggleSearch {
    clear: both;
    margin: 5px 0 0 0;
  }
  .content.form-list .top .quick-options {
    margin-left: 0;
    clear: both;
  }
  .content.form-list .body.search-result-section.status.fixed {
    position: relative;
    background-color: transparent;
    left: auto;
    top: auto;
    right: 15px;
    width: 100%;
    border: 0;
  }
  .content.form-list .body.search-result-section.status.fixed .row > div {
    padding: auto;
  }
  .content.form-list .body.search-result-section.status .tags {
    float: left;
    clear: both;
    width: 100%;
    margin-top: 15px;
  }
  .content.form-list .body.search-result-section .col-md-10 {
    width: 100% !important;
  }
  .content.form-list .body.search-result-section .name {
    display: none;
  }
  .content.form-list .body.search-result-section .location .submit-location .btn {
    margin-top: 0 !important;
  }
  .content.form-list .body.search-result-section .location .location-additional {
    margin-top: 15px;
  }
  .content.form-list .body.search-result-section .bottom {
    margin-top: 15px;
  }
  .detail .body article {
    width: 100%;
  }
  .detail .body article .agents {
    text-align: left;
  }
  .overview .body article {
    margin-top: 0 !important;
  }
  .overview .body article .img li:first-child {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 0;
  }
  .overview .body article .img li:first-child img {
    width: 100% !important;
    height: auto !important;
  }
  .overview .body article .card {
    clear: both;
  }
  .overview .body article .card .table tr td:last-child {
    font-weight: bold;
  }
  .overview .body article .card .price:last-of-type {
    clear: both;
    border: 0;
    padding-left: 0;
  }
  .overview.activity-form .customer > div {
    float: left;
  }
  .overview.activity-form .customer > div.col-md-2 {
    width: 10%;
  }
  .overview.activity-form .customer > div.col-md-5 {
    width: 80%;
  }
  .overview.activity-form .customer > div.col-md-5:last-of-type {
    clear: both;
    margin-bottom: 15px;
  }
  .overview.activity-form .customer > div.col-md-5:last-of-type .btn {
    margin-top: 0;
  }
  .form-list .body.form .name {
    margin: 0 0 25px 15px;
  }
  .form-list .body.form .col-md-10 {
    width: 100%;
  }
  .form-list .body.form .col-md-10 .equipped {
    margin-top: 25px !important;
  }
  .overlay {
    position: absolute;
    top: 0;
  }
  .overlay .wrapper {
    min-width: 240px;
    max-width: 600px;
    width: 80%;
  }
  .overlay .wrapper .mail-customer .form-group {
    margin-bottom: 0;
  }
  .overlay .wrapper .mail-customer .btn {
    width: 180px;
  }
  .overlay .wrapper .mail-customer .btn:last-of-type {
    margin-top: 25px;
  }
  .overlay.mail-preview .wrapper {
    width: 710px;
    max-width: 710px;
    min-width: 710px;
  }
  .estimated_values .box-center {
    width: 100%;
  }
  .estimated_values .price-square-box {
    text-align: left;
    margin-bottom: 15px;
  }
  .estimated_values table.table-results tr:after {
    background-color: transparent !important;
  }
  .estimated_values table.table-results tr td {
    border-top: 1px solid #ddd !important;
  }
  .estimated_values table.table-results tr td.customer {
    text-align: left;
  }
  .estimated_values table.table-results .btn {
    float: left !important;
    margin-top: -3px !important;
  }
  .estimated_values table.table-match-result tr {
    borer-bottom: 0 !important;
  }
  .estimated_values table.table-match-result tr td {
    line-height: normal !important;
  }
  .estimated_values table .average {
    border-top: 20px solid #f6f6f6 !important;
    margin-top: 30px;
  }
  .estimated_values table .average td {
    line-height: normal !important;
  }
  .estimated_values table .average td.no-left-padding {
    text-align: center;
    line-height: 35px !important;
  }
  .estimated_values.view .combo-search {
    clear: both;
    width: 100%;
    margin-top: 5px;
  }
  .estimated_values.view .combo-search .dropdown-menu {
    max-width: 600px;
  }
  .estimated_values.view .combo-search .search-column {
    min-width: 100px;
  }
  .estimated_values.view .combo-search .search {
    width: 80%;
  }
  .checklist .checklist-status .status {
    top: -7px;
  }
}
@media (max-width: 767px) {
  .navbar .navbar-nav > li {
    float: left;
  }
  .navbar-nav {
    margin: 0;
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    line-height: 20px;
  }
  .navbar .navbar-right {
    float: right;
    height: 50px;
  }
  .file-box {
    clear: both;
    width: 100%;
  }
  .file-box h3 {
    min-width: 100px;
    overflow: hidden;
  }
  .files-canvas .body {
    min-width: auto;
    padding: 0;
  }
  table:not(.no-default-responsive):not(.block-responsive):not(.ui-datepicker-calendar) tr td {
    padding-left: 25% !important;
  }
  .form-box {
    width: 90%;
    margin-top: 30px;
    margin-bottom: 40px;
  }
  .reminder-box {
    float: none;
    position: absolute;
    z-index: 10;
    right: 0;
    top: 51px;
  }
  .plain-box {
    display: none;
  }
  .content-box {
    width: 100%;
  }
  .slider-box {
    width: 100%;
  }
  .slider-box .ui-slider {
    float: left;
    width: 40% !important;
  }
  .funel-opt label {
    clear: both;
    float: left;
    display: none;
  }
  .funel-opt .btn {
    clear: both;
    float: none;
    position: relative;
    margin: 0 auto 5px auto;
    width: 100%;
    display: block;
    min-width: 340px;
  }
  .slider-box input[type=text] {
    clear: both;
    width: 100% !important;
  }
  .slider-box input[type=text]:last-child {
    margin-top: 15px;
  }
  .slider-box .ui-slider {
    clear: both;
    width: 90% !important;
  }
  .opportunities .top .options .option {
    width: 100%;
    display: block;
  }
  .opportunities .top .options .option label {
    width: 100%;
  }
  .opportunities .body .box .box-bottom i {
    display: inline;
  }
  .opportunities.form-list h2 > span {
    clear: both;
    margin-left: 15px;
    line-height: 130%;
  }
  .overview .body.add-activity .btn {
    margin: 0 0 5px 0;
    width: 100%;
  }
  .overview .body article .list .row .document-box {
    display: block;
    width: 100%;
  }
  .form-list .top > .agent-dropdown {
    clear: both;
    float: left !important;
    margin-top: 15px;
  }
  .reminders .additional-actions {
    width: 100% !important;
    clear: both;
    float: left;
    margin-top: 15px;
  }
  .reminders .additional-actions .date-dropdown {
    margin-left: 0 !important;
  }
  .reminders .agent-dropdown {
    clear: both;
    float: left !important;
    margin-top: 15px;
  }
  .reminders .list .day h2 {
    margin-bottom: 15px;
  }
  .reminders .list .reminder-item .top {
    min-height: 80px;
  }
  .reminders .list .reminder-item .bottom .btn {
    width: 100%;
    margin-bottom: 10px;
  }
  .reminders .list .reminder-item .bottom .creator {
    top: -15px;
  }
  .reminders .date-time-group .input-group-addon {
    padding: 6px 6px;
  }
  .reminders .date-time-group .time {
    clear: both;
    width: 50%;
    margin-top: 5px;
  }
  .reminders .date-time-group .time,
  .reminders .date-time-group .date {
    min-width: 120px;
  }
  .form-list .row.actions .btn {
    width: 100%;
    margin: 0 auto 5px auto;
    float: none !important;
  }
  .autocomplete-combo .customers-ac {
    width: 100%;
  }
  .autocomplete-combo .customers-ac+.add {
    clear: both;
    margin-top: 10px;
  }
  .autocomplete-combo .customers-ac+.add span {
    display: none;
  }
  .checklist .checklist-option {
    margin-bottom: 15px;
  }
  .checklist .checklist-option .checklist-form-row .editable-text {
    width: 90%;
  }
  .checklist .checklist-option .checklist-form-row .checklist-action {
    width: 100%;
    float: left;
    text-align: left;
    margin-left: 35px;
  }
  .checklist .checklist-option-actions .dropdown {
    margin-left: 0;
  }
  .checklist .checklist-option-actions .button {
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  .opportunities .body .box .box-bottom > a,
  .opportunities .body .box .box-bottom > span {
    display: block;
    width: 100%;
  }
  table:not(.no-default-responsive):not(.block-responsive):not(.ui-datepicker-calendar) tr td {
    padding-left: 35% !important;
  }
  .overview .top .additional-actions {
    display: block;
    float: left;
    clear: both;
    margin-top: 10px;
  }
  .overview .timeline {
    margin-top: 120px;
  }
  .overview .timeline > li > .timeline-item {
    margin-left: 25px;
  }
  .overview .timeline > li > .timeline-item > .timeline-body {
    clear: both;
    padding: 7px;
  }
  .overview .timeline > li > .timeline-item > .time {
    float: left;
  }
  .overview .timeline > li > .timeline-item > .edit {
    padding-top: 10px;
  }
  .overview .timeline > li > .fa {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    left: 0;
  }
  .tabs {
    height: auto;
    margin-bottom: 25px;
    float: left;
    width: 100%;
  }
  .tabs li {
    min-width: auto;
    width: 100%;
    border-bottom: 1px solid #dddddd;
  }
  .tabs li a {
    min-width: auto;
    width: 100%;
  }
  .tabs + h2 {
    clear: both;
    width: 100%;
    margin-top: 0;
  }
  .agent-box {
    width: 100%;
  }
  table.block-responsive tr td {
    display: block;
    clear: both;
    border: 0 !important;
    height: 55px !important;
  }
  table.block-responsive tr td.name,
  table.block-responsive tr td.company {
    height: 55px !important;
    margin: 0 !important;
    width: 100%;
  }
  table.block-responsive tr td.name > i.icon,
  table.block-responsive tr td.company > i.icon {
    margin: 0 !important;
  }
  table.block-responsive tr td.action {
    text-align: left !important;
    padding: 0 !important;
  }
  .form-list .body.form .col-md-10 .date-select input[type=text] {
    width: 100%;
  }
  .form-list .body.form .col-md-10 .date-select button {
    clear: both;
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 560px) {
  body .header .logo {
    width: 90px;
  }
  body .header .navbar {
    margin-left: 90px;
    min-width: 200px;
  }
}
@media screen and (max-width: 1125px) {
  .opportunities .top .options .option label {
    padding: 9px 20px;
  }
  .opportunities .body .box .box-bottom i {
    display: none;
  }
}
@media screen and (max-width: 565px) {
  .estimated_values.view .combo-search .search {
    width: 60%;
  }
  .overlay .wrapper .options .option {
    float: left;
    clear: both;
    width: 100%;
  }
  .overlay .wrapper .options .option .box-icon {
    float: left;
  }
  .overlay .wrapper .options .option p {
    float: left;
    clear: both;
    margin: 5px 0 0 0;
  }
  .overlay .wrapper .options .option .action {
    clear: both;
    float: left;
  }
}
@media screen and (max-height: 600px) {
  .sidebar .sidebar-menu {
    max-height: calc(100vh - 130px);
    overflow: auto;
  }
  .sidebar .help-trigger {
    position: relative;
    margin-top: 0;
    padding: 5px 0;
  }
}
@media print {
  table:not(.no-default-responsive):not(.block-responsive):not(.ui-datepicker-calendar) tr td {
    padding-left: 0 !important;
  }
  table:not(.no-default-responsive):not(.block-responsive):not(.ui-datepicker-calendar) tr td.name {
    padding-left: 60px !important;
  }
  .noprint {
    display: none;
  }
  .estimated_values {
    padding: 0;
  }
  .estimated_values .price-square-box {
    margin: 0;
    float: left;
    border: 1px solid black;
  }
  .estimated_values .price-square-box.bg-blue-light {
    float: right;
  }
  .estimated_values .price-square-box .inner {
    padding: 0 10px;
  }
  .estimated_values .table-match-result {
    width: 100%;
    margin-left: 0;
  }
  .estimated_values .box {
    border-top: 0 !important;
  }
  .estimated_values .transaction-table-title {
    display: block !important;
    padding-bottom: 15px;
  }
  .overview .body article {
    border: 0;
    padding: 0;
  }
  .overview .body article .card .table tr td:first-child {
    width: 25%;
  }
  .overview .body article .card .table tr td .status-box i {
    display: none;
  }
}
.input-icon-wrapper {
  position: relative;
}
.input-icon-wrapper i {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: #AAAAAA;
}
.input-icon-wrapper > img {
  position: absolute;
  right: 18px;
  top: 0px;
  bottom: 0;
  margin: auto;
  width: 16px;
}
button.add-new {
  padding: 0;
}
.customer-quick-save {
  width: 100%;
  border: 1px solid #DDDDDD;
  padding: 16px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-top: 10px;
}
.customer-quick-save > p:first-of-type {
  padding-top: 0;
}
.customer-quick-save > p:last-of-type {
  padding-bottom: 0;
}
.customer-quick-save p {
  padding: 5px 0;
}
.customer-quick-save .agreement {
  margin-bottom: 10px;
}
.customer-quick-save .buttons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.customer-quick-save .buttons span {
  padding: 0 5px;
}
.customer-quick-save .buttons .btn.btn-success {
  width: auto;
  min-height: inherit;
  background-color: #67ab4f;
  border-color: #67ab4f;
  height: auto;
  font-weight: normal;
  padding: 6px 12px;
  display: block;
  min-width: auto;
}
.customer-quick-save .buttons .btn.btn-success:hover,
.customer-quick-save .buttons .btn.btn-success:active,
.customer-quick-save .buttons .btn.btn-success.hover {
  background-color: #5c9a47;
}
.customer-quick-save .buttons .btn.btn-success i {
  position: static;
  margin-right: 5px;
}
@media (max-width: 767px) {
  .customer-quick-save .buttons {
    display: block;
    text-align: center;
  }
  .customer-quick-save .buttons .btn.btn-success {
    width: 100%;
  }
  .customer-quick-save .buttons span {
    padding: 5px 0;
    display: block;
  }
}
.item-box .options,
.user-box .options {
  position: absolute;
  right: 16px;
  color: #E83479;
  font-size: 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
@media (max-width: 767px) {
  .item-box .options,
  .user-box .options {
    bottom: 3px;
    right: 5px;
  }
}
.item-box button,
.user-box button {
  background: transparent;
  border: 0;
  color: inherit;
}
.item-box a,
.user-box a {
  color: #aaa;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding: 0 6px;
}
.item-box a i,
.user-box a i {
  font-size: 16px;
  margin-top: 4px;
  display: inline-block;
}
.item-box.suggested,
.user-box.suggested {
  border-style: dashed !important;
}
.item-box.suggested .user-name,
.item-box.suggested h3 strong,
.user-box.suggested .user-name,
.user-box.suggested h3 strong {
  font-weight: normal !important;
}
.item-box {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  background-color: #FFFFFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 16px;
  text-align: left;
  margin-top: 10px;
  position: relative;
  border: 1px solid #DDDDDD;
}
@media (max-width: 767px) {
  .item-box {
    padding-bottom: 25px;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
  }
}
.item-box.suggested {
  border-style: dashed !important;
}
.item-box .img {
  width: 80px;
  margin-right: 16px;
  cursor: pointer;
}
.item-box .img img {
  width: 100%;
}
.item-box .img i.icon {
  position: relative;
  width: 80px;
  height: 80px;
  background-size: cover;
  margin: 0;
  display: block;
}
.item-box .data {
  color: #333333;
  cursor: pointer;
}
.item-box .data h3 {
  display: flex;
  margin: 0;
}
.item-box .data h3 .icon.circle {
  min-width: 10px;
  min-height: 10px;
  margin: 7px 5px 0 0;
}
.item-box .data h3,
.item-box .data > strong {
  font-size: 15px;
  line-height: 25px;
  font-weight: 600;
}
.item-box .data p {
  font-size: 13px;
  line-height: 30px;
  color: #AAAAAA;
  margin: 0;
}
@media (max-width: 767px) {
  .item-box .data p {
    line-height: 130%;
  }
}
.user-box {
  border: 1px solid #DDDDDD;
  padding: 16px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  position: relative;
  background-color: #FFFFFF;
  margin-top: 10px;
  width: 100%;
  text-align: left;
}
.user-box input {
  border: 0;
  width: 100%;
  outline: none !important;
  padding-left: 4px;
  padding-right: 4px;
}
.user-box .user-img {
  margin-right: 16px;
}
.user-box .user-name {
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}
.user-box .user-function {
  color: #AAAAAA;
  font-size: 13px;
}
.user-box .user-trash {
  position: absolute;
  right: 16px;
  color: #E83479;
  font-size: 20px;
}
.user-box .input-icon-wrapper {
  width: 100%;
}
.user-box .input-icon-wrapper i {
  right: 0;
}
.reminders .item-box,
.reminders .user-box {
  border: 1px solid #DDDDDD;
  padding: 16px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.reminders .input-icon-wrapper > img.loader {
  top: -5px;
}
.agent-box-commission {
  margin-right: 10px;
}
.agent-box-commission .form-group {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  font-size: 16px;
  margin-bottom: 0;
}
.agent-box-commission .form-group input {
  width: 40px;
  color: #AAAAAA;
  text-align: center;
  font-size: inherit;
}
.agent-box-commission .form-group em {
  font-style: normal;
  color: #b7b7b7;
  margin-left: 5px;
}
.suggestion-orderable .suggestion-dnd-item {
  cursor: move;
}
.suggestion-orderable .suggestion-dnd-item.dndDragging {
  opacity: 0.5;
}
.suggestion-orderable .suggestion-dnd-item.dndDraggingSource {
  display: none;
}
.suggestion-orderable .dndPlaceholder {
  background-color: #f5f5f5;
  border: 2px dashed #ccc;
  min-height: 80px;
  margin-top: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.item-box.orderable {
  padding-left: 40px;
}
.item-box.orderable .drag-handle {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 35px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  color: #AAAAAA;
  cursor: move;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.item-box.orderable .drag-handle:hover {
  background-color: #f0f0f0;
  color: #333333;
}
.item-box.orderable .drag-handle i {
  font-size: 14px;
}
@media (max-width: 767px) {
  .item-box.orderable .drag-handle {
    display: none;
  }
}
.item-box.orderable .options a.order-btn {
  color: #AAAAAA;
  padding: 2px 4px;
}
.item-box.orderable .options a.order-btn:hover {
  color: #29ABE2;
}
.item-box.orderable .options a.order-btn i {
  font-size: 18px;
  margin-top: 0;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background-color: #fefefe;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background-color: #dedede;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  cursor: pointer;
}
.show-mobile {
  display: none !important;
}
@media (max-width: 767px) {
  .show-mobile {
    display: inline-block !important;
  }
}
.show-desktop {
  display: inline-block !important;
}
@media (max-width: 767px) {
  .show-desktop {
    display: none !important;
  }
}
.list-layout .top .list-actions-wrapper {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .list-layout .top .list-actions-wrapper {
    flex-direction: column;
    gap: 5px;
  }
}
@media (max-width: 768px) {
  .list-layout .top .list-actions {
    gap: 5px;
  }
}
.list-layout .top .list-actions .quick-option > label {
  color: #AAAAAA;
}
.list-layout .top .list-actions > * {
  margin-bottom: 0 !important;
}
.list-layout .top .calendar-options {
  display: flex;
  align-items: center;
  gap: 10px;
}
.list-layout .top .calendar-options .date-time-actions {
  display: flex;
  gap: 10px;
}
@media (max-width: 767px) {
  .list-layout .top .calendar-options {
    flex-direction: column;
    gap: 5px;
  }
  .list-layout .top .calendar-options > * {
    width: 100%;
  }
  .list-layout .top .calendar-options .dropdown-button {
    width: 100% !important;
  }
  .list-layout .top .calendar-options .dropdown-button > button {
    width: 100%;
    justify-content: center;
  }
  .list-layout .top .calendar-options .date-time-actions {
    align-items: flex-start;
  }
  .list-layout .top .calendar-options .date-time-actions > button {
    padding: 8px;
  }
  .list-layout .top .calendar-options .date-time-actions .date-range-setter {
    width: 100%;
    text-align: center;
  }
  .list-layout .top .calendar-options .date-time-actions .date-range-setter span,
  .list-layout .top .calendar-options .date-time-actions .date-range-setter input[type="text"] {
    width: 100%;
    max-width: none;
  }
}
.list-layout .top .calendar-options > .btn.btn-default {
  padding: 8px 20px;
}
.list-layout .top .calendar-options .agent-dropdown.multi {
  width: auto;
  min-width: 0;
}
.list-layout .top .calendar-options .agent-dropdown.multi button {
  position: relative;
}
.list-layout .top .calendar-options .date-range-setter {
  display: flex;
  align-items: center;
  font-weight: 500;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ddd;
  box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,0.09);
  background-color: #fafafa;
  color: #666;
  padding: 6px;
  gap: 5px;
}
.list-layout .top .calendar-options .date-range-setter input {
  background-color: transparent;
  border: 0;
  padding: 0;
  color: inherit;
  max-width: 65px;
  text-align: center;
}
.list-layout .top .calendar-options .date-range-setter button {
  padding: 4px;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  font-size: 14px;
  width: 24px;
  height: 24px;
  border: 1px solid transparent;
  transition: all .15s ease-in-out;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.list-layout .top .calendar-options .date-range-setter button:hover {
  background-color: #FFFFFF;
  border-color: #ddd;
}
.list-layout .top .calendar-options .dropdown-button > .btn {
  padding: 8px 20px;
  gap: 8px;
  display: flex;
  align-items: center;
}
.ico {
  position: relative;
  display: inline-block;
}
.ico.arrow-left {
  background-image: url('../img/icon/angle-left-regular.svg');
  background-size: 11px 18px;
  background-repeat: no-repeat;
  width: 11px;
  height: 18px;
}
.ico.arrow-right {
  background-image: url('../img/icon/angle-right-regular.svg');
  background-size: 11px 18px;
  background-repeat: no-repeat;
  width: 11px;
  height: 18px;
}
.ico.arrow-down {
  background-image: url('../img/icon/angle-down-regular.svg');
  background-size: 12px 7px;
  background-repeat: no-repeat;
  width: 12px;
  height: 7px;
}
.ico.arrow-down-black {
  background-image: url('../img/icon/angle-down-black.svg');
  background-size: 12px 7px;
  background-repeat: no-repeat;
  width: 12px;
  height: 7px;
}
.ico.user {
  background-image: url('../img/icon/user-regular.svg');
  background-size: 11px 18px;
  background-repeat: no-repeat;
  width: 11px;
  height: 18px;
}
.ico.building {
  background-image: url('../img/icon/building-regular.svg');
  background-size: 11px 18px;
  background-repeat: no-repeat;
  width: 11px;
  height: 18px;
}
.ico.edit {
  background-image: url('../img/icon/pen-solid.svg');
  background-size: 16px 16px;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}
.ico.snooze {
  background-image: url('../img/icon/snooze-regular.svg');
  background-size: 14px 16px;
  background-repeat: no-repeat;
  width: 14px;
  height: 16px;
}
.ico.clone {
  background-image: url('../img/icon/clone-regular.svg');
  background-size: 16px 16px;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}
.ico.delete {
  background-image: url('../img/icon/trash-regular.svg');
  background-size: 14px 16px;
  background-repeat: no-repeat;
  width: 14px;
  height: 16px;
}
.ico.print {
  background-image: url('../img/icon/print-regular.svg');
  background-size: 16px 16px;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}
.ico.note {
  background-image: url('../img/icon/align-left-regular.svg');
  background-size: 16px 15px;
  background-repeat: no-repeat;
  width: 16px;
  height: 15px;
}
.ico.plus {
  background-image: url('../img/icon/plus-regular.svg');
  background-size: 12px 12px;
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
}
.ico.ellipsis {
  background-image: url('../img/icon/ellipsis-v-regular.svg');
  background-size: 3px 12px;
  background-repeat: no-repeat;
  width: 3px;
  height: 12px;
}
.ico.envelope.default {
  background-image: url('../img/icon/envelope-regular.svg');
  background-size: 16px 12px;
  background-repeat: no-repeat;
  width: 16px;
  height: 12px;
}
.ico.envelope.white {
  background-image: url('../img/icon/envelope-regular-white.svg');
  background-size: 16px 12px;
  background-repeat: no-repeat;
  width: 16px;
  height: 12px;
}
.ico.envelope.gray {
  background-image: url('../img/icon/envelope-regular-gray.svg');
  background-size: 16px 12px;
  background-repeat: no-repeat;
  width: 16px;
  height: 12px;
}
.reminder {
  width: 100%;
  margin: 0 auto;
  transition: width 0.3s ease, margin 0.3s ease;
}
.reminder.wide {
  width: 100%;
  margin: 0;
}
.reminder .tabs {
  width: 100%;
  display: flex;
  background: transparent;
  margin-bottom: 16px;
  border: 0;
  border-bottom: 1px solid #A2B1B6;
}
.reminder .tabs button {
  padding: 12px 20px;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  color: #666;
  font-weight: 600;
}
.reminder .tabs button:hover,
.reminder .tabs button.selected {
  border-color: #000000;
  color: #000000;
}
@media (max-width: 767px) {
  .reminder .tabs button {
    flex-direction: column;
  }
  .reminder .tabs button button {
    font-size: 13px;
  }
}
.reminder .week-mobile {
  display: none;
  margin: 15px 0;
}
.reminder .week-mobile button {
  width: 100%;
}
@media (max-width: 767px) {
  .reminder .week-mobile {
    display: block;
    width: 100%;
  }
}
.reminder .week {
  background-color: #E2E2E2;
  color: #222222;
  margin: 16px 0 30px 0;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  overflow: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.reminder .week button {
  border: 0;
  background-color: transparent;
  cursor: pointer;
  padding: 0;
  transition: all .15s ease-in-out;
}
.reminder .week .day {
  cursor: pointer;
  padding: 20px 30px;
  font-size: 30px;
  line-height: 38px;
  font-weight: bold;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.reminder .week .day span {
  font-size: 14px;
  font-weight: normal;
  display: block;
  line-height: 130%;
}
.reminder .week .day.istoday {
  background-color: #ededed;
}
.reminder .week .day.istoday span {
  text-decoration: underline;
}
.reminder .week .day.selected,
.reminder .week .day:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  background-color: #F6F6F6;
}
.reminder .week .control {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding: 0 30px;
}
.reminder .week .control i {
  left: 0;
  transition: all .3s ease-in-out;
}
.reminder .week .control:hover i.arrow-left {
  left: -5px;
}
.reminder .week .control:hover i.arrow-right {
  left: 5px;
}
.reminder .date-range {
  margin: 30px 0;
  display: block;
}
.reminder .date-range h2 {
  font-size: 30px;
  line-height: 38px;
  font-weight: bold;
  color: inherit;
  margin: 0;
}
.reminder .date-range h2 span {
  font-size: 14px;
  font-weight: normal;
  display: block;
  line-height: 130%;
}
.reminder .agent-cards {
  margin-bottom: 22px;
}
.reminder .agent-cards .head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 22px;
}
.reminder .agent-cards .head > button {
  border: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
  color: #000000;
  font-weight: bold;
  display: flex;
  align-items: center;
  font-size: 15px;
}
.reminder .agent-cards .head > button i {
  margin-right: 20px;
  transition: all .3s ease-in-out;
}
.reminder .agent-cards .head > button img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 10px;
}
.reminder .agent-cards .head > button span {
  font-weight: 400;
  margin-left: 5px;
}
.reminder .agent-cards .head > a {
  color: inherit;
  font-weight: 600;
}
.reminder .agent-cards .cards {
  display: none;
}
.reminder .agent-cards.visible .head > button i {
  transform: rotate(180deg);
}
.reminder .agent-cards.visible .cards {
  display: block;
}
.reminder .agents {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  width: 15%;
}
@media (max-width: 767px) {
  .reminder .agents {
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
  }
}
.reminder .agents .agent {
  position: relative;
  border: 0;
  background-color: transparent;
}
.reminder .agents .agent + .agent {
  margin-left: -15px;
}
.reminder .agents .agent:nth-child(1) {
  z-index: 10;
}
.reminder .agents .agent:nth-child(2) {
  z-index: 9;
}
.reminder .agents .agent:nth-child(3) {
  z-index: 8;
}
.reminder .agents .agent:nth-child(4) {
  z-index: 7;
}
.reminder .agents .agent:nth-child(5) {
  z-index: 6;
}
.reminder .agents .agent:nth-child(6) {
  z-index: 5;
}
.reminder .agents .agent:nth-child(7) {
  z-index: 4;
}
.reminder .agents .agent:nth-child(8) {
  z-index: 3;
}
.reminder .agents .agent:nth-child(9) {
  z-index: 2;
}
.reminder .agents .agent:nth-child(10) {
  z-index: 1;
}
.reminder .agents img,
.reminder .agents span {
  display: block;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  max-width: none !important;
  text-align: center;
  line-height: 37px;
  background-color: #FFFFFF;
}
.reminder .agents span {
  border: 1px solid #AAAAAA;
}
.reminder .card {
  font-size: 14px;
  line-height: 18px;
  color: #AAAAAA;
  background-color: #FFFFFF;
  border: 0;
  padding: 14px 20px;
  margin-bottom: 2px;
  border-left: 3px solid #DDDDDD;
  transition: all .15s ease-in-out;
}
.reminder .card.blue {
  border-left-color: #29abe2;
}
.reminder .card.green {
  border-left-color: #67ab4f;
}
.reminder .card.yellow {
  border-left-color: #f39c12;
}
.reminder .card.red {
  border-left-color: #f56954;
}
.reminder .card.gray {
  border-left-color: #eaeaec;
}
.reminder .card.purple {
  border-left-color: #932ab6;
}
.reminder .card a {
  color: #AAAAAA;
  text-decoration: none;
}
.reminder .card a:hover {
  text-decoration: underline;
}
.reminder .card a.text-vio {
  background-color: #E83479;
  padding: 2px 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
}
.reminder .card a.text-vio.space {
  margin-left: 5px;
}
.reminder .card h2 {
  font-size: 15px;
  font-weight: bold;
  color: #333333;
  line-height: 19px;
  margin: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.reminder .card h2 a {
  color: inherit;
}
.reminder .card h2 > *:not(:first-child) {
  margin-left: 10px;
}
.reminder .card ul {
  padding: 0;
  margin: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.reminder .card ul li {
  list-style-type: none;
  position: relative;
  display: flex;
  gap: 6px;
}
.reminder .card ul li:not(:last-child) {
  margin-bottom: 6px;
}
.reminder .card ul li.ext {
  display: none;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
}
.reminder .card ul li:not(.ext) button:not(.def),
.reminder .card ul li:not(.ext) a:not(.def) {
  background-color: #F5F5F5;
  color: #808080;
  border-radius: 4px;
  padding: 4px 8px;
  display: flex;
  gap: 4px;
}
.reminder .card ul li:not(.ext) button:not(.def) i.ico.building,
.reminder .card ul li:not(.ext) a:not(.def) i.ico.building {
  min-width: 11px;
  min-height: 18px;
}
.reminder .card .i {
  position: relative;
  padding-left: 20px;
}
.reminder .card .i i {
  position: absolute;
  left: 0;
  top: 1px;
}
.reminder .card .tag {
  background-color: #ECECEC;
  color: #000000;
  padding: 3px 7px;
  font-size: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-style: normal;
}
.reminder .card.disabled {
  -webkit-opacity: 0.25;
  -moz-opacity: 0.25;
  opacity: 0.25;
}
.reminder .card.disabled:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.reminder .card .row {
  margin: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  position: relative;
}
.reminder .card .row > * {
  position: relative;
}
@media (max-width: 767px) {
  .reminder .card .row {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .reminder .card .row > * {
    width: 100% !important;
  }
}
.reminder .card .row .clickable {
  cursor: pointer;
}
.reminder .card .row .clickable.bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 0;
}
.reminder .card .row .more {
  display: none;
}
@media (max-width: 767px) {
  .reminder .card .row .more .action,
  .reminder .card .row .more .time {
    display: none;
  }
}
.reminder .card .row .more .document {
  margin-top: 30px;
}
.reminder .card .row .more .document a {
  display: block;
}
.reminder .card .row .more .document a:not(:last-child) {
  margin-bottom: 5px;
}
.reminder .card .row .more .document a img {
  width: 20px;
  margin-right: 5px;
}
.reminder .card .row .action.left {
  width: 2%;
}
.reminder .card .row .action.right {
  width: 13%;
}
.reminder .card .row .time {
  width: 10%;
}
.reminder .card .row .name {
  width: 25%;
}
.reminder .card .row .item {
  width: 25%;
}
.reminder .card .row .customer {
  width: 25%;
}
.reminder .card .row .agents {
  width: 10%;
}
.reminder .card .row input[type=checkbox] + label.blue:before {
  color: #29abe2;
}
.reminder .card .row input[type=checkbox] + label.green:before {
  color: #67ab4f;
}
.reminder .card .row input[type=checkbox] + label.yellow:before {
  color: #f39c12;
}
.reminder .card .row input[type=checkbox] + label.red:before {
  color: #f56954;
}
.reminder .card .row input[type=checkbox] + label.gray:before {
  color: #eaeaec;
}
.reminder .card .row input[type=checkbox] + label.purple:before {
  color: #932ab6;
}
.reminder .card .row input[type=checkbox] + label {
  display: block;
  cursor: pointer;
}
@media (max-width: 767px) {
  .reminder .card .row input[type=checkbox] + label {
    margin-right: 10px;
  }
}
.reminder .card .row .action {
  position: relative;
  min-width: 20px;
  z-index: 11;
}
.reminder .card .row .action button:focus {
  outline: 0;
}
.reminder .card .row .action.right {
  text-align: right;
}
@media (max-width: 767px) {
  .reminder .card .row .action.right {
    top: 0;
    right: 0;
    position: absolute;
    z-index: 2;
    width: 40% !important;
  }
}
.reminder .card .row .action button {
  border: 0;
  background-color: transparent;
  cursor: pointer;
  padding: 0;
  padding: 0 10px;
}
@media (max-width: 767px) {
  .reminder .card .row .action button {
    background-color: #FFFFFF;
    border: 1px solid #eaeaec;
  }
}
.reminder .card .row .action .toggle-action-menu i {
  top: 2px;
}
@media (max-width: 767px) {
  .reminder .card .row .action .toggle-action-menu {
    margin-left: 10px;
  }
}
.reminder .card .row .action .actions {
  padding: 10px 0 10px 10px;
  background-color: #FFFFFF;
  position: absolute;
  height: 40px;
  top: -9px;
  margin: auto;
  right: 7px;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  min-width: 210px;
}
.reminder .card .row .action .actions button,
.reminder .card .row .action .actions a {
  padding: 0;
  background-color: transparent;
  border: 0;
}
.reminder .card .row .action .actions button:not(:last-child),
.reminder .card .row .action .actions a:not(:last-child) {
  margin-right: 15px;
}
.reminder .card .row .action .actions .close-actions {
  margin-left: 10px;
}
.reminder .card .row .action .actions .close-actions i {
  position: relative;
  top: -3px;
  color: #000000;
  font-size: 12px;
}
.reminder .card .row .time {
  font-size: 15px;
  font-weight: bold;
  color: #333333;
  line-height: 19px;
}
.reminder .card .row .time .time-to-start {
  margin-top: 10px;
}
.reminder .card .row .time .time-to-start > span {
  display: block;
}
.reminder .card .row .time .time-to-start > span:first-child {
  font-weight: 400;
  font-size: 14px;
  color: #666;
}
.reminder .card .row .item .notes,
.reminder .card .row .item .log {
  margin-top: 30px;
  position: relative;
  padding-left: 20px;
  top: 3px;
}
.reminder .card .row .item .notes i,
.reminder .card .row .item .log i {
  position: absolute;
  left: 0;
  top: 1px;
}
@media (max-width: 767px) {
  .reminder .card .row .item .notes,
  .reminder .card .row .item .log {
    margin-top: 0;
  }
}
.reminder .card .row .item .logs {
  margin-top: 20px;
}
.reminder .card .row .item .log {
  margin-top: 5px;
  padding-left: 0;
}
.reminder .card .row .item .log button {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
}
.reminder .card .row .item .log button i {
  position: relative;
  top: auto;
  margin-right: 6px;
}
.reminder .card .row .item .log button i:last-of-type {
  margin-left: 5px;
  top: 0px;
}
.reminder .card .row .item .log.open button i.arrow-down {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.reminder .card .row .item .log .tags {
  float: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  width: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 10px;
}
.reminder .card .row .item .log .tags em {
  margin: 5px 0 0 0;
}
.reminder .card .row .item .log .tags em > span {
  background-color: transparent;
  color: #AAAAAA;
  padding: 0;
}
.reminder .card .row .customer h2 {
  font-weight: 400;
}
.reminder .card .row .customer .documents {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .reminder .card .row .customer .documents {
    margin-top: 0;
  }
}
.reminder .card .row .customer ul:not(:last-child) {
  margin-bottom: 2px;
}
.reminder .card .buttons {
  display: none;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  margin-top: 50px;
  position: relative;
}
.reminder .card .buttons .creator {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #ddd;
}
@media (max-width: 767px) {
  .reminder .card .buttons .creator {
    position: relative;
    margin-top: 5px;
    display: block;
    width: 100%;
    text-align: center;
  }
}
.reminder .card .buttons > *:not(:last-child) {
  margin-right: 10px;
}
.reminder .card .buttons .btn-default {
  background-color: #FFFFFF;
  color: inherit;
}
.reminder .card .buttons .btn-primary {
  background-color: #29abe2;
}
.reminder .card .buttons .btn-vio {
  background-color: #E83479;
  color: #FFFFFF;
}
.reminder .card .buttons i {
  margin-right: 5px;
  top: 2px;
}
@media (max-width: 767px) {
  .reminder .card .buttons {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 25px;
  }
  .reminder .card .buttons > * {
    margin: 0 0 5px 0;
    display: block;
    width: 100%;
  }
}
.reminder .card.open .row.head ul li.ext {
  display: block;
}
.reminder .card.open .row.head .action.right i.arrow-down {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.reminder .card.open .row .customer h2 {
  font-weight: bold;
}
.reminder .card.open .row .customer ul:not(:last-child) {
  margin-bottom: 20px;
}
.reminder .card.open .row .more {
  display: block;
}
.reminder .card.open .buttons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.reminder .no-results {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}
.reminder .gap-placeholder {
  width: 100%;
  border: 1px dashed #AAAAAA;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: rgba(255,255,255,0.39);
  margin-top: 10px;
}
.reminder .gap-placeholder a {
  border: 0;
  background-color: transparent;
  cursor: pointer;
  padding: 0;
  display: block;
  padding: 14px 0;
  text-align: center;
  width: 100%;
}
.reminder .toggleSearch span {
  margin-right: 5px;
}
.reminder .timeline-view {
  width: 100%;
  max-width: 100%;
  overflow: auto;
  position: relative;
  background-color: #FFFFFF;
  margin: 0 auto 35px auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.reminder .timeline-view .minutes {
  width: 100%;
  height: 100%;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.reminder .timeline-view .minutes li {
  height: 100%;
  display: block;
  float: left;
  width: 60px;
  border-left: 1px dashed #ddd;
  list-style-type: none;
  padding: 0;
  padding-top: 5px;
  text-align: center;
  color: #AAAAAA;
}
.reminder .timeline-view .minutes li:first-child {
  border-left: 0;
}
@media (max-width: 1080px) {
  .reminder .timeline-view .minutes {
    width: 980px;
  }
}
.reminder .timeline-view .tasks {
  padding: 25px 0;
}
.reminder .timeline-view .tasks .task {
  position: relative;
  background-color: #67ab4f;
  margin-top: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 10px;
  color: #FFFFFF;
  cursor: pointer;
}
.reminder .timeline-view .tasks .task.blue {
  background-color: #29abe2;
}
.reminder .timeline-view .tasks .task.green {
  background-color: #67ab4f;
}
.reminder .timeline-view .tasks .task.yellow {
  background-color: #f39c12;
}
.reminder .timeline-view .tasks .task.red {
  background-color: #f56954;
}
.reminder .timeline-view .tasks .task.gray {
  background-color: #eaeaec;
  color: #333333;
}
.reminder .timeline-view .tasks .task.purple {
  background-color: #932ab6;
}
.reminder .timeline-view .tasks .task .duration {
  height: 5px;
  position: absolute;
  left: 0;
  top: -8px;
  background-color: inherit;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: none;
}
.reminder .timeline-view .tasks .task .overme {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  display: block;
}
.reminder .timeline-view .tasks .task h2 {
  margin: 0 !important;
  color: inherit;
  font-weight: normal;
}
.reminder .timeline-view .tasks .task:hover {
  width: 250px !important;
}
.reminder .timeline-view .tasks .task:hover .duration {
  display: block;
}
.reminder .timeline-view:hover::-webkit-scrollbar-thumb {
  background-color: #333;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  cursor: pointer;
}
.reminder .availability-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.reminder .availability-modal .availability-modal-content {
  background-color: #FFFFFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 20px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
  width: 600px;
  max-height: 80vh;
  margin: auto;
  overflow: auto;
  font-size: 14px;
  position: relative;
}
.reminder .availability-modal .availability-modal-content .close-availability-modal {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  font-size: 16px;
  color: #666;
  border: 0;
  background-color: transparent;
  padding: 0;
}
.reminder .availability-modal .availability-modal-content h2 {
  margin: 0 0 5px 0;
  font-size: 20px;
  color: #000000;
}
.reminder .availability-modal .availability-modal-content h3 {
  font-size: 15px;
  color: #666;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #c5c5c5;
  padding-bottom: 20px;
}
.reminder .availability-modal .availability-modal-content ul {
  margin: 0;
  padding: 0;
}
.reminder .availability-modal .availability-modal-content ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.reminder .availability-modal .availability-modal-content ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.reminder .availability-modal .availability-modal-content ul li {
  width: 22%;
}
.reminder .availability-modal .availability-modal-content ul li h4 {
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 16px;
}
.reminder .availability-modal .availability-modal-content ul li p {
  margin-top: 10px;
}
.reminder .availability-modal .availability-modal-content ul li a {
  color: #666;
  border: 1px solid #ddd;
  padding: 6px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: flex;
  margin-top: 10px;
  gap: 5px;
  align-items: center;
  background-color: #FFFFFF;
  transition: all .15s ease-in-out;
}
.reminder .availability-modal .availability-modal-content ul li a:hover {
  background-color: #f0f0f0;
}
.reminder .availability-modal .availability-modal-content p {
  margin-top: 20px;
  color: #666;
}
.reminder .availability-modal .availability-modal-content p i {
  margin-right: 5px;
}
.reminder .calendar-view {
  margin-bottom: 80px;
}
.reminder .calendar-view .cv-body,
.reminder .calendar-view .cv-top {
  display: flex;
  position: relative;
  width: 97%;
  left: 3%;
}
.reminder .calendar-view .cv-top {
  margin-bottom: 10px;
}
.reminder .calendar-view .cv-top.fixed {
  position: fixed;
  top: 50px;
  z-index: 100;
  width: 100%;
  box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
  background-color: #FFFFFF;
  padding: 8px 0;
}
.reminder .calendar-view .cv-top .calendar .agent {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  flex-direction: column;
}
.reminder .calendar-view .cv-top .calendar .agent img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.reminder .calendar-view .cv-top .calendar .agent span {
  display: none;
}
.reminder .calendar-view .cv-top .calendar .agent button {
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  font-size: 16px;
}
.reminder .calendar-view .cv-top .calendar .agent button i.fa-toggle-on {
  color: #67ab4f;
}
.reminder .calendar-view .cv-top .calendar.active .agent {
  flex-direction: row;
}
.reminder .calendar-view .cv-top .calendar.active .agent span {
  display: block;
}
.reminder .calendar-view .calendar {
  position: relative;
  width: 50px;
  overflow: hidden;
  transition: width .3s ease-in-out;
}
.reminder .calendar-view .calendar.active {
  width: 250px;
  overflow: unset;
}
.reminder .calendar-view .calendars {
  display: flex;
}
.reminder .calendar-view .calendars .calendar:before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #ddd;
  left: 2%;
  top: 0;
  display: block;
}
.reminder .calendar-view .calendars .calendar:not(.active) .event {
  display: none;
}
.reminder .calendar-view .wrapper {
  position: relative;
  z-index: 2;
}
.reminder .calendar-view .hour-line {
  position: absolute;
  width: 100%;
  left: 0;
  border-top: 1px dashed #ddd;
}
.reminder .calendar-view .hour-line:hover {
  background-color: #efefef;
}
.reminder .calendar-view .hour-line span {
  position: absolute;
  left: -35px;
  top: 0px;
  display: block;
  height: 100%;
}
@media (max-width: 767px) {
  .reminder .calendar-view .hour-line span {
    left: -15px;
  }
}
.reminder .calendar-view .current-time {
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #f56954;
  z-index: 10;
}
.reminder .calendar-view .current-time:before {
  background-color: #f56954;
  content: "";
  display: block;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  position: relative;
  top: -4px;
  left: -5px;
}
.reminder .calendar-view .event {
  position: absolute;
  border: 0;
  padding: 5px;
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 14px;
  line-height: 130%;
  color: #FFFFFF;
  text-decoration: none;
  display: flex;
  gap: 5px;
  justify-content: center;
  border: 1px solid #FFFFFF;
  z-index: 1;
  min-height: 30px;
  text-align: left;
  cursor: pointer;
}
.reminder .calendar-view .event.all-day {
  border: 1px solid black;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  top: -40px !important;
}
.reminder .calendar-view .event.all-day:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.reminder .calendar-view .event.done {
  opacity: 0.3;
}
.reminder .calendar-view .event.done:hover {
  opacity: 1;
}
.reminder .calendar-view .event .original-height {
  display: none;
}
.reminder .calendar-view .event:not(.open):hover {
  flex-direction: column;
  height: auto !important;
  z-index: 2 !important;
}
.reminder .calendar-view .event:not(.open):hover .original-height {
  display: block;
}
.reminder .calendar-view .event:not(.open):hover > .agents {
  display: flex;
}
.reminder .calendar-view .event:not(.open):hover .open-event-info > time,
.reminder .calendar-view .event:not(.open):hover > time {
  text-align: left;
}
.reminder .calendar-view .event:not(.open):hover .open-event-info {
  display: block;
}
.reminder .calendar-view .event.blue {
  background-color: #29abe2;
}
.reminder .calendar-view .event.green {
  background-color: #67ab4f;
}
.reminder .calendar-view .event.yellow {
  background-color: #f39c12;
}
.reminder .calendar-view .event.red {
  background-color: #f56954;
}
.reminder .calendar-view .event.gray {
  background-color: #eaeaec;
  color: #333333;
}
.reminder .calendar-view .event.purple {
  background-color: #932ab6;
}
.reminder .calendar-view .event .event:hover {
  color: #FFFFFF;
}
.reminder .calendar-view .event .open-event-info {
  border: 0;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
  width: 100%;
  text-align: left;
  display: flex;
  gap: 5px;
  justify-content: center;
}
.reminder .calendar-view .event h2,
.reminder .calendar-view .event time {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  display: block;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  color: inherit;
}
.reminder .calendar-view .event time {
  text-align: right;
}
.reminder .calendar-view .event .agents {
  position: absolute;
  bottom: 2px;
  right: 2px;
  gap: 3px;
  align-items: center;
  display: none;
}
.reminder .calendar-view .event .agents .agent {
  order: 2;
}
.reminder .calendar-view .event .agents .agent img {
  width: 22px;
  height: 22px;
  border-radius: 50%;
}
.reminder .calendar-view .event .agents .agent.selected {
  order: 1;
}
.reminder .calendar-view .event .agents .agent.selected img {
  border: 2px solid #FFFFFF;
}
.reminder .calendar-view .event-info {
  position: absolute;
  width: 100%;
  width: 400px;
  border: 1px solid #ddd;
  box-shadow: 0 3px 4px 0 rgba(0,0,0,0.14), 0 3px 3px -2px rgba(0,0,0,0.12), 0 1px 8px 0 rgba(0,0,0,0.2);
  background-color: #fafafa;
  z-index: 100;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  border-radius: 28px;
  padding: 20px;
  color: #666;
  margin-left: -50px;
  transition: all .3s ease-in-out;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
@media (max-width: 768px) {
  .reminder .calendar-view .event-info {
    display: none;
  }
}
.reminder .calendar-view .event-info.visible {
  margin-left: 0px;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  display: block;
}
@media (max-width: 768px) {
  .reminder .calendar-view .event-info.visible {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0 !important;
    left: 0 !important;
    bottom: 0;
    right: 0;
    z-index: 2000;
    margin: auto;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
}
.reminder .calendar-view .event-info .actions {
  position: absolute;
  right: 20px;
  top: 10px;
  display: flex;
  gap: 10px;
}
.reminder .calendar-view .event-info .actions button,
.reminder .calendar-view .event-info .actions a {
  cursor: pointer;
  font-size: 16px;
  border: 0;
  background-color: transparent;
  padding: 0;
}
.reminder .calendar-view .event-info .actions button i.fa,
.reminder .calendar-view .event-info .actions a i.fa {
  font-size: 20px;
}
.reminder .calendar-view .event-info .actions button i.ico.edit,
.reminder .calendar-view .event-info .actions a i.ico.edit {
  background-size: 14px 14px;
  width: 14px;
  height: 14px;
}
.reminder .calendar-view .event-info ul {
  padding: 0;
  margin: 10px 0 0 0;
}
.reminder .calendar-view .event-info ul li {
  list-style-type: none;
}
.reminder .calendar-view .event-info ul li:not(:last-child) {
  margin-bottom: 10px;
}
.reminder .calendar-view .event-info ul li:not(:first-of-type) h4 {
  margin-top: 20px;
}
.reminder .calendar-view .event-info ul li h3,
.reminder .calendar-view .event-info ul li h4 {
  margin: 0;
  padding: 0;
}
.reminder .calendar-view .event-info ul li h3 {
  font-weight: 700;
  margin-bottom: 5px;
  display: block;
  font-size: 18px;
}
.reminder .calendar-view .event-info ul li h4 {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 15px;
}
.reminder .calendar-view .event-info ul li time {
  text-align: left;
  margin-bottom: 15px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
  display: block;
}
.reminder .calendar-view .event-info ul li time span {
  font-size: 12px;
  color: #666;
}
.reminder .calendar-view .event-info ul li > div.event-data {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.reminder .calendar-view .event-info ul li > div.event-data > *:not(:last-child):after {
  content: "·";
  margin: 0 5px;
}
.reminder .calendar-view .event-info ul li > div.event-data:not(:last-child) {
  margin-bottom: 5px;
}
.reminder .calendar-view .event-info ul li > div.event-data a {
  color: inherit;
}
.reminder .calendar-view .event-info ul li > div.event-data a:hover {
  text-decoration: underline;
}
.reminder .calendar-view .event-info ul li > div.event-data .tag {
  background-color: #ECECEC;
  font-weight: 700;
  color: #000000;
  padding: 3px 7px;
  font-size: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-style: normal;
}
.reminder .calendar-view .event-info ul li .item-group,
.reminder .calendar-view .event-info ul li .project-group {
  border-left: 3px solid #DDD;
  padding: 4px 0 4px 8px;
}
.reminder .calendar-view .event-info ul li .item-group:not(:last-child),
.reminder .calendar-view .event-info ul li .project-group:not(:last-child) {
  margin-bottom: 8px;
}
.reminder .calendar-view .event-info ul li .item-group.blue,
.reminder .calendar-view .event-info ul li .project-group.blue {
  border-left-color: #29abe2;
}
.reminder .calendar-view .event-info ul li .item-group.green,
.reminder .calendar-view .event-info ul li .project-group.green {
  border-left-color: #67ab4f;
}
.reminder .calendar-view .event-info ul li .item-group.yellow,
.reminder .calendar-view .event-info ul li .project-group.yellow {
  border-left-color: #f39c12;
}
.reminder .calendar-view .event-info ul li .item-group.red,
.reminder .calendar-view .event-info ul li .project-group.red {
  border-left-color: #f56954;
}
.reminder .calendar-view .event-info ul li .item-group.gray,
.reminder .calendar-view .event-info ul li .project-group.gray {
  border-left-color: #eaeaec;
}
.reminder .calendar-view .event-info ul li .item-group.purple,
.reminder .calendar-view .event-info ul li .project-group.purple {
  border-left-color: #932ab6;
}
.reminder .calendar-view .event-info ul li .item-group .event-data,
.reminder .calendar-view .event-info ul li .project-group .event-data {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.reminder .calendar-view .event-info ul li .item-group .event-data > *:not(:last-child):after,
.reminder .calendar-view .event-info ul li .project-group .event-data > *:not(:last-child):after {
  content: "·";
  margin: 0 5px;
}
.reminder .calendar-view .event-info ul li .item-group .event-data a,
.reminder .calendar-view .event-info ul li .project-group .event-data a {
  color: inherit;
}
.reminder .calendar-view .event-info ul li .item-group .event-data a:hover,
.reminder .calendar-view .event-info ul li .project-group .event-data a:hover {
  text-decoration: underline;
}
.reminder .calendar-view .event-info ul li .item-group .item-head,
.reminder .calendar-view .event-info ul li .project-group .item-head {
  font-weight: 600;
  margin-bottom: 2px;
}
.reminder .calendar-view .event-info ul li .item-group .seller-row,
.reminder .calendar-view .event-info ul li .project-group .seller-row {
  font-size: 13px;
  opacity: 0.9;
}
.reminder .calendar-view .event-info ul li.bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.reminder .calendar-view .event-info ul li.bottom .due-section {
  display: flex;
  gap: 5px;
  align-items: center;
}
.reminder .calendar-view .event-info ul li.bottom .due-section .descriptor-text {
  margin-bottom: 0;
  font-size: 14px;
}
.reminder .calendar-view .event-info ul li .agents {
  display: flex;
  justify-content: flex-start;
}
.reminder .calendar-view .events-allday {
  position: relative;
  max-height: 165px;
  overflow: hidden;
  margin-top: 20px;
}
.reminder .calendar-view .events-allday .event {
  border: 1px solid #000000;
  color: #000000;
}
.reminder .calendar-view .events-allday::hover {
  max-height: none;
}
.reminder .calendar-view .events-allday .event {
  position: relative;
  margin-bottom: 5px;
  border: 1px solid;
}
.reminder .calendar-view.calendar-view-calendar {
  position: relative;
  top: 105px;
}
@media (max-width: 767px) {
  .reminder .calendar-view.calendar-view-calendar {
    top: 30px;
  }
  .reminder .calendar-view.calendar-view-calendar .wrapper {
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .reminder .calendar-view.calendar-view-calendar .hour-lines-wrapper {
    position: absolute;
    margin-top: 75px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .reminder .calendar-view.calendar-view-calendar .current-time {
    margin-top: 75px;
  }
}
.reminder .calendar-view.calendar-view-calendar .cv-body {
  position: relative;
}
.reminder .calendar-view.calendar-view-calendar .cv-body .loader {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 100px;
  left: 50%;
  transform: translate(-50%,-50%);
}
.reminder .calendar-view.calendar-view-calendar .calendars-wrapper {
  width: 100%;
}
@media (max-width: 767px) {
  .reminder .calendar-view.calendar-view-calendar .calendars-wrapper {
    overflow-x: scroll;
    width: calc(100% - 20px);
    margin-left: 20px;
  }
}
.reminder .calendar-view.calendar-view-calendar .calendars {
  width: 100%;
}
@media (max-width: 767px) {
  .reminder .calendar-view.calendar-view-calendar .calendars.view-week,
  .reminder .calendar-view.calendar-view-calendar .calendars.view-month {
    width: 1920px !important;
  }
  .reminder .calendar-view.calendar-view-calendar .calendars.view-day {
    width: 83vw !important;
  }
}
.reminder .calendar-view.calendar-view-calendar .calendars .calendar.active {
  width: 100%;
}
.reminder .calendar-view.calendar-view-calendar .date {
  font-size: 14px;
  position: absolute;
  width: 100%;
  top: -70px;
  text-align: center;
}
.reminder .calendar-view.calendar-view-calendar .date button {
  border: 0;
  background-color: transparent;
  cursor: pointer;
  margin-top: 5px;
  transition: all .15s ease-in-out;
}
.reminder .calendar-view.calendar-view-calendar .date button:hover {
  color: #67ab4f;
}
@media (max-width: 767px) {
  .reminder .calendar-view.calendar-view-calendar .date {
    top: -45px;
    position: relative;
  }
}
.popup-history-url {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 1050;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.25);
  width: 500px;
  max-width: 90vw;
  max-height: 70vh;
  display: flex;
  flex-direction: column;
}
.popup-history-url .popup-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px;
  border-bottom: 1px solid #e5e5e5;
}
.popup-history-url .popup-header h3 {
  margin: 0;
  font-size: 16px;
}
.popup-history-url .popup-header .close {
  font-size: 18px;
  color: #666;
  text-decoration: none;
}
.popup-history-url .popup-header .close:hover {
  color: #333;
}
.popup-history-url .popup-body {
  padding: 15px 20px;
  overflow-y: auto;
}
.popup-history-url .popup-body ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.popup-history-url .popup-body ul li {
  padding: 8px 0;
  border-bottom: 1px solid #f0f0f0;
  word-break: break-all;
}
.popup-history-url .popup-body ul li:last-child {
  border-bottom: 0;
}
.statistic .overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
  z-index: 1040;
}
.action-menu {
  position: relative;
}
.action-menu .action-menu-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  border: 0;
  background: transparent;
  color: #555;
  cursor: pointer;
  transition: transform 0.3s ease-in-out;
}
.action-menu .action-menu-trigger:hover {
  color: #333;
}
.action-menu.open .action-menu-trigger {
  border-color: #333;
  color: #333;
}
.action-menu .action-menu-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  left: auto;
  min-width: 200px;
  margin: 4px 0 0 0;
  padding: 0;
  background: #fff;
  border: 1px solid #E5E6E6;
  border-radius: 4px;
  box-shadow: 0 4px 6px 0 rgba(0,0,0,0.1);
  list-style: none;
  display: none;
  z-index: 10;
}
.action-menu .action-menu-dropdown > li {
  display: block;
  margin: 0;
  padding: 0;
  transition: background-color 0.15s;
}
.action-menu .action-menu-dropdown > li.separator .action-menu-item {
  border-top: 1px solid #E5E6E6;
}
.action-menu .action-menu-dropdown > li.separator.thick .action-menu-item {
  border-width: 2px;
}
.action-menu .action-menu-dropdown > li:hover {
  background-color: #f0f4f8;
  color: #2563eb;
}
.action-menu .action-menu-dropdown > li:hover a,
.action-menu .action-menu-dropdown > li:hover button {
  text-decoration: none;
  color: inherit;
}
.action-menu .action-menu-dropdown .action-menu-item {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px;
  margin: 0;
  border: 0;
  background: transparent;
  color: #444;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.15s;
  box-sizing: border-box;
  z-index: 10;
}
.action-menu .action-menu-dropdown .action-menu-item i {
  flex-shrink: 0;
  width: 20px;
  margin-right: 10px;
  color: inherit;
  font-size: 14px;
}
.action-menu .action-menu-dropdown .action-menu-item .menu-item-text {
  flex: 1;
}
.action-menu .action-menu-dropdown .action-menu-item .menu-item-badge {
  flex-shrink: 0;
  margin-left: 8px;
}
.action-menu .action-menu-dropdown .action-menu-item.disabled,
.action-menu .action-menu-dropdown .action-menu-item:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  color: #bcbcbc;
}
.action-menu.open .action-menu-dropdown {
  display: block;
}
.default-cell-padding {
  padding: 15px;
}
@media (max-width: 767px) {
  .default-cell-padding {
    padding: 0;
  }
}
.dynamic-list-table {
  min-height: 80vh;
}
.dynamic-list-table-view-settings {
  position: relative;
  z-index: 15;
}
.dynamic-list-table-view-settings.right-side {
  margin: 0 !important;
  text-align: right;
}
.dynamic-list-table-view-settings.right-side .props {
  text-align: left;
}
.dynamic-list-table-view-settings .xclose {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}
.dynamic-list-table-view-settings .btn {
  margin-right: 0 !important;
}
.dynamic-list-table-view-settings .props {
  position: absolute;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 19px -6px rgba(0,0,0,0.75);
  right: 0;
  margin-top: 10px;
  width: 300px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 15px;
  z-index: 10;
  display: none;
}
.dynamic-list-table-view-settings .props strong {
  display: block;
  width: 100%;
  margin-bottom: 5px;
}
.dynamic-list-table-view-settings .props .checkbox-list {
  margin-bottom: 10px;
}
.dynamic-list-table-view-settings .props .dropdown-button {
  width: 100%;
}
.dynamic-list-table-view-settings .props .dropdown-button button {
  padding: 5px 20px;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.dynamic-list-table-view-settings .props .dropdown-button ul li a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.dynamic-list-table-view-settings .props.visible {
  display: block;
  animation-name: fadeAnimation;
  animation-duration: .3s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  -webkit-animation-name: fadeAnimation;
  -webkit-animation-duration: .3s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: fadeAnimation;
  -moz-animation-duration: .3s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: forwards;
}
.dynamic-list-table-wrapper {
  overflow-x: auto;
  width: 100%;
  font-size: 15px;
  min-height: 75vh;
}
.dynamic-list-table-wrapper > table {
  min-width: max-content !important;
  width: 100%;
}
.dynamic-list-table-wrapper > table th,
.dynamic-list-table-wrapper > table td {
  height: 65px;
  position: relative;
  vertical-align: middle;
  line-height: 130%;
}
.dynamic-list-table-wrapper > table th.sticky-col-last,
.dynamic-list-table-wrapper > table td.sticky-col-last {
  position: sticky;
  right: 0;
  background: #fff;
  box-shadow: -4px 0 8px -2px rgba(0,0,0,0.08);
  z-index: 10;
}
.dynamic-list-table-wrapper > table th.sticky-col-last .dynamic-list-action-menu .dynamic-list-action-menu-dropdown,
.dynamic-list-table-wrapper > table td.sticky-col-last .dynamic-list-action-menu .dynamic-list-action-menu-dropdown {
  right: 45px;
  margin-top: -20px;
}
.dynamic-list-table-wrapper > table th.sticky-col-last .dynamic-list-action-menu.open .dynamic-list-action-menu-trigger,
.dynamic-list-table-wrapper > table td.sticky-col-last .dynamic-list-action-menu.open .dynamic-list-action-menu-trigger {
  transform: rotate(90deg);
}
.dynamic-list-table-wrapper > table th.sticky-col-first,
.dynamic-list-table-wrapper > table td.sticky-col-first {
  position: sticky;
  left: 0;
  background: #fff;
  box-shadow: 4px 0 8px -2px rgba(0,0,0,0.08);
  z-index: 11;
}
.dynamic-list-table-wrapper > table th.selection,
.dynamic-list-table-wrapper > table td.selection {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
}
.dynamic-list-table-wrapper > table th.selection input[type="checkbox"],
.dynamic-list-table-wrapper > table td.selection input[type="checkbox"] {
  padding: 0;
}
.dynamic-list-table-wrapper > table th.selection input[type="checkbox"] + label,
.dynamic-list-table-wrapper > table td.selection input[type="checkbox"] + label {
  padding: 0;
  cursor: pointer;
}
.dynamic-list-table-wrapper > table th.selection input[type="checkbox"] + label:before,
.dynamic-list-table-wrapper > table td.selection input[type="checkbox"] + label:before {
  position: relative;
  letter-spacing: 0;
  color: #dddddd;
}
.dynamic-list-table-wrapper > table th.selection input[type="checkbox"]:checked + label:before,
.dynamic-list-table-wrapper > table td.selection input[type="checkbox"]:checked + label:before {
  color: #67ab4f;
}
.dynamic-list-table-wrapper > table thead th {
  padding: 15px;
  height: 50px;
  color: #000000;
}
@media (max-width: 767px) {
  .dynamic-list-table-wrapper > table thead th {
    padding: 0;
  }
}
.dynamic-list-table-wrapper > table thead th.sticky-col-last,
.dynamic-list-table-wrapper > table thead th.sticky-col-first {
  z-index: 2;
}
.dynamic-list-table-wrapper > table thead th.sort button {
  background: transparent;
  border: 0;
  padding: 0;
}
.dynamic-list-table-wrapper > table thead th.w-60 {
  width: 60px;
}
.dynamic-list-table-wrapper > table tbody tr:hover td {
  background-color: #fbfbfb;
}
.dynamic-list-table-wrapper > table tbody td {
  padding: 0;
  border-top: 1px solid #eeeeee;
  transition: background-color 0.3s ease;
}
@media (max-width: 767px) {
  .dynamic-list-table-wrapper > table tbody td:before {
    position: absolute;
    top: 6px;
    left: 10px;
    content: attr(data-th);
    border-top: 0px none;
    color: #222;
    cursor: pointer;
    font-size: medium;
  }
}
.dynamic-list-table-wrapper > table tbody td.td-default {
  padding: 0;
  height: 100%;
}
.dynamic-list-table-wrapper > table tbody td.td-default > a,
.dynamic-list-table-wrapper > table tbody td.td-default > button,
.dynamic-list-table-wrapper > table tbody td.td-default > span {
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
}
.dynamic-list-table-wrapper > table tbody td.td-default > a:not(.noflex),
.dynamic-list-table-wrapper > table tbody td.td-default > button:not(.noflex),
.dynamic-list-table-wrapper > table tbody td.td-default > span:not(.noflex) {
  display: flex;
  align-items: center;
}
.dynamic-list-table-wrapper > table tbody td.td-default > a:not(.nodefaultpadding),
.dynamic-list-table-wrapper > table tbody td.td-default > button:not(.nodefaultpadding),
.dynamic-list-table-wrapper > table tbody td.td-default > span:not(.nodefaultpadding) {
  padding: 15px;
}
@media (max-width: 767px) {
  .dynamic-list-table-wrapper > table tbody td.td-default > a:not(.nodefaultpadding),
  .dynamic-list-table-wrapper > table tbody td.td-default > button:not(.nodefaultpadding),
  .dynamic-list-table-wrapper > table tbody td.td-default > span:not(.nodefaultpadding) {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .dynamic-list-table-wrapper > table tbody td.td-default > a,
  .dynamic-list-table-wrapper > table tbody td.td-default > button,
  .dynamic-list-table-wrapper > table tbody td.td-default > span {
    padding: 0;
  }
}
.dynamic-list-table-wrapper > table tbody td.limited > * {
  max-width: 120px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dynamic-list-table-wrapper > table tbody td.limited > *.longer {
  max-width: 250px;
}
.dynamic-list-table-wrapper > table tbody td .tile {
  position: relative;
  display: inline-block;
  height: 45px;
  width: 45px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.dynamic-list-table-wrapper > table tbody td .tile.buyer {
  background-image: url("../img/buyer_icon.png");
}
.dynamic-list-table-wrapper > table tbody td .tile.buyer-seller {
  background-image: url("../img/buyer_seller_icon.png");
}
.dynamic-list-table-wrapper > table tbody td .tile.seller {
  background-image: url("../img/seller_icon.png");
}
.dynamic-list-table-wrapper > table tbody td .tile.seller-buyer {
  background-image: url("../img/seller_buyer_icon.png");
}
.dynamic-list-table-wrapper > table tbody td .tile.partner {
  background-image: url("../img/partner_icon.png");
}
.dynamic-list-table-wrapper > table tbody td .tile.partner-buyer {
  background-image: url("../img/partner_buyer_icon.png");
}
.dynamic-list-table-wrapper > table tbody td .tile.partner-seller {
  background-image: url("../img/partner_seller_icon.png");
}
.dynamic-list-table-wrapper > table tbody td .tile.partner-buyer-seller {
  background-image: url("../img/partner_buyer_seller_icon.png");
}
.dynamic-list-table-wrapper > table tbody td .tile.tenant {
  background-image: url("../img/tenant_icon.png");
}
.dynamic-list-table-wrapper > table tbody td .tile.item-list-none {
  background-image: url("../img/icon_property_type_none_150x150.png");
}
.dynamic-list-table-wrapper > table tbody td .tile.item-list-5 {
  background-image: url("../img/icon_property_type_5_150x150.png");
}
.dynamic-list-table-wrapper > table tbody td .tile.item-list-6 {
  background-image: url("../img/icon_property_type_6_150x150.png");
}
.dynamic-list-table-wrapper > table tbody td .tile.item-list-7 {
  background-image: url("../img/icon_property_type_7_150x150.png");
}
.dynamic-list-table-wrapper > table tbody td .tile.item-list-8 {
  background-image: url("../img/icon_property_type_8_150x150.png");
}
.dynamic-list-table-wrapper > table tbody td .tile.item-list-9 {
  background-image: url("../img/icon_property_type_9_150x150.png");
}
.dynamic-list-table-wrapper > table tbody td .tile.item-list-10 {
  background-image: url("../img/icon_property_type_10_150x150.png");
}
.dynamic-list-table-wrapper > table tbody td .tile.item-list-181 {
  background-image: url("../img/icon_property_type_181_150x150.png");
}
.dynamic-list-table-wrapper > table tbody td .tile.project-list-default {
  background-image: url("../img/icon_property_type_6_150x150.png");
}
.dynamic-list-table-wrapper > table tbody td .tile.private-offer-icon {
  background-image: url("../img/private_offer_icon.png");
}
.dynamic-list-table-wrapper > table tbody td .icon-as-html {
  padding-left: 15px;
}
.dynamic-list-table-wrapper > table tbody td .agents-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.dynamic-list-table-wrapper > table tbody td .agents-list .agent {
  position: relative;
}
.dynamic-list-table-wrapper > table tbody td .agents-list .agent + .agent {
  margin-left: -15px;
}
.dynamic-list-table-wrapper > table tbody td .agents-list .agent:nth-child(1) {
  z-index: 10;
}
.dynamic-list-table-wrapper > table tbody td .agents-list .agent:nth-child(2) {
  z-index: 9;
}
.dynamic-list-table-wrapper > table tbody td .agents-list .agent:nth-child(3) {
  z-index: 8;
}
.dynamic-list-table-wrapper > table tbody td .agents-list .agent:nth-child(4) {
  z-index: 7;
}
.dynamic-list-table-wrapper > table tbody td .agents-list .agent:nth-child(5) {
  z-index: 6;
}
.dynamic-list-table-wrapper > table tbody td .agents-list .agent:nth-child(6) {
  z-index: 5;
}
.dynamic-list-table-wrapper > table tbody td .agents-list .agent:nth-child(7) {
  z-index: 4;
}
.dynamic-list-table-wrapper > table tbody td .agents-list .agent:nth-child(8) {
  z-index: 3;
}
.dynamic-list-table-wrapper > table tbody td .agents-list .agent:nth-child(9) {
  z-index: 2;
}
.dynamic-list-table-wrapper > table tbody td .agents-list .agent:nth-child(10) {
  z-index: 1;
}
.dynamic-list-table-wrapper > table tbody td .agents-list img,
.dynamic-list-table-wrapper > table tbody td .agents-list span {
  display: block;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  max-width: none !important;
  text-align: center;
  line-height: 37px;
}
.dynamic-list-table-wrapper > table tbody td .agents-list span {
  border: 1px solid #AAAAAA;
  background-color: #FFFFFF;
}
.dynamic-list-table-wrapper > table tbody td .limited-text {
  max-width: 120px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .dynamic-list-table-wrapper > table tbody td .limited-text {
    max-width: none;
  }
}
.dynamic-list-table-wrapper > table tbody td .notes-short {
  font-size: 11px;
  display: block;
  font-style: italic;
  padding-left: 30px;
  line-height: 110%;
  margin-top: 5px;
}
@media (max-width: 1440px) {
  .dynamic-list-table-wrapper > table tbody td .notes-short {
    padding-left: 0;
  }
}
.dynamic-list-table-wrapper > table tbody td.actions {
  padding: 15px;
}
@media (max-width: 767px) {
  .dynamic-list-table-wrapper > table tbody td.actions {
    padding: 0;
  }
}
.dynamic-list-table-wrapper > table tbody td.actions ul {
  padding: 0;
  margin: 0;
}
.dynamic-list-table-wrapper > table tbody td.actions ul li {
  list-style-type: none;
}
.dynamic-list-table-wrapper > table tbody td.actions ul li button,
.dynamic-list-table-wrapper > table tbody td.actions ul li a {
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
}
.dynamic-list-table-wrapper > table tbody td.actions ul li button i,
.dynamic-list-table-wrapper > table tbody td.actions ul li a i {
  margin-left: 0;
}
.dynamic-list-table-wrapper > table tbody td.actions ul li button.exposed-btn-item,
.dynamic-list-table-wrapper > table tbody td.actions ul li a.exposed-btn-item {
  padding: 12px 14px;
  background-color: #29abe2;
  color: #FFFFFF !important;
  border-radius: 3px;
}
.dynamic-list-table-wrapper > table tbody td.actions ul li button.exposed-btn-item i,
.dynamic-list-table-wrapper > table tbody td.actions ul li a.exposed-btn-item i {
  margin: 0;
}
.dynamic-list-table-wrapper > table tbody td.actions ul.default {
  display: flex;
  justify-content: center;
  gap: 10px;
}
.dynamic-list-table-wrapper > table tbody td.actions ul.default li:not(:last-child) {
  margin-right: 5px;
}
.dynamic-list-table-wrapper > table tbody td .potential-customer-items-directive {
  padding: 15px;
}
@media (max-width: 767px) {
  .dynamic-list-table-wrapper > table tbody td .potential-customer-items-directive {
    padding: 0;
  }
}
.dynamic-list-table-wrapper > table tbody td .potential-customer-items-directive .items-rows {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: flex-start;
}
.dynamic-list-table-wrapper > table tbody td .potential-customer-items-directive .items-rows a:hover {
  text-decoration: underline;
}
.dynamic-list-table-wrapper > table tbody td .customer-header-directive {
  padding: 15px;
}
@media (max-width: 767px) {
  .dynamic-list-table-wrapper > table tbody td .customer-header-directive {
    padding: 0;
  }
}
.dynamic-list-table-wrapper > table tbody td .additional-data-directive {
  position: relative;
}
.dynamic-list-table-wrapper > table tbody td .additional-data-directive > button {
  color: #A8A8A8;
}
.dynamic-list-table-wrapper > table tbody td .additional-data-directive-content {
  position: absolute;
  color: #FFFFFF;
  min-width: 300px;
  z-index: 100;
  max-height: 300px;
  overflow-y: auto;
  padding: 5px 0;
}
.dynamic-list-table-wrapper > table tbody td .additional-data-directive-content > div {
  padding: 10px 15px;
}
.dynamic-list-table-wrapper > table tbody td .additional-data-directive-content > div:nth-child(even) {
  background-color: #312F37;
}
.dynamic-list-table-wrapper > table tbody td .additional-data-directive-content > div:nth-child(odd) {
  background-color: #3E3B44;
}
.dynamic-list-table-wrapper > table tbody td .additional-data-directive-content strong {
  display: block;
  width: 100%;
  margin-bottom: 5px;
}
.dynamic-list-table-wrapper > table tbody td .additional-data-directive-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.dynamic-list-table-wrapper > table tbody td .additional-data-directive-content ul li {
  margin: 0 0 5px 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.dynamic-list-table-wrapper > table tbody td .additional-data-directive-content ul li:last-child {
  margin-bottom: 0;
}
.dynamic-list-table-wrapper > table tbody td .additional-data-directive-content ul li i {
  font-size: 11px;
  color: #b7b7b7;
  line-height: 1;
}
.dynamic-list-table-wrapper > table tbody td .contact-directive {
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
@media (max-width: 767px) {
  .dynamic-list-table-wrapper > table tbody td .contact-directive {
    padding: 0;
  }
}
.dynamic-list-table-wrapper > table tbody td .contact-directive a[href^="mailto:"] {
  text-decoration: underline;
}
.dynamic-list-table-wrapper > table tbody td .customer-tags-directive {
  padding: 15px;
}
@media (max-width: 767px) {
  .dynamic-list-table-wrapper > table tbody td .customer-tags-directive {
    padding: 0;
  }
}
.dynamic-list-table-wrapper > table tbody td .customer-tags-directive.tags {
  display: flex;
  float: none;
  flex-wrap: wrap;
  gap: 5px;
  max-width: 200px;
}
.dynamic-list-table-wrapper > table tbody td .customer-tags-directive.tags em {
  color: #FFFFFF;
  margin: 0;
}
.dynamic-list-table-wrapper > table tbody td .customer-tags-directive.tags em > span,
.dynamic-list-table-wrapper > table tbody td .customer-tags-directive.tags em > a {
  margin: 0;
  border-radius: 10px;
  background-color: #333;
}
.dynamic-list-table-wrapper > table tbody td .flow-directive {
  padding: 15px;
  min-width: 150px;
}
@media (max-width: 767px) {
  .dynamic-list-table-wrapper > table tbody td .flow-directive {
    padding: 0;
  }
}
.dynamic-list-table-wrapper > table tbody td .agent-directive {
  padding: 15px;
}
@media (max-width: 767px) {
  .dynamic-list-table-wrapper > table tbody td .agent-directive {
    padding: 0;
  }
}
.dynamic-list-table-wrapper > table tbody td .item-header-directive {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding: 15px;
  max-width: 35vw;
}
@media (max-width: 767px) {
  .dynamic-list-table-wrapper > table tbody td .item-header-directive {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .dynamic-list-table-wrapper > table tbody td .item-header-directive {
    max-width: none;
  }
}
.dynamic-list-table-wrapper > table tbody td .item-header-directive .status-name-box {
  position: relative;
  padding-left: 25px;
}
.dynamic-list-table-wrapper > table tbody td .item-header-directive .status-name-box i.icon.circle {
  position: absolute !important;
  left: 0;
  top: -2px;
}
.dynamic-list-table-wrapper > table tbody td .item-header-directive .seller-data {
  margin-top: 10px;
  font-size: 13px;
  line-height: 150%;
}
.dynamic-list-table-wrapper > table tbody td .item-header-private-offer-directive {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding: 15px;
}
@media (max-width: 767px) {
  .dynamic-list-table-wrapper > table tbody td .item-header-private-offer-directive {
    padding: 0;
  }
}
.dynamic-list-table-wrapper > table tbody td .item-header-private-offer-directive .last-edited {
  font-size: 11px;
}
.dynamic-list-table-wrapper > table tbody td .project-header-directive {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding: 15px;
}
@media (max-width: 767px) {
  .dynamic-list-table-wrapper > table tbody td .project-header-directive {
    padding: 0;
  }
}
.dynamic-list-table-wrapper > table tbody td .project-header-directive .tile {
  margin-right: 5px;
}
.dynamic-list-table-wrapper > table tbody td .project-header-directive i.icon {
  margin: 0;
}
.dynamic-list-table-wrapper > table tbody td .opportunities-directive a {
  display: inline-block;
  padding: 3px;
}
.dynamic-list-table-wrapper > table tbody td .opportunities-directive a.yes {
  background-color: #67ab4f;
  color: #FFFFFF !important;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  min-width: 25px;
}
.dynamic-list-table-wrapper > table tbody td .customer-buyer-directive {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 15px;
}
@media (max-width: 767px) {
  .dynamic-list-table-wrapper > table tbody td .customer-buyer-directive {
    padding: 0;
  }
}
.dynamic-list-table-wrapper > table tbody td .customer-buyer-directive.bg-color-orange {
  background-color: #fff2e7;
}
@media (max-width: 767px) {
  .dynamic-list-table-wrapper > table tbody td .customer-buyer-directive.bg-color-orange {
    padding: 5px;
  }
}
.dynamic-list-table-wrapper > table tbody td .customer-buyer-directive.bg-color-red {
  background-color: #ffffff;
}
@media (max-width: 767px) {
  .dynamic-list-table-wrapper > table tbody td .customer-buyer-directive.bg-color-red {
    padding: 5px;
  }
}
.dynamic-list-table-wrapper > table tbody td .customer-buyer-directive.bg-color-green {
  background-color: #deedd9;
}
@media (max-width: 767px) {
  .dynamic-list-table-wrapper > table tbody td .customer-buyer-directive.bg-color-green {
    padding: 5px;
  }
}
.dynamic-list-table-wrapper > table tbody td .customer-buyer-directive.opacity-30 {
  opacity: 0.3;
  transition: opacity 0.3s ease;
}
.dynamic-list-table-wrapper > table tbody td .customer-buyer-directive.opacity-30:hover {
  opacity: 1;
}
.dynamic-list-table-wrapper > table tbody td .customer-buyer-directive-content {
  display: flex;
  align-items: center;
  gap: 5px;
}
.dynamic-list-table-wrapper > table tbody td .customer-buyer-directive > div {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.dynamic-list-table-wrapper > table tbody td .customer-buyer-directive > div .rates {
  float: none;
  min-width: auto;
  margin-top: 0;
}
.dynamic-list-table-wrapper > table tbody td .customer-buyer-directive > div .rates label {
  margin-bottom: 0;
}
.dynamic-list-table-wrapper > table tbody td .customer-buyer-directive > div .rates > input[type=radio] + label:before {
  font-size: 10px;
  letter-spacing: 2px;
}
.dynamic-list-table-wrapper > table.tall-td tbody td {
  height: 120px;
}
.dynamic-list-table-wrapper > table.tall-td tbody td .tile {
  height: 100px;
  width: 100px;
}
.form.body .notification {
  font-style: normal;
  background-color: #f39c12;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
  display: block;
  color: #FFFFFF;
  margin-bottom: 15px;
  font-size: 12px;
}
.form.body .notification-box {
  margin-bottom: 10px;
}
.form.body .notification-box:not(.cols) {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .form.body .notification-box:not(.cols) {
    display: block;
  }
}
.form.body .notification-box label {
  margin-bottom: 0;
}
.form.body .notification-box textarea {
  margin-top: 10px;
  min-height: 80px;
}
.form.body .notification-box.checkboxes {
  margin-top: 5px;
}
.form.body .notification-box.checkboxes > strong {
  display: block;
  min-width: 50px;
}
.form.body .notification-box.checkboxes > *:not(:last-child) {
  margin-right: 10px;
}
@media (max-width: 767px) {
  .form.body .notification-box > span {
    margin: 5px 0 10px 0;
    display: block;
  }
}
.form.body .notification-box .dropdown-button {
  min-width: 100px;
  margin: 0 10px;
}
@media (max-width: 767px) {
  .form.body .notification-box .dropdown-button {
    margin: 0;
  }
}
.form.body .notification-box .dropdown-button button {
  min-height: 35px;
}
.form.body .error-recipients {
  display: block;
  border: 1px dashed #f39c12;
  color: #f39c12;
  padding: 10px;
  margin: 0;
}
.form.body .error-recipients li {
  list-style-type: none;
  padding: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.form.body .error-recipients li:not(:last-child) {
  margin-bottom: 5px;
}
.form.body .error-recipients li i {
  margin-right: 5px;
}
.form.body .error-recipients li .btn-default {
  font-size: 11px;
  padding: 1px 5px;
  margin-left: 5px;
}
.form.body .error-recipients li.submit {
  margin-top: 10px;
}
.form.body .callout {
  padding: 5px 30px 5px 15px;
  display: flex;
  margin-top: 10px;
  align-items: center;
}
.form.body .callout .btn {
  margin-left: 5px;
  padding: 3px 12px;
}
.form.body .files-canvas .grid-documents {
  display: grid;
  grid-template-columns: 48% 48%;
  gap: 4%;
}
@media (max-width: 1400px) {
  .form.body .files-canvas .grid-documents {
    grid-template-columns: 100%;
  }
}
.form.body .files-canvas .grid-documents .document-box img.l {
  position: relative;
  width: 15px;
}
.reminder-tags {
  width: 100%;
  margin-bottom: 25px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
}
.reminder-tags em > span {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.reminder-tags div.status {
  display: block;
  width: 10px;
  min-width: 10px;
  height: 10px;
  min-height: 10px;
  margin-right: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.reminder-tags div.status.error {
  background: #f56954;
}
.reminder-tags div.status.queued {
  background: white;
}
.reminder-tags div.status.processed {
  background: #FF851B;
}
.reminder-tags div.status.sent {
  background: yellow;
}
.reminder-tags div.status.delivered {
  background: #67ab4f;
}
.reminder-tags img {
  width: 14px;
  margin-right: 5px;
}
.reminder-tags div.status,
.reminder-tags img {
  position: relative;
  top: 4px;
}
.overdue-reminders {
  position: fixed;
  z-index: 11000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.8);
  color: #666;
  font-weight: normal;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.overdue-reminders .align {
  position: relative;
  min-height: 100px;
  width: 630px;
  padding: 20px;
  background-color: #FFFFFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.overdue-reminders .align header h2 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  color: #000000;
  font-size: 20px;
}
.overdue-reminders .align header .crm-locked-text {
  color: #000000;
  font-weight: 600;
}
.overdue-reminders .align main {
  min-height: 0;
  max-height: 80vh;
  overflow: auto;
}
.overdue-reminders .align main .timeline .time-label a {
  margin-left: 5px;
}
.overdue-reminders .align main .timeline:first-child {
  margin-top: 15px;
}
.key-customers-widget {
  display: inline-block;
  padding: 2px 5px;
  margin: 0;
  background: #f8f9fa;
  border: 1px solid #c5c5c5;
  border-radius: 4px;
  font-size: 13px;
  vertical-align: middle;
  min-height: 42px;
  min-width: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .key-customers-widget {
    margin-top: 10px;
    width: 100%;
  }
}
.key-customers-widget.owned-by-me {
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.key-customers-widget.owned-by-other {
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.key-customers-widget__loader {
  display: flex;
  align-items: center;
  margin: 0;
  width: 20px;
  height: 20px;
}
.key-customers-widget__content {
  width: 100%;
}
.key-customers-widget__content-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
}
@media (max-width: 768px) {
  .key-customers-widget__content-container {
    justify-content: space-between;
    width: 100%;
  }
}
.key-customers-widget__stats {
  font-size: 11px;
}
.key-customers-widget__stats .key-customers-widget__label {
  margin-right: 4px;
  color: #6c757d;
}
.key-customers-widget__stats strong {
  color: #212529;
}
.key-customers-widget__status {
  color: #495057;
}
.key-customers-widget__status i.fa {
  margin-right: 4px;
}
.key-customers-widget__status-till {
  font-size: 11px;
  color: #6c757d;
}
.key-customers-widget__actions {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.key-customers-widget__actions button {
  border: 0;
  background: none;
}
.key-customers-widget__actions-loader {
  margin: 0;
  width: 20px;
  height: 20px;
}
.key-customers-widget__action-loader {
  width: 18px;
  height: 18px;
}
.btn-vio {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 13px;
  display: inline-flex;
  justify-content: center;
  transition: 0.2s ease-in-out;
  position: relative;
  background-color: #E83479;
  border-color: #E83479;
}
.btn-vio:hover {
  background-color: #D83875;
  border-color: #D83875;
  color: #FFFFFF;
}
.btn-vio img {
  margin-right: 10px;
  position: relative;
  top: -3px;
}
.vio {
  font-size: 16px;
  color: #333333;
  font-family: 'Montserrat', sans-serif;
  min-height: calc(100vh - 51px);
}
.vio .sm-block {
  display: none !important;
}
@media (max-width: 767px) {
  .vio .sm-block {
    display: block !important;
  }
}
.vio.white-bg {
  background-color: #FFFFFF;
}
.vio.home {
  height: calc(100vh - 51px);
}
.vio.home .btn-wrapper {
  margin-bottom: 10px;
}
.vio h1,
.vio h2,
.vio h3,
.vio h4,
.vio h5 {
  font-family: 'Montserrat', sans-serif;
}
.vio h1 {
  margin: 0 0 30px 0;
  font-weight: bold;
  font-size: 36px;
}
.vio h2 {
  font-weight: 600;
  margin: 0 0 30px 0;
  font-size: 30px;
  color: #333333;
}
@media (max-width: 991px) {
  .vio .container {
    width: 100%;
  }
}
.vio .btn {
  font-size: 14px;
  font-weight: 500;
  height: 48px;
  padding: 13px;
  min-width: 250px;
  display: inline-flex;
  justify-content: center;
  transition: 0.2s ease-in-out;
  position: relative;
}
.vio .btn.btn-sm {
  padding: 5px 10px;
  height: auto;
}
.vio .btn.btn-outline {
  background-color: transparent;
  color: #E83479;
}
.vio .btn.btn-outline:hover {
  background-color: transparent;
}
.vio .btn i {
  padding: 0 5px;
}
.vio .btn span {
  margin-right: 10px;
  float: left;
  transform: translateY(-1px);
}
.vio .btn.btn-narrow {
  min-width: 100px;
}
.vio .btn.btn-wide {
  min-width: 300px;
}
@media (max-width: 420px) {
  .vio .btn.btn-wide {
    min-width: unset;
    width: 100%;
  }
}
.vio .btn .loader {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  width: 24px;
  height: 24px;
}
.vio .btn-primary {
  background-color: #E83479;
  border-color: #E83479;
}
.vio .btn-primary:hover {
  background-color: #D83875;
  border-color: #D83875;
}
.vio .btn-secondary {
  background-color: #333333;
  border-color: #333333;
  color: #FFFFFF;
}
.vio .btn-secondary:hover {
  color: #FFFFFF;
}
.vio .btn-terciary {
  background-color: #EEEEEE;
  border-color: #EEEEEE;
  color: #333333;
}
.vio .btn-link {
  font-size: 14px;
  color: #333333;
  padding: 0 12px;
  line-height: 48px;
}
.vio .btn-link:hover {
  color: #333333;
}
.vio .btn-link i {
  margin-right: 10px;
}
.vio .btn-link i img {
  transform: translateY(-1px);
}
.vio .btn-reset {
  padding: 0;
  line-height: 130%;
}
.vio .form-group {
  margin-bottom: 24px;
}
.vio .form-group label {
  display: flex;
  width: 100%;
  font-size: 14px;
  font-weight: 700;
}
.vio .form-group label.checkbox-label,
.vio .form-group label.radio-label {
  font-weight: normal;
}
.vio .form-group label i {
  line-height: 1.4;
}
.vio .form-group input[type=radio],
.vio .form-group input[type=checkbox] {
  display: block;
}
.vio .form-group p {
  font-size: 13px;
}
.vio .form-group .error-msg {
  font-size: 12px;
  color: #f56954;
  margin-top: px;
}
.vio .form-control {
  border: 1px solid #DDDDDD;
  height: 50px;
  padding: 14px 20px;
  box-shadow: none;
  border-radius: 5px !important;
  box-shadow: none !important;
}
.vio .form-control.invalid {
  border-color: #f56954;
}
.vio .form-control:focus {
  border-color: #29ABE2;
}
.vio .form-control::placeholder {
  color: #AAAAAA;
}
.vio .form-control.icon {
  padding-right: 50px;
}
.vio label {
  cursor: pointer;
}
.vio label i {
  line-height: 1.4;
  margin-left: 10px;
}
@media (min-width: 992px) {
  .vio .ml-0 {
    margin-left: 0;
    width: 100%;
  }
}
.vio .text-right {
  text-align: right;
}
.vio .success {
  color: #55D9C2;
}
.vio .danger {
  color: #E83479;
}
@media (min-width: 1200px) {
  .vio .text-lg-right {
    text-align: center;
  }
}
@media (max-width: 1024px) {
  .vio .md-center {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .vio .md-center > * {
    width: 100%;
  }
}
.vio .wrapper {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 30px 0 30px 100px;
  min-height: calc(50vh);
  background: url(../img/module/vio/bg.svg) no-repeat right top / cover;
  position: relative;
}
@media (max-width: 1200px) {
  .vio .wrapper {
    padding-left: 20px;
  }
}
@media (max-width: 991px) {
  .vio .wrapper {
    padding-left: 10px;
    padding-right: 10px;
    align-items: flex-start;
  }
}
@media (max-width: 1024px) {
  .vio .wrapper {
    height: auto;
  }
}
.vio .wrapper:before {
  content: "";
  position: absolute;
  width: 65%;
  background-color: #FFFFFF;
  height: 100%;
  top: 0;
  left: 0;
  clip-path: polygon(0 0,100% 0,80% 100%,0% 100%);
}
@media (max-width: 1200px) {
  .vio .wrapper:before {
    width: 75%;
  }
}
.vio .wrapper .container-fluid {
  width: 100%;
}
.vio .no-align-items {
  align-items: flex-start;
}
.vio .no-bg {
  background: none;
}
.vio .no-bg:before {
  display: none;
}
.vio .inner-wrapper {
  padding-top: 50px;
  max-width: 400px;
}
@media (max-width: 420px) {
  .vio .inner-wrapper {
    padding-top: 0;
  }
}
.vio .inner-wrapper p {
  margin-bottom: 30px;
}
.vio .vio-logo,
.vio .vio-icon {
  margin-bottom: 30px;
}
.vio .btn-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px 30px;
}
@media (max-width: 1024px) {
  .vio .btn-wrapper {
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
  }
}
.vio .btn-wrapper a,
.vio .btn-wrapper button {
  margin: 0 5px 10px;
}
@media (max-width: 575px) {
  .vio .btn-wrapper a,
  .vio .btn-wrapper button {
    width: 100%;
  }
}
.vio .btn-wrapper a.btn-link,
.vio .btn-wrapper button.btn-link.no-padding {
  padding: 0;
  line-height: 130%;
}
.vio .btn-wrapper .fa-question-circle {
  font-size: 18px;
  color: #E83479;
}
.vio .card {
  border-radius: 8px;
  overflow: hidden;
  width: 450px;
  box-shadow: 0px 3px 20px #00000029;
  background-color: #FFFFFF;
  display: inline-block;
}
@media (max-width: 1280px) {
  .vio .card {
    max-width: 400px;
  }
}
@media (max-width: 1024px) {
  .vio .card {
    margin-top: 30px;
  }
}
@media (max-width: 768px) {
  .vio .card {
    width: 100%;
    margin-bottom: 50px;
  }
}
@media (max-width: 575px) {
  .vio .card {
    display: block;
  }
}
.vio .card .card-header {
  padding: 24px;
  background-color: #333333;
  color: #FFFFFF;
  text-align: center;
}
.vio .card .card-header h2 {
  margin: 0 0 10px 0;
  font-weight: 500;
  color: inherit;
}
.vio .card .card-header p {
  margin-bottom: 0;
  color: inherit;
}
.vio .card .card-body {
  min-height: 280px;
  max-height: 400px;
  overflow: auto;
}
.vio .card .card-body table {
  width: 100%;
}
.vio .card .card-body table td {
  font-size: 14px;
  padding: 24px 0;
  border-bottom: 1px solid #EEEEEE;
  font-weight: 500;
  vertical-align: top;
}
.vio .card .card-body table td:first-child {
  color: #AAAAAA;
  font-weight: 400;
  width: 120px;
  padding: 24px 12px;
}
@media (max-width: 767px) {
  .vio .card .card-body table td:first-child {
    width: 80px;
  }
}
.vio .card .card-body table td:empty {
  padding: 0 !important;
}
.vio .card .card-body table td:last-child {
  padding: 24px 12px;
  width: 100px;
}
@media (max-width: 767px) {
  .vio .card .card-body table td:last-child {
    width: auto;
  }
}
.vio .card .card-body table td span {
  font-size: 10px;
}
.vio .card .card-body table td a {
  color: inherit;
}
.vio .card .card-body table td.no-result {
  padding-left: 25px !important;
}
.vio .card .card-body table tr:nth-child(2n+2) td {
  background-color: #f8f8f8;
}
.vio .card .card-footer {
  text-align: center;
  padding: 25px 0;
}
.vio .form-wrapper {
  max-width: 480px;
}
.vio .add-new {
  font-size: 14px;
  color: #29ABE2;
  margin-top: 5px;
  display: inline-block;
}
.vio .disclaimer {
  font-style: italic;
  margin-top: 9px;
  font-size: 0px;
}
.vio .inputs-wrapper {
  display: flex;
  align-items: center;
  margin: 0 -5px;
  position: relative;
}
@media (max-width: 575px) {
  .vio .inputs-wrapper {
    flex-wrap: wrap;
  }
}
.vio .inputs-wrapper input {
  margin: 0 5px;
  padding-left: 14px;
  padding-right: 14px;
}
@media (max-width: 575px) {
  .vio .inputs-wrapper input {
    width: calc(50% - 10px);
  }
}
.vio .inputs-wrapper span {
  display: inline-block;
  padding: 0 15px;
  font-size: 14px;
}
@media (max-width: 575px) {
  .vio .inputs-wrapper span {
    width: 100%;
    text-align: center;
    padding: 10px 0;
  }
}
.vio .inputs-wrapper .duration {
  right: 0;
  font-size: 14px;
  color: #55D9C2;
}
@media (min-width: 576px) {
  .vio .inputs-wrapper .duration {
    position: absolute;
    transform: translateX(100%);
  }
}
.vio .notification-box {
  position: fixed;
  right: 30px;
  bottom: -100px;
  transition: bottom .15s;
  color: #FFFFFF;
  background-color: #55D9C2;
  padding: 23px 53px;
  font-size: 14px;
  line-height: 18px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center;
  z-index: 100;
}
.vio .notification-box.visible {
  bottom: 15px;
}
@media (max-width: 767px) {
  .vio .notification-box {
    width: 90%;
    left: 0;
    right: 0;
    margin: auto;
  }
}
.vio .checkbox-wrapper {
  display: flex;
  align-items: center;
  padding-top: 10px;
}
.vio .checkbox-wrapper label {
  cursor: pointer;
}
.vio .checkbox-wrapper input[type="checkbox"] {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  border: 2px solid #AAAAAA;
  margin: 0;
  outline: none;
  border-radius: 2px;
  margin-right: 16px;
}
.vio .checkbox-wrapper input[type="checkbox"]:checked {
  border-color: #333333;
  background: url(../img/module/vio/icon/icon-check.svg) no-repeat center / 20px;
}
.vio .checkbox-label,
.vio .radio-label {
  font-weight: normal;
}
.vio .form-divider {
  padding-top: 16px;
  border-bottom: 1px solid #EEEEEE;
  margin-bottom: 24px;
}
.vio .content-collapse {
  display: none;
}
.vio .checkbox-collapse:checked + .content-collapse {
  display: block;
}
.vio .radio-wrapper {
  display: flex;
  align-items: center;
  padding-top: 10px;
}
.vio .radio-wrapper input[type="radio"] {
  -webkit-appearance: none;
  width: 20px;
  min-width: 20px;
  height: 20px;
  border: 2px solid #AAAAAA;
  margin: 0;
  outline: none;
  border-radius: 2px;
  margin-right: 10px;
  border-radius: 50%;
  position: relative;
}
.vio .radio-wrapper input[type="radio"]:checked {
  border-color: #333333;
}
.vio .radio-wrapper input[type="radio"]:checked:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #333333;
  position: absolute;
  left: 3px;
  top: 3px;
}
.vio .radio-wrapper input[type="radio"]:checked + span {
  font-weight: bold;
}
.vio .toggle-wrapper .switch {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 32px;
  margin-bottom: 0;
}
.vio .toggle-wrapper .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.vio .toggle-wrapper .switch input:checked + .slider {
  background-color: #55D9C2;
}
.vio .toggle-wrapper .switch input:checked + .slider:before {
  transform: translateX(16px);
}
.vio .toggle-wrapper .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #DDDDDD;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 34px;
}
.vio .toggle-wrapper .slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 5px;
  bottom: 5px;
  background-color: #FFFFFF;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}
.vio .icon-box-wrapper {
  display: flex;
  margin-bottom: 30px;
}
.vio .icon-box-wrapper.condensed {
  margin-bottom: 10px;
  font-weight: normal;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.vio .box-icon {
  width: 40px;
}
.vio .box-icon i {
  margin-left: 0;
}
.vio .box-content {
  width: 100%;
  padding-right: 60px;
}
.vio .box-title {
  font-size: 14px;
  font-weight: bold;
}
.vio .box-desc {
  font-size: 13px;
}
.vio .box-desc:not(.default-text) {
  color: #AAAAAA;
}
.vio .submit-wrapper {
  display: flex;
  justify-content: flex-end;
}
.vio .side-col {
  padding-top: 190px;
}
@media (max-width: 1200px) {
  .vio .side-col {
    padding: 60px 0 0 0;
  }
}
@media (max-width: 575px) {
  .vio .side-col {
    text-align: center;
  }
}
.vio .side-col .btn i {
  line-height: 1.3;
  margin-right: 10px;
  padding: 0;
}
.vio .link {
  font-size: 14px;
  color: #AAAAAA;
  padding-top: 8px;
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.vio .header-wrapper {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 26px;
}
@media (max-width: 575px) {
  .vio .header-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}
.vio .header-wrapper h2 {
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .vio .header-wrapper h2 {
    margin-bottom: 30px;
  }
}
.vio .no-mw {
  max-width: unset;
}
.vio .body-wrapper .tabs {
  margin-bottom: 32px;
  height: auto;
  border: 0;
  border-bottom: 1px solid #DDDDDD;
  background-color: transparent;
  float: none;
}
.vio .btn-tab {
  -webkit-appearance: none;
  border: 0;
  background: none;
  font-size: 14px;
  font-weight: 600;
  padding: 14px 0;
  color: #AAAAAA;
  border-bottom: 2px solid transparent;
  outline: none !important;
}
.vio .btn-tab:hover,
.vio .btn-tab.active {
  color: #333333;
  border-color: #333333;
}
.vio .btn-tab + .btn-tab {
  margin-left: 32px;
}
.vio .search-inner {
  display: flex;
}
.vio .search-inner .form-control {
  padding: 10px 15px;
  height: 40px;
  width: 320px;
  max-width: 100%;
}
@media (max-width: 575px) {
  .vio .search-inner .form-control {
    width: 200px;
    padding-right: 40px;
  }
}
.vio .search-inner .btn-filter {
  margin-left: 8px;
  border: 1px solid #DDDDDD;
  background-color: #FFFFFF;
  min-width: 90px;
  padding: 10px 12px;
  height: 40px;
}
.vio .search-inner .btn-filter:hover {
  background-color: #DDDDDD;
}
.vio .vio-list {
  margin-top: 24px;
}
.vio .vio-list table.vio-list-table {
  width: 100%;
}
@media (max-width: 767px) {
  .vio .vio-list table.vio-list-table th {
    display: none !important;
  }
}
.vio .vio-list table.vio-list-table th,
.vio .vio-list table.vio-list-table td {
  font-size: 14px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  border-bottom: 1px solid #EEEEEE;
}
.vio .vio-list table.vio-list-table th:first-child,
.vio .vio-list table.vio-list-table td:first-child {
  padding-left: 0;
  width: 350px;
}
@media (max-width: 1200px) {
  .vio .vio-list table.vio-list-table th:first-child,
  .vio .vio-list table.vio-list-table td:first-child {
    width: 300px;
  }
}
.vio .vio-list table.vio-list-table th p,
.vio .vio-list table.vio-list-table td p {
  margin: 0;
}
.vio .vio-list table.vio-list-table td {
  position: relative;
}
.vio .vio-list table.vio-list-table td.no-result {
  border-bottom: 0;
  text-align: center;
}
.vio .vio-list table.vio-list-table td.no-result p {
  margin-bottom: 15px;
  font-style: italic;
}
@media (max-width: 768px) {
  .vio .vio-list table.vio-list-table tr.vio-tr td {
    padding-left: 0 !important;
    width: 100%;
    overflow: hidden;
    display: none;
  }
  .vio .vio-list table.vio-list-table tr.vio-tr td.is-visible {
    display: block;
  }
  .vio .vio-list table.vio-list-table tr.vio-tr td:not(:last-child) {
    padding-bottom: 5px;
  }
}
.vio .vio-list table.vio-list-table tr.vio-tr td.is-before-text:before {
  position: relative !important;
}
@media (max-width: 768px) {
  .vio .vio-list table.vio-list-table tr.vio-tr td.is-before-text:before {
    position: relative !important;
    width: 80%;
    left: 0;
    top: 0;
    content: attr(data-title);
    font-weight: 600;
    color: #E83479;
    padding-bottom: 10px;
    display: block;
  }
}
.vio .vio-box {
  display: flex;
  align-items: flex-start;
}
.vio .vio-box.align-center {
  align-items: center;
}
.vio .vio-box .vio-img {
  margin-right: 12px;
  min-width: 80px;
  text-align: center;
}
.vio .vio-box .vio-img img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.vio .vio-title,
.vio .vio-price {
  font-size: 15px;
  font-weight: 600;
  color: #333333;
}
.vio .vio-subtitle {
  font-size: 13px;
  color: #AAAAAA;
}
.vio .vio-duration {
  font-size: 11px;
  margin-top: 8px;
  color: #55D9C2;
}
.vio .toggle-action-menu {
  background: transparent;
  border: 0;
}
.vio .vio-actions {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}
@media (max-width: 768px) {
  .vio .vio-actions {
    padding-bottom: 10px;
  }
  .vio .vio-actions > a,
  .vio .vio-actions > button {
    display: none;
  }
}
.vio .vio-actions > *:not(:last-child) {
  margin-right: 5px;
}
.vio .vio-options {
  position: absolute;
  background-color: #f6f6f6;
  top: 0;
  right: 15px;
  height: 100%;
  width: 300px;
  align-items: center;
  justify-content: flex-end;
  z-index: 10;
  display: none;
}
.vio .vio-options.visible {
  display: flex;
}
@media (max-width: 768px) {
  .vio .vio-options {
    display: flex;
    position: relative;
    right: auto;
    left: 0;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    width: 100%;
  }
}
.vio .vio-options.past {
  right: 30px;
}
.vio .vio-options > *:not(.btn) {
  position: relative;
  background: transparent;
  border: 0;
}
.vio .vio-options > *:not(.btn):not(:last-child) {
  margin-right: 16px;
}
@media (min-width: 768px) {
  .vio .vio-options > *:not(.btn):before {
    content: attr(data-tooltip);
    color: #FFFFFF;
    display: block;
    background-color: #333;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    top: -35px;
    padding: 5px;
    line-height: 130%;
    font-size: 12px;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transition: opacity .3s;
  }
  .vio .vio-options > *:not(.btn):hover:before {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
.vio .comma-list a,
.vio .vio-subtitle a,
.vio .vio-price a {
  color: inherit;
}
.vio .comma-list a:hover,
.vio .vio-subtitle a:hover,
.vio .vio-price a:hover {
  text-decoration: underline;
}
.vio .comma-list {
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.vio .comma-list > *:not(:last-child):after {
  content: ", ";
  margin: 0 2px;
}
.vio .comma-list:hover {
  overflow: auto;
  max-width: none;
}
.vio .comma-list:hover span {
  display: block;
}
@media (max-width: 1200px) {
  .vio .table-scroll {
    overflow: auto;
  }
  .vio .table-scroll table {
    min-width: 1200px;
  }
}
.vio .table-scroll::-webkit-scrollbar {
  height: 5px;
}
.vio .table-scroll::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}
.vio .table-scroll::-webkit-scrollbar-thumb {
  background: #aaa;
  border-radius: 4px;
}
.vio .table-scroll::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.phone-overlay {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 11000;
  background-color: rgba(0,0,0,0.8);
}
.phone-overlay.visible {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.phone-overlay .phone-modal {
  width: 600px;
  height: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #FFFFFF;
}
@media (max-width: 600px) {
  .phone-overlay .phone-modal {
    width: 95%;
  }
}
.phone-overlay .phone-modal main {
  padding: 0 30px;
}
.phone-overlay .phone-modal main section {
  border-bottom: 1px solid #f5f5f5;
  padding: 20px 0;
}
@media (max-width: 600px) {
  .phone-overlay .phone-modal main {
    max-height: 85vh;
    overflow: auto;
  }
}
.call-status {
  position: relative;
  width: 100%;
  padding: 10px;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  color: #FFFFFF;
  font-size: 16px;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.call-status > * {
  margin-right: 10px;
}
.call-status a {
  color: inherit;
  text-decoration: none;
}
.call-status a:hover {
  text-decoration: underline;
}
.call-status .loading-dots {
  text-align: center;
  z-index: 5;
}
.call-status .loading-dots > span {
  display: inline;
  margin: 0 2.5px;
  position: relative;
  top: -6px;
  font-size: 24px;
  opacity: 0;
  animation: showHideDot 1.5s ease-in-out infinite;
}
.call-status .loading-dots > span:nth-child(1) {
  animation-delay: 0.2s;
}
.call-status .loading-dots > span:nth-child(2) {
  animation-delay: 0.4s;
}
.call-status .loading-dots > span:nth-child(3) {
  animation-delay: 0.6s;
}
.call-status .buttons {
  position: absolute;
  right: 5px;
  top: 10px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.call-status .buttons > * {
  font-size: 18px;
  color: #FFFFFF;
  background-color: transparent;
  border: 0;
  padding: 0;
}
.call-status .buttons > *:not(:last-child) {
  margin-right: 10px;
}
.call-status.RING,
.call-status.RING_INBOUND,
.call-status.RING_OUTBOUND {
  background-color: #3c8dbc;
}
.call-status.ANSWER {
  background-color: #67ab4f;
}
.call-status.BYE {
  background-color: #f39c12;
}
.call-status.NO_ANSWER,
.call-status.BUSY {
  background-color: #f56954;
}
.call-status.REDIRECTED {
  background-color: #FF851B;
}
.call-status.HOLD {
  background-color: #4d90b7;
}
.status-text.OUTBOUND {
  color: #4d90b7;
}
.status-text.ANSWERED {
  color: #67ab4f;
}
.status-text.REDIRECTED {
  color: #FF851B;
}
.status-text.NO_ANSWER,
.status-text.BUSY {
  color: #f56954;
}
.phone-calls {
  position: fixed;
  bottom: 0;
  right: 30px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  z-index: 11001;
  gap: 15px;
}
.phone-calls .call-status {
  width: auto;
}
.phone-calls > * {
  background-color: #29abe2;
  color: #FFFFFF;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  padding: 5px 15px;
  border: 0;
}
.phone-calls .fa {
  margin-left: 10px;
}
@keyframes showHideDot {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.phone-call section h2 {
  font-size: 14px;
  margin: 0 0 10px 0;
}
.phone-call section h2:not(:first-of-type) {
  margin-top: 30px;
}
.phone-call header {
  position: relative;
}
.phone-call header h1 {
  font-size: 18px;
  margin: 0 0 5px 0;
  font-weight: bold;
}
.phone-call header h1 a {
  text-decoration: none;
  color: inherit;
}
.phone-call header h1 a:hover {
  text-decoration: underline;
}
.phone-call header p {
  padding-left: 28px;
  margin: 0;
  font-weight: normal;
}
.phone-call header a {
  color: inherit;
  text-decoration: none;
}
.phone-call header a:hover {
  text-decoration: underline;
}
.phone-call header .form-group.inline {
  padding-left: 28px;
  margin-top: 10px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  width: 100%;
  position: relative;
}
.phone-call header .form-group.inline .form-items {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.phone-call header .form-group.inline .form-items input {
  width: 49%;
}
.phone-call header .form-group.inline button {
  width: 150px;
  height: 40px;
  margin-left: 1%;
}
@media (max-width: 600px) {
  .phone-call header .form-group.inline {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .phone-call header .form-group.inline .form-items {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 10px;
  }
  .phone-call header .form-group.inline .form-items input {
    width: 100%;
    margin-bottom: 10px;
  }
  .phone-call header .form-group.inline button {
    width: 100%;
  }
}
.phone-call header .tags {
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}
.phone-call header .tags em {
  font-style: normal;
  background-color: #f5f5f5;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 4px 10px;
  font-size: 11px;
  text-align: center;
  margin: 0;
  text-transform: lowercase;
}
.phone-call header .tags em.seller {
  background-color: #d4b707;
  color: #FFFFFF;
}
.phone-call header .tags em.buyer {
  background-color: #3b77e7;
  color: #FFFFFF;
}
.phone-call header .tags em:not(:last-child) {
  margin-right: 5px;
}
.phone-call .actions {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
@media (max-width: 600px) {
  .phone-call .actions {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.phone-call .actions .btn {
  min-width: 165px;
}
@media (max-width: 600px) {
  .phone-call .actions .btn {
    width: 100%;
  }
}
.phone-call .actions .btn:not(:last-child) {
  margin-right: 10px;
}
@media (max-width: 600px) {
  .phone-call .actions .btn:not(:last-child) {
    margin: 0 0 10px 0;
  }
}
.phone-call .actions .btn i {
  margin-right: 5px;
}
.phone-call .actions .group > *:not(:last-child) {
  margin-right: 10px;
}
.phone-call .activity textarea {
  width: 100%;
  height: 100px;
  border: 1px solid #dddddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 10px;
  font-family: inherit;
}
.phone-calls-history {
  position: fixed;
  right: 90px;
  top: 11px;
  z-index: 11000;
}
@media print {
  .phone-calls-history {
    display: none;
  }
}
.phone-calls-history > button {
  width: 25px;
  height: 25px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #FFFFFF;
  padding: 0;
  border: 0;
  font-size: 16px;
}
.phone-calls-history > button > i {
  color: #29abe2;
}
.phone-calls-history .list {
  position: absolute;
  display: none;
  font-size: 14px;
  -webkit-box-shadow: 0px 0px 19px -3px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 19px -3px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 19px -3px rgba(0,0,0,0.75);
  background-color: #FFFFFF;
  min-height: 50px;
  width: 250px;
  right: 5px;
  top: 30px;
}
.phone-calls-history .list.visible {
  display: block;
}
.phone-calls-history .list ul {
  padding: 0;
  margin: 0;
  padding: 7px 15px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  max-height: 300px;
  width: 100%;
  text-align: left;
  overflow: auto;
}
.phone-calls-history .list ul li {
  list-style-type: none;
  padding: 8px 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.phone-calls-history .list ul li > i {
  margin: 2px 5px 0 0;
}
.phone-calls-history .list ul li .data .status {
  margin-bottom: 4px;
}
.phone-calls-history .list ul li .data strong,
.phone-calls-history .list ul li .data time,
.phone-calls-history .list ul li .data a {
  display: block;
  width: 100%;
}
.phone-calls-history .list ul li .data .redirected {
  display: block;
  font-size: 11px;
  color: #666;
}
.phone-calls-history .list ul li .data .title {
  font-weight: bold;
  line-height: 110%;
  margin-bottom: 5px;
  color: inherit;
}
.phone-calls-history .list ul li .data a:hover {
  text-decoration: underline;
}
.phone-calls-history .list ul li .data time {
  font-size: 11px;
}
.phone-calls-history .list ul li .data:not(:last-child) {
  border-bottom: 1px solid #dddddd;
}
.gursapi-container.v1 {
  border: 1px solid #dddddd;
  border-bottom: 1px solid #eeeeee;
  padding: 15px 0;
}
.gursapi-container.v1 .gursapi-widget {
  padding: 15px;
}
.gursapi-widget-v2 h1,
.gursapi-downloader h1 {
  margin: 0 0 15px 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  border: 0;
  padding: 0;
  font-size: 24px;
}
.gursapi-widget-v2 {
  background-color: #27486c;
  padding: 40px 0 !important;
}
.gursapi-widget-v2.variation-hr {
  background-image: url("../img/oss-hr-bg.jpg");
  background-size: cover;
  background-position: bottom center;
}
.gursapi-widget-v2 .align-center {
  text-align: center;
}
.gursapi-widget-v2 .white-text {
  color: #FFFFFF;
}
.gursapi-widget-v2 h3 {
  margin: 0 0 10px 0;
  color: #333;
  font-size: 17px;
  font-weight: bold;
}
.gursapi-widget-v2 .example {
  font-size: 12px;
  margin: 5px 0;
}
.gursapi-widget-v2 .group {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.gursapi-widget-v2 .group input {
  width: 90%;
  margin-right: 10px;
}
.gursapi-widget-v2 .text {
  margin-bottom: 10px;
}
.gursapi-widget-v2 .customers-ac.with-button {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  background-color: #FFFFFF;
}
.gursapi-widget-v2 .customers-ac.with-button input[type=text] {
  width: 100%;
  height: 55px;
}
.gursapi-widget-v2 .customers-ac.with-button > i {
  font-size: 26px;
}
.gursapi-widget-v2 .customers-ac.with-button img {
  margin: 0 10px 0 0;
  width: 30px;
}
.gursapi-widget-v2 .customers-ac.with-button .btn {
  height: 55px;
  width: 55px;
  text-align: center;
  padding: 0;
  background-color: #27486c;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  transition: all 0.3s;
}
.gursapi-widget-v2 .customers-ac.with-button .btn.visible {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.gursapi-widget-v2 .customers-ac.with-button .btn i {
  line-height: 100%;
  color: #FFFFFF;
  float: none;
  font-size: 20px;
}
.gursapi-widget-v2 .customers-ac.with-button .btn:hover {
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
.gursapi-widget-v2 .input-group .dropdown-menu {
  width: 100%;
}
.gursapi-downloader {
  position: fixed;
  width: 400px;
  background-color: #FFFFFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  z-index: 1041;
  right: 15px;
  top: 66px;
  box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
  padding: 15px;
  border: 1px solid #eeeeee;
  display: none;
}
@media (max-width: 767px) {
  .gursapi-downloader {
    left: 0;
    right: 0;
    margin: auto;
    width: 95%;
    top: auto;
    bottom: 20px;
  }
}
.gursapi-downloader.visible {
  display: block;
}
.gursapi-downloader h2 {
  margin: 0px;
  font-size: 17px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.gursapi-downloader h2 button {
  border: 0;
  background: transparent;
  cursor: pointer;
}
.gursapi-downloader ul {
  margin: 0;
  padding: 0;
  max-height: 300px;
  overflow: auto;
}
.gursapi-downloader ul li {
  padding: 0;
  list-style-type: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  border-bottom: 1px solid #666;
  margin-top: 10px;
}
.gursapi-downloader ul li button {
  border: 0;
  padding: 0;
  background-color: transparent;
  margin-right: 5px;
}
.gursapi-downloader ul li.s10 {
  color: #FF851B;
  border-color: #FF851B;
}
.gursapi-downloader ul li.s50 {
  color: #67ab4f;
  border-color: #67ab4f;
}
.gursapi-downloader ul li.s90 {
  color: #f56954;
  border-color: #f56954;
}
.gursapi-downloader ul li a {
  color: inherit;
  text-decoration: underline;
}
.gursapi-downloader ul li div + span {
  width: 40%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
}
.gursapi-downloader .disclaimer {
  text-align: center;
  color: #FF851B;
  font-size: 13px;
  margin: 10px 0 0 0;
  display: block;
  width: 100%;
}
.gursapi-downloader .disclaimer i {
  margin-right: 5px;
}
.gursapi-modal-v2 {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.8);
  z-index: 1040;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.gursapi-modal-v2 .fa-toggle-on {
  color: #67ab4f;
}
.gursapi-modal-v2 .align {
  background-color: #FFFFFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 30px;
  width: 800px;
  max-height: 90vh;
  overflow: auto;
  position: relative;
  color: #666;
}
@media (max-width: 767px) {
  .gursapi-modal-v2 .align {
    max-height: 100vh;
    width: 100%;
  }
}
.gursapi-modal-v2 .align .close {
  position: absolute;
  font-size: 20px;
  right: 30px;
  top: 30px;
}
.gursapi-modal-v2 .align .gurs-filter {
  margin-top: 24px;
}
.gursapi-modal-v2 .align .gurs-filter .list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  gap: 10px;
}
@media (max-width: 767px) {
  .gursapi-modal-v2 .align .gurs-filter .list {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.gursapi-modal-v2 .align .gurs-filter .list .filter-box {
  width: 100%;
}
.gursapi-modal-v2 .align .gurs-filter .list .filter-box:not(:first-child) {
  margin-left: 5px;
}
@media (max-width: 767px) {
  .gursapi-modal-v2 .align .gurs-filter .list .filter-box:not(:first-child) {
    margin: 5px 0 0 0;
  }
}
.gursapi-modal-v2 .align .gurs-filter .list .filter-box select {
  width: 100%;
  border: 1px solid #dddddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  line-height: 40px;
  height: 40px;
  font-size: 16px;
  padding: 0 10px;
  text-overflow: ellipsis;
}
.gursapi-modal-v2 .align .gurs-filter .list .filter-box input[type="text"] {
  width: 100%;
  padding: 0 10px;
}
@media (max-width: 767px) {
  .gursapi-modal-v2 .align .gurs-filter .list .filter-box {
    max-width: none;
    width: 100%;
  }
}
.gursapi-modal-v2 .align .gurs-actions {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  margin: 10px 0;
}
.gursapi-modal-v2 .align .gurs-actions button {
  border: 0;
  cursor: pointer;
  background-color: transparent;
  font-size: 17px;
  margin-right: 10px;
}
.gursapi-modal-v2 .align .box.closed .box-body {
  display: none;
}
.gursapi-modal-v2 .align .box-title {
  padding: 15px;
  font-size: 17px;
  font-weight: bold;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  background-color: transparent;
  border: 0;
  box-shadow: none;
  width: 100%;
}
.gursapi-modal-v2 .align .box-body {
  padding: 0;
}
@media (min-width: 1024px) {
  .gursapi-modal-v2 .align .box-body > .row .data {
    padding-right: 30px;
  }
  .gursapi-modal-v2 .align .box-body > .row .actions {
    padding-left: 30px;
  }
}
.gursapi-modal-v2 .align .box-body .data ul {
  margin: 0;
  padding: 0 0 15px 0;
}
.gursapi-modal-v2 .align .box-body .data ul li {
  list-style-type: none;
  border-bottom: 1px solid #eeeeee;
  padding: 5px 0;
}
.gursapi-modal-v2 .align .box-body .data ul li .comma-separated:not(:last-child) {
  margin-right: 5px;
}
.gursapi-modal-v2 .align .box-body .data ul li .comma-separated:not(:last-child):after {
  content: ",";
}
.gursapi-modal-v2 .align .box-body .data ul li.possessors-list {
  margin-bottom: 20px;
}
.gursapi-modal-v2 .align .box-body .data ul li.possessors-list .possessors-list-item {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.gursapi-modal-v2 .align .box-body .data ul li.possessors-list .possessors-list-item .possessors-list-item-address {
  color: #b7b7b7;
  font-size: 12px;
}
.gursapi-modal-v2 .align .box-body .data .info {
  color: #67ab4f;
  display: block;
  width: 100%;
  margin-top: 10px;
  font-size: 13px;
}
.gursapi-modal-v2 .align .box-body .actions {
  margin-bottom: 15px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.gursapi-modal-v2 .align .box-body .actions section:not(:last-child) {
  margin-bottom: 25px;
}
.gursapi-modal-v2 .align .box-body .actions .group {
  display: grid;
  grid-template-columns: 50% 50%;
  gap: 5px;
}
.gursapi-modal-v2 .align .box-body .actions button,
.gursapi-modal-v2 .align .box-body .actions a {
  display: block;
  width: 100%;
  margin: auto !important;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gursapi-modal-v2 .align .box-body .actions button i,
.gursapi-modal-v2 .align .box-body .actions a i {
  margin-right: 5px;
}
.gursapi-modal-v2 .align .box-body .actions button.btn-disabled,
.gursapi-modal-v2 .align .box-body .actions a.btn-disabled {
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
}
.gursapi-modal-v2 .align .box-body .actions .disclaimer {
  color: #f56954;
  font-size: 11px;
  padding-top: 10px;
}
.gursapi-widget .example {
  font-size: 12px;
  margin: 5px 0;
}
.gursapi-widget .group {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.gursapi-widget .group input {
  width: 90%;
}
.gursapi-widget .text {
  margin-bottom: 10px;
}
.gursapi-widget .separator {
  text-align: center;
  padding-top: 10px;
}
@media (max-width: 767px) {
  .gursapi-widget .separator {
    padding: 5px 0 15px 0;
  }
}
.gursapi-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.8);
  z-index: 1040;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.gursapi-modal .align {
  background-color: #FFFFFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 600px;
  max-height: 90vh;
  overflow: auto;
  position: relative;
  color: #666;
}
@media (max-width: 767px) {
  .gursapi-modal .align {
    max-height: 100vh;
    width: 100%;
  }
}
.gursapi-modal .align header {
  position: sticky;
  top: 0;
  background-color: #FFFFFF;
  z-index: 10;
  padding: 30px 30px 15px 30px;
}
.gursapi-modal .align header .close {
  position: absolute;
  font-size: 20px;
  right: 30px;
  top: 30px;
}
.gursapi-modal .align header h3 {
  margin: 0;
}
.gursapi-modal .align .list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  padding: 0 30px 30px 30px;
}
.gursapi-modal .align .list .item {
  width: 48%;
  border: 1px solid #eeeeee;
  padding: 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 15px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (max-width: 767px) {
  .gursapi-modal .align .list .item {
    width: 100%;
  }
}
.gursapi-modal .align .list .item ul {
  margin: 0;
  padding: 0 0 15px 0;
}
.gursapi-modal .align .list .item ul li {
  list-style-type: none;
  border-bottom: 1px solid #eeeeee;
  padding: 5px 0;
}
.gursapi-modal .align .list .item ul li .comma-separated:not(:last-child) {
  margin-right: 5px;
}
.gursapi-modal .align .list .item ul li .comma-separated:not(:last-child):after {
  content: ",";
}
.gursapi-modal .align .list .item .info {
  color: #67ab4f;
  display: block;
  width: 100%;
  margin-top: 10px;
  font-size: 13px;
}
.gursapi-modal .align .list .item button {
  display: block;
  width: 100%;
}
.gursapi-modal .align .list .item button:not(:last-of-type) {
  margin-bottom: 10px;
}
@media (max-width: 991px) {
  .content-box.full-width-box {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 991px) {
  body .header .logo {
    width: auto;
    padding: 0 15px;
  }
}
@media (max-width: 991px) {
  body .header .navbar {
    margin-left: 45px !important;
  }
}
body .reminder .week {
  margin-top: 20px;
}
.list-layout .top .list-actions {
  flex-wrap: wrap;
}
.list-layout .top .list-actions > * {
  margin-bottom: 10px;
}
.list-layout .top .list-actions > .input-group.prepend-icon i.fa-calendar {
  left: 50%;
  transform: translateX(-50px);
  top: 14px;
}
.list-layout .top .list-actions > .dropdown-button > .btn i {
  margin-left: 5px;
}
@media (max-width: 767px) {
  .opportunities .top .options .option {
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .opportunities .top .agent-dropdown {
    width: 100% !important;
  }
}
.opportunities .top .agent-dropdown span {
  padding: 10px 20px;
}
@media (max-width: 991px) {
  .opportunities .body .day h2 {
    margin: 0 0 15px 0;
  }
}
@media (max-width: 991px) {
  body table:not(.no-default-responsive):not(.block-responsive):not(.ui-datepicker-calendar) tr td {
    padding: 15px !important;
  }
}
@media (max-width: 991px) {
  body table:not(.no-default-responsive):not(.block-responsive):not(.ui-datepicker-calendar) tr td:before {
    position: static !important;
    display: block;
    margin-bottom: 5px;
  }
}
@media (max-width: 991px) {
  body table:not(.no-default-responsive):not(.block-responsive):not(.ui-datepicker-calendar) tr td.name a > span {
    height: auto;
  }
}
@media (max-width: 991px) {
  .form-list table.table td i.fa {
    margin-left: 0;
    margin-right: 5px;
    padding: 5px;
    font-size: 10px;
    top: 0;
  }
}
@media (max-width: 991px) {
  .form-list table.table td.action i.fa {
    padding: 8px;
    font-size: 20px;
  }
}
.form-list table.item-list td .list-tags span i {
  margin-left: 0;
}
@media (max-width: 991px) {
  .content.form-list .top .toggleSearch {
    display: block;
    width: 100%;
  }
}
@media (max-width: 575px) {
  .content.form-list .top .normal-search {
    margin-top: 5px;
  }
}
@media (max-width: 991px) {
  .form-list .top .btn.btn-success {
    margin-right: 0 !important;
    float: none;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .form-list .top > .agent-dropdown {
    clear: both;
    float: left !important;
    margin-top: 5px;
    display: block;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .form-list .top .right-side {
    float: left;
    width: 100%;
    margin-top: 10px;
  }
}
.form-list .body.form > div > .row {
  padding: 15px;
}
@media (max-width: 991px) {
  .form-list .body.form .name {
    margin: 0 0 25px;
  }
}
@media (max-width: 991px) {
  .form-list .body.form .col-md-10,
  .form-list .body.form .col-md-12,
  .form-list .body.form .col-md-9,
  .form-list .body.form .col-md-8,
  .form-list .body.form .col-md-7,
  .form-list .body.form .col-md-6,
  .form-list .body.form .col-md-5,
  .form-list .body.form .col-md-4,
  .form-list .body.form .col-md-3,
  .form-list .body.form .col-md-2 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 991px) {
  .form-list .table:not(.table-opportunities-list) td.name {
    margin-left: 0 !important;
  }
}
@media (max-width: 991px) {
  .form-list .table:not(.table-opportunities-list) td.name .crop,
  .form-list .table:not(.table-opportunities-list) td.name .icon:not(.circle) {
    position: static;
    margin-left: 0 !important;
  }
}
.form-list .table:not(.table-opportunities-list) td.selection {
  text-align: right;
}
.form-list .table:not(.table-opportunities-list) td.selection input[type="checkbox"] + label {
  padding: 10px;
}
@media (max-width: 991px) {
  .form-list .table:not(.table-opportunities-list) td.item-list td.name .status-name-box {
    padding-left: 20px;
  }
}
@media (max-width: 991px) {
  .form-list .table-opportunities-list td.name .crop,
  .form-list .table-opportunities-list td.name .icon:not(.circle) {
    left: 15px;
  }
}
@media (max-width: 991px) {
  .form-list .table-customers-all td.name .crop,
  .form-list .table-customers-all td.name .icon:not(.circle) {
    position: absolute;
    margin-left: 15px !important;
  }
}
@media (max-width: 991px) {
  .form-list .table-customers-all .icon.circle {
    margin-right: 0 !important;
  }
}
@media (max-width: 991px) {
  .form-list .table-customers-all .list-tags {
    width: 47px;
  }
}
@media (max-width: 991px) {
  .form-list table td:before {
    font-size: 14px !important;
    color: #888 !important;
  }
}
@media (max-width: 991px) {
  .form-list table td .normal-text {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .form-list table.item-list td.name .status-name-box {
    margin-top: 10px;
    padding-left: 20px;
  }
}
@media (max-width: 991px) {
  .form-list table.item-list td.name .status-name-box i.icon.circle {
    left: -6px !important;
  }
}
.form-list table.item-list td.name .customer:empty {
  display: none;
}
@media (max-width: 991px) {
  .form-list table.item-list td .list-tags {
    bottom: auto;
    top: 73px;
    left: 13px;
  }
}
@media (max-width: 991px) {
  .form-list table.project-list td.name {
    padding-left: 80px !important;
  }
}
@media (max-width: 991px) {
  .form-list table.project-list td.name .crop {
    margin-left: 15px !important;
    position: absolute !important;
  }
}
@media (max-width: 991px) {
  .form-list table.project-list td.name i.circle {
    top: 5px;
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .form-list table.table td i.fa {
    padding: 2px;
  }
}
@media (max-width: 991px) {
  .list-tags {
    width: 80px;
  }
}
@media (max-width: 991px) {
  .input-group {
    margin-right: 0 !important;
    float: none;
    width: 100%;
  }
}
@media (max-width: 991px) {
  body table:not(.no-default-responsive):not(.block-responsive):not(.ui-datepicker-calendar):not(.item-list) tr td.name {
    padding-left: 65px !important;
  }
}
@media (max-width: 991px) {
  .pagination {
    padding: 0 15px;
  }
}
@media (max-width: 480px) {
  .estimated_values .box-center .body .option:first-of-type {
    margin-right: 0;
  }
}
@media (max-width: 480px) {
  .estimated_values .box-center {
    margin: 30px auto 0 auto;
  }
}
@media (max-width: 991px) {
  .overview .body article .card .user-id i.fa-user-circle {
    left: 15px;
  }
}
@media (max-width: 991px) {
  .overview .body article .card .user-id > div {
    padding-left: 90px;
  }
}
@media (max-width: 991px) {
  .overview .body article .card .user-id i.fa-user-circle {
    font-size: 80px;
  }
}
@media (max-width: 991px) {
  .overview .body article .card h1 {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .checkbox-view.inline {
    top: 2px;
  }
}
@media (max-width: 991px) {
  .overview .body article .card .owner,
  .overview .body article .card .notes {
    margin-top: 30px;
  }
}
@media (max-width: 991px) {
  .overview .bottom .btn {
    margin-right: 0;
    margin-left: 10px;
  }
}
@media (max-width: 991px) {
  .overview .timeline {
    margin-top: 30px;
  }
}
@media (max-width: 480px) {
  .tabs {
    float: none;
    margin-bottom: 0;
  }
}
@media (max-width: 480px) {
  .tabs li {
    margin-left: 0;
  }
}
@media (max-width: 991px) {
  .form-list table.table-content-list td i.fa {
    padding: 10px;
    margin: 10px 0 6px;
  }
}
@media (max-width: 991px) {
  .form-list table.table td i.fa {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .form-list .body.form .filters {
    padding: 0 15px 25px 15px;
  }
}
@media (max-width: 991px) {
  .footer-items-all {
    padding: 0 15px;
  }
}
@media (max-width: 991px) {
  .footer-items-all-button {
    padding: 0 15px;
  }
}
.agent-box {
  padding-left: 60px;
}
.form-list .table.ellipsis-td td.name .icon:not(.circle) {
  position: absolute;
}
@media (max-width: 767px) {
  .form-list .table.ellipsis-td td.name .icon:not(.circle) {
    left: 0;
    position: relative;
  }
}
@media (max-width: 767px) {
  .form-list .table.ellipsis-td td.name > div {
    display: flex;
    gap: 10px;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .overview .body article .img {
    margin: 0 0 15px 0;
  }
}
@media (max-width: 767px) {
  .overview .body article .list .row {
    padding: 10px 0;
  }
}
.row.list p:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  table.block-responsive.customer-list tr td.company {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  table.block-responsive.customer-list tr td.company i.icon {
    margin-right: 10px !important;
  }
}
@media (max-width: 767px) {
  table.block-responsive.customer-list tr td {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 991px) {
  .rates {
    display: flex;
    float: none;
  }
}
@media (max-width: 767px) {
  .overview .top .additional-actions {
    margin-bottom: 10px;
  }
}
.btn-outline {
  border: 1px solid #BFBFBF;
  background: transparent;
  box-shadow: none;
  color: #9592A0;
}
.btn-outline.black {
  color: #000000;
  border-color: #000000;
}
.btn:focus {
  outline: 0;
}
.docs.list {
  padding: 15px;
}
.docs.list .top {
  position: relative;
  z-index: 2;
}
.docs.list .top h1 {
  margin: 0 0 15px 0;
  font-size: 24px;
}
.docs.list .top .tools {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .docs.list .top .tools {
    display: block;
  }
}
.docs.list .top .tools .left {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  gap: 30px;
}
@media (max-width: 1650px) {
  .docs.list .top .tools .left {
    gap: 10px;
  }
}
@media (max-width: 991px) {
  .docs.list .top .tools .left {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media (max-width: 1650px) {
  .docs.list .top .list-actions {
    width: 470px;
  }
}
@media (max-width: 991px) {
  .docs.list .top .list-actions {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
  }
  .docs.list .top .list-actions > * {
    width: 100%;
  }
}
.docs.list .top .list-actions .btn {
  padding: 10px 20px;
}
.docs.list .top .list-actions > *:not(:last-child) {
  margin-right: 10px;
}
@media (max-width: 1650px) {
  .docs.list .top .filter {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .docs.list .top .filter {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    gap: 15px;
    margin-top: -25px;
  }
}
.docs.list .top .filter > label {
  margin-top: 35px;
  color: #000000;
}
@media (max-width: 991px) {
  .docs.list .top .filter > label {
    display: none;
  }
}
.docs.list .top .filter > .filter-toggler {
  display: none;
  padding: 10px 20px;
}
@media (max-width: 991px) {
  .docs.list .top .filter > .filter-toggler {
    display: block;
  }
}
.docs.list .top .filter form {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  gap: 15px;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
@media (max-width: 991px) {
  .docs.list .top .filter form {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
    margin-top: 15px;
  }
}
@media (max-width: 991px) {
  .docs.list .top .filter form.not-active {
    display: none;
  }
}
@media (max-width: 991px) {
  .docs.list .top .filter form .form-group {
    width: 100%;
    margin-bottom: 5px;
  }
}
.docs.list .top .filter form .form-group .btn,
.docs.list .top .filter form .form-group input[type="text"] {
  padding: 10px;
  border-color: #dddddd;
  height: auto;
}
@media (max-width: 991px) {
  .docs.list .top .filter form .form-group .btn,
  .docs.list .top .filter form .form-group input[type="text"] {
    width: 100%;
  }
}
.docs.list .top .filter form .form-group .btn > i {
  margin-left: 10px;
  color: #666;
}
.docs.list .top .filter form .form-group .suggestion-box .input-icon-wrapper + div {
  position: absolute;
  z-index: 3;
  max-height: 280px;
  overflow: auto;
  min-width: 300px;
  background-color: #FFFFFF;
  border: 1px solid #dddddd;
  padding: 10px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin-top: 15px;
}
.docs.list .top .filter form .form-group .suggestion-box .input-icon-wrapper + div > div {
  margin: 0;
  border: 0;
}
.docs.list .top .filter form .form-group .suggestion-box .input-icon-wrapper + div > div:not(:last-child) {
  border-bottom: 1px solid #dddddd;
}
@media (max-width: 1445px) {
  .docs.list .top .filter form .form-group .suggestion-box {
    max-width: 120px;
  }
}
@media (max-width: 991px) {
  .docs.list .top .filter form .form-group .suggestion-box {
    max-width: 100%;
  }
}
.docs.list .top .filter form .form-group .customer-quick-save {
  background-color: #FFFFFF;
}
.docs.list .top .filter form .form-group .customer-quick-save button i.fa {
  color: inherit;
}
.docs.list .top .filter form > button {
  margin-top: 8px;
  padding: 10px 20px;
  background-color: #29abe2;
  border: 0;
}
.docs.list .top .layout-toggler {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  margin-top: 10px;
}
@media (max-width: 991px) {
  .docs.list .top .layout-toggler {
    display: none;
  }
}
.docs.list .top .layout-toggler button {
  border: 0;
  background-color: transparent;
  cursor: pointer;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.docs.list .top .layout-toggler button:not(:last-child) {
  margin-right: 0px;
}
.docs.list .top .layout-toggler button.active {
  background-color: #29abe2;
  color: #FFFFFF;
}
.docs.list .tags {
  float: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .docs.list .tags {
    margin-top: 15px;
  }
}
.docs.list .body {
  position: relative;
  z-index: 0;
  background-color: #FFFFFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 100%;
  padding: 0;
  margin-top: 15px;
  color: #666;
  min-height: 83vh;
}
@media (max-width: 991px) {
  .docs.list .body {
    background-color: transparent;
  }
}
.docs.list .body.docs-list.grid {
  background-color: transparent;
}
@media (max-width: 991px) {
  .docs.list .body {
    background-color: transparent;
  }
}
.docs.list .body .no-result {
  padding: 15px;
}
.docs-list .table thead tr th:first-child {
  padding-left: 58px;
}
.docs-list .table thead th {
  color: #000000;
  padding: 15px 8px;
  border-bottom: 0;
}
.docs-list .table thead th.actions {
  width: 180px;
}
.docs-list .table tbody tr td:first-child {
  color: #000000;
  font-weight: bold;
}
.docs-list .table tbody tr td:first-child i.fa {
  margin: 0 20px 0 16px;
}
@media (min-width: 992px) {
  .docs-list .table tbody tr td.date {
    min-width: 120px;
  }
}
.docs-list .table tbody tr td.type {
  max-width: 250px;
}
.docs-list .table tbody tr td.type > div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.docs-list .table tbody tr td.title {
  max-width: 400px;
  text-wrap: wrap;
  overflow-wrap: break-word;
}
@media (max-width: 1700px) {
  .docs-list .table tbody tr td.title {
    max-width: 250px;
  }
}
.docs-list .table tbody tr td .sign-cnt {
  background-color: #FFFFFF;
  border: 1px solid #dddddd;
  padding: 2px 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
}
.docs-list .table tbody tr td .sign-cnt i {
  font-size: 12px;
}
.docs-list .table tbody tr td .sign-cnt:hover {
  background-color: #c5c5c5;
}
.docs-list .table tbody tr td .sign-cnt.signed {
  border-color: #67ab4f;
  color: #67ab4f;
}
.docs-list .table tbody tr td .sign-cnt.signed:hover {
  background-color: #67ab4f;
  color: #FFFFFF;
}
.docs-list .table tbody tr:last-child:not(:first-child) .more dd {
  bottom: 0;
  right: 16px;
}
.docs-list .table tbody td {
  color: #333;
  vertical-align: middle;
}
.docs-list .table tbody td a {
  color: inherit;
}
.docs-list .table .btn.toggler {
  background-color: #29abe2;
  border: 0;
  margin-bottom: 0;
}
.docs-list .table .btn.toggler .fa {
  font-size: 8px;
  margin: 6px 0 0 4px;
}
.docs-list .table .agents {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.docs-list .table .agents > div {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.docs-list .table .agents > div img + label,
.docs-list .table .agents > div span + label {
  margin: 0 0 0 10px;
}
.docs-list .table .agents > div + div {
  margin-left: -15px;
}
.docs-list .table .agents > div:nth-child(1) {
  z-index: 10;
}
.docs-list .table .agents > div:nth-child(2) {
  z-index: 9;
}
.docs-list .table .agents > div:nth-child(3) {
  z-index: 8;
}
.docs-list .table .agents > div:nth-child(4) {
  z-index: 7;
}
.docs-list .table .agents > div:nth-child(5) {
  z-index: 6;
}
.docs-list .table .agents > div:nth-child(6) {
  z-index: 5;
}
.docs-list .table .agents > div:nth-child(7) {
  z-index: 4;
}
.docs-list .table .agents > div:nth-child(8) {
  z-index: 3;
}
.docs-list .table .agents > div:nth-child(9) {
  z-index: 2;
}
.docs-list .table .agents > div:nth-child(10) {
  z-index: 1;
}
.docs-list .table .agents img,
.docs-list .table .agents span {
  display: block;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  max-width: none !important;
  text-align: center;
  line-height: 37px;
  color: #666;
}
.docs-list .table .agents span {
  border: 1px solid #AAAAAA;
  background-color: #FFFFFF;
}
.docs-list .table .action {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}
.docs-list .table .action .more {
  position: relative;
  display: inline-block;
  margin-bottom: 0;
}
.docs-list .table .action .more dt {
  width: 18px;
  cursor: pointer;
  text-align: center;
}
.docs-list .table .action .more dd {
  position: absolute;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1);
  border: 1px solid #dddddd;
  right: 0;
  display: none;
  z-index: 10;
  width: 150px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.docs-list .table .action .more dd > * {
  padding: 5px;
  margin: 0;
  text-align: left;
  font-size: inherit;
  display: block;
  width: 100%;
  text-wrap: wrap;
  overflow-wrap: break-word;
  background-color: transparent;
  border: 0;
}
.docs-list .table .action .more dd > *:not(:last-child) {
  border-bottom: 1px solid #dddddd;
}
.docs-list .table .action .more dd > *:hover {
  background: rgba(39,177,221,0.2);
}
.docs-list .table .action .more:hover dd {
  display: block;
}
.docs-list .table .action .fa {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.docs-list .table .action > div.left {
  display: none;
}
.docs-list .table .action > div.left i.fa {
  margin-left: 5px;
}
.docs-list .table .action > div.left .btn {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 9px 10px;
  min-width: 40px;
  min-height: 40px;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.docs-list .table .action > div.left .btn.btn-primary {
  border: 0;
  background-color: #29abe2;
}
.docs-list .table .action > div.right > button,
.docs-list .table .action > div.right > a,
.docs-list .table .action > div.right > dl {
  background-color: transparent;
  border: 0;
  margin: 0 0 0 25px !important;
  padding: 0;
  display: inline-block;
}
.docs-list .table .action > div.right > button:first-child,
.docs-list .table .action > div.right > a:first-child,
.docs-list .table .action > div.right > dl:first-child {
  margin-left: 0 !important;
}
.docs-list .table .action > div.right > button:last-child,
.docs-list .table .action > div.right > a:last-child,
.docs-list .table .action > div.right > dl:last-child {
  margin-left: 20px !important;
}
@media (max-width: 991px) {
  .docs-list .table tbody tr {
    margin-bottom: 16px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #dddddd;
    background-color: #FFFFFF;
    padding-top: 10px;
  }
  .docs-list .table tbody tr td {
    text-wrap: wrap;
    overflow-wrap: break-word;
    padding: 8px 15px !important;
    border: 0;
    min-height: 0;
  }
  .docs-list .table tbody tr td:first-child i.fa {
    margin: 0 15px 0 0;
  }
  .docs-list .table tbody tr td:last-child {
    border-top: 1px solid #dddddd;
    padding: 15px !important;
  }
  .docs-list .table tbody tr td.title {
    min-height: 60px;
    max-width: none;
  }
  .docs-list .table tbody tr td.date {
    color: #9592A0;
    font-size: 14px;
  }
  .docs-list .table tbody tr td.date:before {
    display: inline-block !important;
    color: inherit;
    font-size: inherit;
    margin-right: 5px;
  }
  .docs-list .table tbody tr td.list-only {
    display: none;
  }
  .docs-list .table tbody tr td .agents {
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
  }
  .docs-list .table tbody tr td .action {
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .docs-list .table tbody tr td .action > div.left {
    display: block;
  }
  .docs-list .table tbody tr:hover td {
    background-color: #FFFFFF;
  }
  .docs-list .table tbody tr:after {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .docs-list.grid {
    background-color: transparent;
  }
  .docs-list.grid .table {
    table-layout: fixed;
  }
  .docs-list.grid .table thead {
    display: none;
  }
  .docs-list.grid .table tbody tr {
    margin-bottom: 16px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #dddddd;
    background-color: #FFFFFF;
    padding-top: 10px;
  }
  .docs-list.grid .table tbody tr td {
    text-wrap: wrap;
    overflow-wrap: break-word;
    padding: 8px 15px !important;
    border: 0;
    min-height: 0;
  }
  .docs-list.grid .table tbody tr td:first-child i.fa {
    margin: 0 15px 0 0;
  }
  .docs-list.grid .table tbody tr td:last-child {
    border-top: 1px solid #dddddd;
    padding: 15px !important;
  }
  .docs-list.grid .table tbody tr td.title {
    min-height: 60px;
    max-width: none;
  }
  .docs-list.grid .table tbody tr td.date {
    color: #9592A0;
    font-size: 14px;
  }
  .docs-list.grid .table tbody tr td.date:before {
    display: inline-block !important;
    color: inherit;
    font-size: inherit;
    margin-right: 5px;
  }
  .docs-list.grid .table tbody tr td.list-only {
    display: none;
  }
  .docs-list.grid .table tbody tr td .agents {
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
  }
  .docs-list.grid .table tbody tr td .action {
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .docs-list.grid .table tbody tr td .action > div.left {
    display: block;
  }
  .docs-list.grid .table tbody tr:hover td {
    background-color: #FFFFFF;
  }
  .docs-list.grid .table tbody tr:after {
    display: none !important;
  }
  .docs-list.grid .table tbody {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
  }
  .docs-list.grid .table tbody tr {
    width: calc(25% - 12px);
    display: block;
    margin-bottom: 0;
  }
  .docs-list.grid .table tbody tr td {
    position: relative;
    display: block;
  }
}
.docs-modal {
  position: fixed;
  z-index: 11000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.8);
  color: #666;
  font-weight: normal;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.docs-modal .align {
  position: relative;
  min-height: 100px;
  width: 630px;
  padding: 20px 0;
  background-color: #FFFFFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
@media (max-width: 767px) {
  .docs-modal .align {
    width: 100%;
  }
}
.docs-modal .align > *:not(:last-child) {
  margin-bottom: 15px;
}
.docs-modal .align header,
.docs-modal .align footer,
.docs-modal .align main .section {
  padding: 0 30px;
}
@media (max-width: 767px) {
  .docs-modal .align header,
  .docs-modal .align footer,
  .docs-modal .align main .section {
    padding: 0 10px;
  }
}
.docs-modal .align .btn {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.docs-modal .align .btn .loader {
  margin: 0 5px 0 0;
  width: 15px;
}
.docs-modal .align header h2 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  color: #000000;
  font-size: 20px;
}
.docs-modal .align main {
  min-height: 0;
  max-height: 80vh;
  overflow: auto;
}
@media (max-height: 750px) {
  .docs-modal .align main {
    max-height: 60vh;
  }
}
.docs-modal .align main .steps {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.docs-modal .align main .steps .step {
  width: 100%;
  display: none;
}
.docs-modal .align main .steps .step.visible {
  display: block;
}
.docs-modal .align main .steps .step .actions {
  margin-top: 40px;
}
.docs-modal .align main .steps .step .actions h2,
.docs-modal .align main .steps .step .actions p {
  text-align: center;
  padding: 0 30px;
}
.docs-modal .align main .steps .step .actions h2 {
  margin: 0 0 16px 0;
  display: block;
  color: #67ab4f;
  font-size: 22px;
}
.docs-modal .align main .steps .step .actions .list {
  width: 100%;
  padding: 40px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  gap: 18px;
}
.docs-modal .align main .steps .step .actions .list button,
.docs-modal .align main .steps .step .actions .list a {
  width: calc(50% - 18px);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  padding: 10px;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .docs-modal .align main .steps .step .actions .list button,
  .docs-modal .align main .steps .step .actions .list a {
    width: 100%;
  }
}
.docs-modal .align main .steps .step .actions .list button i,
.docs-modal .align main .steps .step .actions .list a i {
  margin-right: 10px;
}
.docs-modal .align main .steps .loader-box {
  margin: 0 auto;
  position: relative;
  text-align: center;
}
.docs-modal .align main h2 {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 15px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.docs-modal .align main h2:not(:first-of-type) {
  margin-top: 30px;
}
.docs-modal .align main h2 span {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background-color: #333;
  color: #FFFFFF;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  margin-right: 15px;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  font-size: 11px;
}
.docs-modal .align main h2 i {
  font-size: 11px;
  padding-left: 10px;
}
.docs-modal .align main .section + .section {
  margin-top: 30px;
}
.docs-modal .align main .section .btn {
  float: none;
}
.docs-modal .align main .section .required.asterix {
  color: #f56954;
}
.docs-modal .align main .section .share {
  border: 1px dashed #dddddd;
  text-align: center;
  padding: 15px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  position: relative;
}
.docs-modal .align main .section .share a {
  word-break: break-all;
}
.docs-modal .align main .section .share a i {
  margin-right: 10px;
}
.docs-modal .align main .section .share button {
  background-color: transparent;
  border: 0;
  padding: 0;
  margin-left: 10px;
}
@media (max-width: 991px) {
  .docs-modal .align main .section .share button {
    position: absolute;
    bottom: 5px;
    right: 5px;
  }
}
.docs-modal .align main .section ul.urls-list {
  padding: 0;
}
.docs-modal .align main .section ul.urls-list li {
  padding: 8px;
  border-radius: 6px;
  border: 1px dashed #dddddd;
  list-style: none;
}
.docs-modal .align main .section ul.urls-list li:not(:last-child) {
  margin-bottom: 5px;
}
.docs-modal .align main .section ul.urls-list li strong {
  display: block;
}
.docs-modal .align main .section ul.urls-list li .url-box {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  gap: 5px;
}
.docs-modal .align main .section ul.urls-list li button {
  background-color: transparent;
  border: 0;
  padding: 0;
  margin-left: 5px;
}
.docs-modal .align main .item-box {
  width: 100%;
}
.docs-modal .align main .doc-source-box {
  display: flex;
  gap: 10px;
  align-items: center;
}
.docs-modal .align main .doc-source-box .upload-box {
  width: 30%;
}
.docs-modal .align main .doc-source-box .upload-box img.loader {
  width: 20px;
  height: 20px;
}
.docs-modal .align main .doc-source-box .upload-box .uploader .log,
.docs-modal .align main .doc-source-box .upload-box .uploader .stats {
  display: none;
}
.docs-modal .align main .doc-custom-box p {
  margin: 5px 0 0 0;
  display: flex;
  align-items: center;
  gap: 5px;
}
.docs-modal .align main .doc-custom-box i.status {
  margin-top: 5px;
  font-size: 12px;
}
.docs-modal .align main .doc-custom-box i.status.success {
  color: #67ab4f;
}
.docs-modal .align main .doc-custom-box i.status.warning {
  color: #FF851B;
}
.docs-modal .align main .doc-custom-box i.status.error {
  color: #f56954;
}
.docs-modal .align main .signatories-box {
  margin: 0 30px;
  padding: 15px;
  border: 1px solid #dddddd;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.docs-modal .align main .signatories-box:not(:last-child) {
  margin-bottom: 15px;
}
.docs-modal .align main .signatories-box h3 {
  font-weight: bold;
  display: block;
  width: 100%;
  font-size: 15px;
  margin: 0;
}
.docs-modal .align main .signatories-box h3 i.fa {
  margin-right: 5px;
}
.docs-modal .align main .signatories-box h3 i.fa.done {
  color: #67ab4f;
}
.docs-modal .align main .signatories-box h3 + p {
  margin: 5px 0 0 0;
}
.docs-modal .align main .signatories-box .actions {
  display: flex;
  gap: 10px;
  justify-content: flex-start;
}
.docs-modal .align main .signatories-box img {
  max-height: 50px;
}
.docs-modal .align main .uploader + .form {
  margin-top: 15px;
  display: grid;
  grid-template-columns: 48% 48%;
  gap: 4%;
  max-height: 400px;
  overflow: auto;
}
@media (max-width: 991px) {
  .docs-modal .align main .uploader + .form {
    grid-template-columns: 100%;
  }
}
.docs-modal .align main .uploader + .form .document-box .form-group img {
  width: 12px;
  height: 12px;
}
.docs-modal .align main .uploader + .form .document-box .form-group > i.fa {
  position: absolute;
  left: 0;
  top: 0;
  padding: 14px;
  font-size: 32px;
  color: #FFFFFF;
  background-color: #ddd;
}
.docs-modal .align main .uploader + .form .document-box .form-group > i.fa.fa-file-pdf-o {
  background-color: #ea4c3a;
}
.docs-modal .align main .uploader + .form .document-box .actions {
  margin-top: 0;
  display: flex;
  justify-content: space-between;
}
.docs-modal .align main .uploader + .form .document-box .actions label {
  display: flex;
  gap: 10px;
}
.docs-modal .align main .uploader + .form .document-box .actions label a {
  color: inherit;
  position: relative;
  top: 1px;
}
.docs-modal .align main .uploader + .form .document-box .actions label a:hover {
  color: #29abe2;
}
.docs-modal .align main .uploader + .form .document-box input:read-only {
  background-color: white;
  cursor: default;
}
.docs-modal .align main .validation-errors ul {
  padding-left: 18px;
  margin-bottom: 0;
}
.docs-modal .align main .form:not(:no-minh) {
  min-height: 150px;
}
.docs-modal .align main .form .dropdown-menu {
  max-width: 100%;
  text-wrap: wrap;
}
.docs-modal .align main .form .dropdown-menu > li {
  max-width: 100%;
  text-wrap: wrap;
}
.docs-modal .align main .form .dropdown-menu > li > a {
  width: 100%;
  display: block;
  text-wrap: wrap;
}
.docs-modal .align main .form .dropdown-menu > li.search {
  padding: 5px 15px;
  margin-bottom: 5px;
  float: left;
  margin: 0;
}
.docs-modal .align main .form .dropdown-menu > li.search input {
  margin: 0;
  width: 100%;
}
.docs-modal .align main .form-group.buttons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  margin-top: 10px;
}
.docs-modal .align main .form-group.buttons > *:not(:last-child) {
  margin-right: 10px;
}
.docs-modal .align main .form-group .dropdown-box button.btn {
  height: 40px;
}
.docs-modal .align main .form-group .inline-form-group .dropdown-box {
  width: 90px;
}
.docs-modal .align main .form-group textarea {
  min-height: 150px;
}
.docs-modal .align main .form-group-wrapper.isbg {
  background-color: #fafafa;
  padding: 15px;
  margin-bottom: 15px;
}
.docs-modal .align main .preview-box {
  background-color: #F5F5F5;
  border: 1px solid #E6E6E6;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  padding: 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.docs-modal .align main .preview-box > button,
.docs-modal .align main .preview-box > a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.docs-modal .align main .preview-box > button i,
.docs-modal .align main .preview-box > button img,
.docs-modal .align main .preview-box > a i,
.docs-modal .align main .preview-box > a img {
  margin-right: 10px;
}
.docs-modal .align main .docs-item {
  margin-bottom: 30px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.docs-modal .align main .docs-item header {
  padding: 0;
}
.docs-modal .align main .docs-item header .text-line-divider {
  text-align: center;
  position: relative;
  margin: 20px 0;
}
.docs-modal .align main .docs-item header .text-line-divider:before {
  position: absolute;
  left: 0;
  content: "";
  background-color: #dddddd;
  width: 100%;
  height: 1px;
  top: 10px;
  z-index: 0;
}
.docs-modal .align main .docs-item header .text-line-divider span {
  background-color: #fafafa;
  padding: 3px 10px;
  position: relative;
  z-index: 1;
  font-style: italic;
}
.docs-modal .align main .attachments {
  margin: 0;
  padding: 0;
}
.docs-modal .align main .attachments li {
  list-style-type: none;
  padding: 0;
}
.docs-modal .align main .attachments li i {
  margin-right: 10px;
}
.docs-modal .align main .signature-box .signature canvas {
  margin: 0 auto;
  cursor: pointer;
  border: 1px dashed #dddddd;
}
.docs-modal .align main .signature-box .buttons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  margin-top: 15px;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}
.docs-modal .align main .signature-box .buttons button:not(:last-child) {
  margin-right: 10px;
}
.docs-modal .align main .dropdown-box {
  width: 100%;
}
.docs-modal .align main .dropdown-box > button {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: space-between;
  box-shadow: none;
  height: 100%;
  align-items: center;
  border-color: #dddddd;
}
.docs-modal .align main .docs-list.grid .table {
  margin-bottom: 0;
}
.docs-modal .align main .docs-list.grid .table tbody tr {
  width: 100%;
  padding-top: 0;
}
.docs-modal .align footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  border-top: 1px solid #dddddd;
  margin: 0;
  padding-top: 20px;
}
.docs-modal .align footer .btn:not(:last-child) {
  margin-right: 10px;
}
.docs-modal .align footer > div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.docs-modal .align footer .loader {
  margin: 0;
}
.docs-modal .align footer .btn {
  padding: 6px 20px;
}
.docs-modal .align footer .btn.btn-primary {
  background-color: #29abe2;
}
.docs-modal .align footer .btn.btn-success.disabled {
  background-color: #b7b7b7;
  border: #dddddd;
}
.docs-modal .align.narrow-viewer {
  width: 570px;
  background-color: #F0F0F0;
  padding: 30px;
}
.docs-modal .align.narrow-viewer header,
.docs-modal .align.narrow-viewer footer,
.docs-modal .align.narrow-viewer main .section {
  padding: 0;
}
.docs-modal .align.narrow-viewer > .close {
  margin-bottom: 0;
  right: 30px;
}
.docs-modal .align.narrow-viewer main .section {
  padding: 0;
}
.docs-modal .align.narrow-viewer footer {
  border-top: 0;
  padding: 0;
}
.docs-modal .align main .form-customer-analysis section:not(:last-child) {
  margin-bottom: 30px;
}
.docs-modal .align main .form-customer-analysis section h2 {
  color: #000000;
  font-size: 18px;
  font-weight: bold;
}
.docs-modal .align main .form-customer-analysis section table {
  width: 100%;
}
.docs-modal .align main .form-customer-analysis section table:not(:last-child) {
  margin-bottom: 30px;
}
.docs-modal .align main .form-customer-analysis section table thead tr th p {
  font-weight: normal;
  font-style: italic;
  font-size: 12px;
}
.docs-modal .align main .form-customer-analysis section table tbody tr td {
  vertical-align: middle;
  padding: 3px 0;
}
.docs-modal .align main .form-customer-analysis section table tbody tr td:first-child {
  width: 40%;
  padding-right: 10px;
}
.docs-modal .align main .form-customer-analysis section table tbody tr td input[type="text"] {
  width: 100%;
  padding: 0 10px;
}
.docs-modal .align main .form-customer-analysis section table tbody tr td.valign {
  vertical-align: top;
}
.docs-modal .align main .form-customer-analysis section table tbody tr td.field-desc {
  font-size: 12px;
  padding-top: 10px;
  line-height: 130%;
}
.docs-modal .align main .form-customer-analysis section table tbody tr td.oneliner {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 10px;
}
.docs-modal .align main .form-customer-analysis section .cb-group h3 {
  font-size: 14px;
  font-weight: bold;
  color: #666;
  line-height: 150%;
}
.docs-modal .align main .form-customer-analysis section .cb-group label {
  cursor: pointer;
  line-height: 150%;
  margin-left: 20px;
  min-height: 20px;
}
.docs-modal .align main .form-customer-analysis section .cb-group label:not(:last-child) {
  margin-bottom: 10px;
}
.docs-modal .align main .form-customer-analysis section .cb-group label:before {
  font-size: 20px;
  left: -8px;
  top: 2px;
}
.docs-modal .align main .form-customer-analysis section .cb-group label:not(:last-child) {
  margin-bottom: 5px;
}
.docs-modal .align main .form-customer-analysis section .sum {
  border: 1px solid #dddddd;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.docs-modal .align main .form-customer-analysis section .sum > div {
  width: 50%;
  text-align: center;
  padding: 15px 0;
}
.docs-modal .align main .form-customer-analysis section .sum > div:first-child {
  border-right: 1px solid #dddddd;
}
.docs-modal .align main .form-customer-analysis section .sum > div > strong {
  display: block;
  margin-top: 5px;
  font-size: 34px;
  font-weight: bold;
  line-height: 100%;
}
.docs-modal .align main .form-customer-analysis section .assessment {
  text-align: center;
  margin-top: 20px;
}
.docs-modal .align main .form-customer-analysis section .assessment > div {
  margin-top: 10px;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.docs-modal .align main .form-customer-analysis section .assessment.align-left {
  text-align: left;
}
.docs-modal .align main .form-customer-analysis section .assessment.align-left > div {
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.docs-modal .align main .form-customer-analysis section .assessment .radio-button-list label {
  display: flex;
}
.docs-modal .align main .form-customer-analysis section .radio-button-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  gap: 15px;
}
.docs-modal .align main .form-customer-analysis section .radio-button-list label {
  cursor: pointer;
}
@media print {
  html {
    padding-top: 0;
  }
  body {
    padding-top: 15px;
  }
  .loader-box {
    display: none;
  }
}
@media print {
  .marketing.overview {
    padding-top: 0;
  }
}
.marketing .print-only {
  display: none;
  margin-bottom: 30px;
}
.marketing .print-only:not(.no-margin-top) {
  margin-top: 15px;
}
@media print {
  .marketing .print-only:not(.no-margin-top) {
    margin-top: 0;
  }
}
@media print {
  .marketing .print-only {
    display: block;
  }
}
.marketing .print-only h2 {
  margin: 30px 0 10px 0;
  text-align: center;
}
@media print {
  .marketing .print-only h2 {
    margin-top: 40px;
  }
}
.marketing .print-only p {
  line-height: 130%;
}
.marketing .display-only {
  display: block;
}
@media print {
  .marketing .display-only {
    display: none;
  }
}
@media print {
  .marketing .body {
    padding: 0;
    margin-top: 0;
  }
}
.marketing .loader-box {
  text-align: center;
  margin: 30px 0;
  width: 100%;
}
.marketing .loader-box img {
  margin-bottom: 5px;
}
.marketing .agent-cart {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  border: 1px solid #dddddd;
  padding: 10px;
}
.marketing .agent-cart > * {
  width: 50%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  gap: 30px;
}
.marketing .agent-cart > * img {
  height: 100px;
}
.marketing .agent-cart > * p {
  margin-bottom: 0;
  line-height: 130%;
}
.marketing .agent-cart > * p.title {
  color: #000000;
  margin-bottom: 15px;
}
.marketing .agent-cart .ounit {
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.marketing .agent-cart .ounit img {
  max-width: 90px !important;
  height: auto !important;
}
.marketing .stats {
  padding: 15px 15px;
}
@media print {
  .marketing .stats {
    padding: 0;
  }
}
.marketing .stats > h3 {
  margin: 15px 0 30px 0;
  font-size: 24px;
  color: #333;
}
@media print {
  .marketing .stats > h3 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    display: none;
  }
}
@media print {
  .marketing .stats > h3:first-of-type {
    margin-top: 0;
  }
}
.marketing .stats > h3:not(:first-of-type) {
  margin-top: 60px;
}
@media print {
  .marketing .stats > h3:not(:first-of-type) {
    margin-top: 20px;
  }
}
.marketing .stats .small-box {
  margin-bottom: 0;
}
@media print {
  .marketing .stats .small-box {
    background-color: transparent !important;
    text-align: center;
  }
  .marketing .stats .small-box p {
    margin: 0;
  }
}
.marketing .stats .small-box:hover {
  color: inherit;
}
@media print {
  .marketing .stats .table:not(.no-default-responsive):not(.block-responsive):not(.ui-datepicker-calendar) {
    margin-top: 30px;
  }
}
@media print {
  .marketing .stats .table:not(.no-default-responsive):not(.block-responsive):not(.ui-datepicker-calendar) tr td:last-child,
  .marketing .stats .table:not(.no-default-responsive):not(.block-responsive):not(.ui-datepicker-calendar) tr th:last-child {
    display: none;
  }
}
@media print {
  .marketing .stats .table:not(.no-default-responsive):not(.block-responsive):not(.ui-datepicker-calendar) tr td,
  .marketing .stats .table:not(.no-default-responsive):not(.block-responsive):not(.ui-datepicker-calendar) tr th {
    padding: 5px !important;
  }
}
.marketing .stats .table:not(.no-default-responsive):not(.block-responsive):not(.ui-datepicker-calendar) td {
  position: relative;
}
.marketing .stats .table:not(.no-default-responsive):not(.block-responsive):not(.ui-datepicker-calendar) td input[type="text"] {
  border: 1px solid #dddddd;
  width: 60px;
  text-align: center;
}
.marketing .stats .table:not(.no-default-responsive):not(.block-responsive):not(.ui-datepicker-calendar) td input[type="text"].long {
  width: 100%;
  text-align: left;
}
.marketing .stats .table:not(.no-default-responsive):not(.block-responsive):not(.ui-datepicker-calendar) td.title i {
  display: block;
  font-size: 11px;
  font-style: normal;
}
.marketing .stats .table:not(.no-default-responsive):not(.block-responsive):not(.ui-datepicker-calendar) td .graph {
  display: block;
  position: absolute;
  bottom: 0;
  height: 5px;
  width: 0;
  transition: width .3s ease-in-out;
}
.marketing .stats .table:not(.no-default-responsive):not(.block-responsive):not(.ui-datepicker-calendar) td.action {
  text-align: right;
}
.marketing .stats .table:not(.no-default-responsive):not(.block-responsive):not(.ui-datepicker-calendar) td.action button {
  background-color: transparent;
  border: 0;
  cursor: pointer;
}
@media print {
  .marketing .stats form .form-group {
    margin: 0;
  }
  .marketing .stats form textarea,
  .marketing .stats form input {
    border: 0;
    resize: none;
    padding: 0;
    height: auto;
  }
}
.feeds .body {
  position: relative;
}
.feeds .body .notification-text {
  text-align: center;
  padding: 15px;
  margin: 0;
}
.feeds .body .notification-text i.fa {
  margin-right: 5px;
}
.feeds .body table {
  position: relative;
}
.feeds .body table.w-auto {
  width: fit-content;
}
.feeds .body table thead tr th.form .form-group {
  margin-bottom: 0;
}
.feeds .body table thead tr th.form .form-group + .form-group {
  margin-top: 5px;
}
.feeds .body table thead tr th.form input[type="text"] {
  padding: 0 10px;
  width: 100%;
}
.feeds .body table thead tr th .portal-name {
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 20px;
}
.feeds .body table tr.error td {
  background-color: #f5f5f5;
}
.feeds .body table tr td:first-child,
.feeds .body table tr th:first-child {
  width: 250px;
}
@media (max-width: 991px) {
  .feeds .body table tr td:first-child,
  .feeds .body table tr th:first-child {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .feeds .body table tr td.text-center,
  .feeds .body table tr td.text-right,
  .feeds .body table tr th.text-center,
  .feeds .body table tr th.text-right {
    text-align: left;
  }
}
@media (max-width: 991px) {
  .feeds .body table tr td.mobile-hide,
  .feeds .body table tr th.mobile-hide {
    display: none;
  }
}
.feeds .body table tr td.text-error,
.feeds .body table tr th.text-error {
  color: #DC4242 !important;
}
.feeds .body table tr td.text-success,
.feeds .body table tr th.text-success {
  color: #27BE54 !important;
}
.feeds .body table tr td .btn:not(.btn-text) {
  border: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding: 10px 15px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  color: #FFFFFF;
}
.feeds .body table tr td .btn:not(.btn-text) .fa:first-child {
  margin-right: 6px;
}
.feeds .body table tr td form {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.feeds .body table tr td form > *:not(:last-child) {
  margin-right: 5px;
}
.feeds .body table tr td form input[type="text"] {
  padding: 0 10px;
}
.feeds .body table tr td form .btn .loader {
  height: 15px;
  margin: 0;
  padding: 0;
}
.feeds .body table tr td .form-group {
  margin: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  gap: 16px;
}
.feeds .body table tr td .form-group .error-msg {
  color: #F86767 !important;
  border: 1px solid #F86767;
  background-color: #FFF2F2;
  padding: 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.feeds .body table tr td .form-group .error-msg i {
  margin-right: 5px;
}
.feeds .body table tr td .link-box {
  border: 1px solid #eeeeee;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 10px 12px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  color: #666;
  max-width: 600px;
  width: 100%;
}
@media (max-width: 991px) {
  .feeds .body table tr td .link-box {
    max-width: none;
  }
  .feeds .body table tr td .link-box a {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .feeds .body table tr td .link-box button {
    margin-top: 10px;
  }
}
.feeds .body table tr td .link-box img.loader {
  width: 20px;
  margin: 0;
}
.feeds .body table tr td .link-box button:not(.btn-delete) {
  color: #29abe2;
}
.feeds .body table tr td .link-box button:not(.btn-delete) i {
  margin-right: 8px;
}
.feeds .body table tr td .link-box button.btn-delete {
  color: #f56954;
  display: none;
  padding: 0;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
}
.feeds .body table tr td .link-box button.btn-delete i {
  margin-left: 0;
  top: 0;
}
.feeds .body table tr td .link-box button.btn-delete:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.feeds .body table tr td .link-box:hover {
  color: #333;
}
.feeds .body table tr td .link-box:hover .btn-delete {
  display: block;
}
.feeds .body table tr td .sync-status {
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .feeds .body table tr td .sync-status {
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
  }
}
.feeds .body table tr td .sync-status.error button {
  font-weight: bold;
  color: #FFFFFF;
  background-color: #DC4242;
}
.feeds .body table tr td .sync-status.error button .fa:last-child {
  font-size: 8px;
  margin: 0 0 0 6px;
  top: 0;
}
.feeds .body table tr td.actions .btn {
  color: #FFFFFF !important;
  display: inline-block;
}
.feeds .body table tr td.item > a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  gap: 15px;
}
.feeds .body table tr td.item > a img {
  width: 100px;
  height: 100px;
}
.feeds .body table tr td.item > a > div {
  width: calc(100% - 115px);
}
.feeds .body table tr td.item > a > div p {
  margin-bottom: 5px;
  line-height: 130%;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.feeds .body table tr td.item > a > div p:last-child {
  margin-bottom: 0;
}
.feeds .body table tr td.publish-status {
  text-align: center;
  width: 117px;
}
.feeds .body table tr td.publish-status.published {
  background-color: #e5fbe5;
}
.feeds .body table tr td.publish-status.notpublished {
  background-color: #ffffcc;
}
.feeds .body table tr td.publish-status input[type="checkbox"] + label {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  aspect-ratio: 1;
}
.feeds .body table tr td.publish-status input[type="checkbox"] + label:before {
  left: auto;
  width: 15px;
}
.feeds .body table tr td.publish-status:hover.published {
  background-color: #cff8cf;
}
.feeds .body table tr td.publish-status:hover.notpublished {
  background-color: #ffeb3b;
}
.feeds .body table tr td.publish-status:hover:not(.published) {
  background-color: #f5f5f5;
}
.feeds .body table tr td .flags {
  position: absolute;
  bottom: 15px;
  right: 15px;
  font-size: 12px;
}
.feeds .body table.items {
  position: relative;
  table-layout: fixed;
}
.feeds .body table.items tr td.headcol,
.feeds .body table.items tr th.headcol {
  width: 450px;
  left: 0;
  top: auto;
  margin-top: -1px;
  border-right: 1px solid black;
}
@media (max-width: 991px) {
  .feeds .body table.items tr td.headcol,
  .feeds .body table.items tr th.headcol {
    width: 100%;
    border-right: 0;
  }
}
.feeds .body table.items thead th {
  overflow: hidden;
}
.feeds .body table.items thead th .bulk-check {
  position: absolute;
  bottom: -20px;
  width: 100%;
  text-align: center;
  left: 0;
  background-color: #fafafa;
  font-size: 12px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  transition: bottom .3s ease-in-out;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}
.feeds .body table.items thead th .bulk-check label {
  margin-bottom: 0;
}
.feeds .body table.items thead th .bulk-check label:before {
  left: 2px;
  top: 2px;
}
.feeds .body table.items thead th .bulk-check input[type="checkbox"] {
  padding-left: 18px;
}
.feeds .body table.items thead th .bulk-check input[type="checkbox"]:before {
  top: 2px;
}
.feeds .body table.items thead th .bulk-check:before {
  content: "\f106";
  font-family: FontAwesome;
  width: 20px;
  height: 15px;
  position: absolute;
  top: -14px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: #fafafa;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  border: 1px solid #eeeeee;
  border-bottom: 0;
}
.feeds .body table.items thead th:hover .bulk-check {
  bottom: 0;
}
@media (max-width: 991px) {
  .feeds .body table.items thead tr {
    position: relative;
    top: auto;
    left: auto;
  }
  .feeds .body table.items thead tr th:not(.headcol) {
    display: none;
  }
  .feeds .body table.items thead tr th.headcol {
    display: block;
    width: 100%;
    margin-bottom: 25px;
    padding: 15px 8px;
  }
  .feeds .body table.items tbody tr {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .feeds .body table.items tbody tr td.publish-status {
    width: 33%;
    line-height: 110%;
  }
  .feeds .body table.items tbody tr td.publish-status input[type="checkbox"] + label {
    aspect-ratio: unset;
    margin-top: 15px;
  }
}
.watermark-module {
  padding: 15px;
}
.watermark-module .top h1 {
  font-size: 24px;
  margin: 0 0 15px 0;
}
.watermark-module .body .btn:not(.btn-text) {
  padding: 10px 20px;
  box-shadow: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  gap: 10px;
}
.watermark-module .body .btn:not(.btn-text) img {
  width: 20px;
}
.watermark-module .body .main {
  width: 100%;
  gap: 30px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  background: #FFFFFF;
  padding: 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #FFFFFF;
  border: 1px solid #dddddd;
  margin-top: 25px;
}
.watermark-module .body .main .loader {
  margin: 10px auto;
}
.watermark-module .body .main .upload {
  display: flex;
  align-items: center;
  gap: 5px;
}
.watermark-module .body .main .styled-icon {
  font-size: 24px;
  color: lightgray;
  margin-left: 5px;
}
.watermark-module .body .main .styled-icon:hover {
  color: #312F37;
  cursor: pointer;
}
.watermark-module .body .main .image-container {
  position: relative;
  max-width: 1000px;
}
.watermark-module .body .main .image-container img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.watermark-module .body .main .image-container .preview {
  position: relative;
}
.watermark-module .body .main .image-container .gallery {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  gap: 10px;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  margin-top: 10px;
}
@media (max-width: 750px) {
  .watermark-module .body .main .image-container .gallery {
    gap: 5px;
  }
}
.watermark-module .body .main .image-container .gallery button {
  border: 0;
  padding: 0;
  background-color: transparent;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  flex: 1 1 auto;
  min-width: 90px;
  height: 90px;
}
@media (max-width: 767px) {
  .watermark-module .body .main .image-container .gallery button {
    min-width: auto;
    height: auto;
  }
}
.watermark-module .body .main .image-container .gallery button.selected {
  border: 2px solid #333;
}
.watermark-module .body .main .image-container .gallery img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.watermark-module .body .main .image-container .overlayClass {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 1;
}
.watermark-module .body .main .image-container .loaderClass {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 2;
}
.watermark-module .body .main .tools-menu {
  position: relative;
  width: 20%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 750px) {
  .watermark-module .body .main .tools-menu {
    width: 100%;
  }
}
.watermark-module .body .main .tools-menu .position {
  width: 190px;
  height: 58px;
  gap: 15px;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
}
.watermark-module .body .main .tools-menu .position .squares {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 58px;
  gap: 10px;
}
.watermark-module .body .main .tools-menu .position .squares .hover-svg {
  cursor: pointer;
}
.watermark-module .body .main .tools-menu .position .squares .hover-svg:hover {
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s, border 0.3s;
  cursor: pointer;
}
.watermark-module .body .main .tools-menu .position .squares .hover-svg:hover .bg-rect {
  fill: #27B1DD;
  stroke: #27B1DD;
  transition: fill 0.3s ease, stroke 0.3s ease;
}
.watermark-module .body .main .tools-menu .position .squares .hover-svg:hover .icon-path {
  fill: #FFFFFF;
}
.watermark-module .body .main .tools-menu .position .squares .hover-svg.selected .bg-rect {
  fill: #27B1DD;
  stroke: #27B1DD;
}
.watermark-module .body .main .tools-menu .position .squares .hover-svg.selected .icon-path {
  fill: #FFFFFF;
}
.watermark-module .body .main .tools-menu .control {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  margin-top: 20px;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
}
.watermark-module .body .main .tools-menu .actions {
  gap: 16px;
  margin-top: 30px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  align-items: center;
}
.watermark-module .body .main .tools-menu .actions .btn-remove-icon {
  padding: 8px 10px;
  background-color: #e53935;
  color: #FFFFFF;
  border: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s, visibility 0.2s;
}
.watermark-module .body .main .tools-menu .actions .btn-remove-icon i {
  font-size: 14px;
}
.watermark-module .body .main .tools-menu .actions .btn-remove-icon:hover:not([disabled]) {
  background-color: #c62828;
}
.watermark-module .body .main .tools-menu .actions .btn-remove-icon[disabled] {
  cursor: not-allowed;
}
.watermark-module .body .main .tools-menu .actions .btn-remove-icon.loading {
  opacity: 0.6;
  visibility: visible;
}
.watermark-module .body .main .tools-menu .actions:hover .btn-remove-icon {
  opacity: 1;
  visibility: visible;
}
.watermark-module .body .main .tools-menu .input {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.watermark-module .body .main .tools-menu input[type="number"] {
  width: 80px;
  height: 42px;
  border: 1px solid #C5C5C5;
  border-radius: 3px;
  padding: 12.2px 12.8px;
}
.watermark-module .body .main .tools-menu input[type="range"] {
  width: 242px;
  height: 8px;
}
@media (max-width: 750px) {
  .watermark-module .body .main .tools-menu input[type="range"] {
    width: 100%;
  }
}
.watermark-module .body .main .tools-menu select {
  width: 60px;
  height: 42px;
  border: 1px solid #C5C5C5;
  border-radius: 3px;
  padding: 10.4px 10.8px 11.6px 10.8px;
  gap: 10px;
}
@media (max-width: 750px) {
  .watermark-module .body .main {
    flex-direction: column;
    margin-top: 10px;
    width: 100%;
    height: auto;
  }
  .watermark-module .body .main .image-container {
    width: 100%;
    height: auto;
  }
  .watermark-module .body .main .image-container img {
    width: 100%;
    height: auto;
  }
}
.watermark-module .body .loading-indicator {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.watermark-module .body .modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.watermark-module .body .modal-overlay .modal-content {
  position: relative;
  background: #F0F0F0;
  width: 575px;
  height: 451px;
  border-radius: 4px;
  padding: 24px 30px 30px 30px;
  gap: 12px;
  border-radius: 8px;
  text-align: left;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
.watermark-module .body .modal-overlay .modal-content .modal-text {
  margin: 20px 0;
  font-weight: 400;
  font-size: 14px;
  color: #312F37;
}
.watermark-module .body .modal-overlay .modal-content .bottom-close {
  position: absolute;
  bottom: 20px;
  background: transparent;
  color: black;
  font-weight: 600;
  font-size: 14px;
  border: solid 1px #312F37;
  border-radius: 4px;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 0.9em;
}
.watermark-module .body .modal-overlay .modal-content img {
  margin-top: 15px;
  margin-bottom: 6px;
}
.watermark-module .body .modal-title {
  color: black;
  font-size: 20px;
  font-weight: 700;
}
.watermark-module .body .close-button {
  position: absolute;
  top: 10px;
  right: 15px;
  background: none;
  border: none;
  font-size: 1.2em;
  cursor: pointer;
  color: #333;
}
.watermark-module .body .close-button:hover {
  color: red;
}
.reminder .descriptor-text {
  font-size: 13px;
  font-weight: 600;
  color: #BFBFBF;
  height: 18px;
  line-height: 18px;
  margin-bottom: 4px;
}
.reminder .time-difference {
  font-size: 15px;
  height: 19px;
  font-weight: 600;
  line-height: 19px;
}
.reminder-card-style .card {
  font-size: 14px;
  line-height: 18px;
  color: #AAAAAA;
  background-color: #FFFFFF;
  border: 0;
  padding: 0;
  margin-bottom: 2px;
  border-left: 3px solid #DDDDDD;
  transition: all .15s ease-in-out;
}
.reminder-card-style .card.blue {
  border-left-color: #29abe2;
}
.reminder-card-style .card.green {
  border-left-color: #67ab4f;
}
.reminder-card-style .card.yellow {
  border-left-color: #f39c12;
}
.reminder-card-style .card.red {
  border-left-color: #f56954;
}
.reminder-card-style .card.gray {
  border-left-color: #eaeaec;
}
.reminder-card-style .card.purple {
  border-left-color: #932ab6;
}
.reminder-card-style .card a {
  color: #AAAAAA;
  text-decoration: none;
}
.reminder-card-style .card a:hover {
  text-decoration: underline;
}
.reminder-card-style .card a.text-vio {
  background-color: #E83479;
  padding: 2px 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
}
.reminder-card-style .card a.text-vio.space {
  margin-left: 5px;
}
.reminder-card-style .card h2 {
  font-size: 15px;
  font-weight: bold;
  color: #333333;
  line-height: 19px;
  margin: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.reminder-card-style .card h2 a {
  color: inherit;
}
.reminder-card-style .card h2 >*:not(:first-child) {
  margin-left: 10px;
}
.reminder-card-style .card ul {
  padding: 0;
  margin: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.reminder-card-style .card ul li {
  list-style-type: none;
  position: relative;
  display: flex;
  gap: 6px;
}
.reminder-card-style .card ul li:not(:last-child) {
  margin-bottom: 6px;
}
.reminder-card-style .card ul li button:not(.def),
.reminder-card-style .card ul li a:not(.def) {
  background-color: #F5F5F5;
  color: #808080;
  border-radius: 4px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  max-width: 250px;
  overflow: hidden;
}
.reminder-card-style .card ul li button:not(.def) i.ico.building,
.reminder-card-style .card ul li a:not(.def) i.ico.building {
  min-width: 11px;
  min-height: 18px;
  flex-shrink: 0;
}
.reminder-card-style .card ul li button:not(.def) .item-name,
.reminder-card-style .card ul li a:not(.def) .item-name {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1 auto;
}
.reminder-card-style .card ul li button:not(.def) .link-name,
.reminder-card-style .card ul li a:not(.def) .link-name {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.reminder-card-style .card .i {
  position: relative;
  padding-left: 20px;
}
.reminder-card-style .card .i i {
  position: absolute;
  left: 0;
  top: 1px;
}
.reminder-card-style .card .tag {
  background-color: #ECECEC;
  font-weight: 700;
  color: #000000;
  padding: 3px 7px;
  font-size: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-style: normal;
}
.reminder-card-style .card.disabled {
  -webkit-opacity: 0.25;
  -moz-opacity: 0.25;
  opacity: 0.25;
}
.reminder-card-style .card.disabled:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.reminder-card-style .card .row {
  margin: 0;
  position: relative;
}
.reminder-card-style .card .clickable {
  cursor: pointer;
}
.reminder-card-style .card input[type=checkbox]+label:before {
  font-size: 26px;
  top: -8px;
}
.reminder-card-style .card input[type=checkbox] +label.blue:before {
  color: #29abe2;
}
.reminder-card-style .card input[type=checkbox] +label.green:before {
  color: #67ab4f;
}
.reminder-card-style .card input[type=checkbox] +label.yellow:before {
  color: #f39c12;
}
.reminder-card-style .card input[type=checkbox] +label.red:before {
  color: #f56954;
}
.reminder-card-style .card input[type=checkbox] +label.gray:before {
  color: #eaeaec;
}
.reminder-card-style .card input[type=checkbox] +label.purple:before {
  color: #932ab6;
}
.reminder-card-style .card input[type=checkbox]+label {
  display: block;
  cursor: pointer;
}
.reminder-card-style .card .text-danger {
  color: #f56954;
  font-weight: 600;
}
.reminder-card-style .card .text-success {
  color: #67ab4f;
  font-weight: 600;
}
.reminder-card-style .card .header-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #FFFFFF;
  padding: 8px 20px;
  position: relative;
  gap: 12px;
}
.reminder-card-style .card .header-row .header-col {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  position: relative;
  min-width: 0;
}
.reminder-card-style .card .header-row .header-col.col-1 {
  flex: 0 0 28%;
  gap: 15px;
  position: relative;
}
@media (min-width: 768px) {
  .reminder-card-style .card .header-row .header-col.col-1 {
    left: -20px;
  }
}
.reminder-card-style .card .header-row .header-col.col-1 input[type=checkbox] {
  font-size: 26px;
  top: -8px;
}
.reminder-card-style .card .header-row .header-col.col-1 input[type=checkbox]+label {
  display: block;
  cursor: pointer;
  margin: 0;
  flex-shrink: 0;
}
.reminder-card-style .card .header-row .header-col.col-1 .date-display {
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap;
  flex-shrink: 0;
  color: black;
}
.reminder-card-style .card .header-row .header-col.col-1 .date-display.text-danger {
  color: #f56954;
}
.reminder-card-style .card .header-row .header-col.col-1 .reminder-name {
  font-size: 15px;
  color: black;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.reminder-card-style .card .header-row .header-col .child-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  min-width: 16px;
  background-color: #DCF2F9;
  border-radius: 50%;
  cursor: pointer;
  text-decoration: none;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}
.reminder-card-style .card .header-row .header-col .child-link i {
  font-size: 8px;
  color: #27B1DD;
}
.reminder-card-style .card .header-row .header-col .child-link:hover {
  text-decoration: none;
}
.reminder-card-style .card .header-row .header-col .child-link .child-info {
  display: none;
}
@media (max-width: 767px) {
  .reminder-card-style .card .header-row .header-col .child-link {
    width: auto;
    height: auto;
    min-width: unset;
    border-radius: 4px;
    padding: 4px 8px;
    gap: 6px;
  }
  .reminder-card-style .card .header-row .header-col .child-link .child-info {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #27B1DD;
  }
  .reminder-card-style .card .header-row .header-col .child-link .child-info .child-name {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.reminder-card-style .card .header-row .header-col .child-time {
  display: none;
}
@media (max-width: 767px) {
  .reminder-card-style .card .header-row .header-col .child-time {
    display: inline-block;
    margin-left: 3px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    padding: 4px 8px;
    border-radius: 3px;
    background-color: #E7F9EB;
    color: #2E7D32;
  }
  .reminder-card-style .card .header-row .header-col .child-time.overdue {
    background-color: #FCEEEE;
    color: #D32F2F;
  }
}
.reminder-card-style .card .header-row .header-col.col-2 {
  flex: 0 0 22%;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  gap: 6px;
}
.reminder-card-style .card .header-row .header-col.col-2 ul {
  width: 100%;
}
.reminder-card-style .card .header-row .header-col.col-3 {
  flex: 0 0 20%;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.reminder-card-style .card .header-row .header-col.col-3 h2 {
  font-weight: 400;
}
.reminder-card-style .card .header-row .header-col.col-3 .customers-list {
  width: 100%;
  position: relative;
  z-index: 1;
}
.reminder-card-style .card .header-row .header-col.col-3 .customers-list:not(:last-child) {
  margin-bottom: 4px;
}
.reminder-card-style .card .header-row .header-col .card-section {
  position: relative;
  width: 100%;
}
.reminder-card-style .card .header-row .header-col .card-section > ul {
  width: 100%;
}
.reminder-card-style .card .header-row .header-col .card-section > ul .item-line,
.reminder-card-style .card .header-row .header-col .card-section > ul .project-line {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  gap: 6px;
  width: 100%;
  min-width: 0;
}
.reminder-card-style .card .header-row .header-col .card-section > ul .item-line > a,
.reminder-card-style .card .header-row .header-col .card-section > ul .project-line > a {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.reminder-card-style .card .header-row .header-col .count-badge {
  min-width: 20px;
  height: 18px;
  padding: 0 6px;
  border-radius: 9px;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
  color: #FFFFFF;
  background-color: #999;
  flex-shrink: 0;
}
.reminder-card-style .card .header-row .header-col .count-badge.blue {
  background-color: #29abe2;
}
.reminder-card-style .card .header-row .header-col .count-badge.green {
  background-color: #67ab4f;
}
.reminder-card-style .card .header-row .header-col .count-badge.yellow {
  background-color: #f39c12;
}
.reminder-card-style .card .header-row .header-col .count-badge.red {
  background-color: #f56954;
}
.reminder-card-style .card .header-row .header-col .count-badge.gray {
  background-color: #999;
}
.reminder-card-style .card .header-row .header-col .count-badge.purple {
  background-color: #932ab6;
}
.reminder-card-style .card .header-row .header-col.col-4 {
  flex: 1 1 auto;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  gap: 12px;
}
.reminder-card-style .card .header-row:hover .header-col.col-1 .reminder-name {
  white-space: normal;
  text-overflow: unset;
}
.reminder-card-style .card .header-row .clickable {
  cursor: pointer;
}
.reminder-card-style .card .header-row .clickable.bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 0;
}
.reminder-card-style .card .header-row .agents-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  min-width: 0;
  position: relative;
}
.reminder-card-style .card .header-row .agents-wrapper .agent {
  display: flex;
  align-items: center;
  gap: 6px;
  position: relative;
  width: 100%;
}
.reminder-card-style .card .header-row .agents-wrapper .agent + .agent {
  margin-left: -10px;
}
.reminder-card-style .card .header-row .agents-wrapper .agent:nth-child(1) {
  z-index: 10;
}
.reminder-card-style .card .header-row .agents-wrapper .agent:nth-child(2) {
  z-index: 9;
}
.reminder-card-style .card .header-row .agents-wrapper .agent:nth-child(3) {
  z-index: 8;
}
.reminder-card-style .card .header-row .agents-wrapper .agent:nth-child(4) {
  z-index: 7;
}
.reminder-card-style .card .header-row .agents-wrapper .agent:nth-child(5) {
  z-index: 6;
}
.reminder-card-style .card .header-row .agents-wrapper .agent:nth-child(6) {
  z-index: 5;
}
.reminder-card-style .card .header-row .agents-wrapper .agent:nth-child(7) {
  z-index: 4;
}
.reminder-card-style .card .header-row .agents-wrapper .agent:nth-child(8) {
  z-index: 3;
}
.reminder-card-style .card .header-row .agents-wrapper .agent:nth-child(9) {
  z-index: 2;
}
.reminder-card-style .card .header-row .agents-wrapper .agent:nth-child(10) {
  z-index: 1;
}
.reminder-card-style .card .header-row .agents-wrapper .agent img,
.reminder-card-style .card .header-row .agents-wrapper .agent span:not(.agent-name) {
  display: block;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  flex-shrink: 0;
  text-align: center;
  line-height: 37px;
}
.reminder-card-style .card .header-row .agents-wrapper .agent span:not(.agent-name) {
  border: 1px solid #AAAAAA;
  background-color: #FFFFFF;
}
.reminder-card-style .card .header-row .agents-wrapper .agent .agent-name {
  font-size: 14px;
  color: #AAAAAA;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: none;
}
.reminder-card-style .card .header-row .agents-wrapper:not(.many) .agent {
  margin-left: 0;
}
.reminder-card-style .card .header-row .agents-wrapper:not(.many) .agent-name {
  display: block;
}
.reminder-card-style .card .header-row .action-buttons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  position: relative;
  z-index: 11;
}
.reminder-card-style .card .header-row .action-buttons >button {
  border: 0;
  background-color: transparent;
  cursor: pointer;
  padding: 0;
  padding: 0 10px;
}
.reminder-card-style .card .header-row .action-buttons >button:focus {
  outline: 0;
}
.reminder-card-style .card .header-row .action-buttons .toggle-action-menu i {
  top: 2px;
}
.reminder-card-style .card .header-row .action-buttons .actions {
  padding: 10px 0 10px 10px;
  background-color: #FFFFFF;
  position: absolute;
  height: 40px;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  box-shadow: -4px 0 8px rgba(0,0,0,0.05);
}
.reminder-card-style .card .header-row .action-buttons .actions button,
.reminder-card-style .card .header-row .action-buttons .actions a {
  padding: 0;
  background-color: transparent;
  border: 0;
}
.reminder-card-style .card .header-row .action-buttons .actions button:not(:last-child),
.reminder-card-style .card .header-row .action-buttons .actions a:not(:last-child) {
  margin-right: 15px;
}
.reminder-card-style .card .header-row .action-buttons .actions .close-actions {
  margin-left: 10px;
}
.reminder-card-style .card .header-row .action-buttons .actions .close-actions i {
  position: relative;
  top: -3px;
  color: #000000;
  font-size: 12px;
}
.reminder-card-style .card .details-row {
  display: none;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 0;
}
.reminder-card-style .card .details-row .detail-col {
  padding: 12px;
  border: 1px solid #E6E6E6;
  box-sizing: border-box;
}
.reminder-card-style .card .details-row .detail-col:not(:first-child) {
  border-left: none;
}
.reminder-card-style .card .details-row .detail-col .col-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.reminder-card-style .card .details-row .detail-col.col-1 {
  flex: 0 0 29.5%;
  gap: 15px;
}
.reminder-card-style .card .details-row .detail-col.col-2 {
  flex: 0 0 22.5%;
}
.reminder-card-style .card .details-row .detail-col.col-3 {
  flex: 0 0 20.5%;
}
.reminder-card-style .card .details-row .detail-col.col-4 {
  flex: 1 1 auto;
  overflow-y: auto;
}
.reminder-card-style .card .details-row .detail-col.col-4 .col-content {
  width: 100%;
  align-items: stretch;
}
.reminder-card-style .card .details-row .detail-col.col-4 .open-comments-button {
  border: 0;
  background-color: transparent;
  cursor: pointer;
  padding: 0;
  margin-top: 10px;
  margin-left: 0 !important;
  color: #1A1A1A;
}
.reminder-card-style .card .details-row .detail-col.col-4 .open-comments-button span {
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  text-align: center;
}
.reminder-card-style .card .details-row .detail-col.col-4 .open-comments-button i {
  font-size: 16px;
  margin-left: 10px;
}
.reminder-card-style .card .details-row .detail-col.col-1,
.reminder-card-style .card .details-row .detail-col.col-2,
.reminder-card-style .card .details-row .detail-col.col-4 {
  background: #F5F5F5;
}
.reminder-card-style .card .details-row .detail-col.col-3 {
  background: #FFFFFF;
}
.reminder-card-style .card .details-row .property-name {
  font-size: 14px;
  line-height: 19px;
  color: #000000;
  font-weight: 500;
  margin-bottom: 5px;
}
.reminder-card-style .card .details-row .item-block,
.reminder-card-style .card .details-row .project-block {
  border-left: 3px solid #DDD;
  padding: 4px 0 4px 8px;
  margin-bottom: 8px;
}
.reminder-card-style .card .details-row .item-block.blue,
.reminder-card-style .card .details-row .project-block.blue {
  border-left-color: #29abe2;
}
.reminder-card-style .card .details-row .item-block.green,
.reminder-card-style .card .details-row .project-block.green {
  border-left-color: #67ab4f;
}
.reminder-card-style .card .details-row .item-block.yellow,
.reminder-card-style .card .details-row .project-block.yellow {
  border-left-color: #f39c12;
}
.reminder-card-style .card .details-row .item-block.red,
.reminder-card-style .card .details-row .project-block.red {
  border-left-color: #f56954;
}
.reminder-card-style .card .details-row .item-block.gray,
.reminder-card-style .card .details-row .project-block.gray {
  border-left-color: #eaeaec;
}
.reminder-card-style .card .details-row .item-block.purple,
.reminder-card-style .card .details-row .project-block.purple {
  border-left-color: #932ab6;
}
.reminder-card-style .card .details-row .item-block .seller-list,
.reminder-card-style .card .details-row .project-block .seller-list {
  margin-top: 4px;
}
.reminder-card-style .card .details-row .seller-info,
.reminder-card-style .card .details-row .buyer-info {
  margin-bottom: 8px;
}
.reminder-card-style .card .details-row .seller-info .seller-name,
.reminder-card-style .card .details-row .seller-info .buyer-name,
.reminder-card-style .card .details-row .buyer-info .seller-name,
.reminder-card-style .card .details-row .buyer-info .buyer-name {
  font-size: 14px;
  color: #000000;
  font-weight: 600;
  margin-bottom: 2px;
}
.reminder-card-style .card .details-row .seller-info .seller-contact,
.reminder-card-style .card .details-row .seller-info .buyer-contact,
.reminder-card-style .card .details-row .buyer-info .seller-contact,
.reminder-card-style .card .details-row .buyer-info .buyer-contact {
  font-size: 13px;
  color: #333333;
}
.reminder-card-style .card .details-row .comment-item {
  font-size: 13px;
  color: #AAAAAA;
  margin-bottom: 4px;
}
.reminder-card-style .card .footer-row {
  display: none;
  padding: 12px 20px;
  background-color: #FFFFFF;
}
.reminder-card-style .card .footer-row.expanded {
  display: block;
}
.reminder-card-style .card .footer-row .footer-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
}
.reminder-card-style .card .footer-row .footer-left {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  gap: 12px;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.reminder-card-style .card .footer-row .logs {
  position: relative;
  display: inline-block;
}
.reminder-card-style .card .footer-row .logs .info-icon {
  width: 20px;
  height: 20px;
  cursor: pointer;
  display: block;
}
.reminder-card-style .card .footer-row .logs .log-hover-container {
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  margin-left: 8px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  pointer-events: none;
  z-index: 1000;
  width: 360px;
}
@media (max-width: 768px) {
  .reminder-card-style .card .footer-row .logs .log-hover-container {
    width: 300px;
  }
}
.reminder-card-style .card .footer-row .logs:hover .log-hover-container {
  opacity: 1;
  visibility: visible;
}
.reminder-card-style .card .footer-row .logs .logs-wrapper {
  background-color: #312F37;
}
.reminder-card-style .card .footer-row .logs .log-type-header {
  padding: 8px;
  background-color: rgba(255,255,255,0.1);
  font-size: 12px;
  font-weight: 600;
  color: #FFFFFF;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  gap: 6px;
}
.reminder-card-style .card .footer-row .logs .log-type-header i,
.reminder-card-style .card .footer-row .logs .log-type-header img {
  width: 14px;
  height: 14px;
  filter: brightness(0) invert(1);
}
.reminder-card-style .card .footer-row .logs .log-item {
  padding: 6px 8px;
  gap: 10px;
  opacity: 1;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  background-color: #312F37;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  transition: background-color 0.2s ease;
}
.reminder-card-style .card .footer-row .logs .log-item:last-child {
  border-bottom: none;
}
.reminder-card-style .card .footer-row .logs .log-item:hover {
  background-color: #3d3b45;
}
.reminder-card-style .card .footer-row .logs .log-item .status {
  display: block;
  width: 8px;
  min-width: 8px;
  height: 8px;
  min-height: 8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.reminder-card-style .card .footer-row .logs .log-item .status.error {
  background: #f56954;
}
.reminder-card-style .card .footer-row .logs .log-item .status.queued {
  background: white;
}
.reminder-card-style .card .footer-row .logs .log-item .status.processed {
  background: #FF851B;
}
.reminder-card-style .card .footer-row .logs .log-item .status.sent {
  background: yellow;
}
.reminder-card-style .card .footer-row .logs .log-item .status.delivered {
  background: #67ab4f;
}
.reminder-card-style .card .footer-row .logs .log-item .log-content {
  flex: 1;
  min-width: 0;
}
.reminder-card-style .card .footer-row .logs .log-item .log-content .log-title {
  font-size: 13px;
  font-weight: 500;
  color: #FFFFFF;
  margin-bottom: 2px;
  word-wrap: break-word;
}
.reminder-card-style .card .footer-row .logs .log-item .log-content .log-meta {
  font-size: 11px;
  color: rgba(255,255,255,0.6);
  word-wrap: break-word;
}
.reminder-card-style .card .footer-row .logs .log-hover-container::after {
  display: none;
}
.reminder-card-style .card .footer-row .dropdown-input-wrapper.dropdown-documents-esign button i.fa-arrow-up {
  color: #29abe2;
  transform: rotate(45deg);
}
.reminder-card-style .card .footer-row .btn-whatsapp {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 34px;
  padding: 7px 13px;
  border-radius: 3px;
  background: #25D366;
  color: #FFFFFF;
  text-decoration: none;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
}
.reminder-card-style .card .footer-row .btn-whatsapp i {
  font-size: 18px;
}
.reminder-card-style .card .footer-row .btn-whatsapp:hover {
  background: #21bd5c;
  text-decoration: none;
  color: #FFFFFF;
}
.reminder-card-style .card .footer-row .next-step-btn {
  border: 0;
  background-color: transparent;
  cursor: pointer;
  padding: 0;
  height: 34px;
  padding: 7px 13px;
  gap: 10px;
  border-radius: 3px;
  background: #29ABE2;
  color: #FFFFFF;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.reminder-card-style .card .footer-row .next-step-btn span {
  font-size: 14px;
  font-weight: 500;
}
.reminder-card-style .card .footer-row .next-step-btn i {
  font-size: 16px;
  margin-left: 10px;
}
.reminder-card-style .card .footer-row .next-step-btn:hover {
  background: #1d9ed5;
}
.reminder-card-style .card.open {
  width: 101%;
  margin-left: -0.5%;
  margin-right: -0.5%;
  margin-top: 8px;
  margin-bottom: 8px;
  box-shadow: 0px 4px 18px 0px #00000026;
  position: relative;
  z-index: 10;
}
.reminder-card-style .card.open .header-row .header-col.col-1 .reminder-name {
  white-space: normal;
  text-overflow: unset;
}
.reminder-card-style .card.open .header-row .header-col.col-2 .item-name {
  color: #1A1A1A;
}
.reminder-card-style .card.open .header-row .header-col.col-2 .building {
  color: #1A1A1A;
}
.reminder-card-style .card.open .header-row .header-col.col-4 .agent-name {
  color: #312F37;
}
.reminder-card-style .card.open .header-row .header-col.col-4 .action-buttons button i.arrow-down {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.reminder-card-style .card.open .header-row .header-col.col-3 h2 {
  font-weight: bold;
}
.reminder-card-style .card.open .header-row .agents .agent .agent-name {
  font-weight: bold;
  color: #000000;
}
.reminder-card-style .card.open .details-row {
  display: flex;
}
.reminder-card-style .card.open .footer-row {
  display: block;
}
.reminder-card-style .card.open .footer-row .dropdown-menu {
  display: none;
}
.reminder-card-style .card.open .footer-row.expanded .dropdown-menu {
  display: block;
}
@media (max-width: 1280px) {
  .reminder-card-style .card .header-row .header-col.col-1 {
    flex: 0 0 calc(44%);
  }
  .reminder-card-style .card .header-row .header-col.col-2 {
    flex: 0 0 calc(44%);
  }
  .reminder-card-style .card .header-row .header-col.col-3 {
    flex: 0 0 calc(44%);
  }
  .reminder-card-style .card .details-row {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .reminder-card-style .card .details-row .detail-col {
    flex: 0 0 calc(50%);
    border-left: 1px solid #E6E6E6 !important;
    border-right: 1px solid #E6E6E6 !important;
  }
  .reminder-card-style .card .details-row .detail-col:nth-child(odd) {
    border-right: none !important;
  }
}
@media (max-width: 767px) {
  .reminder-card-style .card .header-row {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
  }
  .reminder-card-style .card .header-row .header-col {
    flex: 0 0 100% !important;
    width: 100%;
  }
  .reminder-card-style .card .header-row .header-col .col-content {
    padding-left: 0;
  }
  .reminder-card-style .card .header-row .header-col.col-1 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .reminder-card-style .card .details-row {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .reminder-card-style .card .details-row .detail-col {
    flex: 0 0 100% !important;
    width: 100%;
    border-left: 1px solid #E6E6E6 !important;
    border-right: 1px solid #E6E6E6 !important;
  }
  .reminder-card-style .card .details-row .detail-col:not(:last-child) {
    border-bottom: 1px solid #E6E6E6 !important;
  }
  .reminder-card-style .card .footer-row .footer-content {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
  }
  .reminder-card-style .card .footer-row .footer-left {
    width: 100%;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .reminder-card-style .card .footer-row .footer-right {
    width: 100%;
  }
  .reminder-card-style .card .footer-row .next-step-btn {
    width: 100%;
  }
  .reminder-card-style .card .footer-row .dropdown-wrapper {
    width: 100%;
  }
  .reminder-card-style .card .footer-row .dropdown-wrapper .dropdown-trigger {
    width: 100%;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
  }
  .reminder-card-style .card input[type=checkbox]+label:before {
    top: -8px;
  }
  .reminder-card-style .card input[type=checkbox]+label {
    margin-right: 10px;
  }
}
@media (max-width: 767px) and (max-width: 768px) {
  .reminder-card-style .card .footer-row .footer-content .dropdown-input-wrapper {
    width: 100%;
  }
  .reminder-card-style .card .footer-row .footer-content .dropdown-input-wrapper > button {
    width: 100%;
  }
  .reminder-card-style .card .footer-row .footer-content .dropdown-input-wrapper .dropdown-menu {
    width: 100%;
  }
  .reminder-card-style .card .footer-row .footer-content .footer-right > button {
    width: 100%;
  }
}
.reminder-card-style .no-results {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}
.reminder-card-style .gap-placeholder {
  width: 100%;
  border: 1px dashed #AAAAAA;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: rgba(255,255,255,0.39);
  margin-top: 10px;
}
.reminder-card-style .gap-placeholder a {
  border: 0;
  background-color: transparent;
  cursor: pointer;
  padding: 0;
  display: block;
  padding: 14px 0;
  text-align: center;
  width: 100%;
}
.data-stats-panel > button {
  color: white;
  cursor: pointer;
  margin-right: 5px;
  border: 0;
  padding: 0;
  background-color: transparent;
}
.popup {
  position: fixed;
  top: 50px;
  right: 0;
  width: 330px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000 !important;
}
.popup .content {
  background-color: #333333;
  width: 100%;
  height: 100%;
  padding: 20px;
  min-height: auto !important;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
  position: relative;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.popup .close-btn {
  position: absolute;
  background-color: transparent;
  color: #595959;
  top: 8px;
  right: 8px;
  border: none;
  padding: 5px 7px;
  cursor: pointer;
  border-radius: 3px;
  cursor: pointer !important;
}
@media screen and (max-width: 768px) {
  .popup {
    left: 0;
    width: 100%;
  }
}
.agency-plans {
  display: flex;
  flex-direction: column;
  height: 100%;
  font-family: 'Source Sans Pro';
  font-weight: 450;
  width: 100%;
}
.agency-plans h1 {
  color: white;
  font-size: 20px;
  font-weight: normal;
  text-align: left;
  margin-top: 0;
}
.agency-plans h2 {
  color: white;
  font-size: 20px;
  font-weight: normal;
  margin: 0;
  text-align: left;
}
.agency-plans h3 {
  color: white;
  font-size: 18px;
  font-weight: normal;
  text-align: left;
}
.agency-plans .top {
  width: 100%;
  text-align: left;
  margin-top: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #404040;
}
.agency-plans .top .textDescription {
  color: #a9a9a9;
  font-weight: 400;
  font-size: 14px;
}
.agency-plans .table-layout {
  display: flex;
  justify-content: flex-start;
  padding-top: 10px;
  box-sizing: border-box;
}
.agency-plans .table-layout .table-column {
  width: 100%;
  text-align: left;
  padding: 0px;
  margin: 0px;
}
.agency-plans .table-layout .table-column img {
  width: 100px;
  height: 100px;
}
.agency-plans .table-layout .table-column .title {
  font-size: 16px;
  color: white;
  margin-top: 10px;
  text-align: left;
}
.agency-plans .table-layout .table-column .legend .nameTitle2 {
  color: white;
  margin-right: 4px;
  margin-bottom: 10px;
}
.agency-plans .table-layout .table-column .legend .storage-item {
  display: flex;
  align-items: center;
}
.agency-plans .table-layout .table-column .legend .storage-item:not(:last-child) {
  margin-bottom: 10px;
}
.agency-plans .table-layout .table-column .legend .color-square {
  width: 10px;
  height: 10px;
}
.agency-plans .table-layout .table-column .label {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 450;
}
.agency-plans .table-layout .table-column .label .name {
  color: white;
  margin-right: 4px;
}
.agency-plans .table-layout .table-column .label .data-used {
  color: #d3d3d3;
}
.agency-plans .table-layout .table-column .label .percentage {
  color: #a9a9a9;
  margin-left: 10px;
  font-weight: 400;
}
.agency-plans .table-layout .table-column .titleLabel {
  display: flex;
  align-items: left;
  font-size: 15px;
  font-weight: 450;
}
.agency-plans .table-layout .table-column .titleLabel .nameTitle {
  color: white;
  margin-right: 4px;
}
.agency-plans .table-layout .table-column .titleLabel .percentage {
  color: #a9a9a9;
  margin-left: 10px;
  font-weight: 400;
}
.agency-plans .table-layout .table-column .warning-message {
  color: #D48F20;
  font-weight: 400;
  margin-top: 10px;
  font-size: 14px;
}
.agency-plans .table-layout .table-column .stacked-graph {
  margin: 5px 0 15px 0;
  width: 100%;
  height: 20px;
  position: relative;
  background-color: #d3d3d3;
  border-radius: 5px;
  overflow: hidden;
  padding: 0;
  box-sizing: border-box;
}
.agency-plans .table-layout .table-column .stacked-graph .label {
  width: 100%;
  text-align: left;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 5px;
}
.agency-plans .table-layout .table-column .stacked-graph .whole-bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #595959;
  z-index: 0;
  border-radius: 5px;
}
.agency-plans .table-layout .table-column .stacked-graph .stacked-bar {
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 1;
  margin-left: -1px;
}
.agency-plans .table-layout .table-column .stacked-graph .stacked-bar:first-child {
  margin-left: 0;
}
@media (max-width: 768px) {
  .agency-plans .table-layout .table-column {
    flex-direction: column;
    align-items: flex-start;
  }
  .agency-plans .table-layout .table-column .table-column {
    margin-bottom: 20px;
    width: 100%;
  }
}
.agency-plans .error-message {
  color: red;
  text-align: left;
}
.agency-plans .loading-indicator {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 50px;
}
.whatsapp-style .stats-table-container-w {
  width: 100%;
  margin: 20px 0;
  overflow-x: auto;
}
.whatsapp-style .date-range-w {
  margin-bottom: 15px;
  font-size: 14px;
  color: #666;
}
.whatsapp-style .loading-more-w {
  text-align: center;
  padding: 15px;
  font-style: italic;
  color: #888;
}
.whatsapp-style .no-data-w {
  text-align: center;
  padding: 30px;
  color: #888;
  font-style: italic;
}
.whatsapp-style .body-w {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 50vh;
  padding: 20px;
}
.whatsapp-style .fa-caret-down {
  transition: transform 0.3s ease;
}
.whatsapp-style .rotated {
  transform: rotate(180deg);
}
.whatsapp-style .tables-wrapper-w {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
}
.whatsapp-style .header-title-w {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  margin-bottom: 20px;
  text-align: left;
}
.whatsapp-style .table-container-w {
  width: 100%;
  max-width: 1048px;
  margin: 0;
  overflow-x: auto;
}
.whatsapp-style .waba-table-container-w {
  width: 100%;
  max-width: 600px;
  margin: 0;
  overflow-x: auto;
}
.whatsapp-style .styled-table-w {
  width: 100%;
  border-collapse: collapse;
  margin: 0 auto;
  background-color: #ffffff;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  overflow: hidden;
  border: 1px solid #e0e0e0;
}
.whatsapp-style .styled-table-w thead {
  border-bottom: 1px solid #e0e0e0;
}
.whatsapp-style .styled-table-w thead th {
  color: #312f37;
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  padding: 15px;
  height: 25px;
  white-space: nowrap;
}
.whatsapp-style .styled-table-w tbody tr {
  border-bottom: 1px solid #e0e0e0;
}
.whatsapp-style .styled-table-w tbody tr:last-child {
  border-bottom: none;
}
.whatsapp-style .styled-table-w tbody tr:hover {
  background-color: #f5f5f5;
}
.whatsapp-style .styled-table-w tbody tr td {
  padding: 12px 15px;
  vertical-align: middle;
}
.whatsapp-style .styled-table-w tbody tr td:first-child {
  font-weight: 700;
  color: #312f37;
}
.whatsapp-style .styled-table-w tbody tr td:nth-child(2) {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
}
.whatsapp-style .status-container-w {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.whatsapp-style .status-text-w {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}
.whatsapp-style .status-text-w.green {
  background-color: rgba(76,175,80,0.1);
  color: #4CAF50;
}
.whatsapp-style .status-text-w.orange {
  background-color: rgba(255,152,0,0.1);
  color: #FF9800;
}
.whatsapp-style .status-text-w.red {
  background-color: rgba(244,67,54,0.1);
  color: #F44336;
}
.whatsapp-style .icons-container-w {
  float: right;
  display: inline-flex;
  align-items: center;
  gap: 16px;
}
.whatsapp-style .icon-w {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  transition: all 0.2s ease;
}
.whatsapp-style .hover-black-w {
  cursor: pointer;
}
.whatsapp-style .hover-black-w svg path {
  transition: fill 0.2s ease;
}
.whatsapp-style .hover-black-w:hover svg path {
  fill: #333333;
}
.whatsapp-style .trash-icon-w {
  cursor: pointer;
}
.whatsapp-style .trash-icon-w svg path {
  transition: fill 0.2s ease;
}
.whatsapp-style .trash-icon-w:hover svg path {
  fill: #b52e2e;
}
.whatsapp-style .button-w {
  background-color: #1877f2;
  border: 0;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding: 6px 12px;
  transition: background-color 0.2s;
}
.whatsapp-style .button-w:hover {
  background-color: #0b5fcc;
}
.whatsapp-style .smaller_font-w {
  font-size: 12px;
  opacity: 0.7;
}
.whatsapp-style .right-align-w {
  float: right;
}
.whatsapp-style .gray_color-w {
  color: #888;
}
.whatsapp-style .gray_color-w:hover {
  color: #555;
}
.whatsapp-style .popup-overlay-w {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
}
.whatsapp-style .popup-w {
  background-color: #fff;
  border-radius: 4px;
  padding: 20px;
  width: 90%;
  max-width: 500px;
  position: relative;
  box-shadow: 0 4px 20px rgba(0,0,0,0.2);
}
.whatsapp-style .popup-w .popup-title-w {
  font-size: 20px;
  font-weight: 700;
  color: black;
  margin-top: 0;
  margin-bottom: 20px;
}
.whatsapp-style .popup-w .popup-text-holder-w {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 30px;
}
.whatsapp-style .popup-w .popup-text-holder-w p {
  margin: 0;
}
.whatsapp-style .popup-w .popup-text-holder-w .bold-text-w {
  font-weight: 700;
}
.whatsapp-style .popup-w .popup-text-w {
  font-size: 14px;
  font-weight: 700;
  color: black;
}
.whatsapp-style .popup-w .close-icon-w {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
  color: #888;
}
.whatsapp-style .popup-w .close-icon-w:hover {
  color: #333;
}
.whatsapp-style .popup-w .button-container-w {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.whatsapp-style .popup-w .delete-button-w {
  height: 34px;
  background-color: #DC4242;
  color: white;
  border: none;
  border-radius: 4px;
  padding: 0 15px;
  cursor: pointer;
}
.whatsapp-style .popup-w .close-button-w {
  height: 34px;
  background-color: white;
  color: #90A1A6;
  border: 1px solid #90A1A6;
  border-radius: 4px;
  padding: 0 15px;
  cursor: pointer;
}
.whatsapp-style .popup-overlay-wd {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 101;
}
.whatsapp-style .popup-wd {
  background-color: #fff;
  border-radius: 4px;
  padding: 20px;
  width: 90%;
  max-width: 400px;
  max-height: 182px;
  position: relative;
  box-shadow: 0 4px 20px rgba(0,0,0,0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.whatsapp-style .popup-wd .popup-title-wd {
  font-size: 20px;
  font-weight: 700;
  color: black;
  margin-top: 0;
  margin-bottom: 20px;
  text-align: center;
}
.whatsapp-style .popup-wd .popup-text-holder-d {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 30px;
  align-items: center;
}
.whatsapp-style .popup-wd .popup-text-wd {
  font-size: 14px;
  font-weight: 700;
  color: black;
  text-align: center;
}
.whatsapp-style .popup-wd .button-container-d {
  display: flex;
  justify-content: center;
  gap: 20px;
  width: 100%;
}
.whatsapp-style .popup-wd .delete-button-wd,
.whatsapp-style .popup-wd .close-button-wd {
  height: 34px;
  border-radius: 4px;
  padding: 0 15px;
  cursor: pointer;
}
.whatsapp-style .popup-wd .delete-button-wd {
  background-color: #DC4242;
  color: white;
  border: none;
}
.whatsapp-style .popup-wd .close-button-wd {
  background-color: white;
  color: #90A1A6;
  border: 1px solid #90A1A6;
}
.whatsapp-style .screen-center-w {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.form-list.inquiry .body {
  padding: 15px;
}
.form-list.inquiry .no-results {
  margin-bottom: 0;
}
.form-list.inquiry .timeline {
  margin-top: 0;
}
.form-list.inquiry .timeline > li > .timeline-item {
  margin-right: 0;
}
.form-list.inquiry .timeline > li > .timeline-item a.btn {
  color: #FFFFFF;
}
.customer-duplicates-modal {
  position: fixed;
  z-index: 11000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.8);
  color: #666;
  font-weight: normal;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.customer-duplicates-modal .align {
  position: relative;
  min-height: 100px;
  width: 630px;
  padding: 20px;
  background-color: #FFFFFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.customer-duplicates-modal .align h1 {
  margin: 0;
  color: #000000;
  font-size: 20px;
  padding: 0 10px;
}
.customer-duplicates-modal .align h1 + p {
  padding: 0 10px;
  margin-top: 5px;
}
.customer-duplicates-modal .align .empty-list {
  padding: 0;
  font-size: inherit;
}
.customer-duplicates-modal .align .filter {
  padding: 0 10px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  gap: 5px;
  margin: 20px 0;
}
.customer-duplicates-modal .align .filter button {
  background-color: #ECECEC;
  color: #000000;
  padding: 3px 7px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 0;
}
.customer-duplicates-modal .align .filter button.checked {
  background-color: #3c8dbc;
  color: #FFFFFF;
}
.customer-duplicates-modal .align .scroll {
  max-height: 70vh;
  overflow: scroll;
  padding: 10px;
}
.customer-duplicates-modal .align .box .box-title,
.customer-duplicates-modal .align .box .box-body {
  padding: 15px;
}
.customer-duplicates-modal .align .box .box-title {
  padding-bottom: 15px;
}
.customer-duplicates-modal .align .box .box-title h2 {
  margin: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  gap: 20px;
  color: #000000;
}
.customer-duplicates-modal .align .box .box-title h2 button {
  padding: 3px;
  width: 28px;
  text-align: center;
  min-width: 28px;
  max-width: 28px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.customer-duplicates-modal .align .box .box-title h2 button img.loader {
  margin: 0;
  width: 14px;
}
.customer-duplicates-modal .align .box .box-body {
  padding-top: 0;
}
.customer-duplicates-modal .align .box .box-body ul {
  margin: 0;
  padding: 0;
  position: relative;
}
.customer-duplicates-modal .align .box .box-body ul:before {
  content: "";
  position: absolute;
  left: 2px;
  top: -10px;
  height: 100%;
  width: 2px;
  background-color: #eeeeee;
}
.customer-duplicates-modal .align .box .box-body ul li {
  list-style-type: none;
  padding: 0;
  position: relative;
  padding-left: 15px;
  padding-bottom: 10px;
  color: #b7b7b7;
}
.customer-duplicates-modal .align .box .box-body ul li:before {
  content: "";
  position: absolute;
  left: 2px;
  top: 8px;
  width: 10px;
  height: 2px;
  background-color: #eeeeee;
  width: all 0.3s ease-in-out;
}
.customer-duplicates-modal .align .box .box-body ul li > * {
  display: block;
  width: 100%;
}
.customer-duplicates-modal .align .box .box-body ul li > i {
  font-size: 11px;
}
.customer-duplicates-modal .align .box .box-body ul li .tags {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  gap: 5px;
}
.customer-duplicates-modal .align .box .box-body ul li .tags button {
  padding: 0;
  cursor: pointer;
  border: 0;
  background-color: transparent;
}
.customer-duplicates-modal .align .box .box-body ul li .tags i {
  color: #f39c12;
  margin-right: 5px;
  position: relative;
  top: -2px;
  width: 0;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}
.customer-duplicates-modal .align .box .box-body ul li .tags em {
  background-color: #ECECEC;
  color: #000000;
  padding: 3px 7px;
  font-size: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-style: normal;
}
.customer-duplicates-modal .align .box .box-body ul li p {
  margin: 0;
}
.customer-duplicates-modal .align .box .box-body ul li p a {
  position: relative;
  top: 1px;
  margin-left: 5px;
}
.customer-duplicates-modal .align .box .box-body ul li p button {
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
}
.customer-duplicates-modal .align .box .box-body ul li.master,
.customer-duplicates-modal .align .box .box-body ul li:not(.pasive):hover {
  color: #000000;
}
.customer-duplicates-modal .align .box .box-body ul li.master .tags i,
.customer-duplicates-modal .align .box .box-body ul li:not(.pasive):hover .tags i {
  width: 14px;
}
.customer-duplicates-modal .align .box .box-body ul li.deleted {
  display: none;
}
.customer-duplicates-modal .align .pagination {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  margin-bottom: 0;
}
.communication-wrapper {
  display: flex;
  flex-direction: column;
}
@media (min-width: 480px) and (max-width: 800px) {
  .communication-wrapper {
    gap: 56px;
  }
}
.viewcommunication .compose-btn {
  height: 40px;
  border-radius: 3px;
  opacity: 1;
  padding: 6.67px 12.67px;
  gap: 6px;
  background: var(--Primary,#27B1DD);
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}
.viewcommunication .compose-btn:hover {
  background: #1c90b5;
}
.viewcommunication .compose-btn:active {
  background: #197e9f;
}
.viewcommunication .compose-btn i {
  width: 20px;
  height: 20px;
  color: white;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.viewcommunication .compose-btn span {
  height: 20px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: white;
  display: flex;
  align-items: center;
}
.viewcommunication .communication-navbar {
  display: flex;
  align-items: center;
  width: 100%;
  height: 53px;
  border-bottom: 1px solid #DDDDDD;
  background: #FFFFFF;
}
.viewcommunication .communication-navbar .navbar-column {
  display: flex;
  align-items: center;
  height: 100%;
}
.viewcommunication .communication-navbar .navbar-column.navbar-left {
  justify-content: flex-start;
  gap: 8px;
  padding-left: 16px;
}
.viewcommunication .communication-navbar .navbar-column.navbar-middle {
  flex: 1;
  justify-content: center;
  padding: 0 16px;
}
.viewcommunication .communication-navbar .navbar-column.navbar-right {
  margin-left: auto;
  justify-content: flex-end;
  padding-right: 16px;
}
.viewcommunication .communication-navbar .action-btn {
  width: 40px;
  height: 40px;
  border-radius: 3px;
  border: none;
  cursor: pointer;
  padding: 6.67px 12.67px;
  background: var(--Primary,#27B1DD);
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.viewcommunication .communication-navbar .action-btn:hover {
  background: #1c90b5;
}
.viewcommunication .communication-navbar .action-btn:active {
  background: #197e9f;
}
.viewcommunication .communication-navbar .action-btn:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.viewcommunication .communication-navbar .action-btn i {
  color: white;
  font-size: 16px;
  transition: transform 0.3s ease;
}
.viewcommunication .communication-navbar .action-btn i.spinning {
  animation: spin 1s linear infinite;
}
.viewcommunication .communication-navbar .action-btn i.sliders-rotated {
  transform: rotate(90deg);
}
.viewcommunication .communication-navbar .tabs-container {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 4px;
}
.viewcommunication .communication-navbar .tab {
  height: 52px;
  min-width: 120px;
  opacity: 1;
  padding: 2.67px 15.67px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.2s ease;
  border-bottom: 2px solid transparent;
}
.viewcommunication .communication-navbar .tab:hover {
  background: rgba(0,0,0,0.05);
}
.viewcommunication .communication-navbar .tab.active {
  border-bottom: 2px solid #000000;
}
.viewcommunication .communication-navbar .tab.active .tab-text {
  color: #000000;
  font-weight: 600;
}
.viewcommunication .communication-navbar .tab .tab-text {
  height: 50px;
  font-weight: 400;
  font-size: 14px;
  line-height: 50px;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  color: #666666;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.viewcommunication .communication-navbar .search-container {
  display: flex;
  align-items: center;
  gap: 8px;
}
.viewcommunication .communication-navbar .search-input {
  width: 224px;
  height: 40px;
  border-radius: 3px;
  border: 1px solid #DDDDDD;
  opacity: 1;
  padding: 10.67px 10.67px 10.66px 10.67px;
  font-size: 14px;
  outline: none;
  transition: border-color 0.2s ease;
}
.viewcommunication .communication-navbar .search-input:focus {
  border-color: var(--Primary,#27B1DD);
}
.viewcommunication .communication-navbar .search-input::placeholder {
  color: #999999;
}
.viewcommunication .main-content-area {
  display: flex;
  width: 100%;
  max-height: 88vh;
}
.viewcommunication .main-content-area .left-column {
  width: 80%;
  background: #FFFFFF;
  border-radius: 8px;
}
.viewcommunication .main-content-area .left-column.full-width {
  width: 100%;
}
.viewcommunication .main-content-area .right-column {
  width: 20%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 20px;
  margin-right: 20px;
}
.viewcommunication .main-content-area .right-column .toggle-buttons-container {
  border-radius: 10px;
  border: 1px solid #EBEBEB;
  background: #F5F5F5;
  opacity: 1;
  gap: 6px;
  padding: 4px;
  display: flex;
}
.viewcommunication .main-content-area .right-column .toggle-buttons-container .toggle-btn {
  width: 50%;
  height: 42.67px;
  min-width: 100px;
  border-radius: 6px;
  opacity: 1;
  padding: 2.67px 10px;
  border: none;
  cursor: pointer;
  background: transparent;
  font-weight: 700;
  font-size: 14px;
  line-height: 50px;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.viewcommunication .main-content-area .right-column .toggle-buttons-container .toggle-btn.selected {
  background: #FFFFFF;
  font-weight: 700;
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
.viewcommunication .main-content-area .right-column .stats-section {
  height: 95px;
  opacity: 1;
  padding-bottom: 20px;
  border-bottom: 1px solid #EBEBEB;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.viewcommunication .main-content-area .right-column .stats-section .stats-title {
  color: #000000;
  height: 17px;
  font-weight: 700;
  font-size: 15px;
  line-height: 110%;
  letter-spacing: 0%;
  gap: 13px;
}
.viewcommunication .main-content-area .right-column .stats-section .stats-entries {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.viewcommunication .main-content-area .right-column .stats-section .stats-entries .stat-entry {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.viewcommunication .main-content-area .right-column .stats-section .stats-entries .stat-entry .stat-label {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #808080;
}
.viewcommunication .main-content-area .right-column .stats-section .stats-entries .stat-entry .stat-value {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #1A1A1A;
}
.viewcommunication .main-content-area .right-column .gallery-section {
  display: flex;
  flex-direction: column;
  gap: 12px;
  border-bottom: 1px solid #EBEBEB;
}
.viewcommunication .main-content-area .right-column .gallery-section .gallery-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.viewcommunication .main-content-area .right-column .gallery-section .gallery-header .gallery-title {
  color: #000000;
  height: 17px;
  font-weight: 700;
  font-size: 15px;
  line-height: 110%;
  letter-spacing: 0%;
}
.viewcommunication .main-content-area .right-column .gallery-section .gallery-header .gallery-link {
  font-weight: 600;
  font-size: 14px;
  line-height: 110%;
  letter-spacing: 0%;
  color: #27B1DD;
  text-decoration: none;
}
.viewcommunication .main-content-area .right-column .gallery-section .gallery-header .gallery-link:hover {
  text-decoration: underline;
}
.viewcommunication .main-content-area .right-column .gallery-section .gallery-header .img-icon {
  width: 16px;
  height: 16px;
}
.viewcommunication .main-content-area .right-column .gallery-section .gallery-btn-wrap {
  display: flex;
  gap: 12px;
  margin-bottom: 8px;
}
.viewcommunication .main-content-area .right-column .gallery-section .gallery-images {
  display: flex;
  flex-direction: row;
  gap: 9px;
  justify-content: space-between;
}
.viewcommunication .main-content-area .right-column .gallery-section .gallery-images .gallery-item {
  height: 110px;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
}
.viewcommunication .main-content-area .right-column .gallery-section .gallery-images .gallery-item .gallery-image {
  width: 81.33px;
  height: 81.33px;
  border-radius: 10px;
  opacity: 1;
  object-fit: cover;
}
.viewcommunication .main-content-area .right-column .gallery-section .gallery-images .gallery-item .gallery-id {
  font-weight: 400;
  font-size: 13px;
  line-height: 120%;
  letter-spacing: 0%;
  background-color: #F7F7F7;
  color: #656565;
  margin-top: 4px;
  border-radius: 4px;
}
@media (max-width: 1400px) {
  .viewcommunication .communication-navbar {
    flex-direction: column;
    height: auto;
  }
  .viewcommunication .communication-navbar .navbar-column {
    width: 100% !important;
    padding: 8px 16px;
  }
  .viewcommunication .communication-navbar .navbar-column.navbar-left {
    justify-content: center;
    order: 1;
    border-bottom: 1px solid #EEEEEE;
  }
  .viewcommunication .communication-navbar .navbar-column.navbar-middle {
    order: 2;
    padding: 8px 0;
  }
  .viewcommunication .communication-navbar .navbar-column.navbar-middle .tabs-container {
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
  }
  .viewcommunication .communication-navbar .navbar-column.navbar-middle .tab {
    min-width: auto;
    padding: 8px 16px;
    height: 40px;
  }
  .viewcommunication .communication-navbar .navbar-column.navbar-middle .tab .tab-text {
    height: auto;
    line-height: 1.4;
  }
  .viewcommunication .communication-navbar .navbar-column.navbar-right {
    order: 3;
    justify-content: center;
    border-top: 1px solid #EEEEEE;
  }
  .viewcommunication .communication-navbar .navbar-column.navbar-right .search-container {
    width: 100%;
    justify-content: center;
  }
  .viewcommunication .communication-navbar .navbar-column.navbar-right .search-container .search-input {
    flex: 1;
    max-width: 300px;
  }
  .viewcommunication .main-content-area {
    flex-direction: column;
  }
  .viewcommunication .main-content-area .left-column {
    width: 100%;
  }
  .viewcommunication .main-content-area .right-column {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .viewcommunication .main-content-area {
    padding: 10px;
  }
  .viewcommunication .main-content-area .right-column .toggle-buttons-container .toggle-btn {
    min-width: 80px;
    font-size: 12px;
  }
  .viewcommunication .main-content-area .right-column .gallery-section .gallery-images {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .viewcommunication .main-content-area .right-column .gallery-section .gallery-images .gallery-item {
    flex: 0 0 30%;
    height: auto;
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.email-communication-template .email-container {
  display: flex;
  height: 100%;
  max-height: 88vh;
}
.email-communication-template .email-container .left-column {
  width: 310px;
  min-width: 310px;
  padding-top: 12px;
  padding-bottom: 12px;
  opacity: 1;
  border-right: 1px solid #e0e0e0;
  display: flex;
  flex-direction: column;
}
.email-communication-template .email-container .left-column .tab-buttons-container {
  width: 100%;
  max-width: 300px;
  height: 80px;
  padding-right: 10px;
  opacity: 1;
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.email-communication-template .email-container .left-column .tab-buttons-container .tab-button {
  width: 100%;
  max-width: 290px;
  height: 40px;
  opacity: 1;
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}
.email-communication-template .email-container .left-column .tab-buttons-container .tab-button .button-content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 16px;
}
.email-communication-template .email-container .left-column .tab-buttons-container .tab-button .button-content .tab-icon {
  width: 38px;
  height: 22px;
  opacity: 1;
  font-size: 16px;
  text-align: center;
  line-height: 22px;
  color: #666;
  flex-shrink: 0;
}
.email-communication-template .email-container .left-column .tab-buttons-container .tab-button .button-content .tab-text {
  font-weight: 700;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  height: 16px;
  margin-left: 16px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.email-communication-template .email-container .left-column .tab-buttons-container .tab-button .button-content .tab-count {
  font-weight: 700;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: right;
  margin-left: auto;
  color: #27B1DD;
  flex-shrink: 0;
}
.email-communication-template .email-container .left-column .tab-buttons-container .tab-button.selected .button-content {
  justify-content: space-between;
  border-top-right-radius: 32px;
  border-bottom-right-radius: 32px;
  background-color: #edf7fb;
}
.email-communication-template .email-container .left-column .tab-buttons-container .tab-button.selected .button-content .tab-icon,
.email-communication-template .email-container .left-column .tab-buttons-container .tab-button.selected .button-content .tab-text {
  color: #27B1DD;
}
.email-communication-template .email-container .left-column .tab-buttons-container .tab-button:hover:not(.selected) .button-content {
  background-color: #f5f5f5;
  border-top-right-radius: 32px;
  border-bottom-right-radius: 32px;
}
.email-communication-template .email-container .left-column .email-list-container {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.email-communication-template .email-container .left-column .email-list-container .email-entry {
  width: 100%;
  min-height: 90px;
  padding: 10px 16px;
  gap: 13px;
  opacity: 1;
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.email-communication-template .email-container .left-column .email-list-container .email-entry .user-image {
  width: 44px;
  height: 44px;
  opacity: 1;
  border-radius: 50%;
  flex-shrink: 0;
}
.email-communication-template .email-container .left-column .email-list-container .email-entry .email-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.email-communication-template .email-container .left-column .email-list-container .email-entry .email-info .email-header {
  width: 100%;
  min-height: 26px;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
  flex-wrap: wrap;
  gap: 4px;
}
.email-communication-template .email-container .left-column .email-list-container .email-entry .email-info .email-header .title-section {
  height: 19px;
  gap: 6px;
  opacity: 1;
  display: flex;
  align-items: center;
  min-width: 0;
  flex: 1;
}
.email-communication-template .email-container .left-column .email-list-container .email-entry .email-info .email-header .title-section .customer-name {
  font-weight: 700;
  font-size: 15px;
  color: #000000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.email-communication-template .email-container .left-column .email-list-container .email-entry .email-info .email-header .title-section .unread-indicator {
  width: 8px;
  height: 8px;
  opacity: 1;
  background-color: #27B1DD;
  border-radius: 50%;
  flex-shrink: 0;
}
.email-communication-template .email-container .left-column .email-list-container .email-entry .email-info .email-header .email-date {
  height: 18px;
  opacity: 1;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: right;
  vertical-align: middle;
  color: #666;
  flex-shrink: 0;
  white-space: nowrap;
}
.email-communication-template .email-container .left-column .email-list-container .email-entry .email-info .email-preview {
  width: 100%;
  min-height: 44px;
  opacity: 1;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #404040;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-word;
}
.email-communication-template .email-container .left-column .email-list-container .email-entry:hover {
  background-color: #f9f9f9;
}
.email-communication-template .email-container .left-column .email-list-container .email-entry.selected {
  background-color: #E9F7FC;
  border-right: 5px solid #27B1DD;
}
.email-communication-template .email-container .left-column .refresh-loader-container {
  position: relative;
  z-index: 15;
}
.email-communication-template .email-container .left-column .refresh-loader-container .refresh-loader {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  background-color: #f0f8ff;
  border: 1px solid #cce7ff;
  color: #0066cc;
  font-size: 14px;
  animation: slideDown 0.3s ease-out;
}
.email-communication-template .email-container .left-column .refresh-loader-container .refresh-loader i {
  margin-right: 8px;
  font-size: 16px;
}
.email-communication-template .email-container .left-column .refresh-loader-container .refresh-loader span {
  font-weight: 500;
}
.email-communication-template .email-container .right-column {
  flex: 1;
  width: 100%;
  min-width: 0;
  opacity: 1;
  border-radius: 3px;
  padding: 0.67px;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow-y: auto;
}
.email-communication-template .email-container .right-column .details_loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.8);
  z-index: 20;
}
.email-communication-template .email-container .right-column .details_loader .loader {
  width: 64px;
  height: 64px;
}
.email-communication-template .email-container .right-column .email-compose-container {
  flex: 1;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  min-width: 0;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: all 0.2s ease;
  z-index: 10;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-close-btn i {
  font-size: 18px;
  color: #666;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-close-btn:hover {
  background-color: #f5f5f5;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-close-btn:hover i {
  color: #333;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-field {
  width: 100%;
  min-width: 0;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-field .compose-title-input {
  width: 100%;
  height: 48px;
  padding: 12px 16px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 600;
  color: #333;
  outline: none;
  transition: all 0.2s ease;
  box-sizing: border-box;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-field .compose-title-input::placeholder {
  color: #999;
  font-weight: 400;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-field .compose-title-input:focus {
  border-color: #27B1DD;
  box-shadow: 0 0 0 3px rgba(39,177,221,0.1);
}
.email-communication-template .email-container .right-column .email-compose-container .compose-field .header-row {
  min-height: 48px;
  padding: 8px 16px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  transition: all 0.2s ease;
  box-sizing: border-box;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-field .header-row:focus-within {
  border-color: #27B1DD;
  box-shadow: 0 0 0 3px rgba(39,177,221,0.1);
}
.email-communication-template .email-container .right-column .email-compose-container .compose-field .header-row .header-label {
  font-weight: 600;
  font-size: 14px;
  color: #666;
  min-width: 50px;
  padding-top: 6px;
  flex-shrink: 0;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-field .header-row .email-addresses {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  min-width: 0;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-field .header-row .email-addresses .email-address {
  height: 32px;
  padding: 8px 12px;
  gap: 8px;
  opacity: 1;
  border-radius: 8px;
  background: rgba(0,0,0,0.05);
  display: flex;
  align-items: center;
  max-width: 100%;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-field .header-row .email-addresses .email-address .address-text {
  height: 18px;
  font-weight: 500;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #404040;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-field .header-row .email-addresses .email-address .remove-address {
  margin-left: 8px;
  font-size: 12px;
  color: #666;
  cursor: pointer;
  transition: color 0.2s ease;
  flex-shrink: 0;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-field .header-row .email-addresses .email-address .remove-address:hover {
  color: #333;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-field .header-row .email-addresses .email-address.invalid {
  background: rgba(211,47,47,0.1);
  border: 1px solid #d32f2f;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-field .header-row .email-addresses .email-address.invalid .address-text {
  color: #d32f2f;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-field .header-row .email-addresses .email-address.from-address {
  cursor: pointer;
  transition: all 0.2s ease;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-field .header-row .email-addresses .email-address.from-address .remove-address {
  display: none;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-field .header-row .email-addresses .email-address.from-address.selected {
  justify-content: space-between;
  border-radius: 6px;
  background-color: #edf7fb;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-field .header-row .email-addresses .email-address.from-address.selected .address-text {
  color: #27B1DD;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-field .header-row .email-addresses .email-address.from-address:not(.selected):hover {
  background: rgba(0,0,0,0.08);
}
.email-communication-template .email-container .right-column .email-compose-container .compose-field .header-row .email-addresses .email-input-field {
  flex: 1;
  min-width: 150px;
  height: 32px;
  border: none;
  outline: none;
  font-size: 15px;
  color: #333;
  background: transparent;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-field .header-row .email-addresses .email-input-field::placeholder {
  color: #999;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-body-editor {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 400px;
  min-width: 0;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-body-editor textarea {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  word-wrap: break-word;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-action-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid #e0e0e0;
  flex-wrap: wrap;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-action-buttons .action-button {
  height: 40px;
  padding: 10px 24px;
  gap: 11px;
  opacity: 1;
  border-radius: 4px;
  border: 1px solid #ddd;
  background: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: all 0.2s ease;
  font-weight: 500;
  font-size: 14px;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-action-buttons .action-button .action-text {
  color: #333;
  white-space: nowrap;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-action-buttons .action-button i {
  font-size: 16px;
  margin-right: 8px;
  flex-shrink: 0;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-action-buttons .action-button.cancel-btn:hover {
  background-color: #f5f5f5;
  border-color: #999;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-action-buttons .action-button.send-btn {
  background-color: #27B1DD;
  border-color: #27B1DD;
  color: white;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-action-buttons .action-button.send-btn i,
.email-communication-template .email-container .right-column .email-compose-container .compose-action-buttons .action-button.send-btn span {
  color: white;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-action-buttons .action-button.send-btn:hover:not(:disabled) {
  background-color: #1e9dc4;
  border-color: #1e9dc4;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-action-buttons .action-button.send-btn:active:not(:disabled) {
  background-color: #1a8bb0;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-action-buttons .action-button.send-btn:disabled {
  background-color: #b0b0b0;
  border-color: #b0b0b0;
  cursor: not-allowed;
  opacity: 0.7;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-field .dropdown-input-wrapper.email-from-dropdown {
  min-height: 48px !important;
  padding: 8px 16px !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
  position: relative !important;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-field .dropdown-input-wrapper.email-from-dropdown .dropdown-label {
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #666 !important;
  min-width: 50px !important;
  padding-top: 6px !important;
  flex-shrink: 0 !important;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-field .dropdown-input-wrapper.email-from-dropdown .dropdown-trigger {
  flex: 1 !important;
  min-height: 32px !important;
  padding: 8px 12px !important;
  border: none !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
  gap: 8px !important;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-field .dropdown-input-wrapper.email-from-dropdown .dropdown-trigger span {
  flex: 1 !important;
  text-align: left !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  line-height: 100% !important;
  color: #404040 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  margin: 0 !important;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-field .dropdown-input-wrapper.email-from-dropdown .dropdown-trigger i.fa-angle-down {
  font-size: 16px !important;
  color: #666 !important;
  flex-shrink: 0 !important;
  transition: transform 0.2s ease !important;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-field .dropdown-input-wrapper.email-from-dropdown .dropdown-trigger:hover {
  background-color: transparent !important;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-field .dropdown-input-wrapper.email-from-dropdown.open {
  border-color: #27B1DD !important;
  box-shadow: 0 0 0 3px rgba(39,177,221,0.1) !important;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-field .dropdown-input-wrapper.email-from-dropdown.open .dropdown-trigger i.fa-angle-down {
  transform: rotate(180deg) !important;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-field .dropdown-input-wrapper.email-from-dropdown.open .dropdown-menu {
  display: block !important;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-field .dropdown-input-wrapper.email-from-dropdown .dropdown-menu {
  position: fixed !important;
  z-index: 9999 !important;
  background-color: #FFFFFF !important;
  border: 1px solid #E6E6E6 !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
  max-height: 250px !important;
  overflow-y: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  min-width: auto !important;
  display: none !important;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-field .dropdown-input-wrapper.email-from-dropdown .dropdown-menu .dropdown-group-label {
  display: none !important;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-field .dropdown-input-wrapper.email-from-dropdown .dropdown-menu img.loader {
  display: none !important;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-field .dropdown-input-wrapper.email-from-dropdown .dropdown-menu .dropdown-item {
  display: block !important;
  width: 100% !important;
  height: 40px !important;
  padding: 10px 14px !important;
  text-align: left !important;
  color: #404040 !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 100% !important;
  text-decoration: none !important;
  border: 0 !important;
  background-color: transparent !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-field .dropdown-input-wrapper.email-from-dropdown .dropdown-menu .dropdown-item i,
.email-communication-template .email-container .right-column .email-compose-container .compose-field .dropdown-input-wrapper.email-from-dropdown .dropdown-menu .dropdown-item img {
  display: none !important;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-field .dropdown-input-wrapper.email-from-dropdown .dropdown-menu .dropdown-item:hover {
  background-color: #E9F7FC !important;
  color: #27B1DD !important;
  text-decoration: none !important;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-field .dropdown-input-wrapper.email-from-dropdown .dropdown-menu .dropdown-item:first-child {
  border-radius: 6px 6px 0 0 !important;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-field .dropdown-input-wrapper.email-from-dropdown .dropdown-menu .dropdown-item:last-child {
  border-radius: 0 0 6px 6px !important;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-field .dropdown-input-wrapper.email-from-dropdown .dropdown-menu .dropdown-item:only-child {
  border-radius: 6px !important;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-field .dropdown-input-wrapper.email-from-dropdown .x-dd {
  display: none !important;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-field .dropdown-input-wrapper.email-from-dropdown.open .x-dd {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 9998 !important;
  display: block !important;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-attachments-section {
  width: 100%;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 16px;
  background-color: #fafafa;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-attachments-section .attachments-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  font-weight: 600;
  font-size: 14px;
  color: #666;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-attachments-section .attachments-header i {
  font-size: 16px;
  color: #27B1DD;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-attachments-section .files-canvas {
  margin-bottom: 12px;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-attachments-section .uploaded-files-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-attachments-section .uploaded-files-list .uploaded-file-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background-color: white;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  transition: all 0.2s ease;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-attachments-section .uploaded-files-list .uploaded-file-item:hover {
  border-color: #27B1DD;
  box-shadow: 0 2px 4px rgba(39,177,221,0.1);
}
.email-communication-template .email-container .right-column .email-compose-container .compose-attachments-section .uploaded-files-list .uploaded-file-item .file-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f0f8ff;
  border-radius: 6px;
  flex-shrink: 0;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-attachments-section .uploaded-files-list .uploaded-file-item .file-icon i {
  font-size: 20px;
  color: #27B1DD;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-attachments-section .uploaded-files-list .uploaded-file-item .file-info {
  flex: 1;
  min-width: 0;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-attachments-section .uploaded-files-list .uploaded-file-item .file-info .file-name {
  font-weight: 500;
  font-size: 14px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 4px;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-attachments-section .uploaded-files-list .uploaded-file-item .file-info .file-meta {
  display: flex;
  gap: 12px;
  font-size: 12px;
  color: #999;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-attachments-section .uploaded-files-list .uploaded-file-item .file-info .file-meta .file-size::after {
  content: "•";
  margin-left: 12px;
  color: #ddd;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-attachments-section .uploaded-files-list .uploaded-file-item .file-remove-btn {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: transparent;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-attachments-section .uploaded-files-list .uploaded-file-item .file-remove-btn i {
  font-size: 16px;
  color: #999;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-attachments-section .uploaded-files-list .uploaded-file-item .file-remove-btn:hover {
  background-color: #ffebee;
}
.email-communication-template .email-container .right-column .email-compose-container .compose-attachments-section .uploaded-files-list .uploaded-file-item .file-remove-btn:hover i {
  color: #d32f2f;
}
@media (max-width: 480px) {
  .email-communication-template .email-container .right-column .email-compose-container .compose-attachments-section {
    padding: 12px;
  }
  .email-communication-template .email-container .right-column .email-compose-container .compose-attachments-section .uploaded-files-list .uploaded-file-item {
    padding: 10px;
  }
  .email-communication-template .email-container .right-column .email-compose-container .compose-attachments-section .uploaded-files-list .uploaded-file-item .file-icon {
    width: 36px;
    height: 36px;
  }
  .email-communication-template .email-container .right-column .email-compose-container .compose-attachments-section .uploaded-files-list .uploaded-file-item .file-icon i {
    font-size: 18px;
  }
  .email-communication-template .email-container .right-column .email-compose-container .compose-attachments-section .uploaded-files-list .uploaded-file-item .file-info .file-name {
    font-size: 13px;
  }
  .email-communication-template .email-container .right-column .email-compose-container .compose-attachments-section .uploaded-files-list .uploaded-file-item .file-info .file-meta {
    font-size: 11px;
  }
}
.email-communication-template .email-container .right-column .email-content {
  flex: 1;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.email-communication-template .email-container .right-column .email-content .email-title-section {
  width: 100%;
  opacity: 1;
}
.email-communication-template .email-container .right-column .email-content .email-title-section .email-title {
  width: 100%;
  opacity: 1;
  font-weight: 600;
  font-size: 24px;
  line-height: 100%;
  color: #333;
  margin-bottom: 10px;
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
}
.email-communication-template .email-container .right-column .email-content .email-headers {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.email-communication-template .email-container .right-column .email-content .email-headers .header-row {
  min-height: 32px;
  gap: 8px;
  opacity: 1;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.email-communication-template .email-container .right-column .email-content .email-headers .header-row .header-label {
  font-weight: 600;
  font-size: 14px;
  color: #666;
  min-width: 50px;
  margin-right: 12px;
  flex-shrink: 0;
}
.email-communication-template .email-container .right-column .email-content .email-headers .header-row .email-addresses {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: 1;
  min-width: 0;
}
.email-communication-template .email-container .right-column .email-content .email-headers .header-row .email-addresses .email-address {
  height: 32px;
  padding: 8px 12px;
  gap: 8px;
  opacity: 1;
  border-radius: 8px;
  background: rgba(0,0,0,0.05);
  display: flex;
  align-items: center;
  max-width: 100%;
}
.email-communication-template .email-container .right-column .email-content .email-headers .header-row .email-addresses .email-address .address-text {
  height: 18px;
  font-weight: 500;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #404040;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.email-communication-template .email-container .right-column .email-content .email-body {
  flex: 1;
  width: 100%;
  max-height: 400px;
  gap: 24px;
  opacity: 1;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 24px;
  margin-bottom: 10px;
  overflow-y: auto;
}
.email-communication-template .email-container .right-column .email-content .email-body .email-content-text {
  font-size: 14px;
  line-height: 1.5;
  color: #333;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
}
.email-communication-template .email-container .right-column .email-content .email-body .body-editor {
  margin-top: 5px;
  margin-bottom: 5px;
  width: 100%;
  box-sizing: border-box;
}
.email-communication-template .email-container .right-column .email-content .email-attachments-section {
  width: 100%;
  padding: 16px 0;
  margin-bottom: 16px;
  border-bottom: 1px solid #e0e0e0;
}
.email-communication-template .email-container .right-column .email-content .email-attachments-section .attachments-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  font-weight: 600;
  font-size: 14px;
  color: #666;
}
.email-communication-template .email-container .right-column .email-content .email-attachments-section .attachments-header i {
  font-size: 16px;
  color: #27B1DD;
}
.email-communication-template .email-container .right-column .email-content .email-attachments-section .attachments-header .attachments-count {
  color: #999;
  font-weight: 400;
}
.email-communication-template .email-container .right-column .email-content .email-attachments-section .attachments-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.email-communication-template .email-container .right-column .email-content .email-attachments-section .attachments-list .attachment-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background-color: #fafafa;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  transition: all 0.2s ease;
  text-decoration: none;
  cursor: pointer;
}
.email-communication-template .email-container .right-column .email-content .email-attachments-section .attachments-list .attachment-item:hover {
  border-color: #27B1DD;
  background-color: #f0f8ff;
  box-shadow: 0 2px 4px rgba(39,177,221,0.1);
}
.email-communication-template .email-container .right-column .email-content .email-attachments-section .attachments-list .attachment-item:hover .download-icon {
  color: #27B1DD;
}
.email-communication-template .email-container .right-column .email-content .email-attachments-section .attachments-list .attachment-item .attachment-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  border-radius: 6px;
  flex-shrink: 0;
}
.email-communication-template .email-container .right-column .email-content .email-attachments-section .attachments-list .attachment-item .attachment-icon i {
  font-size: 20px;
  color: #27B1DD;
}
.email-communication-template .email-container .right-column .email-content .email-attachments-section .attachments-list .attachment-item .attachment-info {
  flex: 1;
  min-width: 0;
}
.email-communication-template .email-container .right-column .email-content .email-attachments-section .attachments-list .attachment-item .attachment-info .attachment-name {
  font-weight: 500;
  font-size: 14px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.email-communication-template .email-container .right-column .email-content .email-attachments-section .attachments-list .attachment-item .download-icon {
  font-size: 18px;
  color: #999;
  flex-shrink: 0;
  transition: color 0.2s ease;
}
@media (max-width: 480px) {
  .email-communication-template .email-container .right-column .email-content .email-attachments-section .attachments-list .attachment-item {
    padding: 10px;
  }
  .email-communication-template .email-container .right-column .email-content .email-attachments-section .attachments-list .attachment-item .attachment-icon {
    width: 36px;
    height: 36px;
  }
  .email-communication-template .email-container .right-column .email-content .email-attachments-section .attachments-list .attachment-item .attachment-icon i {
    font-size: 18px;
  }
  .email-communication-template .email-container .right-column .email-content .email-attachments-section .attachments-list .attachment-item .attachment-info .attachment-name {
    font-size: 13px;
  }
}
.email-communication-template .email-container .right-column .email-content .action-buttons {
  width: 100%;
  min-height: 36px;
  gap: 12px;
  opacity: 1;
  display: flex;
  flex-wrap: wrap;
}
.email-communication-template .email-container .right-column .email-content .action-buttons .action-button {
  height: 36px;
  padding: 8px 22px 8px 16px;
  gap: 11px;
  opacity: 1;
  border-radius: 4px;
  border: 1px solid #ddd;
  background: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: all 0.2s ease;
}
.email-communication-template .email-container .right-column .email-content .action-buttons .action-button .action-icon {
  width: 20px;
  height: 20px;
  font-size: 16px;
  color: #666;
  flex-shrink: 0;
}
.email-communication-template .email-container .right-column .email-content .action-buttons .action-button .action-text {
  font-weight: 500;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: -1%;
  height: 17px;
  color: #333;
  margin-left: 11px;
  white-space: nowrap;
}
.email-communication-template .email-container .right-column .email-content .action-buttons .action-button:hover {
  background-color: #f5f5f5;
  border-color: #27B1DD;
}
.email-communication-template .email-container .right-column .email-content .action-buttons .action-button:hover .action-icon {
  color: #27B1DD;
}
.email-communication-template .email-container .right-column .email-content .action-buttons .action-button:active {
  background-color: #e9f7fb;
}
.email-communication-template .email-container .right-column .email-content .action-buttons .compose-btn {
  background-color: #27B1DD !important;
  margin-left: auto !important;
}
.email-communication-template .email-container .right-column .no-email-selected {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.email-communication-template .email-container .right-column .no-email-selected .placeholder-text {
  font-size: 16px;
  color: #999;
  text-align: center;
  padding: 20px;
}
@media (max-width: 1024px) {
  .email-communication-template .email-container .left-column {
    width: 280px;
    min-width: 280px;
  }
  .email-communication-template .email-container .right-column .email-content {
    padding: 15px;
  }
  .email-communication-template .email-container .right-column .email-content .email-title-section .email-title {
    font-size: 20px;
  }
  .email-communication-template .email-container .right-column .email-compose-container {
    padding: 15px;
  }
}
@media (max-width: 800px) {
  .email-communication-template .email-container {
    flex-direction: column;
    min-height: auto;
    height: auto;
  }
  .email-communication-template .email-container .left-column {
    width: 100%;
    min-width: 100%;
    max-height: 50vh;
    border-right: none;
    border-bottom: 1px solid #e0e0e0;
  }
  .email-communication-template .email-container .left-column .tab-buttons-container {
    max-width: 100%;
  }
  .email-communication-template .email-container .left-column .tab-buttons-container .tab-button {
    max-width: 100%;
  }
  .email-communication-template .email-container .right-column {
    width: 100%;
    min-height: 50vh;
  }
  .email-communication-template .email-container .right-column .email-content {
    padding: 12px;
  }
  .email-communication-template .email-container .right-column .email-content .email-title-section .email-title {
    font-size: 18px;
  }
  .email-communication-template .email-container .right-column .email-content .email-headers .header-row {
    flex-direction: column;
    align-items: flex-start;
  }
  .email-communication-template .email-container .right-column .email-content .email-headers .header-row .header-label {
    margin-right: 0;
    margin-bottom: 4px;
  }
  .email-communication-template .email-container .right-column .email-content .action-buttons {
    justify-content: center;
  }
  .email-communication-template .email-container .right-column .email-content .action-buttons .compose-btn {
    margin-left: 0 !important;
  }
  .email-communication-template .email-container .right-column .email-compose-container {
    padding: 12px;
  }
  .email-communication-template .email-container .right-column .email-compose-container .compose-action-buttons {
    justify-content: center;
  }
}
@media (max-width: 480px) {
  .email-communication-template .email-container .left-column .email-list-container .email-entry {
    padding: 8px 12px;
  }
  .email-communication-template .email-container .left-column .email-list-container .email-entry .user-image {
    width: 36px;
    height: 36px;
  }
  .email-communication-template .email-container .left-column .email-list-container .email-entry .email-info .email-header .title-section .customer-name {
    font-size: 14px;
  }
  .email-communication-template .email-container .left-column .email-list-container .email-entry .email-info .email-header .email-date {
    font-size: 12px;
  }
  .email-communication-template .email-container .left-column .email-list-container .email-entry .email-info .email-preview {
    font-size: 13px;
    line-height: 18px;
  }
  .email-communication-template .email-container .right-column .email-content {
    padding: 10px;
  }
  .email-communication-template .email-container .right-column .email-content .email-title-section .email-title {
    font-size: 16px;
    margin-bottom: 8px;
  }
  .email-communication-template .email-container .right-column .email-content .email-headers .header-row .header-label {
    font-size: 13px;
  }
  .email-communication-template .email-container .right-column .email-content .email-headers .header-row .email-addresses .email-address .address-text {
    font-size: 13px;
  }
  .email-communication-template .email-container .right-column .email-content .email-body .email-content-text {
    font-size: 13px;
  }
  .email-communication-template .email-container .right-column .email-content .action-buttons .action-button {
    padding: 8px 16px 8px 12px;
  }
  .email-communication-template .email-container .right-column .email-content .action-buttons .action-button .action-text {
    font-size: 13px;
  }
  .email-communication-template .email-container .right-column .email-compose-container {
    padding: 10px;
  }
  .email-communication-template .email-container .right-column .email-compose-container .compose-field .compose-title-input {
    font-size: 16px;
    height: 44px;
  }
  .email-communication-template .email-container .right-column .email-compose-container .compose-field .header-row {
    padding: 6px 12px;
  }
  .email-communication-template .email-container .right-column .email-compose-container .compose-field .header-row .header-label {
    font-size: 13px;
  }
  .email-communication-template .email-container .right-column .email-compose-container .compose-field .header-row .email-addresses .email-address .address-text {
    font-size: 13px;
  }
  .email-communication-template .email-container .right-column .email-compose-container .compose-field .header-row .email-addresses .email-input-field {
    font-size: 13px;
    min-width: 120px;
  }
  .email-communication-template .email-container .right-column .email-compose-container .compose-action-buttons .action-button {
    padding: 8px 16px;
    font-size: 13px;
  }
}
.communication-default-style .no-subscription {
  text-align: center;
  font-size: 16px;
  color: #999;
}
.communication-settings-modal .save-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.4);
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: all;
  animation: fadeIn 0.2s ease;
}
.communication-settings-modal .save-overlay .save-loader {
  background: #fff;
  padding: 20px 30px;
  border-radius: 8px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.3);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  min-width: 150px;
  max-width: 300px;
  text-align: center;
  overflow-wrap: anywhere;
}
@media (max-width: 480px) {
  .communication-settings-modal .save-overlay .save-loader {
    padding: 15px 20px;
    min-width: 120px;
  }
}
.communication-settings-modal .save-overlay .save-loader img {
  width: 40px;
  height: 40px;
}
@media (max-width: 480px) {
  .communication-settings-modal .save-overlay .save-loader img {
    width: 30px;
    height: 30px;
  }
}
.communication-settings-modal .save-overlay .save-loader p {
  margin: 0;
  font-size: 14px;
  color: #333;
  font-weight: 500;
}
@media (max-width: 480px) {
  .communication-settings-modal .save-overlay .save-loader p {
    font-size: 12px;
  }
}
.communication-settings-modal .settings-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.6);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn 0.3s ease;
  padding: 10px;
}
@media (max-width: 480px) {
  .communication-settings-modal .settings-modal-overlay {
    padding: 5px;
  }
}
.communication-settings-modal .settings-modal {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.2);
  width: 60%;
  height: 80%;
  display: flex;
  flex-direction: column;
  max-width: 900px;
  max-height: 700px;
  min-width: 500px;
  min-height: 500px;
  animation: slideUp 0.3s ease;
}
@media (max-width: 768px) {
  .communication-settings-modal .settings-modal {
    width: 95%;
    height: 90%;
    min-width: 320px;
    min-height: 400px;
  }
}
@media (max-width: 480px) {
  .communication-settings-modal .settings-modal {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    border-radius: 0;
    max-width: 100%;
    max-height: 100%;
  }
}
.communication-settings-modal .settings-modal .settings-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 25px 15px;
  border-bottom: 1px solid #eee;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .communication-settings-modal .settings-modal .settings-modal-header {
    padding: 15px 20px 12px;
  }
}
@media (max-width: 480px) {
  .communication-settings-modal .settings-modal .settings-modal-header {
    padding: 12px 15px 10px;
  }
}
.communication-settings-modal .settings-modal .settings-modal-header h3 {
  margin: 0;
  font-size: 20px;
  color: #333;
  font-weight: 600;
}
@media (max-width: 768px) {
  .communication-settings-modal .settings-modal .settings-modal-header h3 {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  .communication-settings-modal .settings-modal .settings-modal-header h3 {
    font-size: 16px;
  }
}
.communication-settings-modal .settings-modal .settings-modal-header .close-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 5px;
  border-radius: 4px;
  color: #666;
  font-size: 18px;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
@media (max-width: 480px) {
  .communication-settings-modal .settings-modal .settings-modal-header .close-btn {
    font-size: 16px;
    padding: 3px;
  }
}
.communication-settings-modal .settings-modal .settings-modal-header .close-btn:hover {
  color: #333;
}
.communication-settings-modal .settings-modal .settings-modal-content {
  flex: 1;
  overflow: hidden;
  padding: 0;
  min-height: 0;
}
.communication-settings-modal .settings-modal .settings-modal-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  padding: 15px 25px 20px;
  border-top: 1px solid #eee;
  flex-shrink: 0;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .communication-settings-modal .settings-modal .settings-modal-footer {
    padding: 12px 20px 15px;
    gap: 8px;
  }
}
@media (max-width: 480px) {
  .communication-settings-modal .settings-modal .settings-modal-footer {
    padding: 10px 15px 12px;
    flex-direction: column-reverse;
    gap: 8px;
  }
}
.communication-settings-modal .settings-modal .settings-modal-footer .settings-btn-delete {
  padding: 8px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  background: #dc3545;
  color: #fff;
  margin-right: auto;
}
@media (max-width: 480px) {
  .communication-settings-modal .settings-modal .settings-modal-footer .settings-btn-delete {
    width: 100%;
    margin-right: 0;
    padding: 10px 20px;
  }
}
.communication-settings-modal .settings-modal .settings-modal-footer .settings-btn-delete:hover:not(:disabled) {
  background: #c82333;
  transform: translateY(-1px);
}
.communication-settings-modal .settings-modal .settings-modal-footer .settings-btn-delete:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.communication-settings-modal .settings-modal .settings-modal-footer .settings-save-error {
  color: #dc3545;
  background-color: #f8d7da;
  border: 1px solid #f5c6cb;
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 14px;
  margin-right: auto;
  flex: 1 1 100%;
}
@media (max-width: 480px) {
  .communication-settings-modal .settings-modal .settings-modal-footer .settings-save-error {
    font-size: 12px;
    padding: 6px 10px;
    width: 100%;
    text-align: center;
  }
}
.communication-settings-modal .settings-modal .settings-modal-footer .settings-btn-secondary,
.communication-settings-modal .settings-modal .settings-modal-footer .settings-btn-primary {
  padding: 8px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.2s ease;
}
@media (max-width: 480px) {
  .communication-settings-modal .settings-modal .settings-modal-footer .settings-btn-secondary,
  .communication-settings-modal .settings-modal .settings-modal-footer .settings-btn-primary {
    width: 100%;
    padding: 10px 20px;
  }
}
.communication-settings-modal .settings-modal .settings-modal-footer .settings-btn-secondary:hover:not(:disabled),
.communication-settings-modal .settings-modal .settings-modal-footer .settings-btn-primary:hover:not(:disabled) {
  transform: translateY(-1px);
}
.communication-settings-modal .settings-modal .settings-modal-footer .settings-btn-secondary:disabled,
.communication-settings-modal .settings-modal .settings-modal-footer .settings-btn-primary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.communication-settings-modal .settings-modal .settings-modal-footer .settings-btn-secondary {
  background: #f8f9fa;
  color: #6c757d;
  border: 1px solid #dee2e6;
}
.communication-settings-modal .settings-modal .settings-modal-footer .settings-btn-secondary:hover:not(:disabled) {
  background: #e9ecef;
}
.communication-settings-modal .settings-modal .settings-modal-footer .settings-btn-primary {
  background: #29abe2;
  color: #fff;
}
.communication-settings-modal .settings-modal .settings-modal-footer .settings-btn-primary:hover:not(:disabled) {
  background: #0056b3;
}
.communication-settings-modal .no-subscriptions {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 25px;
  width: 100%;
  text-align: center;
  font-size: 16px;
}
.communication-settings-modal .settings-tabs {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}
.communication-settings-modal .settings-tabs .settings-tab-headers {
  display: flex;
  border-bottom: 1px solid #dee2e6;
  background: #f8f9fa;
  padding: 0 25px;
  gap: 2px;
  overflow-x: auto;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .communication-settings-modal .settings-tabs .settings-tab-headers {
    padding: 0 20px;
  }
}
@media (max-width: 480px) {
  .communication-settings-modal .settings-tabs .settings-tab-headers {
    padding: 0 10px;
    gap: 1px;
  }
}
.communication-settings-modal .settings-tabs .settings-tab-headers .settings-tab-header {
  background: none;
  border: none;
  padding: 12px 16px;
  cursor: pointer;
  font-size: 14px;
  color: #6c757d;
  border-bottom: 3px solid transparent;
  transition: all 0.2s ease;
  white-space: nowrap;
  flex-shrink: 0;
  position: relative;
}
@media (max-width: 768px) {
  .communication-settings-modal .settings-tabs .settings-tab-headers .settings-tab-header {
    padding: 10px 12px;
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  .communication-settings-modal .settings-tabs .settings-tab-headers .settings-tab-header {
    padding: 8px 10px;
    font-size: 12px;
  }
}
.communication-settings-modal .settings-tabs .settings-tab-headers .settings-tab-header:hover {
  color: #495057;
  background: rgba(255,255,255,0.5);
}
.communication-settings-modal .settings-tabs .settings-tab-headers .settings-tab-header.active {
  color: #29abe2;
  border-bottom-color: #29abe2;
  background: #fff;
  font-weight: 500;
}
.communication-settings-modal .settings-tabs .settings-tab-headers .settings-tab-header.tab-has-errors {
  border-color: #dc3545 !important;
  background-color: #fef9f9 !important;
}
.communication-settings-modal .settings-tabs .settings-tab-headers .settings-tab-header.tab-has-errors:not(.active) {
  color: #dc3545 !important;
}
.communication-settings-modal .settings-tabs .settings-tab-headers .settings-tab-header.tab-has-errors .tab-error-icon {
  color: #dc3545;
  margin-left: 5px;
  font-size: 12px;
}
@media (max-width: 480px) {
  .communication-settings-modal .settings-tabs .settings-tab-headers .settings-tab-header.tab-has-errors .tab-error-icon {
    font-size: 10px;
    margin-left: 3px;
  }
}
.communication-settings-modal .settings-tabs .settings-tab-content {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
}
.communication-settings-modal .settings-tabs .settings-tab-content .settings-tab-panel {
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.communication-settings-modal .settings-tabs .settings-tab-content .settings-tab-panel .sub-tab-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}
.communication-settings-modal .settings-tabs .settings-tab-content .settings-tab-panel .sub-tab-container .sub-tab-header {
  padding: 20px 25px 15px;
  border-bottom: 1px solid #f0f0f0;
  background: #fafafa;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .communication-settings-modal .settings-tabs .settings-tab-content .settings-tab-panel .sub-tab-container .sub-tab-header {
    padding: 15px 20px 12px;
  }
}
@media (max-width: 480px) {
  .communication-settings-modal .settings-tabs .settings-tab-content .settings-tab-panel .sub-tab-container .sub-tab-header {
    padding: 12px 15px 10px;
  }
}
.communication-settings-modal .settings-tabs .settings-tab-content .settings-tab-panel .sub-tab-container .sub-tab-header h4 {
  margin: 0 0 15px 0;
  font-size: 18px;
  color: #333;
  font-weight: 600;
}
@media (max-width: 768px) {
  .communication-settings-modal .settings-tabs .settings-tab-content .settings-tab-panel .sub-tab-container .sub-tab-header h4 {
    font-size: 16px;
    margin: 0 0 12px 0;
  }
}
@media (max-width: 480px) {
  .communication-settings-modal .settings-tabs .settings-tab-content .settings-tab-panel .sub-tab-container .sub-tab-header h4 {
    font-size: 14px;
    margin: 0 0 10px 0;
  }
}
.communication-settings-modal .settings-tabs .settings-tab-content .settings-tab-panel .sub-tab-container .sub-tab-header .sub-tab-nav {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}
@media (max-width: 480px) {
  .communication-settings-modal .settings-tabs .settings-tab-content .settings-tab-panel .sub-tab-container .sub-tab-header .sub-tab-nav {
    gap: 4px;
  }
}
.communication-settings-modal .settings-tabs .settings-tab-content .settings-tab-panel .sub-tab-container .sub-tab-header .sub-tab-nav .sub-tab-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  min-width: 100px;
  padding: 0 16px;
  border: 1px solid #E6E6E6;
  border-radius: 4px;
  background: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #1A1A1A;
  cursor: pointer;
  gap: 6px;
  transition: all 0.15s ease;
  white-space: nowrap;
  max-width: 100%;
}
@media (max-width: 768px) {
  .communication-settings-modal .settings-tabs .settings-tab-content .settings-tab-panel .sub-tab-container .sub-tab-header .sub-tab-nav .sub-tab-btn {
    height: 36px;
    min-width: 80px;
    padding: 0 12px;
    font-size: 13px;
    max-width: 150px;
  }
}
@media (max-width: 480px) {
  .communication-settings-modal .settings-tabs .settings-tab-content .settings-tab-panel .sub-tab-container .sub-tab-header .sub-tab-nav .sub-tab-btn {
    height: 32px;
    min-width: 60px;
    padding: 0 10px;
    font-size: 12px;
    max-width: calc(48%);
    flex: 1 1 auto;
  }
}
.communication-settings-modal .settings-tabs .settings-tab-content .settings-tab-panel .sub-tab-container .sub-tab-header .sub-tab-nav .sub-tab-btn:hover {
  background: #f3f3f3;
}
.communication-settings-modal .settings-tabs .settings-tab-content .settings-tab-panel .sub-tab-container .sub-tab-header .sub-tab-nav .sub-tab-btn.active {
  background: #E5F5FB;
  border: 1px solid #29ABE2;
  color: #29ABE2;
}
.communication-settings-modal .settings-tabs .settings-tab-content .settings-tab-panel .sub-tab-container .sub-tab-header .sub-tab-nav .sub-tab-btn.sub-tab-has-errors.active {
  background: #E5F5FB;
  border: 1px solid #29ABE2;
  color: #29ABE2;
}
.communication-settings-modal .settings-tabs .settings-tab-content .settings-tab-panel .sub-tab-container .sub-tab-header .sub-tab-nav .sub-tab-btn.sub-tab-has-errors {
  border-color: #e74c3c;
  background-color: #fdecea;
  color: #e74c3c;
}
.communication-settings-modal .settings-tabs .settings-tab-content .settings-tab-panel .sub-tab-container .sub-tab-header .sub-tab-nav .sub-tab-btn .sub-tab-name {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  min-width: 0;
}
.communication-settings-modal .settings-tabs .settings-tab-content .settings-tab-panel .sub-tab-container .sub-tab-header .sub-tab-nav .sub-tab-btn .remove-sub-tab-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 9px;
  height: 9px;
  background: url('/img/icon/close_small.svg') no-repeat center center;
  background-size: contain;
  border: none;
  padding: 0;
  margin-left: 8px;
  cursor: pointer;
  opacity: 0.6;
  transition: all 0.15s ease;
  flex-shrink: 0;
}
@media (max-width: 480px) {
  .communication-settings-modal .settings-tabs .settings-tab-content .settings-tab-panel .sub-tab-container .sub-tab-header .sub-tab-nav .sub-tab-btn .remove-sub-tab-btn {
    width: 8px;
    height: 8px;
    margin-left: 4px;
  }
}
.communication-settings-modal .settings-tabs .settings-tab-content .settings-tab-panel .sub-tab-container .sub-tab-header .sub-tab-nav .sub-tab-btn .remove-sub-tab-btn:hover {
  opacity: 1;
}
.communication-settings-modal .settings-tabs .settings-tab-content .settings-tab-panel .sub-tab-container .sub-tab-header .sub-tab-nav .add-sub-tab-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 3px;
  border: 1px solid #27B1DD !important;
  padding: 4px 3px;
  background: #27B1DD;
  cursor: pointer;
  transition: all 0.15s ease;
  box-shadow: none;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .communication-settings-modal .settings-tabs .settings-tab-content .settings-tab-panel .sub-tab-container .sub-tab-header .sub-tab-nav .add-sub-tab-btn {
    width: 36px;
    height: 36px;
  }
}
@media (max-width: 480px) {
  .communication-settings-modal .settings-tabs .settings-tab-content .settings-tab-panel .sub-tab-container .sub-tab-header .sub-tab-nav .add-sub-tab-btn {
    width: 32px;
    height: 32px;
  }
}
.communication-settings-modal .settings-tabs .settings-tab-content .settings-tab-panel .sub-tab-container .sub-tab-header .sub-tab-nav .add-sub-tab-btn:hover {
  background: #1a9fc9;
  border: 1px solid #1a9fc9 !important;
}
.communication-settings-modal .settings-tabs .settings-tab-content .settings-tab-panel .sub-tab-container .sub-tab-header .sub-tab-nav .add-sub-tab-btn i {
  color: #fff;
  font-size: 14px;
}
@media (max-width: 480px) {
  .communication-settings-modal .settings-tabs .settings-tab-content .settings-tab-panel .sub-tab-container .sub-tab-header .sub-tab-nav .add-sub-tab-btn i {
    font-size: 12px;
  }
}
.communication-settings-modal .settings-tabs .settings-tab-content .settings-tab-panel .sub-tab-container .sub-tab-header .sub-tab-nav .add-sub-tab-btn img {
  width: 18px;
  height: 18px;
}
@media (max-width: 480px) {
  .communication-settings-modal .settings-tabs .settings-tab-content .settings-tab-panel .sub-tab-container .sub-tab-header .sub-tab-nav .add-sub-tab-btn img {
    width: 16px;
    height: 16px;
  }
}
.communication-settings-modal .settings-tabs .settings-tab-content .settings-tab-panel .sub-tab-container .sub-tab-content {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
}
.communication-settings-modal .settings-tabs .settings-tab-content .settings-tab-panel .sub-tab-container .sub-tab-content .sub-tab-panel {
  padding: 25px;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .communication-settings-modal .settings-tabs .settings-tab-content .settings-tab-panel .sub-tab-container .sub-tab-content .sub-tab-panel {
    padding: 20px;
  }
}
@media (max-width: 480px) {
  .communication-settings-modal .settings-tabs .settings-tab-content .settings-tab-panel .sub-tab-container .sub-tab-content .sub-tab-panel {
    padding: 15px;
  }
}
.communication-settings-modal .settings-tabs .settings-tab-content .settings-tab-panel .single-tab-container {
  padding: 25px;
}
@media (max-width: 768px) {
  .communication-settings-modal .settings-tabs .settings-tab-content .settings-tab-panel .single-tab-container {
    padding: 20px;
  }
}
@media (max-width: 480px) {
  .communication-settings-modal .settings-tabs .settings-tab-content .settings-tab-panel .single-tab-container {
    padding: 15px;
  }
}
.communication-settings-modal .settings-tabs .settings-tab-content .settings-tab-panel .single-tab-container h4 {
  margin: 0 0 20px 0;
  font-size: 18px;
  color: #333;
  font-weight: 600;
}
@media (max-width: 768px) {
  .communication-settings-modal .settings-tabs .settings-tab-content .settings-tab-panel .single-tab-container h4 {
    font-size: 16px;
    margin: 0 0 15px 0;
  }
}
@media (max-width: 480px) {
  .communication-settings-modal .settings-tabs .settings-tab-content .settings-tab-panel .single-tab-container h4 {
    font-size: 14px;
    margin: 0 0 12px 0;
  }
}
.communication-settings-modal .settings-tabs .settings-form .settings-field {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .communication-settings-modal .settings-tabs .settings-form .settings-field {
    margin-bottom: 16px;
  }
}
@media (max-width: 480px) {
  .communication-settings-modal .settings-tabs .settings-form .settings-field {
    margin-bottom: 12px;
  }
}
.communication-settings-modal .settings-tabs .settings-form .settings-field.field-error .settings-field-label {
  color: #dc3545;
}
.communication-settings-modal .settings-tabs .settings-form .settings-field.field-required .required-indicator {
  color: #dc3545;
  font-weight: bold;
  margin-left: 2px;
}
.communication-settings-modal .settings-tabs .settings-form .settings-field .settings-field-label {
  display: block;
  margin-bottom: 6px;
  font-weight: 400;
  color: #333;
  font-size: 14px;
  word-wrap: break-word;
}
@media (max-width: 480px) {
  .communication-settings-modal .settings-tabs .settings-form .settings-field .settings-field-label {
    font-size: 13px;
    margin-bottom: 5px;
  }
}
.communication-settings-modal .settings-tabs .settings-form .settings-field .settings-input {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  font-size: 14px;
  transition: all 0.2s ease;
  box-sizing: border-box;
  min-width: 0;
}
@media (max-width: 480px) {
  .communication-settings-modal .settings-tabs .settings-form .settings-field .settings-input {
    padding: 8px 10px;
    font-size: 13px;
  }
}
.communication-settings-modal .settings-tabs .settings-form .settings-field .settings-input:focus {
  outline: none;
  border-color: #29abe2;
  box-shadow: 0 0 0 0.2rem rgba(0,123,255,0.25);
}
.communication-settings-modal .settings-tabs .settings-form .settings-field .settings-input.input-error {
  border-color: #dc3545 !important;
  background-color: #f8d7da;
  box-shadow: 0 0 0 0.2rem rgba(220,53,69,0.25);
}
.communication-settings-modal .settings-tabs .settings-form .settings-field .settings-input.input-error:focus {
  border-color: #dc3545 !important;
  box-shadow: 0 0 0 0.2rem rgba(220,53,69,0.25);
}
.communication-settings-modal .settings-tabs .settings-form .settings-field .settings-radio-group {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
@media (max-width: 768px) {
  .communication-settings-modal .settings-tabs .settings-form .settings-field .settings-radio-group {
    gap: 12px;
  }
}
@media (max-width: 480px) {
  .communication-settings-modal .settings-tabs .settings-form .settings-field .settings-radio-group {
    flex-direction: column;
    gap: 10px;
  }
}
.communication-settings-modal .settings-tabs .settings-form .settings-field .settings-radio-group.input-error {
  border: 2px solid #dc3545;
  border-radius: 4px;
  padding: 8px;
  background-color: #f8d7da;
}
@media (max-width: 480px) {
  .communication-settings-modal .settings-tabs .settings-form .settings-field .settings-radio-group.input-error {
    padding: 6px;
  }
}
.communication-settings-modal .settings-tabs .settings-form .settings-field .settings-radio-group .settings-radio-option {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
}
@media (max-width: 480px) {
  .communication-settings-modal .settings-tabs .settings-form .settings-field .settings-radio-group .settings-radio-option {
    font-size: 13px;
  }
}
.communication-settings-modal .settings-tabs .settings-form .settings-field .settings-radio-group .settings-radio-option input[type="radio"] {
  margin-right: 6px;
  cursor: pointer;
  flex-shrink: 0;
}
@media (max-width: 480px) {
  .communication-settings-modal .settings-tabs .settings-form .settings-field .settings-radio-group .settings-radio-option input[type="radio"] {
    margin-right: 5px;
  }
}
.communication-settings-modal .settings-tabs .settings-form .settings-field .settings-radio-group .settings-radio-option span {
  color: #495057;
  word-wrap: break-word;
}
.communication-settings-modal .settings-tabs .settings-form .settings-field .field-error-message {
  color: #dc3545;
  font-size: 12px;
  margin-top: 4px;
  font-weight: 500;
  display: block;
  word-wrap: break-word;
}
@media (max-width: 480px) {
  .communication-settings-modal .settings-tabs .settings-form .settings-field .field-error-message {
    font-size: 11px;
    margin-top: 3px;
  }
}
@keyframes fadeIn {
  .communication-settings-modal .settings-tabs from {
    opacity: 0;
  }
  .communication-settings-modal .settings-tabs to {
    opacity: 1;
  }
}
@keyframes slideUp {
  .communication-settings-modal .settings-tabs from {
    opacity: 0;
    transform: translateY(30px);
  }
  .communication-settings-modal .settings-tabs to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 768px) {
  .communication-settings-modal .settings-tabs .message-viewer-container {
    flex-direction: column;
    height: auto;
  }
  .communication-settings-modal .settings-tabs .message-chains-panel {
    width: 100%;
    max-width: 100%;
    height: 300px;
    border-right: none;
    border-bottom: 1px solid #ddd;
  }
  .communication-settings-modal .settings-tabs .message-chains-panel .message-header .header-actions {
    gap: 4px;
  }
  .communication-settings-modal .settings-tabs .message-chains-panel .message-header .settings-btn,
  .communication-settings-modal .settings-tabs .message-chains-panel .message-header .refresh-btn {
    padding: 6px;
    font-size: 14px;
  }
  .communication-settings-modal .settings-tabs .message-content-panel {
    width: 100%;
    max-width: 100%;
    min-height: 400px;
  }
}
@media (max-width: 480px) {
  .communication-settings-modal .settings-tabs .message-chains-panel {
    height: 200px;
  }
  .communication-settings-modal .settings-tabs .message-chains-panel .message-header .settings-btn,
  .communication-settings-modal .settings-tabs .message-chains-panel .message-header .refresh-btn {
    padding: 4px;
    font-size: 12px;
  }
  .communication-settings-modal .settings-tabs .message-content-panel {
    min-height: 300px;
  }
}
.mail-providers {
  padding: 15px 15px 0 15px;
}
.mail-providers .top h1 {
  font-size: 24px;
  margin: 0;
}
.mail-providers .body {
  background-color: #FFFFFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 100%;
  padding: 0;
  margin-top: 25px;
  border: 1px solid #dddddd;
}
.mail-providers .body .loader-center {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  padding: 15px 0;
}
.mail-providers .body .btn:not(.btn-text) {
  padding: 10px 20px;
  box-shadow: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  gap: 10px;
}
.mail-providers .body .btn:not(.btn-text) img {
  width: 20px;
}
.mail-providers .body .main-container {
  position: relative;
}
.mail-providers .body .main-container .dim-screen {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  z-index: 9998;
}
.mail-providers .body .main-container.loading .dim-screen {
  display: block;
}
.mail-providers .body .tabs-container {
  display: flex;
  margin-bottom: 10px;
  border-bottom: 1px solid #EBEBEB;
}
.mail-providers .body .tabs-container .tab-item {
  width: 180px;
  padding: 15px 0;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  color: #8A8A8A;
  position: relative;
  transition: all 0.3s ease;
}
.mail-providers .body .tabs-container .tab-item i {
  color: #67ab4f;
}
.mail-providers .body .tabs-container .tab-item:hover:before,
.mail-providers .body .tabs-container .tab-item.active:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #29ABE2;
}
.mail-providers .body .content-container {
  padding: 15px;
}
.mail-providers .body .content-container .provider-title {
  font-size: 24px;
  font-weight: 400;
  color: #312F37;
  margin-bottom: 20px;
}
.mail-providers .body .content-container .actions-row {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  justify-content: space-between;
}
.mail-providers .body .content-container .actions-row .left-group {
  display: flex;
  align-items: center;
}
.mail-providers .body .content-container .actions-row .left-group .btn {
  padding: 8px 15px;
  border-radius: 4px;
  margin-right: 15px;
  cursor: pointer;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.mail-providers .body .content-container .actions-row .left-group .btn i {
  margin-right: 5px;
}
.mail-providers .body .content-container .actions-row .left-group .btn-save {
  background-color: #4CAF50;
  color: white;
  border: none;
}
.mail-providers .body .content-container .actions-row .left-group .radio-group {
  display: flex;
  align-items: center;
}
.mail-providers .body .content-container .actions-row .left-group .radio-group input[type="radio"]:checked + label:before {
  color: #29ABE2 !important;
}
.mail-providers .body .content-container .actions-row .left-group .radio-group label {
  margin-right: 15px;
  cursor: pointer;
}
.mail-providers .body .content-container .actions-row .btn-delete {
  background-color: #F44336;
  color: white;
  border: none;
}
.mail-providers .body .fields-container {
  background-color: #F5F5F5;
  border-radius: 10px;
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.mail-providers .body .fields-container .field-item {
  width: 48%;
  margin-bottom: 15px;
}
.mail-providers .body .fields-container .field-item:nth-child(odd) {
  margin-right: 4%;
}
.mail-providers .body .fields-container .field-item .field-title {
  margin-bottom: 5px;
  font-weight: 500;
}
.mail-providers .body .fields-container .field-item input {
  width: 100%;
  padding: 10px;
  border: 1px solid #DEDEDE;
  border-radius: 4px;
  box-sizing: border-box;
}
.mail-providers .body .fields-container .field-item input:focus {
  outline: none;
  border-color: #29ABE2;
}
.mail-providers .body .fields-container .field-item .error-msg {
  display: none;
  color: #f56954;
}
.mail-providers .body .fields-container .field-item.invalid input[type="text"] {
  border-color: red;
}
.mail-providers .body .fields-container .field-item.invalid .error-msg {
  display: block;
}
.mail-providers .body h3 {
  line-height: 1;
}
.mail-providers .body h3 i {
  font-size: 12px;
}
.mail-providers .body .unsubscribe-section {
  margin-top: 60px;
}
.mail-providers .body .unsubscribe-section p {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
}
.mail-providers .body .unsubscribe-section .unsubscribe-container {
  display: flex;
  align-items: center;
}
.mail-providers .body .unsubscribe-section .unsubscribe-container .unsubscribe-input {
  flex: 1;
  padding: 10px;
  border: 1px solid #DEDEDE;
  border-radius: 4px;
  margin-right: 10px;
}
.mail-providers .body .unsubscribe-section .unsubscribe-container .unsubscribe-input:focus {
  outline: none;
  border-color: #29ABE2;
}
.mail-providers .body .unsubscribe-section .unsubscribe-container .btn-copy {
  width: 97px;
  height: 38px;
  background-color: #1E67AB;
  color: white;
  border: none;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.mail-providers .body .unsubscribe-section .unsubscribe-container .btn-copy i {
  margin-right: 5px;
}
.mail-providers .body .unsubscribe-section .video-tutorial {
  color: #90A1A6 !important;
  font-size: 15px;
  display: flex;
  align-items: center;
  text-decoration: none;
  margin: 10px 0;
}
.mail-providers .body .unsubscribe-section .video-tutorial i {
  color: #90A1A6 !important;
  font-size: 15px;
  margin-right: 5px;
}
.mail-providers .body .activity-log-table {
  margin-top: 20px;
  overflow-y: auto;
}
.mail-providers .body .activity-log-table table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #E6E6E6;
}
.mail-providers .body .activity-log-table table th,
.mail-providers .body .activity-log-table table td {
  padding: 10px;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid #E6E6E6;
  font-size: 15px;
}
.mail-providers .body .activity-log-table table th {
  font-weight: 700;
  color: #000;
}
.mail-providers .body .activity-log-table table td {
  font-weight: 400;
}
.mail-providers .body .activity-log-table table td.log-error span {
  display: block;
  max-width: 450px;
}
.mail-providers .body .activity-log-table table td a {
  color: inherit;
  text-decoration: none;
}
.mail-providers .body .activity-log-table table td a:hover {
  text-decoration: underline;
}
.mail-providers .body .activity-log-table table .smaller_font-w {
  font-weight: 400;
  font-size: 14px;
  color: #979797;
}
.mail-providers .body .activity-log-table table .status-container-w {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.mail-providers .body .activity-log-table table .status-text-w {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}
.mail-providers .body .activity-log-table table .status-text-w.green {
  background-color: rgba(76,175,80,0.1);
  color: #4CAF50;
}
.mail-providers .body .activity-log-table table .status-text-w.orange {
  background-color: rgba(255,152,0,0.1);
  color: #FF9800;
}
.mail-providers .body .activity-log-table table .status-text-w.red {
  background-color: rgba(244,67,54,0.1);
  color: #F44336;
}
.mail-providers .body .activity-log-table table tbody tr:last-child td {
  border-bottom: 1px solid #E6E6E6;
}
.mail-providers .body .activity-log-table table tr.ng-if[ng-if="!logs.length"] td {
  text-align: center;
  font-weight: 500;
  color: #999;
}
@media (max-width: 768px) {
  .mail-providers .body .tabs-container {
    flex-wrap: wrap;
  }
  .mail-providers .body .tabs-container .tab-item {
    width: auto;
    flex: 1 0 auto;
  }
  .mail-providers .body .actions-row {
    flex-wrap: wrap;
  }
  .mail-providers .body .actions-row .btn,
  .mail-providers .body .actions-row .radio-group {
    margin-bottom: 10px;
  }
  .mail-providers .body .fields-container .field-item {
    width: 100%;
    margin-right: 0 !important;
  }
  .mail-providers .body .unsubscribe-container {
    flex-direction: column;
  }
  .mail-providers .body .unsubscribe-container .unsubscribe-input {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.location-search {
  position: relative;
  width: 100%;
}
.location-search .input-group {
  padding: 5px 10px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  border: 1px solid #dddddd;
  height: 40px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
}
.location-search .input-group i {
  font-size: 24px;
  color: #dddddd;
}
.location-search .input-group input[type="text"] {
  border: 0;
  height: 100%;
}
.location-search .input-group img {
  width: 15px;
}
.location-search .dropdown-menu {
  width: 100%;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.location-search .dropdown-menu.inline-relative {
  position: relative;
  box-shadow: none;
  z-index: 0;
}
.location-search .dropdown-button.open > .dropdown-menu {
  max-height: 300px;
}
.location-search .dropdown-button .suggestion-result {
  position: relative;
  width: 100%;
}
.location-search .dropdown-button .suggestion-result table {
  border-collapse: separate;
  width: 100%;
}
.location-search .dropdown-button .suggestion-result table thead,
.location-search .dropdown-button .suggestion-result table tbody {
  width: 100%;
}
.location-search .dropdown-button .suggestion-result table td,
.location-search .dropdown-button .suggestion-result table th {
  white-space: nowrap;
}
.location-search .dropdown-button .suggestion-result table thead {
  position: sticky;
  top: 0;
  background-color: #FFFFFF;
  color: #B3B3B3;
  font-size: 12px;
  font-weight: 600;
}
.location-search .dropdown-button .suggestion-result table thead th {
  padding: 10px;
}
.location-search .dropdown-button .suggestion-result table thead:not(.no-btn) th {
  padding: 5px 10px 0 10px;
}
.location-search .dropdown-button .suggestion-result table thead button {
  padding: 9px 20px;
  width: auto;
  display: inline-block;
  background-color: transparent;
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  border: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.location-search .dropdown-button .suggestion-result table thead button.xs {
  padding: 3px 15px;
}
.location-search .dropdown-button .suggestion-result table thead button:not(.cancel) {
  background-color: #67ab4f;
  color: #FFFFFF;
  margin-left: 10px;
}
.location-search .dropdown-button .suggestion-result table thead button:not(.cancel):hover {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.location-search .dropdown-button .suggestion-result table thead button:not(.cancel):disabled {
  cursor: default;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.location-search .dropdown-button .suggestion-result table thead button.cancel {
  color: #666;
  border: 1px solid #ccc;
}
.location-search .dropdown-button .suggestion-result table tbody tr:hover td {
  background-color: #f5f5f5;
}
.location-search .dropdown-button .suggestion-result table tbody tr:hover td button {
  color: inherit !important;
  background-color: transparent !important;
}
.location-search .dropdown-button .suggestion-result table tbody tr td {
  font-size: 14px;
  color: #000000;
}
.location-search .dropdown-button .suggestion-result table tbody tr td button {
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  color: inherit;
  display: block;
  width: 100%;
  text-align: left;
  padding: 10px;
}
.location-search .dropdown-button .suggestion-result table tbody tr td i.fa {
  font-size: 16px;
  color: #B3B3B3;
}
.location-search .dropdown-button .suggestion-result table tbody tr td i.fa-check-square {
  color: #67ab4f;
}
.location-search .dropdown-button .suggestion-result table tbody tr:not(:last-child) td {
  border-bottom: 1px solid #EBEBEB;
}
.location-search .errors .error-msg {
  display: block;
}
.location-search .errors .error-msg:last-child {
  margin-bottom: 15px;
}
.next-step-directive {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.next-step-directive .overlay-dim {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 1;
}
.next-step-directive .popup-container {
  position: relative;
  max-width: 540px;
  width: 90%;
  max-height: 90vh;
  background: white;
  border-radius: 4px;
  padding: 24px 20px 20px 20px;
  opacity: 1;
  z-index: 2;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
@media (max-width: 576px) {
  .next-step-directive .popup-container {
    max-width: 95%;
    padding: 20px 15px;
  }
}
.next-step-directive .popup-container.loading .popup-content {
  opacity: 0.3;
  pointer-events: none;
  user-select: none;
}
.next-step-directive .popup-container .loader-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  pointer-events: none;
}
.next-step-directive .popup-container .loader-overlay .loader-image {
  pointer-events: auto;
  z-index: 11;
}
.next-step-directive .popup-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.next-step-directive .popup-header .popup-title {
  font-weight: 700;
  font-style: bold;
  font-size: 20px;
  line-height: 22px;
  letter-spacing: 0%;
  color: black;
  margin: 0;
  margin-bottom: 8px;
}
.next-step-directive .popup-header .close-icon {
  cursor: pointer;
  font-size: 20px;
  color: #666;
  transition: color 0.2s;
}
.next-step-directive .popup-header .close-icon:hover {
  color: #000;
}
.next-step-directive .descriptive-text {
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #AAAAAA;
  margin-bottom: 2px;
}
.next-step-directive .action-buttons-row {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.next-step-directive .action-buttons-row .action-item {
  height: 40px;
  border-radius: 4px;
  padding: 0 12px 0 16px;
  gap: 6px;
  opacity: 1;
  border: 1px solid #E6E6E6;
  display: flex;
  align-items: center;
  cursor: pointer;
  background: white;
  transition: all 0.2s;
  flex: 1;
  min-width: 120px;
  font-size: 14px;
  font-weight: 600;
  color: #1A1A1A;
}
.next-step-directive .action-buttons-row .action-item.selected {
  background: #E5F5FB;
  border: 1px solid #29ABE2;
  color: #29ABE2;
}
@media (max-width: 576px) {
  .next-step-directive .action-buttons-row .action-item {
    flex: 0 0 auto;
  }
}
.next-step-directive .action-buttons-row .dropdown-wrapper {
  position: relative;
  flex: 0 0 auto;
  display: inline-block;
  min-width: unset;
}
.next-step-directive .action-buttons-row .dropdown-wrapper.selected .dropdown-trigger {
  font-weight: 600;
  background: #E5F5FB !important;
  border: 1px solid #29ABE2 !important;
  color: #29ABE2 !important;
}
.next-step-directive .action-buttons-row .dropdown-wrapper .dropdown-trigger {
  border: 0;
  background-color: transparent;
  cursor: pointer;
  padding: 0;
  padding: 7px 10px;
  gap: 8px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #E6E6E6;
  background-color: #FFFFFF;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  transition: all 0.2s;
  white-space: nowrap;
  min-width: 160px;
}
.next-step-directive .action-buttons-row .dropdown-wrapper .dropdown-trigger span {
  font-size: 14px;
  flex: 1;
  text-align: left;
}
.next-step-directive .action-buttons-row .dropdown-wrapper .dropdown-trigger i {
  font-size: 14px;
}
.next-step-directive .action-buttons-row .dropdown-wrapper .dropdown-menu {
  display: block !important;
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 4px;
  background-color: #FFFFFF;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  min-width: 100%;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  z-index: 100;
  max-height: 300px;
  overflow-y: auto;
  width: max-content;
  font-weight: 600;
}
.next-step-directive .action-buttons-row .dropdown-wrapper .dropdown-menu .dropdown-group-label {
  padding: 8px 12px 4px;
  font-size: 12px;
  font-weight: 600;
  color: #666;
}
.next-step-directive .action-buttons-row .dropdown-wrapper .dropdown-menu .dropdown-item {
  display: block;
  padding: 8px 12px;
  text-align: left;
  color: #000000;
  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
  font-weight: 600;
}
.next-step-directive .action-buttons-row .dropdown-wrapper .dropdown-menu .dropdown-item:hover {
  background-color: #F5F5F5;
}
.next-step-directive .action-buttons-row .dropdown-wrapper .dropdown-menu .dropdown-item.active {
  background-color: #E5F5FB;
  color: #29ABE2;
}
.next-step-directive .action-buttons-row .dropdown-wrapper .dropdown-menu .dropdown-item:first-child {
  border-radius: 6px 6px 0 0;
}
.next-step-directive .action-buttons-row .dropdown-wrapper .dropdown-menu .dropdown-item:last-child {
  border-radius: 0 0 6px 6px;
}
.next-step-directive .action-buttons-row .action-button .button-icon {
  width: 16px;
  height: 15px;
  opacity: 1;
}
.next-step-directive .action-buttons-row .action-button span {
  white-space: nowrap;
}
.next-step-directive .action-buttons-row .checkbox-wrapper {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  cursor: pointer !important;
}
.next-step-directive .action-buttons-row .checkbox-wrapper .task-checkbox {
  appearance: none !important;
  width: 17px !important;
  height: 17px !important;
  border: 2px solid #312F37 !important;
  border-radius: 3px !important;
  background-color: white !important;
  cursor: pointer !important;
  position: relative !important;
}
.next-step-directive .action-buttons-row .checkbox-wrapper .task-checkbox:checked::after {
  content: '' !important;
  position: absolute !important;
  top: 2px !important;
  left: 5px !important;
  width: 4px !important;
  height: 9px !important;
  border: solid #312F37 !important;
  border-width: 0 2px 2px 0 !important;
  transform: rotate(45deg) !important;
}
.next-step-directive .action-buttons-row .checkbox-wrapper label {
  cursor: pointer !important;
  margin: 0 !important;
  font-size: 14px !important;
}
.next-step-directive .dynamic-content {
  margin-bottom: 20px;
}
.next-step-directive .content-wrapper {
  height: 48px;
  border-radius: 4px;
  gap: 6px;
  opacity: 1;
  padding: 4px;
  background: #F5F5F5;
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  min-height: 48px;
  height: auto;
  width: auto;
}
@media (max-width: 768px) {
  .next-step-directive .content-wrapper {
    flex-direction: column;
    height: auto;
    padding: 8px;
  }
}
.next-step-directive .picker-item {
  height: 40px;
  border-radius: 4px;
  padding: 12px 16px 12px 12px;
  gap: 10px;
  opacity: 1;
  border: 1px solid #E6E6E6;
  background: white;
  display: flex;
  align-items: center;
  width: auto !important;
}
@media (max-width: 576px) {
  .next-step-directive .picker-item {
    width: 100%;
  }
}
.next-step-directive .picker-item.active .picker-icon {
  color: #27B1DD;
}
.next-step-directive .picker-item .picker-icon {
  font-size: 16px;
  color: #666;
  transition: color 0.2s;
}
.next-step-directive .picker-item input {
  border: none;
  outline: none;
  background: transparent;
  flex: 1;
  font-size: 14px;
  max-width: 70px !important;
}
.next-step-directive .picker-item input::-webkit-calendar-picker-indicator {
  display: none;
}
.next-step-directive .time-dropdown-wrapper {
  position: relative;
  cursor: pointer;
}
.next-step-directive .time-dropdown-wrapper .time-input {
  border: none;
  outline: none;
  background: transparent;
  flex: 1;
  font-size: 14px;
  max-width: 70px !important;
  cursor: pointer;
}
.next-step-directive .time-dropdown-wrapper .time-input::placeholder {
  color: #999;
}
.next-step-directive .time-dropdown-wrapper .dropdown-arrow {
  font-size: 12px;
  color: #666;
  margin-left: 4px;
  transition: transform 0.2s, color 0.2s;
}
.next-step-directive .time-dropdown-wrapper.active .picker-icon,
.next-step-directive .time-dropdown-wrapper.active .dropdown-arrow {
  color: #27B1DD;
}
.next-step-directive .time-dropdown-wrapper.active .dropdown-arrow {
  transform: rotate(180deg);
}
.next-step-directive .time-dropdown-menu {
  position: absolute;
  top: calc(104%);
  left: 0;
  right: 0;
  background: white;
  border: 1px solid #E6E6E6;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  z-index: 1000;
  max-height: 150px;
  overflow: hidden;
}
@media (max-width: 576px) {
  .next-step-directive .time-dropdown-menu {
    max-height: 250px;
  }
}
.next-step-directive .time-dropdown-scroll {
  max-height: 150px;
  overflow-y: auto;
}
@media (max-width: 576px) {
  .next-step-directive .time-dropdown-scroll {
    max-height: 250px;
  }
}
.next-step-directive .time-dropdown-scroll::-webkit-scrollbar {
  width: 6px;
}
.next-step-directive .time-dropdown-scroll::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.next-step-directive .time-dropdown-scroll::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 3px;
}
.next-step-directive .time-dropdown-scroll::-webkit-scrollbar-thumb:hover {
  background: #999;
}
.next-step-directive .time-dropdown-item {
  display: block;
  padding: 10px 16px;
  font-size: 14px;
  color: #333;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.2s;
}
.next-step-directive .time-dropdown-item:hover {
  background-color: #f5f5f5;
}
.next-step-directive .time-dropdown-item.active {
  background-color: #E8F7FC;
  color: #27B1DD;
  font-weight: 500;
}
.next-step-directive .time-group-label {
  padding: 8px 16px 4px;
  font-size: 12px;
  font-weight: 600;
  color: #999;
  text-transform: uppercase;
  background-color: #fafafa;
  border-top: 1px solid #f0f0f0;
}
.next-step-directive .time-group-label:first-child {
  border-top: none;
}
.next-step-directive .postpone-buttons {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
.next-step-directive .postpone-buttons .postpone-btn {
  height: 40px;
  border-radius: 4px;
  padding: 0 16px;
  gap: 6px;
  opacity: 1;
  border: 1px solid #E6E6E6;
  background: white;
  color: #1A1A1A;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 600;
}
.next-step-directive .postpone-buttons .postpone-btn.selected {
  background: #E5F5FB;
  border: 1px solid #29ABE2;
  color: #29ABE2;
}
.next-step-directive .postpone-buttons .postpone-btn:hover {
  background: #f9f9f9;
}
@media (max-width: 768px) {
  .next-step-directive .postpone-buttons .postpone-btn {
    flex: 1 1 calc(47%);
  }
}
@media (max-width: 576px) {
  .next-step-directive .postpone-buttons .postpone-btn {
    flex: 1 1 100%;
  }
}
.next-step-directive .placeholder-content {
  width: 100%;
  max-width: 480px;
  max-height: 836px;
  border-radius: 4px;
  padding: 10px 6px 10px 10px;
  gap: 4px;
  opacity: 1;
  margin-bottom: 20px;
}
@media (max-width: 576px) {
  .next-step-directive .placeholder-content {
    height: auto;
    min-height: 100px;
  }
}
.next-step-directive .validation-error {
  color: #f56954;
  font-size: 13px;
  font-weight: 600;
  margin-top: 6px;
}
.next-step-directive .comment-validation-error .comment-input-wrapper {
  border-color: #f56954 !important;
}
.next-step-directive .button-footer {
  display: flex;
  justify-content: flex-end;
}
.next-step-directive .button-footer .confirm-button {
  height: 34px;
  border-radius: 3px;
  padding: 7px 13px;
  gap: 10px;
  opacity: 1;
  background: #29ABE2;
  color: white;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 14px;
  transition: background 0.2s;
}
.next-step-directive .button-footer .confirm-button:not(:disabled):hover {
  background: #2199ca;
}
.next-step-directive .button-footer .confirm-button i {
  margin-left: 8px;
}
.next-step-directive .button-footer .confirm-button:disabled {
  background-color: #D9D9D9;
  color: #ffffff;
  cursor: not-allowed;
}
.comments-wrapper {
  position: relative;
  width: 100% !important;
  height: 100%;
  display: block;
}
.comments-wrapper .loader-image,
.comments-wrapper .loader-more-image {
  margin-left: 45%;
}
.comments-wrapper .loader-more-image {
  height: 24px;
  width: 24px;
}
.comments-wrapper .comments-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 9998;
}
.comments-wrapper .comments-container {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  background: #ffffff;
  align-items: stretch !important;
}
.comments-wrapper .comments-container.comments-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 520px;
  border-radius: 4px;
  padding: 24px 20px 20px 20px;
  gap: 20px;
  z-index: 9999;
  box-shadow: 0 4px 20px rgba(0,0,0,0.15);
  overflow-y: auto;
}
.comments-wrapper .comments-popup-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #808080;
  z-index: 10;
}
.comments-wrapper .comments-popup-close:hover {
  color: #1A1A1A;
}
.comments-wrapper .comments-popup-close i {
  font-size: 16px;
}
.comments-wrapper .comments-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-size: 24px;
  color: #29ABE2;
  z-index: 5;
}
.comments-wrapper .comments-list {
  flex: 1;
  width: 100% !important;
  min-width: 0;
  overflow-y: auto;
  max-height: 185px;
  overflow-x: hidden;
}
.comments-wrapper .comments-list.not-empty {
  margin: 20px 0;
}
.comments-wrapper .comments-list .loader-image {
  margin-bottom: 20px;
}
.comments-wrapper .comments-list.comments-list-readonly {
  margin-bottom: 0;
  margin-top: 0px;
  width: 100% !important;
  min-width: 0 !important;
  display: block !important;
}
.comments-wrapper .comments-list::-webkit-scrollbar {
  width: 6px;
}
.comments-wrapper .comments-list::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}
.comments-wrapper .comments-list::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}
.comments-wrapper .comments-list::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}
.comments-wrapper .comment-item {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #f0f0f0;
  transition: background-color 0.3s ease;
}
.comments-wrapper .comment-item.comment-item-readonly {
  margin-top: 2px;
  padding-bottom: 0;
  border-bottom: none;
  min-width: 0 !important;
  width: 100% !important;
  display: block !important;
}
.comments-wrapper .comment-item.comment-item-last {
  padding-bottom: 4px;
  border-bottom: none;
}
.comments-wrapper .comment-item.comment-deleting {
  background-color: #ffe6e6;
  padding: 8px;
  border-radius: 4px;
}
.comments-wrapper .comment-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 28px;
  margin-bottom: 8px;
  width: 100%;
}
.comments-wrapper .comment-user-info {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-width: 0;
}
.comments-wrapper .comment-user-avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  display: none;
}
.comments-wrapper .comment-user-name {
  font-weight: 600;
  font-size: 15px;
  line-height: 19px;
  color: #000000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.comments-wrapper .comment-date {
  font-weight: 400;
  font-size: 15px;
  line-height: 19px;
  color: #808080;
  white-space: nowrap;
  flex-shrink: 0;
}
.comments-wrapper .comment-separator {
  color: #808080;
  font-size: 15px;
  line-height: 19px;
}
.comments-wrapper .comment-entity-tag {
  font-weight: 400;
  font-size: 15px;
  line-height: 19px;
  color: #808080;
  white-space: nowrap;
  text-decoration: none;
  cursor: default;
}
.comments-wrapper a.comment-entity-tag {
  cursor: pointer;
}
.comments-wrapper a.comment-entity-tag:hover {
  text-decoration: underline;
  color: #808080;
}
.comments-wrapper .comment-options {
  position: relative;
  flex-shrink: 0;
  margin-left: 8px;
  margin-right: 4px;
}
.comments-wrapper .comment-options-trigger {
  cursor: pointer;
  color: #808080;
  padding: 4px 8px;
  transform: rotate(90deg);
}
.comments-wrapper .comment-options-trigger:hover {
  color: #1A1A1A;
}
.comments-wrapper .comment-options-menu {
  position: absolute;
  background: #ffffff;
  border: 1px solid #E6E6E6;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  z-index: 99999;
  min-width: 120px;
}
.comments-wrapper .comment-option {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  cursor: pointer;
  font-size: 14px;
  color: #1A1A1A;
}
.comments-wrapper .comment-option:hover {
  background-color: #f5f5f5;
}
.comments-wrapper .comment-option:first-child {
  border-radius: 4px 4px 0 0;
}
.comments-wrapper .comment-option:last-child {
  border-radius: 0 0 4px 4px;
}
.comments-wrapper .comment-option i {
  width: 14px;
  text-align: center;
}
.comments-wrapper .comment-body {
  min-width: 100%;
}
.comments-wrapper .comment-text {
  min-width: 100% !important;
  font-weight: 400;
  font-size: 15px;
  line-height: 19px;
  color: #1A1A1A;
  margin: 0;
  word-wrap: break-word;
}
.comments-wrapper .comments-empty {
  text-align: center;
  color: #808080;
  font-size: 15px;
  background-color: transparent;
}
.comments-wrapper .comments-input-section {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.comments-wrapper .comment-input-wrapper {
  border-radius: 4px;
  padding: 10px 6px 6px 10px;
  border: 1px solid #E6E6E6;
  background: #ffffff;
}
.comments-wrapper .comment-input {
  width: 100%;
  border: none;
  outline: none;
  resize: none;
  font-weight: 400;
  font-size: 15px;
  line-height: 19px;
  color: #1A1A1A;
  font-family: inherit;
  max-height: 80px;
  overflow-y: auto;
}
.comments-wrapper .comment-input::placeholder {
  color: #808080;
  font-style: normal;
}
.comments-wrapper .comment-input:disabled {
  background-color: #f5f5f5;
  cursor: not-allowed;
}
.comments-wrapper .comment-input::-webkit-scrollbar {
  width: 4px;
}
.comments-wrapper .comment-input::-webkit-scrollbar-track {
  background: transparent;
}
.comments-wrapper .comment-input::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 2px;
}
.comments-wrapper .comment-predefined-responses {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 4px 0;
}
.comments-wrapper .predefined-response-btn {
  height: 32px;
  border-radius: 4px;
  padding: 5px 12px;
  border: 1px solid #E6E6E6;
  background: #ffffff;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.comments-wrapper .predefined-response-btn:hover:not(:disabled) {
  background-color: #E5F5FB;
  color: #27B1DD;
  border: 1px solid #27B1DD;
}
.comments-wrapper .predefined-response-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.comments-wrapper .predefined-response-btn.active {
  background-color: #E5F5FB;
  color: #27B1DD;
  border: 1px solid #27B1DD;
}
.comments-wrapper .comment-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-bottom: 6px;
}
.comments-wrapper .comment-btn {
  height: 34px;
  border-radius: 3px;
  padding: 5px 12px;
  border: none;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
  gap: 6px;
}
.comments-wrapper .comment-btn.comment-btn-primary {
  background: #29ABE2;
  color: #ffffff;
}
.comments-wrapper .comment-btn.comment-btn-primary:hover:not(:disabled) {
  background: #2199cc;
}
.comments-wrapper .comment-btn.comment-btn-primary.comment-btn-disabled,
.comments-wrapper .comment-btn.comment-btn-primary:disabled {
  background: #D9D9D9;
  cursor: not-allowed;
}
.comments-wrapper .comment-btn.comment-btn-primary.comment-btn-delete {
  background: #ff6b6b;
}
.comments-wrapper .comment-btn.comment-btn-primary.comment-btn-delete:hover {
  background: #ff5252;
}
.comments-wrapper .comment-btn.comment-btn-cancel {
  background: #ffffff;
  color: #1A1A1A;
  border: 1px solid #E6E6E6;
}
.comments-wrapper .comment-btn.comment-btn-cancel:hover {
  background: #f5f5f5;
}
.comments-wrapper .comment-loader-inside {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  display: inline-block;
}
.comments-wrapper.comments-mode-popup .comments-list {
  max-height: 185px;
}
.comments-wrapper.comments-mode-readonly {
  height: 100%;
  min-width: 0 !important;
  width: 100% !important;
  display: block !important;
}
.comments-wrapper.comments-mode-readonly .comments-list {
  flex: 1;
  height: 100%;
  min-width: 0 !important;
  width: 100% !important;
  display: block !important;
}
.comments-wrapper.comments-mode-readonly .comments-container {
  background: transparent !important;
  width: 100% !important;
  display: block !important;
}
.comments-wrapper.comments-mode-readonly .comment-item {
  background: transparent !important;
  width: 100% !important;
  display: block !important;
  min-width: 0 !important;
}
.comments-wrapper.comments-mode-readonly .comment-body {
  background: transparent !important;
  width: 100% !important;
  display: block !important;
  min-width: 0 !important;
}
.comments-wrapper.comments-mode-readonly .comment-text {
  width: 100% !important;
  display: block !important;
  box-sizing: border-box !important;
}
.comments-wrapper.comments-mode-compact {
  border: 1px solid #EBEBEB;
  padding: 14px 14px 0 14px;
  margin-bottom: 15px;
}
.comments-wrapper.comments-mode-compact .comments-container {
  background: #ffffff;
}
.comments-wrapper.comments-mode-compact .comments-compact-header {
  font-weight: 700;
  font-size: 20px;
  line-height: 22px;
  color: #000000;
  margin-bottom: 12px;
}
.comments-wrapper.comments-mode-compact .comments-compact-header .comments-compact-count {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #BFBFBF;
  margin-left: 4px;
}
.comments-wrapper.comments-mode-compact .comments-list {
  max-height: 222px;
  margin-top: 0;
  margin-bottom: 0;
  transition: max-height 0.3s ease;
}
.comments-wrapper.comments-mode-compact .comments-list.comments-list-compact {
  max-height: 222px;
}
.comments-wrapper.comments-mode-compact .comments-empty {
  text-align: center;
  padding: 20px 0;
  color: #808080;
  font-size: 14px;
}
.comments-wrapper.comments-mode-compact .comments-input-section {
  padding-bottom: 12px;
  margin-bottom: 0;
}
.comments-wrapper.comments-mode-compact .comments-compact-actions {
  border-top: 1px solid #EBEBEB;
  padding: 12px 0;
  margin-top: 12px;
}
.comments-wrapper.comments-mode-compact-expanded .comments-list {
  max-height: 350px;
}
.comments-wrapper.comments-mode-compact-expanded .comments-list.comments-list-compact {
  max-height: 350px;
}
.comments-wrapper .comments-compact-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.comments-wrapper .comments-compact-spacer {
  flex: 1;
}
.comments-wrapper .comments-compact-right {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}
.comments-wrapper .comments-compact-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 12px;
  border-radius: 6px;
  border: none;
  font-family: 'Segoe UI', sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.comments-wrapper .comments-compact-btn.comments-compact-btn-load {
  background-color: #E4F1FB;
  border: 1px solid #E4F1FB;
  color: #2397D1;
}
.comments-wrapper .comments-compact-btn.comments-compact-btn-load:hover {
  background-color: #d4e8f7;
  border-color: #2397D1;
}
.comments-wrapper .comments-compact-btn.comments-compact-btn-load .btn-icon-arrow {
  width: 20px;
  height: 20px;
}
.comments-wrapper .comments-compact-btn.comments-compact-btn-add {
  background-color: #3CAAE2;
  color: #ffffff;
}
.comments-wrapper .comments-compact-btn.comments-compact-btn-add:hover:not(:disabled) {
  background-color: #2999d1;
}
.comments-wrapper .comments-compact-btn.comments-compact-btn-add:disabled {
  background-color: #9dd4f0;
  cursor: not-allowed;
}
.comments-wrapper .comments-compact-btn.comments-compact-btn-add .btn-icon-add {
  width: 20px;
  height: 20px;
}
.comments-wrapper .comments-compact-btn.comments-compact-btn-close {
  background-color: #ffffff;
  border: 1px solid #E6E6E6;
  color: #1A1A1A;
}
.comments-wrapper .comments-compact-btn.comments-compact-btn-close:hover {
  background-color: #f5f5f5;
}
.comments-wrapper.variation-plain {
  padding: 0;
  border: 0;
}
.comments-wrapper.variation-plain .comment-item {
  margin-top: 0;
}
.comments-wrapper.variation-plain .comments-compact-header {
  display: none;
}
.comments-item-wrapper .comments-mode-compact {
  margin-bottom: 0;
  border-bottom: none;
}
.comments-item-wrapper .comments-compact-btn-add {
  margin-right: 15px;
}
@media (max-width: 530px) {
  .comments-wrapper .comments-container.comments-popup {
    max-width: 90%;
    min-height: 530px;
  }
  .comments-wrapper .predefined-response-btn {
    font-size: 13px;
    padding: 0 10px;
  }
}
.invoices-module {
  padding: 20px;
  background-color: white;
}
.invoices-module .finance-container {
  display: flex;
  gap: 30px;
  margin-top: 20px;
}
@media (max-width: 998px) {
  .invoices-module .finance-container {
    flex-direction: column;
    gap: 40px;
    margin-top: 75px;
  }
}
.invoices-module .finance-column {
  flex: 1;
  max-width: 400px;
}
.invoices-module .finance-column .column-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.invoices-module .finance-column .column-header .column-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #333;
}
.invoices-module .finance-column .column-header .column-button {
  height: 32px;
  border-radius: 3px;
  opacity: 1;
  padding: 6px 20px;
  background: #E5F5FB;
  color: #27B1DD;
  border: none;
  cursor: pointer;
  font-weight: 600;
  line-height: 20px;
  transition: background 0.2s ease;
}
.invoices-module .finance-column .column-header .column-button:hover {
  background: #d8f0f8;
}
.invoices-module .finance-column .column-header .column-button:active {
  background: #c2e7f3;
}
.invoices-module .finance-column .input-row {
  margin-bottom: 10px;
}
.invoices-module .finance-column .input-row .finance-input-disabled {
  height: 40px;
  padding: 0 12px;
  border-radius: 3px;
  font-size: 14px;
}
.invoices-module .finance-column .input-row .finance-input-disabled:focus {
  outline: none;
  border-color: #27B1DD;
}
.invoices-module .finance-column .input-row .finance-input-disabled {
  width: 400px;
  border: 1px solid #ddd;
  background-color: #f5f5f5;
  color: #808080;
}
@media (max-width: 500px) {
  .invoices-module .finance-column .input-row .finance-input-disabled {
    width: 100%;
  }
}
.invoices-module .finance-column .invoices-section {
  margin-top: 15px;
}
.invoices-module .finance-column .invoices-section .no-data-link {
  display: inline-block;
  font-size: 14px;
  color: #27B1DD;
  text-decoration: none;
}
.invoices-module .finance-column .invoices-section .no-data-link:hover {
  text-decoration: underline;
}
.invoices-module .finance-column .invoices-section .finance-prim-button {
  height: 42px;
  padding: 10.67px 20.67px;
  border: none;
  border-radius: 3px;
  background: #27B1DD;
  font-size: 14px;
  color: white;
  cursor: pointer;
  transition: background 0.2s;
  margin-top: 20px;
}
.invoices-module .finance-column .invoices-section .finance-prim-button:hover {
  background: #1f9bc4;
}
.invoices-module .finance-column .invoices-section .finance-prim-button:active {
  background: #1a86aa;
}
.invoices-module .finance-column .invoices-section .invoice-action-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.invoices-module .finance-column .invoices-section .invoice-action-buttons .btn-cancel,
.invoices-module .finance-column .invoices-section .invoice-action-buttons .btn-save {
  height: 42px;
  padding: 10.67px 20.67px;
  border-radius: 3px;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.2s;
}
.invoices-module .finance-column .invoices-section .invoice-action-buttons .btn-cancel {
  background: #ccc;
  color: #333;
}
.invoices-module .finance-column .invoices-section .invoice-action-buttons .btn-cancel:hover {
  background: #b3b3b3;
}
.invoices-module .finance-column .invoices-section .invoice-action-buttons .btn-save {
  background: #27B1DD;
  color: #fff;
}
.invoices-module .finance-column .invoices-section .invoice-action-buttons .btn-save:hover {
  background: #1f9bc4;
}
.invoices-module .finance-column .invoices-section .invoice-action-buttons .btn-save:active {
  background: #1a86aa;
}
.invoices-module .finance-column .invoices-section .invoice-action-buttons .btn-save:disabled {
  background: #ccc;
  color: #333;
}
.invoices-module .column-summary {
  max-width: 840px;
  border-radius: 4px;
  opacity: 1;
  gap: 8px;
  padding: 15px;
  margin-top: 20px;
}
@media (max-width: 500px) {
  .invoices-module .column-summary {
    width: 100%;
  }
}
.invoices-module .column-summary.paid {
  background: #E3F8E8;
  border: 1px solid #D6F5DD;
}
.invoices-module .column-summary.not-paid {
  background: #FCEEEE;
}
.invoices-module .column-summary.default {
  border: 1px solid #E6E6E6;
  border-radius: 4px;
  background-color: #EBEBEB;
}
.invoices-module .column-summary .summary-title {
  font-weight: 700;
  font-size: 14px;
  color: #333;
  margin-bottom: 15px;
}
.invoices-module .column-summary .summary-title.combined {
  text-align: center;
  text-transform: uppercase;
}
.invoices-module .column-summary .summary-columns {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin-top: 10px;
  align-items: stretch;
}
@media (max-width: 500px) {
  .invoices-module .column-summary .summary-columns {
    flex-wrap: wrap;
    gap: 15px;
  }
}
.invoices-module .column-summary .summary-columns .summary-column {
  width: 116px;
  min-height: 63px;
  flex: 1;
  border: 1px solid #E6E6E6;
  background-color: #ffffff;
  border-radius: 6px;
  padding: 12px 15px;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}
.invoices-module .column-summary .summary-columns .summary-column.combined {
  width: 140px;
  flex: none;
}
.invoices-module .column-summary .summary-columns .summary-column.paid {
  background-color: #2BA84A;
  color: #ffffff;
}
.invoices-module .column-summary .summary-columns .summary-column.paid .summary-label,
.invoices-module .column-summary .summary-columns .summary-column.paid .summary-value {
  color: #ffffff;
}
.invoices-module .column-summary .summary-columns .summary-column.paid .summary-value {
  font-weight: 700;
}
.invoices-module .column-summary .summary-columns .summary-column.not-paid {
  background-color: #DC4242;
  color: #ffffff;
}
.invoices-module .column-summary .summary-columns .summary-column.not-paid .summary-label,
.invoices-module .column-summary .summary-columns .summary-column.not-paid .summary-value {
  color: #ffffff;
}
.invoices-module .column-summary .summary-columns .summary-column.not-paid .summary-value {
  font-weight: 700;
}
.invoices-module .column-summary .summary-columns .summary-column.default {
  background-color: white;
  color: #333;
}
.invoices-module .column-summary .summary-columns .summary-column .summary-label {
  font-weight: 600;
  font-size: 12px;
  color: #808080;
  margin-bottom: 8px;
}
.invoices-module .column-summary .summary-columns .summary-column .summary-value {
  font-weight: 400;
  font-size: 16px;
  color: black;
}
.invoices-module .column-summary .summary-columns .summary-column .summary-value.with-icon {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.invoices-module .column-summary .summary-columns .summary-column .summary-value.with-icon img {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.invoices-module .column-summary .summary-columns .summary-column .summary-value.with-icon span {
  flex-grow: 1;
}
.commission-container .commission-block {
  display: flex;
  flex-direction: column;
  max-width: 400px;
}
.commission-container .commission-title {
  font-weight: 400;
  margin-bottom: 6px;
  font-size: 14px;
  color: #333;
}
.commission-container .dual-input-container {
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.commission-container .input-row {
  margin-bottom: 10px;
}
.commission-container .input-with-dropdown {
  display: flex;
  gap: 5px;
  max-width: 400px;
}
@media (max-width: 500px) {
  .commission-container .input-with-dropdown {
    flex-direction: column;
  }
  .commission-container .input-with-dropdown .finance-input,
  .commission-container .input-with-dropdown .finance-dropdown {
    width: 100%;
  }
}
.commission-container .finance-input,
.commission-container .finance-input-disabled {
  height: 40px;
  padding: 0 12px;
  border-radius: 3px;
  font-size: 14px;
}
.commission-container .finance-input:focus,
.commission-container .finance-input-disabled:focus {
  outline: none;
  border-color: #27B1DD;
}
.commission-container .finance-input {
  width: 314px;
  color: black;
  background-color: white;
  border: 1px solid #ddd;
}
.commission-container .finance-input-disabled {
  width: 400px;
  border: 1px solid #ddd;
  background-color: #f5f5f5;
  color: #808080;
}
@media (max-width: 500px) {
  .commission-container .finance-input-disabled {
    width: 100%;
  }
}
.commission-container .finance-dropdown {
  width: 80px;
  height: 40px;
  padding: 0 8px;
  border: 1px solid #ddd;
  border-radius: 3px;
  font-size: 14px;
  background-color: white;
  cursor: pointer;
}
.commission-container .finance-dropdown:focus {
  outline: none;
  border-color: #27B1DD;
}
.location-picker-style {
  margin: 10px 0 20px 0;
}
.location-picker-style .toggle-view {
  margin: 30px 0 10px 0;
  display: none;
  width: 100%;
}
@media (max-width: 768px) {
  .location-picker-style .toggle-view {
    display: block;
  }
}
.location-picker-style .columns-container {
  display: flex;
  gap: 20px;
  margin-bottom: 0;
  width: 100%;
}
.location-picker-style .columns-container:last-child .column:not(.noborder) {
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  border-bottom: 1px solid #EBEBEB;
}
.location-picker-style .column {
  flex: 1;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  background-color: #FFFFFF;
  padding: 0 10px 10px 10px;
  border: 1px solid transparent;
}
@media (max-width: 768px) {
  .location-picker-style .column.hiddenMobile {
    display: none;
  }
}
@media (max-width: 768px) {
  .location-picker-style .column {
    max-width: 100%;
    width: 100%;
  }
}
.location-picker-style .column.top,
.location-picker-style .column.middle,
.location-picker-style .column.bottom {
  border: 1px solid #EBEBEB;
  border-radius: 10px;
}
.location-picker-style .column.top {
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  border-bottom: none;
  padding-top: 10px;
}
.location-picker-style .column.middle {
  border-radius: 0;
  border-top: 0;
  border-bottom: 0;
}
.location-picker-style .column.middle + .bottom {
  border-radius: 0 0 10px 10px;
}
.location-picker-style .column.bottom {
  border-top: none;
}
.location-picker-style .title-container {
  position: relative;
  margin-bottom: 16px;
}
.location-picker-style .column-title {
  font-weight: 600;
  font-size: 18px;
  color: black;
  margin: 0;
  display: inline-block;
}
.location-picker-style .title-badge {
  display: inline-block;
  background-color: #f0f0f0;
  color: black;
  font-family: 'Segoe UI', sans-serif;
  font-size: 10px;
  font-weight: 400;
  padding: 2px 6px;
  margin-left: 4px;
  vertical-align: super;
  line-height: 1;
  text-align: center;
  border-radius: 2px;
}
.location-picker-style .options-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}
.location-picker-style .option-item {
  width: 100%;
  min-width: 0;
  border-radius: 10px;
  border: 1px solid #E6E6E6;
  display: flex;
  padding: 10px;
  align-items: flex-start;
  gap: 6px;
  cursor: pointer;
  transition: border-color 0.2s ease, opacity 0.2s ease;
}
.location-picker-style .option-item:hover:not(.disabled) {
  border-color: #999;
}
.location-picker-style .option-item:has(.option-radio:checked) {
  border-color: #29abe2;
  background-color: #f8f9ff;
}
.location-picker-style .option-item.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background-color: #f8f8f8;
  border-color: #e0e0e0;
}
.location-picker-style .option-item.disabled .option-title,
.location-picker-style .option-item.disabled .option-description {
  color: #999;
}
.location-picker-style .option-item.disabled:hover {
  border-color: #e0e0e0;
}
.location-picker-style .option-form {
  margin-top: 8px;
}
.location-picker-style .option-form.inline {
  display: flex;
  width: 100%;
  gap: 8px;
}
.location-picker-style .option-form .form-group {
  width: 100%;
  margin-bottom: 0;
}
.location-picker-style .option-form .form-group label {
  color: #999;
  font-weight: 600;
  font-size: 12px;
}
.location-picker-style .option-radio {
  flex-shrink: 0;
  margin-top: 3px;
}
.location-picker-style .option-radio:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.location-picker-style .option-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  width: 100%;
}
.location-picker-style .option-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0%;
  height: 20px;
  margin: 0;
  color: black;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.location-picker-style .option-description {
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  width: 100%;
  margin: 0;
  color: #666;
}
.location-picker-style input[type="radio"] {
  display: inline-block !important;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 14px;
  height: 14px;
  min-width: 14px;
  min-height: 14px;
  max-width: 14px;
  max-height: 14px;
  margin-right: 4px;
  border-radius: 50%;
  cursor: pointer;
  outline: 1px solid #808080;
  border: 3px solid #FFFFFF;
  background: #FFFFFF;
  position: relative;
}
.location-picker-style input[type="radio"]:checked,
.location-picker-style input[type="radio"]:active,
.location-picker-style input[type="radio"]:focus {
  outline-color: #29abe2;
  border: 3px solid #FFFFFF;
}
.location-picker-style input[type="radio"]:checked:after,
.location-picker-style input[type="radio"]:active:after,
.location-picker-style input[type="radio"]:focus:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #29abe2;
}
.location-picker-style .maps-square {
  width: 100%;
  height: 350px;
  margin: 0;
  position: relative;
}
.location-picker-style .notification-info {
  width: 100%;
  border-radius: 10px;
  border: 1px solid #29abe2;
  background: #F6FDFE;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0 0 20px 0;
}
.location-picker-style .notification-info .notification-message {
  flex: 1;
  min-width: 200px;
  display: flex;
  flex-direction: column;
  color: #29abe2;
}
.location-picker-style .notification-info .notification-message .notification-content .notification-title {
  font-weight: 700;
  font-size: 14px;
}
.location-picker-style .notification-info .notification-message .notification-content .notification-text {
  font-weight: 400;
  font-size: 14px;
}
.location-picker-style .notification-warning {
  width: 100%;
  border-radius: 10px;
  border: 2px solid #E6B800;
  background: #FFF9E5;
  padding: 14px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 20px;
}
.location-picker-style .notification-warning .notification-message {
  flex: 1;
  min-width: 200px;
  display: flex;
  flex-direction: column;
}
.location-picker-style .notification-warning .notification-message .notification-content {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.location-picker-style .notification-warning .notification-message .notification-content .notification-title {
  font-weight: 700;
  font-size: 14px;
  color: #5C4B00;
}
.location-picker-style .notification-warning .notification-message .notification-content .notification-text {
  font-weight: 400;
  font-size: 14px;
  color: #5C4B00;
}
.location-picker-style .notification-warning .notification-buttons {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
}
.location-picker-style .notification-warning .notification-buttons .btn-yes,
.location-picker-style .notification-warning .notification-buttons .btn-no {
  padding: 6px 12px;
  font-size: 13px;
  border-radius: 6px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
.location-picker-style .notification-warning .notification-buttons .btn-yes {
  background-color: #FFD633;
  color: #5C4B00;
  border: 1px solid #E6B800;
}
.location-picker-style .notification-warning .notification-buttons .btn-yes:hover {
  background-color: #FFCC00;
  border-color: #D4A700;
}
.location-picker-style .notification-warning .notification-buttons .btn-yes:active {
  background-color: #E6B800;
  border-color: #C49A00;
}
.location-picker-style .notification-warning .notification-buttons .btn-no {
  background-color: transparent;
  color: #E6B800;
  border: 1px solid #E6B800;
}
.location-picker-style .notification-warning .notification-buttons .btn-no:hover {
  background-color: #FFF3CC;
  border-color: #D4A700;
  color: #D4A700;
}
.location-picker-style .notification-warning .notification-buttons .btn-no:active {
  background-color: #FFE699;
  border-color: #C49A00;
  color: #C49A00;
}
.location-picker-style .coordinates-data {
  display: flex;
  gap: 5px;
  margin-top: 10px;
  width: 100%;
}
.location-picker-style .coordinates-data button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
}
.location-picker-style .coordinates-data button i {
  color: #b7b7b7;
  font-size: 11px;
}
.location-picker-style .coordinates-diagnostics {
  margin-top: 10px;
  width: 100%;
}
.location-picker-style .coordinates-diagnostics strong {
  margin-top: 10px;
  display: inline-block;
}
.location-picker-style .coordinates-diagnostics button {
  padding: 0;
  margin: 5px 0;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 12px;
  text-decoration: underline;
}
@media (max-width: 600px) {
  .location-picker-style .notification-warning {
    flex-direction: column;
    align-items: flex-start;
  }
  .location-picker-style .notification-warning .notification-buttons {
    width: 100%;
    justify-content: flex-start;
    margin-top: 8px;
  }
}
.map-placeholder-visual {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #e8eaed;
  overflow: hidden;
}
.map-placeholder-visual:before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(255,255,255,0.5) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,0.5) 1px,transparent 1px);
  background-size: 40px 40px;
}
.map-placeholder-visual .road {
  position: absolute;
  background: rgba(255,255,255,0.7);
  border-radius: 2px;
}
.map-placeholder-visual .road-h1 {
  width: 60%;
  height: 6px;
  top: 35%;
  left: 5%;
}
.map-placeholder-visual .road-h2 {
  width: 40%;
  height: 4px;
  top: 62%;
  left: 25%;
}
.map-placeholder-visual .road-v1 {
  width: 5px;
  height: 50%;
  top: 15%;
  left: 40%;
}
.map-placeholder-visual .road-v2 {
  width: 4px;
  height: 35%;
  top: 30%;
  left: 68%;
}
.map-placeholder-visual .block {
  position: absolute;
  background: rgba(200,210,200,0.6);
  border-radius: 3px;
}
.map-placeholder-visual .block-1 {
  width: 80px;
  height: 50px;
  top: 15%;
  left: 8%;
}
.map-placeholder-visual .block-2 {
  width: 60px;
  height: 40px;
  top: 15%;
  left: 50%;
}
.map-placeholder-visual .block-3 {
  width: 90px;
  height: 45px;
  top: 68%;
  left: 8%;
}
.map-placeholder-visual .block-4 {
  width: 70px;
  height: 55px;
  top: 65%;
  left: 72%;
}
.map-placeholder-visual .pin {
  position: absolute;
  top: 38%;
  left: 48%;
  transform: translate(-50%,-100%);
  z-index: 2;
}
.map-placeholder-visual .pin svg {
  width: 32px;
  height: 32px;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));
  opacity: .6;
}
.info-panel-wrapper {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 9999;
  display: flex;
  justify-content: center;
  pointer-events: none;
  animation: fadeIn 0.3s ease-in;
}
.info-panel-wrapper.position-0 {
  top: 20px;
}
.info-panel-wrapper.position-1 {
  bottom: 20px;
}
.info-panel-wrapper .info-panel {
  display: flex;
  align-items: center;
  max-width: 800px;
  padding: 10px 10px;
  border-radius: 6px;
  pointer-events: auto;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.info-panel-wrapper .info-panel.status-info {
  background-color: #edf7fb;
  color: #27B1DD;
}
.info-panel-wrapper .info-panel.status-error {
  background-color: #FCEEEE;
  color: #DC4242;
}
.info-panel-wrapper .info-panel.status-warning {
  background-color: #FFF8E1;
  color: #ffcc00;
}
.info-panel-wrapper .info-panel.status-success {
  background-color: #E3F8E8;
  color: #2BA84A;
}
.info-panel-wrapper .info-panel .info-panel-icon {
  display: inline-flex;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-right: 3px;
  flex-shrink: 0;
}
.info-panel-wrapper .info-panel .info-panel-icon svg {
  width: 100%;
  height: 100%;
}
.info-panel-wrapper .info-panel .info-panel-text {
  flex: 1;
  font-size: 14px;
  line-height: 1.5;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.confirm-dialog .backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.55);
  z-index: 999;
}
.confirm-dialog .modal {
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  padding: 20px;
}
.confirm-dialog .modal-content {
  background: #ffffff;
  padding: 24px;
  border-radius: 8px;
  width: 320px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.25);
  border: 1px solid #e1e1e1;
}
.confirm-dialog .modal-message {
  margin: 0 0 20px 0;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  text-align: center;
}
.confirm-dialog .modal-actions {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.confirm-dialog .cancel-btn {
  background: #ccc;
  border: none;
  padding: 8px 16px;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 500;
}
.confirm-dialog .cancel-btn:hover {
  background: #b1b1b1;
}
.confirm-dialog .confirm-btn {
  background: #dc3545;
  color: white;
  border: none;
  padding: 8px 16px;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 500;
}
.confirm-dialog .confirm-btn:hover {
  background: #b92a38;
}
.confirm-dialog .cancel-btn,
.confirm-dialog .confirm-btn {
  flex: 1;
  text-align: center;
  padding: 10px 0;
}
.confirm-dialog .cancel-btn {
  margin-right: 10px;
}
.confirm-dialog .confirm-btn {
  margin-left: 10px;
}
.bidding-logs {
  position: relative;
}
.bidding-logs h3 {
  margin-top: 0;
}
.bidding-logs .loader-container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
}
.bidding-logs .loader-container .loader {
  display: block;
}
.bidding-logs .logs-container {
  max-height: 80vh;
  overflow-y: auto;
}
.bidding-logs .log-entry {
  position: relative;
  padding: 15px 15px 0 15px;
  border-bottom: 1px solid #E6E6E6;
  transition: background-color 0.2s ease;
}
.bidding-logs .log-entry:last-child {
  border-bottom: none;
}
.bidding-logs .log-entry:hover {
  background-color: #f9f9f9;
}
.bidding-logs .log-entry .log-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.bidding-logs .log-entry .log-content .log-text {
  flex: 1;
}
.bidding-logs .log-entry .log-content .log-counter {
  font-weight: bold;
  font-size: 16px;
}
.bidding-logs .log-entry .log-content .status-pill {
  display: inline-block;
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  transition: opacity 0.2s ease;
}
.bidding-logs .log-entry .log-content .status-pill:hover {
  opacity: 0.8;
}
.bidding-logs .log-entry .log-content .status-pill.status-created {
  background-color: #E6E6E6;
  color: #999999;
}
.bidding-logs .log-entry .log-content .status-pill.status-pending {
  background-color: #fff4b8;
  color: #ffcc00;
}
.bidding-logs .log-entry .log-content .status-pill.status-accepted {
  background-color: #E3F8E8;
  color: #2BA84A;
}
.bidding-logs .log-entry .log-content .status-pill.status-rejected {
  background-color: #FCEEEE;
  color: #DC4242;
}
.bidding-logs .log-entry .history {
  margin: 10px 0;
  line-height: 1.5;
}
.bidding-logs .log-entry .history strong {
  display: block;
}
.bidding-logs .log-entry .history ul {
  position: relative;
  margin: 5px 0 0 0;
  padding-left: 32px;
  list-style: none;
}
.bidding-logs .log-entry .history ul::before {
  content: '';
  position: absolute;
  left: 13px;
  top: 4px;
  height: 98%;
  bottom: 0;
  width: 2px;
  background: #e6e6e6;
  border-radius: 1px;
}
.bidding-logs .log-entry .history ul li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 0;
}
.bidding-logs .log-entry .history ul li:last-child {
  margin-bottom: 0;
}
.bidding-logs .log-entry .history ul li::before {
  content: '';
  position: absolute;
  left: -23px;
  top: 6px;
  width: 10px;
  height: 10px;
  background: #fff;
  border: 1px solid #eeeeee;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #e6e6e6;
  z-index: 1;
}
.bidding-logs .log-entry .history ul li strong {
  font-weight: 700;
  display: block;
}
.bidding-logs .log-entry .history ul li i.creator {
  font-size: 11px;
  color: #999999;
  display: inline-block;
  margin-left: 5px;
}
.bidding-logs .popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.bidding-logs .popup-overlay .popup-container {
  position: relative;
  background: white;
  border-radius: 4px;
  min-width: 400px;
  max-width: 600px;
  max-height: 800px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.15);
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .bidding-logs .popup-overlay .popup-container {
    min-width: unset;
    width: 95%;
  }
}
@media (max-width: 480px) {
  .bidding-logs .popup-overlay .popup-container {
    width: 100%;
    max-height: 100vh;
    border-radius: 0;
  }
}
.bidding-logs .popup-overlay .popup-container .popup-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 20px 0 20px;
  flex-shrink: 0;
}
.bidding-logs .popup-overlay .popup-container .popup-header .popup-title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #333;
}
.bidding-logs .popup-overlay .popup-container .popup-header .close-icon {
  width: 20px;
  height: 20px;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.2s ease;
  flex-shrink: 0;
}
.bidding-logs .popup-overlay .popup-container .popup-header .close-icon:hover {
  opacity: 1;
}
.bidding-logs .popup-overlay .popup-container .popup-content {
  padding: 20px;
  overflow-y: auto;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.bidding-logs .popup-overlay .popup-container .popup-content .popup-row {
  margin-bottom: 20px;
  flex-shrink: 0;
}
.bidding-logs .popup-overlay .popup-container .popup-content .popup-row.popup-row-attachments {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  flex-shrink: 1;
  min-height: 0;
}
.bidding-logs .popup-overlay .popup-container .popup-content .popup-row.popup-row-attachments .attachment-item {
  margin-bottom: 8px;
}
.bidding-logs .popup-overlay .popup-container .popup-content .popup-row.popup-row-attachments .attachment-item:last-child {
  margin-bottom: 0;
}
.bidding-logs .popup-overlay .popup-container .popup-content .popup-row.popup-row-attachments .attachment-item .attachment-link {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: #333;
  transition: color 0.2s ease;
}
.bidding-logs .popup-overlay .popup-container .popup-content .popup-row.popup-row-attachments .attachment-item .attachment-link img {
  flex-shrink: 0;
  margin-top: 2px;
}
.bidding-logs .popup-overlay .popup-container .popup-content .popup-row.popup-row-attachments .attachment-item .attachment-link .attachment-name {
  color: #333;
  flex: 1;
  word-wrap: break-word;
  word-break: break-word;
  line-height: 1.4;
  transition: all 0.2s ease;
}
.bidding-logs .popup-overlay .popup-container .popup-content .popup-row.popup-row-attachments .attachment-item .attachment-link:hover .attachment-name {
  color: #29ABE2 !important;
  text-decoration: underline;
}
.bidding-logs .popup-overlay .popup-container .popup-content .popup-row:last-child {
  margin-bottom: 0;
}
.bidding-logs .popup-overlay .popup-container .popup-content .popup-row.popup-row-status {
  display: flex;
  align-items: center;
  gap: 15px;
}
.bidding-logs .popup-overlay .popup-container .popup-content .popup-row.popup-row-status .bidding-status-dropdown {
  flex: 1;
}
.bidding-logs .popup-overlay .popup-container .popup-content .popup-row.popup-row-status .bidding-status-dropdown .dropdown-trigger {
  width: 100%;
  justify-content: space-between;
}
.bidding-logs .popup-overlay .popup-container .popup-content .popup-row.popup-row-status .bidding-status-dropdown .dropdown-menu {
  width: 100% !important;
  min-width: 100% !important;
  left: 0 !important;
  right: 0 !important;
}
.bidding-logs .popup-overlay .popup-container .popup-content .popup-row.popup-row-status .bidding-status-dropdown .dropdown-menu .dropdown-item {
  width: 100%;
  box-sizing: border-box;
}
.bidding-logs .popup-overlay .popup-container .popup-content .popup-row.popup-actions {
  display: flex;
  justify-content: flex-end;
}
.bidding-logs .popup-overlay .popup-container .popup-content .popup-row .popup-label {
  font-weight: 600;
  font-size: 16px;
  white-space: nowrap;
}
.bidding-logs .popup-overlay .popup-container .popup-content .popup-row .dropdown {
  flex: 1;
}
.bidding-logs .popup-overlay .popup-container .popup-content .popup-row .message-textarea {
  width: 100%;
  min-height: 100px;
  padding: 10px;
  border: 1px solid #E6E6E6;
  border-radius: 4px;
  font-family: inherit;
  font-size: 14px;
  resize: none;
  outline: none;
  box-sizing: border-box;
}
.bidding-logs .popup-overlay .popup-container .popup-content .popup-row .message-textarea:focus {
  border-color: #29ABE2;
}
.bidding-logs .popup-overlay .popup-container .popup-content .popup-row .message-textarea::placeholder {
  color: #c9c9c9;
}
.bidding-logs .popup-overlay .popup-container .popup-content .popup-row .save-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
  background-color: #29ABE2;
  color: white;
  padding: 10px 24px;
  border: none;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.bidding-logs .popup-overlay .popup-container .popup-content .popup-row .save-button .spinner-icon {
  width: 16px;
  height: 16px;
}
.bidding-logs .popup-overlay .popup-container .popup-content .popup-row .save-button:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.notification-info {
  width: 100%;
  border-radius: 10px;
  border: 1px solid #29abe2;
  background: #F6FDFE;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 0;
}
.notification-info .notification-message {
  flex: 1;
  min-width: 200px;
  display: flex;
  flex-direction: column;
  color: #29abe2;
}
.notification-info .notification-message .notification-content .notification-title {
  font-weight: 700;
  font-size: 14px;
}
.notification-info .notification-message .notification-content .notification-text {
  font-weight: 400;
  font-size: 14px;
}
.invoice-card {
  width: 400px;
  padding: 15px;
  margin-top: 15px;
  border-radius: 4px;
  background: #f7f7f7;
  border: 1px solid #ebebeb;
  position: relative;
}
@media (max-width: 939px) {
  .invoice-card {
    width: 100%;
  }
}
.invoice-card .invoice-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.invoice-card .invoice-overlay .overlay-dialog {
  background: #ffffff;
  border-radius: 4px;
  padding: 24px;
  min-width: 280px;
  max-width: 90%;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  text-align: center;
}
.invoice-card .invoice-overlay .overlay-dialog .dialog-message {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  margin-bottom: 20px;
  line-height: 24px;
}
.invoice-card .invoice-overlay .overlay-dialog .dialog-buttons {
  display: flex;
  gap: 12px;
  justify-content: center;
}
.invoice-card .invoice-overlay .overlay-dialog .dialog-buttons .dialog-btn {
  height: 42px;
  padding: 10.67px 20.67px;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
  border: none;
  min-width: 80px;
}
.invoice-card .invoice-overlay .overlay-dialog .dialog-buttons .dialog-btn.btn-cancel {
  background: #E5E5E5;
  color: #333333;
}
.invoice-card .invoice-overlay .overlay-dialog .dialog-buttons .dialog-btn.btn-cancel:hover {
  background: #D0D0D0;
}
.invoice-card .invoice-overlay .overlay-dialog .dialog-buttons .dialog-btn.btn-cancel:active {
  background: #BFBFBF;
}
.invoice-card .invoice-overlay .overlay-dialog .dialog-buttons .dialog-btn.btn-confirm {
  background: #DC4242;
  color: #ffffff;
}
.invoice-card .invoice-overlay .overlay-dialog .dialog-buttons .dialog-btn.btn-confirm:hover {
  background: #C93A3A;
}
.invoice-card .invoice-overlay .overlay-dialog .dialog-buttons .dialog-btn.btn-confirm:active {
  background: #B53333;
}
.invoice-card .invoice-overlay .overlay-loader {
  display: flex;
  align-items: center;
  justify-content: center;
}
.invoice-card .invoice-overlay .overlay-loader img.loader {
  width: 48px;
  height: 48px;
}
.invoice-card .suggestion-space {
  margin-bottom: 20px;
}
.invoice-card .invoice-divider {
  height: 1px;
  background-color: #ebebeb;
  margin: 0 -15px;
}
.invoice-card .invoice-delete-icon {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 18px;
  color: #dc3545;
  cursor: pointer;
  transition: color 0.2s;
}
.invoice-card .invoice-delete-icon:hover {
  color: #c82333;
}
.invoice-card .invoice-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  width: 100%;
}
.invoice-card .invoice-number {
  font-size: 14px;
  font-weight: 600;
  color: #333;
}
.invoice-card .invoice-edit-icon {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background: transparent;
  border: none;
  cursor: pointer;
}
.invoice-card .invoice-edit-icon i {
  font-size: 18px;
  color: #333;
  transition: color 0.2s;
}
.invoice-card .invoice-edit-icon i:hover {
  color: #000;
}
.invoice-card .invoice-field {
  margin-bottom: 15px;
}
.invoice-card .invoice-field .field-label {
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  margin-bottom: 5px;
}
.invoice-card .invoice-field .invoice-input {
  width: 370px;
  height: 40px;
  padding: 0 12px;
  border-radius: 3px;
  border: 1px solid #ddd;
  background: #fff;
  font-size: 14px;
}
.invoice-card .invoice-field .invoice-input.bold-input {
  font-weight: 700;
}
.invoice-card .invoice-field .invoice-input:focus {
  outline: none;
  border-color: #27B1DD;
}
@media (max-width: 500px) {
  .invoice-card .invoice-field .invoice-input {
    width: 100%;
  }
}
.invoice-card .invoice-field .three-input-row {
  display: flex;
  gap: 5px;
}
@media (max-width: 500px) {
  .invoice-card .invoice-field .three-input-row {
    flex-direction: column;
  }
}
.invoice-card .invoice-field .three-input-row .input-with-label {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.invoice-card .invoice-field .three-input-row .input-with-label .invoice-input-small,
.invoice-card .invoice-field .three-input-row .input-with-label .invoice-dropdown-small,
.invoice-card .invoice-field .three-input-row .input-with-label .invoice-input-small-disabled {
  height: 40px;
  padding: 11px 12.67px;
  border-radius: 3px;
  border: 1px solid #ddd;
  font-size: 14px;
  background: #fff;
}
.invoice-card .invoice-field .three-input-row .input-with-label .invoice-input-small:focus,
.invoice-card .invoice-field .three-input-row .input-with-label .invoice-dropdown-small:focus,
.invoice-card .invoice-field .three-input-row .input-with-label .invoice-input-small-disabled:focus {
  outline: none;
  border-color: #27B1DD;
}
@media (max-width: 500px) {
  .invoice-card .invoice-field .three-input-row .input-with-label .invoice-input-small,
  .invoice-card .invoice-field .three-input-row .input-with-label .invoice-dropdown-small,
  .invoice-card .invoice-field .three-input-row .input-with-label .invoice-input-small-disabled {
    width: 100%;
  }
}
.invoice-card .invoice-field .three-input-row .input-with-label .invoice-input-small {
  width: 140px;
}
.invoice-card .invoice-field .three-input-row .input-with-label .invoice-dropdown-small {
  width: 80px;
  cursor: pointer;
}
.invoice-card .invoice-field .three-input-row .input-with-label .invoice-input-small-disabled {
  width: 140px;
  background: #f5f5f5;
  color: #808080;
}
.invoice-card .payment-details-box {
  width: 370px;
  min-height: 100px;
  padding: 16px;
  margin-bottom: 15px;
  margin-top: 10px;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  background: #fff;
}
@media (max-width: 500px) {
  .invoice-card .payment-details-box {
    width: 100%;
  }
}
.invoice-card .payment-details-box .payment-details-title {
  font-weight: 600;
  font-size: 14px;
  color: #333;
  margin-bottom: 15px;
}
.invoice-card .payment-details-box .payment-row {
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
  align-items: flex-end;
  position: relative;
}
@media (max-width: 500px) {
  .invoice-card .payment-details-box .payment-row {
    flex-wrap: wrap;
  }
}
.invoice-card .payment-details-box .payment-row .payment-field {
  flex: 1 1 100px;
}
.invoice-card .payment-details-box .payment-row .payment-field .field-label {
  font-weight: 600;
  margin-bottom: 5px;
  margin-top: 5px;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
}
.invoice-card .payment-details-box .payment-row .payment-field .payment-input {
  width: 100%;
  max-width: 120px;
  height: 40px;
  padding: 0 12px;
  border-radius: 3px;
  border: 1px solid #ddd;
  background: #fff;
  font-size: 14px;
}
.invoice-card .payment-details-box .payment-row .payment-field .payment-input:focus {
  outline: none;
  border-color: #27B1DD;
}
@media (max-width: 500px) {
  .invoice-card .payment-details-box .payment-row .payment-field .payment-input {
    width: 100%;
    max-width: none;
  }
}
.invoice-card .payment-details-box .payment-row .payment-delete-icon {
  font-size: 18px;
  color: #dc3545;
  cursor: pointer;
  transition: color 0.2s;
  margin-bottom: 10px;
  flex: 0 0 auto;
}
.invoice-card .payment-details-box .payment-row .payment-delete-icon:hover {
  color: #c82333;
}
@media (max-width: 500px) {
  .invoice-card .payment-details-box .payment-row .payment-delete-icon {
    position: absolute;
    right: 0;
    top: 0;
    margin-bottom: 0;
  }
}
.invoice-card .invoice-summary {
  width: 370px;
  min-height: 101px;
  padding: 15px;
}
@media (max-width: 500px) {
  .invoice-card .invoice-summary {
    width: 100%;
  }
}
.invoice-card .invoice-summary .summary-title {
  font-weight: 700;
  font-size: 14px;
  color: #333;
  margin-bottom: 15px;
}
.invoice-card .invoice-summary .summary-columns {
  display: flex;
  gap: 20px;
  align-items: center;
  position: relative;
  padding-right: 35px;
}
@media (max-width: 500px) {
  .invoice-card .invoice-summary .summary-columns {
    flex-wrap: wrap;
    gap: 15px;
  }
}
.invoice-card .invoice-summary .summary-columns .summary-column {
  flex: 1;
}
@media (max-width: 500px) {
  .invoice-card .invoice-summary .summary-columns .summary-column {
    min-width: 80px;
  }
}
.invoice-card .invoice-summary .summary-columns .summary-column .summary-label {
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  color: #808080;
  margin-bottom: 8px;
}
.invoice-card .invoice-summary .summary-columns .summary-column .summary-value {
  font-weight: 400;
  font-size: 16px;
  color: black;
}
.invoice-card .invoice-summary .summary-columns .summary-column .summary-value.paid {
  color: #28a745;
  font-weight: 700;
}
.invoice-card .invoice-summary .summary-columns .summary-column .summary-value.unpaid {
  color: #dc3545;
  font-weight: 700;
}
.invoice-card .invoice-summary .summary-columns .summary-column .summary-value.default {
  color: #808080;
  background-color: white;
}
.invoice-card .invoice-summary .summary-columns .paid-icon {
  position: absolute;
  right: 10px;
  top: 50%;
}
.invoice-card .invoice-action-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.invoice-card .invoice-action-buttons .btn-cancel,
.invoice-card .invoice-action-buttons .btn-save {
  height: 42px;
  padding: 10.67px 20.67px;
  border-radius: 3px;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.2s;
  border: none;
}
.invoice-card .invoice-action-buttons .btn-cancel {
  background: #ccc;
  color: #333;
}
.invoice-card .invoice-action-buttons .btn-cancel:hover {
  background: #b3b3b3;
}
.invoice-card .invoice-action-buttons .btn-save {
  background: #27B1DD;
  color: #fff;
}
.invoice-card .invoice-action-buttons .btn-save:hover {
  background: #1f9bc4;
}
.invoice-card .invoice-action-buttons .btn-save:active {
  background: #1a86aa;
}
.invoice-card .invoice-action-buttons .btn-save:disabled {
  background: #ccc;
  color: #333;
  cursor: not-allowed;
}
.add-potential-customer .apc-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.55);
  z-index: 999;
}
.add-potential-customer .apc-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 1000;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.25);
  width: 540px;
  max-width: 95vw;
  padding: 40px 30px 20px;
  overflow: visible;
}
.add-potential-customer .apc-close {
  position: absolute;
  top: 20px;
  right: 18px;
  width: 18px;
  height: 20px;
  cursor: pointer;
  opacity: 0.6;
}
.add-potential-customer .apc-close:hover {
  opacity: 1;
}
.add-potential-customer .apc-close img {
  width: 100%;
  height: 100%;
}
.add-potential-customer .apc-title {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 31px;
  word-wrap: break-word;
  text-align: center;
  margin: 0 0 20px;
}
.add-potential-customer .apc-body {
  margin-bottom: 20px;
  overflow: visible;
}
.add-potential-customer .apc-row {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin-bottom: 10px;
  position: relative;
}
.add-potential-customer .apc-field label {
  display: block;
  font-size: 14px;
  color: #333;
  margin-bottom: 5px;
  line-height: 20px;
}
.add-potential-customer .apc-field-customer {
  flex: 1;
  min-width: 0;
  position: static;
  background-color: transparent;
  box-shadow: none;
}
.add-potential-customer .apc-field-customer .suggestion-box {
  position: static;
}
.add-potential-customer .apc-field-customer .suggestion-box > div:not(.input-icon-wrapper):not(:first-child) {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  z-index: 1010;
  max-height: 350px;
  overflow-y: auto;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
  padding: 6px;
}
.add-potential-customer .apc-field-customer .suggestion-box > div:not(.input-icon-wrapper):not(:first-child) .item-box {
  padding: 10px 12px;
  margin-top: 4px;
  border-radius: 4px;
}
.add-potential-customer .apc-field-customer .suggestion-box > div:not(.input-icon-wrapper):not(:first-child) .item-box:first-child {
  margin-top: 0;
}
.add-potential-customer .apc-field-customer .suggestion-box > div:not(.input-icon-wrapper):not(:first-child) .item-box:hover {
  background-color: #f5f5f5;
}
.add-potential-customer .apc-field-customer .suggestion-box > div:not(.input-icon-wrapper):not(:first-child) .item-box .data h3,
.add-potential-customer .apc-field-customer .suggestion-box > div:not(.input-icon-wrapper):not(:first-child) .item-box .data > strong {
  font-size: 14px;
  line-height: 22px;
}
.add-potential-customer .apc-field-customer .suggestion-box > div:not(.input-icon-wrapper):not(:first-child) .item-box .data p {
  font-size: 12px;
  line-height: 22px;
}
.add-potential-customer .apc-selected-customer {
  margin-bottom: 20px;
  box-shadow: none;
}
.add-potential-customer .apc-selected-customer .item-box {
  margin-top: 0;
  box-shadow: none;
  align-items: flex-start;
  flex-wrap: wrap;
  padding-right: 80px;
}
.add-potential-customer .apc-selected-customer .data {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  flex: 1;
  min-width: 0;
}
.add-potential-customer .apc-selected-customer .data h3 {
  margin: 0;
  white-space: nowrap;
}
.add-potential-customer .apc-selected-customer .data p {
  width: 100%;
  margin: 0;
}
.add-potential-customer .apc-selected-customer .customer-tags {
  position: relative;
}
.add-potential-customer .apc-selected-customer .customer-tags .add {
  z-index: 1010;
}
.add-potential-customer .apc-field-sortorder {
  flex: 0 0 auto;
  width: 140px;
}
.add-potential-customer .apc-field-sortorder input {
  height: 34px;
}
.add-potential-customer .apc-comment {
  width: 100%;
  height: 60px;
  resize: none;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  padding: 10px;
  font-size: 15px;
  line-height: 19px;
  color: #333;
}
.add-potential-customer .apc-comment::placeholder {
  color: #bfbfbf;
}
.add-potential-customer .apc-actions {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
}
.add-potential-customer .apc-btn-cancel,
.add-potential-customer .apc-btn-save {
  border-radius: 3px;
  padding: 7px 13px;
  font-size: 14px;
  cursor: pointer;
  line-height: 20px;
  height: 36px;
  box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.09);
  white-space: nowrap;
}
.add-potential-customer .apc-btn-cancel {
  background: #fff;
  border: 1px solid #d9d9d9;
  color: #808080;
}
.add-potential-customer .apc-btn-cancel:hover {
  background: #f5f5f5;
}
.add-potential-customer .apc-btn-save {
  background: #2ba84a;
  border: none;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 80px;
}
.add-potential-customer .apc-btn-save:hover {
  background: #249940;
}
.add-potential-customer .apc-btn-save[disabled] {
  opacity: 0.6;
  cursor: not-allowed;
}
.add-potential-customer .apc-btn-save .loader {
  width: 14px;
  height: 14px;
}
@media (max-width: 576px) {
  .add-potential-customer .apc-modal {
    width: 92vw;
    padding: 40px 16px 16px;
  }
  .add-potential-customer .apc-close {
    top: 14px;
    right: 14px;
    z-index: 1001;
  }
  .add-potential-customer .apc-title {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 16px;
  }
  .add-potential-customer .apc-row {
    flex-direction: column;
    gap: 12px;
  }
  .add-potential-customer .apc-field-customer,
  .add-potential-customer .apc-field-sortorder {
    width: 100%;
  }
  .add-potential-customer .apc-actions {
    gap: 10px;
  }
}
@media (min-width: 577px) and (max-width: 768px) {
  .add-potential-customer .apc-modal {
    width: 95vw;
    padding: 40px 20px 20px;
  }
  .add-potential-customer .apc-field-sortorder {
    width: 120px;
  }
}
.form-list.managament .modal {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.8);
  color: #666;
  font-weight: normal;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.form-list.managament .modal-align {
  position: relative;
  min-height: 100px;
  width: 800px;
  padding: 0;
  background-color: #FFFFFF;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  max-height: 90vh;
}
.form-list.managament .modal-align-header {
  position: sticky;
  z-index: 2;
  padding: 20px 20px 0 20px;
  background-color: #FFFFFF;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px 8px 0 0;
}
.form-list.managament .modal-align-header h3 {
  margin: 0;
  font-size: 20px;
  color: #333;
  font-weight: 600;
}
.form-list.managament .modal-align-content {
  padding: 0 20px 20px 20px;
  max-height: calc(95vh - 100px);
  overflow: auto;
}
.form-list.managament .modal-align-content .compose-email-container {
  padding: 0;
}
.form-list.managament .modal-align-content .append-items-container {
  padding: 0;
}
.form-list.managament .modal-align-content .append-items-container h3 {
  margin-top: 0;
}
.form-list.managament .modal-align-content .append-items-container .suggestion-box input[type="text"] {
  height: 50px;
}
.form-list.managament .modal-align-content .append-items-container .suggestion-selected-list,
.form-list.managament .modal-align-content .append-items-container .suggestion-suggested-list {
  max-height: 40vh;
  overflow-y: auto;
}
.form-list.managament .modal-align-content .append-items-container .actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 20px;
}
.form-list.managament .modal-align-content .append-items-container .actions button {
  display: flex;
  gap: 10px;
  align-items: center;
}
.form-list.managament .modal-align-content .append-items-container .actions button .loader {
  width: 14px;
  height: 14px;
  margin: 0;
}
.form-list.managament .modal.full-content-height {
  -webkit-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  overflow: auto;
}
.form-list.managament .modal.full-content-height .modal-align {
  margin: 20px 0;
  max-height: none;
}
.form-list.managament .modal.full-content-height .modal-align .modal-align-content {
  height: 100%;
}
.form-list.managament .modal.full-content-height .modal-align .comments-list {
  margin-top: 0 !important;
}
.compose-email {
  width: 100%;
  height: 100%;
}
.compose-email .input-error {
  border: 1px solid #d32f2f !important;
}
.compose-email .compose-email-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
}
.compose-email .compose-email-loading .loader {
  width: 64px;
  height: 64px;
}
.compose-email .compose-email-container {
  flex: 1;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  min-width: 0;
}
.compose-email .compose-email-container .compose-sending-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255,255,255,0.85);
  z-index: 100;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  border-radius: 8px;
}
.compose-email .compose-email-container .compose-sending-overlay .loader {
  width: 48px;
  height: 48px;
}
.compose-email .compose-email-container .compose-sending-overlay .sending-text {
  font-size: 16px;
  font-weight: 500;
  color: #666;
}
.compose-email .compose-email-container .compose-field {
  width: 100%;
  min-width: 0;
}
.compose-email .compose-email-container .compose-field .compose-title-input {
  width: 100%;
  height: 48px;
  padding: 12px 16px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 600;
  color: #333;
  outline: none;
  transition: all 0.2s ease;
  box-sizing: border-box;
}
.compose-email .compose-email-container .compose-field .compose-title-input::placeholder {
  color: #999;
  font-weight: 400;
}
.compose-email .compose-email-container .compose-field .compose-title-input:focus {
  border-color: #27B1DD;
  box-shadow: 0 0 0 3px rgba(39,177,221,0.1);
}
.compose-email .compose-email-container .compose-field .header-row {
  min-height: 48px;
  padding: 8px 16px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  transition: all 0.2s ease;
  box-sizing: border-box;
}
.compose-email .compose-email-container .compose-field .header-row:focus-within {
  border-color: #27B1DD;
  box-shadow: 0 0 0 3px rgba(39,177,221,0.1);
}
.compose-email .compose-email-container .compose-field .header-row .header-label {
  font-weight: 600;
  font-size: 14px;
  color: #666;
  min-width: 50px;
  padding-top: 6px;
  flex-shrink: 0;
}
.compose-email .compose-email-container .compose-field .header-row .email-addresses {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  min-width: 0;
}
.compose-email .compose-email-container .compose-field .header-row .email-addresses .email-address {
  height: 32px;
  padding: 8px 12px;
  gap: 8px;
  opacity: 1;
  border-radius: 8px;
  background: rgba(0,0,0,0.05);
  display: flex;
  align-items: center;
  max-width: 100%;
}
.compose-email .compose-email-container .compose-field .header-row .email-addresses .email-address .address-text {
  height: 18px;
  font-weight: 500;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #404040;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.compose-email .compose-email-container .compose-field .header-row .email-addresses .email-address .remove-address {
  margin-left: 8px;
  font-size: 12px;
  color: #666;
  cursor: pointer;
  transition: color 0.2s ease;
  flex-shrink: 0;
}
.compose-email .compose-email-container .compose-field .header-row .email-addresses .email-address .remove-address:hover {
  color: #333;
}
.compose-email .compose-email-container .compose-field .header-row .email-addresses .email-address.invalid {
  background: rgba(211,47,47,0.1);
  border: 1px solid #d32f2f;
}
.compose-email .compose-email-container .compose-field .header-row .email-addresses .email-address.invalid .address-text {
  color: #d32f2f;
}
.compose-email .compose-email-container .compose-field .header-row .email-addresses .email-input-field {
  flex: 1;
  min-width: 150px;
  height: 32px;
  border: none;
  outline: none;
  font-size: 15px;
  color: #333;
  background: transparent;
}
.compose-email .compose-email-container .compose-field .header-row .email-addresses .email-input-field::placeholder {
  color: #999;
}
.compose-email .compose-email-container .compose-field.template-select {
  position: relative;
}
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-template-dropdown {
  min-height: 48px !important;
  padding: 8px 16px !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
  position: relative !important;
}
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-template-dropdown .dropdown-label {
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #666 !important;
  min-width: 50px !important;
  padding-top: 6px !important;
  flex-shrink: 0 !important;
}
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-template-dropdown .dropdown-trigger {
  flex: 1 !important;
  min-height: 32px !important;
  padding: 8px 12px !important;
  border: none !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
  gap: 8px !important;
}
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-template-dropdown .dropdown-trigger span {
  flex: 1 !important;
  text-align: left !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  line-height: 100% !important;
  color: #404040 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  margin: 0 !important;
}
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-template-dropdown .dropdown-trigger i.fa-angle-down {
  font-size: 16px !important;
  color: #666 !important;
  flex-shrink: 0 !important;
  transition: transform 0.2s ease !important;
}
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-template-dropdown .dropdown-trigger:hover {
  background-color: transparent !important;
}
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-template-dropdown.open {
  border-color: #27B1DD !important;
  box-shadow: 0 0 0 3px rgba(39,177,221,0.1) !important;
}
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-template-dropdown.open .dropdown-trigger i.fa-angle-down {
  transform: rotate(180deg) !important;
}
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-template-dropdown.open .dropdown-menu {
  display: block !important;
}
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-template-dropdown .dropdown-menu {
  position: fixed !important;
  z-index: 9999 !important;
  background-color: #FFFFFF !important;
  border: 1px solid #E6E6E6 !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
  max-height: 250px !important;
  overflow-y: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  min-width: auto !important;
  display: none !important;
}
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-template-dropdown .dropdown-menu .dropdown-group-label {
  display: none !important;
}
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-template-dropdown .dropdown-menu img.loader {
  display: none !important;
}
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-template-dropdown .dropdown-menu .dropdown-item {
  display: block !important;
  width: 100% !important;
  height: 40px !important;
  padding: 10px 14px !important;
  text-align: left !important;
  color: #404040 !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 100% !important;
  text-decoration: none !important;
  border: 0 !important;
  background-color: transparent !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-template-dropdown .dropdown-menu .dropdown-item i,
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-template-dropdown .dropdown-menu .dropdown-item img {
  display: none !important;
}
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-template-dropdown .dropdown-menu .dropdown-item:hover {
  background-color: #E9F7FC !important;
  color: #27B1DD !important;
  text-decoration: none !important;
}
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-template-dropdown .dropdown-menu .dropdown-item:first-child {
  border-radius: 6px 6px 0 0 !important;
}
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-template-dropdown .dropdown-menu .dropdown-item:last-child {
  border-radius: 0 0 6px 6px !important;
}
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-template-dropdown .dropdown-menu .dropdown-item:only-child {
  border-radius: 6px !important;
}
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-template-dropdown .x-dd {
  display: none !important;
}
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-template-dropdown.open .x-dd {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 9998 !important;
  display: block !important;
}
.compose-email .compose-email-container .template-loading {
  position: absolute;
  right: 36px;
  margin-top: -38px;
  color: #27B1DD;
  font-size: 14px;
}
.compose-email .compose-email-container .compose-body-editor {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 400px;
  min-width: 0;
  position: relative;
}
.compose-email .compose-email-container .compose-body-editor .compose-body-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255,255,255,0.7);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}
.compose-email .compose-email-container .compose-body-editor .compose-body-overlay .loader {
  width: 48px;
  height: 48px;
}
.compose-email .compose-email-container .compose-body-editor textarea {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  word-wrap: break-word;
}
.compose-email .compose-email-container .compose-action-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid #e0e0e0;
  flex-wrap: wrap;
}
.compose-email .compose-email-container .compose-action-buttons .action-button {
  height: 40px;
  padding: 10px 24px;
  gap: 11px;
  opacity: 1;
  border-radius: 4px;
  border: 1px solid #ddd;
  background: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: all 0.2s ease;
  font-weight: 500;
  font-size: 14px;
}
.compose-email .compose-email-container .compose-action-buttons .action-button .action-text {
  color: #333;
  white-space: nowrap;
}
.compose-email .compose-email-container .compose-action-buttons .action-button i {
  font-size: 16px;
  margin-right: 8px;
  flex-shrink: 0;
}
.compose-email .compose-email-container .compose-action-buttons .action-button.cancel-btn:hover {
  background-color: #f5f5f5;
  border-color: #999;
}
.compose-email .compose-email-container .compose-action-buttons .action-button.send-btn {
  background-color: #27B1DD;
  border-color: #27B1DD;
  color: white;
}
.compose-email .compose-email-container .compose-action-buttons .action-button.send-btn i,
.compose-email .compose-email-container .compose-action-buttons .action-button.send-btn span {
  color: white;
}
.compose-email .compose-email-container .compose-action-buttons .action-button.send-btn:hover:not(:disabled) {
  background-color: #1e9dc4;
  border-color: #1e9dc4;
}
.compose-email .compose-email-container .compose-action-buttons .action-button.send-btn:active:not(:disabled) {
  background-color: #1a8bb0;
}
.compose-email .compose-email-container .compose-action-buttons .action-button.send-btn:disabled {
  background-color: #b0b0b0;
  border-color: #b0b0b0;
  cursor: not-allowed;
  opacity: 0.7;
}
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-from-dropdown {
  min-height: 48px !important;
  padding: 8px 16px !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
  position: relative !important;
}
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-from-dropdown .dropdown-label {
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #666 !important;
  min-width: 50px !important;
  padding-top: 6px !important;
  flex-shrink: 0 !important;
}
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-from-dropdown .dropdown-trigger {
  flex: 1 !important;
  min-height: 32px !important;
  padding: 8px 12px !important;
  border: none !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
  gap: 8px !important;
}
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-from-dropdown .dropdown-trigger span {
  flex: 1 !important;
  text-align: left !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  line-height: 100% !important;
  color: #404040 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  margin: 0 !important;
}
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-from-dropdown .dropdown-trigger i.fa-angle-down {
  font-size: 16px !important;
  color: #666 !important;
  flex-shrink: 0 !important;
  transition: transform 0.2s ease !important;
}
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-from-dropdown .dropdown-trigger:hover {
  background-color: transparent !important;
}
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-from-dropdown.open {
  border-color: #27B1DD !important;
  box-shadow: 0 0 0 3px rgba(39,177,221,0.1) !important;
}
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-from-dropdown.open .dropdown-trigger i.fa-angle-down {
  transform: rotate(180deg) !important;
}
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-from-dropdown.open .dropdown-menu {
  display: block !important;
}
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-from-dropdown .dropdown-menu {
  position: fixed !important;
  z-index: 9999 !important;
  background-color: #FFFFFF !important;
  border: 1px solid #E6E6E6 !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
  max-height: 250px !important;
  overflow-y: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  min-width: auto !important;
  display: none !important;
}
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-from-dropdown .dropdown-menu .dropdown-group-label {
  display: none !important;
}
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-from-dropdown .dropdown-menu img.loader {
  display: none !important;
}
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-from-dropdown .dropdown-menu .dropdown-item {
  display: block !important;
  width: 100% !important;
  height: 40px !important;
  padding: 10px 14px !important;
  text-align: left !important;
  color: #404040 !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 100% !important;
  text-decoration: none !important;
  border: 0 !important;
  background-color: transparent !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-from-dropdown .dropdown-menu .dropdown-item i,
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-from-dropdown .dropdown-menu .dropdown-item img {
  display: none !important;
}
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-from-dropdown .dropdown-menu .dropdown-item:hover {
  background-color: #E9F7FC !important;
  color: #27B1DD !important;
  text-decoration: none !important;
}
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-from-dropdown .dropdown-menu .dropdown-item:first-child {
  border-radius: 6px 6px 0 0 !important;
}
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-from-dropdown .dropdown-menu .dropdown-item:last-child {
  border-radius: 0 0 6px 6px !important;
}
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-from-dropdown .dropdown-menu .dropdown-item:only-child {
  border-radius: 6px !important;
}
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-from-dropdown .x-dd {
  display: none !important;
}
.compose-email .compose-email-container .compose-field .dropdown-input-wrapper.email-from-dropdown.open .x-dd {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 9998 !important;
  display: block !important;
}
.compose-email .compose-email-container .compose-attachments-section {
  width: 100%;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 16px;
  background-color: #fafafa;
}
.compose-email .compose-email-container .compose-attachments-section .attachments-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  font-weight: 600;
  font-size: 14px;
  color: #666;
}
.compose-email .compose-email-container .compose-attachments-section .attachments-header i {
  font-size: 16px;
  color: #27B1DD;
}
.compose-email .compose-email-container .compose-attachments-section .attachments-header .attachments-count {
  color: #999;
  font-weight: 400;
}
.compose-email .compose-email-container .compose-attachments-section .files-canvas {
  margin-bottom: 12px;
}
.compose-email .compose-email-container .compose-attachments-section .uploaded-files-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.compose-email .compose-email-container .compose-attachments-section .uploaded-files-list .uploaded-file-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background-color: white;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  transition: all 0.2s ease;
}
.compose-email .compose-email-container .compose-attachments-section .uploaded-files-list .uploaded-file-item:hover {
  border-color: #27B1DD;
  box-shadow: 0 2px 4px rgba(39,177,221,0.1);
}
.compose-email .compose-email-container .compose-attachments-section .uploaded-files-list .uploaded-file-item .file-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f0f8ff;
  border-radius: 6px;
  flex-shrink: 0;
}
.compose-email .compose-email-container .compose-attachments-section .uploaded-files-list .uploaded-file-item .file-icon i {
  font-size: 20px;
  color: #27B1DD;
}
.compose-email .compose-email-container .compose-attachments-section .uploaded-files-list .uploaded-file-item .file-info {
  flex: 1;
  min-width: 0;
}
.compose-email .compose-email-container .compose-attachments-section .uploaded-files-list .uploaded-file-item .file-info .file-name {
  font-weight: 500;
  font-size: 14px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 4px;
}
.compose-email .compose-email-container .compose-attachments-section .uploaded-files-list .uploaded-file-item .file-info .file-meta {
  display: flex;
  gap: 12px;
  font-size: 12px;
  color: #999;
}
.compose-email .compose-email-container .compose-attachments-section .uploaded-files-list .uploaded-file-item .file-info .file-meta .file-size::after {
  content: "•";
  margin-left: 12px;
  color: #ddd;
}
.compose-email .compose-email-container .compose-attachments-section .uploaded-files-list .uploaded-file-item .file-remove-btn {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: transparent;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
.compose-email .compose-email-container .compose-attachments-section .uploaded-files-list .uploaded-file-item .file-remove-btn i {
  font-size: 16px;
  color: #999;
}
.compose-email .compose-email-container .compose-attachments-section .uploaded-files-list .uploaded-file-item .file-remove-btn:hover {
  background-color: #ffebee;
}
.compose-email .compose-email-container .compose-attachments-section .uploaded-files-list .uploaded-file-item .file-remove-btn:hover i {
  color: #d32f2f;
}
.compose-email .compose-email-container .compose-attachments-section .entity-doc-group {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #e0e0e0;
}
.compose-email .compose-email-container .compose-attachments-section .entity-doc-group .doc-group-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  font-weight: 600;
  font-size: 14px;
  color: #666;
}
.compose-email .compose-email-container .compose-attachments-section .entity-doc-group .doc-group-header i {
  font-size: 16px;
  color: #27B1DD;
}
.compose-email .compose-email-container .compose-attachments-section .entity-doc-group .doc-group-header .doc-group-title {
  color: #333;
}
.compose-email .compose-email-container .compose-attachments-section .entity-doc-group .doc-group-header .attachments-count {
  color: #999;
  font-weight: 400;
}
.compose-email .compose-email-container .compose-attachments-section .entity-doc-group .entity-doc-item {
  padding: 6px 0;
  border-bottom: 1px solid #f0f0f0;
}
.compose-email .compose-email-container .compose-attachments-section .entity-doc-group .entity-doc-item:last-child {
  border-bottom: none;
}
.compose-email .compose-email-container .compose-attachments-section .entity-doc-group .entity-doc-item .doc-checkbox-label {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  cursor: pointer !important;
  padding: 4px 8px !important;
  margin: 0 !important;
}
.compose-email .compose-email-container .compose-attachments-section .entity-doc-group .entity-doc-item .doc-checkbox-label input[type="checkbox"] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  border: 2px solid #ccc !important;
  border-radius: 4px !important;
  background-color: #fff !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  display: inline-block !important;
  vertical-align: middle !important;
  outline: none !important;
  transition: all 0.15s ease !important;
}
.compose-email .compose-email-container .compose-attachments-section .entity-doc-group .entity-doc-item .doc-checkbox-label input[type="checkbox"]:hover {
  border-color: #27B1DD !important;
}
.compose-email .compose-email-container .compose-attachments-section .entity-doc-group .entity-doc-item .doc-checkbox-label input[type="checkbox"]:checked {
  background-color: #27B1DD !important;
  border-color: #27B1DD !important;
}
.compose-email .compose-email-container .compose-attachments-section .entity-doc-group .entity-doc-item .doc-checkbox-label input[type="checkbox"]:checked::after {
  content: '' !important;
  position: absolute !important;
  left: 5px !important;
  top: 1px !important;
  width: 6px !important;
  height: 11px !important;
  border: solid #fff !important;
  border-width: 0 2px 2px 0 !important;
  transform: rotate(45deg) !important;
  display: block !important;
}
.compose-email .compose-email-container .compose-attachments-section .entity-doc-group .entity-doc-item .doc-checkbox-label .file-icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f0f8ff;
  border-radius: 4px;
  flex-shrink: 0;
}
.compose-email .compose-email-container .compose-attachments-section .entity-doc-group .entity-doc-item .doc-checkbox-label .file-icon i {
  font-size: 16px;
  color: #27B1DD;
}
.compose-email .compose-email-container .compose-attachments-section .entity-doc-group .entity-doc-item .doc-checkbox-label .doc-title {
  flex: 1;
  font-size: 14px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.compose-email .compose-email-container .compose-attachments-section .entity-doc-group .entity-doc-item .doc-checkbox-label:hover {
  background-color: rgba(39,177,221,0.04);
  border-radius: 4px;
}
@media (max-width: 480px) {
  .compose-email .compose-email-container .compose-attachments-section {
    padding: 12px;
  }
  .compose-email .compose-email-container .compose-attachments-section .uploaded-files-list .uploaded-file-item {
    padding: 10px;
  }
  .compose-email .compose-email-container .compose-attachments-section .uploaded-files-list .uploaded-file-item .file-icon {
    width: 36px;
    height: 36px;
  }
  .compose-email .compose-email-container .compose-attachments-section .uploaded-files-list .uploaded-file-item .file-icon i {
    font-size: 18px;
  }
  .compose-email .compose-email-container .compose-attachments-section .uploaded-files-list .uploaded-file-item .file-info .file-name {
    font-size: 13px;
  }
  .compose-email .compose-email-container .compose-attachments-section .uploaded-files-list .uploaded-file-item .file-info .file-meta {
    font-size: 11px;
  }
}
.flow-form-modal input[type="text"] {
  width: 100%;
  border: 1px solid #E9E9E9;
  border-radius: 3px;
  height: 40px;
  padding: 0 10px;
}
.flow-form-modal input[type="text"]:not(:last-child) {
  margin-bottom: 5px;
}
.flow-form-modal .flow-form-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  z-index: 1040;
}
.flow-form-modal .flow-form-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 1050;
  width: 520px;
  max-width: 96vw;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.18);
  padding: 36px 24px 20px;
  overflow: hidden;
}
.flow-form-modal .flow-form-close {
  position: absolute;
  top: 16px;
  right: 16px;
  border: none;
  background: transparent;
  font-size: 28px;
  line-height: 1;
  color: #888;
  cursor: pointer;
  padding: 4px 8px;
}
.flow-form-modal .flow-form-close:hover {
  color: #333;
}
.flow-form-modal h2.flow-form-title {
  margin: 0 0 20px !important;
  text-align: center;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #111;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.flow-form-modal h2.flow-form-title .loader {
  display: inline-block;
  padding: 0;
  margin: 0;
  width: 20px;
  height: 20px;
}
.flow-form-modal .flow-form-body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  margin: 0 -4px;
  padding: 0 4px 12px;
}
.flow-form-modal .flow-form-template-picker {
  margin-bottom: 16px;
}
.flow-form-modal .flow-form-template-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  background: #FAFAFA;
  border: 1px solid #E6E6E6;
  border-radius: 4px;
}
.flow-form-modal .flow-form-template-card:not(:last-child) {
  margin-bottom: 10px;
}
.flow-form-modal .flow-form-template-card-text {
  flex: 1;
  min-width: 0;
}
.flow-form-modal .flow-form-template-card-title {
  margin: 0 0 4px;
  font-size: 17px;
  font-weight: 700;
  color: #111;
  line-height: 1.25;
}
.flow-form-modal .flow-form-template-card-desc {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  color: #888;
  line-height: 1.35;
}
.flow-form-modal .flow-form-template-card-select {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 10px 18px;
  border: none;
  border-radius: 4px;
  background: #26b2db;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  line-height: 1.2;
  transition: background 0.15s ease;
}
.flow-form-modal .flow-form-template-card-select .fa {
  font-size: 12px;
  opacity: 0.95;
}
.flow-form-modal .flow-form-template-card-select:hover,
.flow-form-modal .flow-form-template-card-select:focus {
  background: #1fa3ca;
  color: #fff;
}
.flow-form-modal .flow-form-template-card-select:active {
  background: #1b94b8;
}
.flow-form-modal .flow-form-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.flow-form-modal .flow-form-list .dndPlaceholder {
  display: block;
  min-height: 72px;
  margin-bottom: 10px;
  border: 2px dashed #2db5c9;
  border-radius: 8px;
  background: rgba(45,181,201,0.06);
}
.flow-form-modal .flow-form-step {
  margin-bottom: 10px;
}
.flow-form-modal .flow-form-step.dndDraggingSource {
  opacity: 0.45;
}
.flow-form-modal .flow-form-step-card {
  display: flex;
  align-items: center;
  gap: 10px;
}
.flow-form-modal .flow-form-step-card.disabled {
  pointer-events: none;
}
.flow-form-modal .flow-form-drag-handle {
  flex-shrink: 0;
  cursor: grab;
  color: #808080;
  text-align: center;
  font-size: 16px;
  background: transparent;
  border: 0;
  padding: 0;
  margin-left: -5px;
}
.flow-form-modal .flow-form-drag-handle:active {
  cursor: grabbing;
}
.flow-form-modal .flow-form-drag-handle--disabled {
  cursor: default;
  opacity: 0.35;
  pointer-events: none;
}
.flow-form-modal .flow-form-step-content {
  flex: 1;
  min-width: 0;
  border: 1px solid #E6E6E6;
  border-radius: 4px;
  background: #FAFAFA;
  padding: 12px 12px 12px 8px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  transition: opacity 0.3s ease-in-out;
  position: relative;
}
.flow-form-modal .flow-form-step-content.not-active {
  opacity: 0.35;
}
.flow-form-modal .flow-form-step-content.not-active:hover {
  opacity: 1;
}
.flow-form-modal .flow-form-step-content .action-menu {
  position: absolute;
  top: 15px;
  right: 15px;
}
.flow-form-modal .flow-form-step-content .action-menu > button {
  background-color: transparent;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  transition: background-color 0.3s ease-in-out;
}
.flow-form-modal .flow-form-step-content .action-menu:hover > button {
  background-color: #EBEBEB;
}
.flow-form-modal .flow-form-check {
  flex-shrink: 0;
  position: relative;
  margin: 0 0 0 10px;
  cursor: pointer;
  top: -2px;
}
.flow-form-modal .flow-form-check input[type="checkbox"] + label {
  font-size: 18px;
  padding-left: 18px;
  color: #999;
  cursor: pointer;
}
.flow-form-modal .flow-form-check input[type="checkbox"]:checked + label {
  color: #2db5c9;
}
.flow-form-modal .flow-form-main {
  flex: 1;
  min-width: 0;
  line-height: 130%;
}
.flow-form-modal .flow-form-main-title {
  font-weight: 600;
  font-size: 18px;
  color: #000000;
  margin-bottom: 4px;
}
.flow-form-modal .flow-form-main-desc {
  font-size: 14px;
  color: #808080;
  margin-bottom: 8px;
  font-weight: 400;
}
.flow-form-modal .flow-form-comment-add,
.flow-form-modal .flow-form-comment-editlink {
  font-size: 13px;
  color: #2db5c9;
  text-decoration: none;
}
.flow-form-modal .flow-form-comment-add:hover,
.flow-form-modal .flow-form-comment-editlink:hover {
  text-decoration: underline;
}
.flow-form-modal .flow-form-comment-text {
  font-size: 14px;
  color: #000000;
  margin: 0 0 6px;
  font-weight: 400;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.flow-form-modal .flow-form-comment-edit {
  margin-top: 8px;
}
.flow-form-modal .flow-form-comment-input {
  margin-bottom: 8px;
  resize: vertical;
}
.flow-form-modal .flow-form-comment-actions {
  display: flex;
  gap: 8px;
}
.flow-form-modal .flow-form-inline-actions {
  display: flex;
  gap: 8px;
  margin-top: 4px;
}
.flow-form-modal .flow-form-inline-actions .btn-primary {
  background: #2db5c9;
  border-color: #26a0b2;
}
.flow-form-modal .flow-form-btn-confirm {
  background: #2db5c9;
  border-color: #26a0b2;
  color: #fff;
}
.flow-form-modal .flow-form-btn-confirm:hover,
.flow-form-modal .flow-form-btn-confirm:focus {
  background: #26a0b2;
  border-color: #228fa0;
  color: #fff;
}
.flow-form-modal .flow-form-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-top: 12px;
}
@media (max-width: 767px) {
  .flow-form-modal .flow-form-footer {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
  }
}
.flow-form-modal .flow-form-footer > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.flow-form-modal .flow-form-footer .btn-grayed-out {
  color: #b7b7b7;
}
.flow-form-modal .flow-form-footer .btn-grayed-out:hover {
  color: #666;
}
.flow-form-modal .flow-form-template {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -200px;
  z-index: 10;
  transition: bottom 0.3s cubic-bezier(0.4,0,0.2,1);
  background-color: #fff;
  width: 100%;
  padding: 15px;
  text-align: center;
}
.flow-form-modal .flow-form-template h3 {
  font-size: 13px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 10px;
}
.flow-form-modal .flow-form-template.visible {
  bottom: 0;
}
.flow-widget {
  font-family: Helvetica, Arial, sans-serif;
  color: #333;
}
.flow-widget.bordered-card {
  border: 1px solid #ebebeb;
  padding: 15px;
}
.flow-widget.mt-30 {
  margin-top: 30px;
}
.flow-widget.mb-30 {
  margin-bottom: 30px;
}
.flow-widget-header {
  margin: 0 0 20px;
}
.flow-widget-title {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: #000;
  line-height: 22px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.flow-widget-title .loader {
  display: inline-block;
  padding: 0;
  margin: 0;
  width: 20px;
  height: 20px;
}
.flow-widget-count {
  font-weight: 400;
  color: #999;
  font-size: 16px;
}
.flow-widget-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.flow-widget-item {
  padding: 12px 5px;
  border-bottom: 1px solid #ebebeb;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.flow-widget-item:first-child {
  padding-top: 0;
}
.flow-widget-item:hover {
  background-color: #f9f9f9;
}
.flow-widget-item-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.flow-widget-item-title {
  font-weight: 600;
  color: #1A1A1A;
  font-size: 15px;
  flex: 1;
  line-height: 19px;
  min-width: 0;
}
.flow-widget-item-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  font-size: 14px;
  color: #333;
}
.flow-widget-item-fraction {
  font-weight: 400;
  white-space: nowrap;
  margin-right: 10px;
}
.flow-widget-item-chevron {
  color: #ccc;
  font-size: 12px;
}
.flow-widget-progress {
  height: 10px;
  background: #e6e6e6;
  border-radius: 10px;
  overflow: hidden;
  margin: 12px 0;
}
.flow-widget-progress-fill {
  height: 100%;
  border-radius: 4px;
  transition: width 0.25s ease;
}
.flow-widget-progress-fill.flow-widget-progress-fill--danger {
  background: #d9534f;
}
.flow-widget-progress-fill.flow-widget-progress-fill--warning {
  background: #f0ad4e;
}
.flow-widget-progress-fill.flow-widget-progress-fill--success {
  background: #5cb85c;
}
.flow-widget-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.flow-widget-tag {
  display: inline-block;
  padding: 3px 10px;
  font-size: 10px;
  font-weight: 600;
  color: #666;
  background: #f5f5f5;
  border-radius: 3px;
  line-height: 19px;
}
.flow-widget-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 16px;
}
.flow-widget-btn {
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 8px 14px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: opacity 0.15s ease, filter 0.15s ease;
}
.flow-widget-btn:hover {
  filter: brightness(0.97);
}
.flow-widget-btn:active {
  filter: brightness(0.92);
}
.flow-widget-btn .fa {
  font-size: 12px;
}
.flow-widget-btn-secondary {
  background: #E4F1FB;
  color: #2397D1;
}
.flow-widget-btn-primary {
  background: #46b1e1;
  color: #fff;
  margin-left: auto;
}
.flow-widget.compact .flow-widget-item {
  display: flex;
  flex-direction: column;
  border-bottom: 0;
}
.flow-widget.compact .flow-widget-item .flow-widget-item-head {
  order: 2;
  gap: 0;
}
.flow-widget.compact .flow-widget-item .flow-widget-item-head .flow-widget-item-meta {
  justify-content: space-between;
  width: 100%;
}
.flow-widget.compact .flow-widget-item .flow-widget-progress {
  order: 1;
}
.entity-export {
  float: left;
  position: relative;
  margin-left: 10px;
}
@media (max-width: 768px) {
  .entity-export {
    margin: 10px 0 0 0;
    width: 100%;
  }
}
.entity-export .dropdown-input-wrapper .dropdown-trigger {
  padding: 10px 20px;
  background-color: #FFFFFF;
  color: #666;
  border-color: #dddddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.entity-export .dropdown-input-wrapper .dropdown-trigger img.loader {
  width: 16px;
  height: 16px;
  margin: 0;
  vertical-align: middle;
}
@media (max-width: 768px) {
  .entity-export .dropdown-input-wrapper .dropdown-trigger {
    width: 100%;
  }
  .entity-export .dropdown-input-wrapper .dropdown-trigger span {
    width: 100%;
  }
}
.entity-export .dropdown-input-wrapper .dropdown-trigger span {
  color: #666;
}
.entity-export .dropdown-input-wrapper .dropdown-trigger i {
  color: #666;
}
.entity-export .dropdown-item {
  width: 100%;
}
.entity-export .dropdown-item[disabled],
.entity-export .dropdown-item.disabled {
  opacity: 0.45;
  cursor: not-allowed;
  pointer-events: none;
}
.entity-export .entity-export-loader {
  width: 16px;
  height: 16px;
  margin-left: 5px;
  vertical-align: middle;
}
.require-browser-location {
  position: fixed !important;
  z-index: 11000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0,0,0,0.8);
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.require-browser-location .rbl-card {
  width: 340px;
  padding: 30px;
  background-color: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  position: relative;
}
.require-browser-location .rbl-card .fa.fa-spinner {
  margin-right: 5px;
}
.require-browser-location.is-loading {
  background-color: transparent;
}
.require-browser-location.is-loading .rbl-card {
  position: absolute;
  width: auto;
  padding: 10px;
  right: 20px;
  bottom: 20px;
  border: 1px solid #eeeeee;
}
.require-browser-location.is-loading .rbl-card .rbl-icon {
  font-size: 20px;
  margin-bottom: 8px;
}
.require-browser-location .rbl-logout {
  position: absolute;
  top: 10px;
  right: 12px;
  color: #999;
  font-size: 18px;
  text-decoration: none;
}
.require-browser-location .rbl-logout:hover {
  color: #333;
}
.require-browser-location .rbl-icon {
  font-size: 40px;
  color: #66a9dd;
  margin-bottom: 15px;
  display: block;
}
.require-browser-location .rbl-body p {
  font-size: 14px;
  color: #666;
  margin-bottom: 20px;
  line-height: 1.5;
}
.require-browser-location .rbl-body .btn {
  min-width: 140px;
}
.require-browser-location .rbl-request-btn {
  background-color: #29ABE2;
  color: white;
  border: none;
  padding: 10px 24px;
  font-size: 14px;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.require-browser-location .rbl-request-btn:hover {
  background-color: #1a8ec7;
}
.require-browser-location .rbl-request-btn[disabled] {
  opacity: 0.7;
  cursor: not-allowed;
}
.require-browser-location .rbl-admins {
  font-size: 12px !important;
  color: #999 !important;
  margin-bottom: 10px !important;
}
.require-browser-location .rbl-hint {
  font-size: 12px !important;
  color: #999 !important;
  margin-bottom: 0 !important;
}