@charset "UTF-8";
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Raleway/Raleway-Regular.ttf); }
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/Raleway/Raleway-Medium.ttf); }
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/Raleway/Raleway-Bold.ttf); }
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Inter/Inter-Regular.ttf); }
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/Inter/Inter-Medium.ttf); }
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/Inter/Inter-SemiBold.ttf); }
@font-face {
  font-family: 'TitilliumWeb';
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/TitilliumWeb/TitilliumWeb-SemiBold.ttf); }
@font-face {
  font-family: 'TitilliumWeb';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/TitilliumWeb/TitilliumWeb-Bold.ttf); }
/* width */
::-webkit-scrollbar {
  width: 14px; }

/* Track */
::-webkit-scrollbar-track {
  background: #f0f0f0; }

/* Handle */
::-webkit-scrollbar-thumb {
  background: #696969; }

html {
  margin: 0;
  padding: 0; }

body {
  margin: 0;
  float: left;
  width: 100%;
  font-family: 'Inter', sans-serif;
  color: #323434;
  font-size: 14px;
  line-height: 157%;
  font-weight: 400;
  letter-spacing: 0.02em;
  background: #F5F5F5;
  overflow-y: scroll; }

.compensate-for-scrollbar, .fancybox-enabled body {
  margin-right: 0 !important;
  padding-right: 14px; }

.pt0 {
  padding-top: 0px !important; }

.pt10 {
  padding-top: 10px !important; }

.pt20 {
  padding-top: 20px !important; }

.pt30 {
  padding-top: 30px !important; }

.pt40 {
  padding-top: 40px !important; }

.pt50 {
  padding-top: 50px !important; }

.pt60 {
  padding-top: 60px !important; }

.pt70 {
  padding-top: 70px !important; }

.pt80 {
  padding-top: 80px !important; }

.pt90 {
  padding-top: 90px !important; }

.pt100 {
  padding-top: 100px !important; }

.pl0 {
  padding-left: 0px !important; }

.pl10 {
  padding-left: 10px !important; }

.pl20 {
  padding-left: 20px !important; }

.pl30 {
  padding-left: 30px !important; }

.pl40 {
  padding-left: 40px !important; }

.pl50 {
  padding-left: 50px !important; }

.pl60 {
  padding-left: 60px !important; }

.pl70 {
  padding-left: 70px !important; }

.pl80 {
  padding-left: 80px !important; }

.pl90 {
  padding-left: 90px !important; }

.pl100 {
  padding-left: 100px !important; }

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

.pr10 {
  padding-right: 10px !important; }

.pr20 {
  padding-right: 20px !important; }

.pr30 {
  padding-right: 30px !important; }

.pr40 {
  padding-right: 40px !important; }

.pr50 {
  padding-right: 50px !important; }

.pr60 {
  padding-right: 60px !important; }

.pr70 {
  padding-right: 70px !important; }

.pr80 {
  padding-right: 80px !important; }

.pr90 {
  padding-right: 90px !important; }

.pr100 {
  padding-right: 100px !important; }

.pb0 {
  padding-bottom: 0px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.pb30 {
  padding-bottom: 30px !important; }

.pb40 {
  padding-bottom: 40px !important; }

.pb50 {
  padding-bottom: 50px !important; }

.pb60 {
  padding-bottom: 60px !important; }

.pb70 {
  padding-bottom: 70px !important; }

.pb80 {
  padding-bottom: 80px !important; }

.pb90 {
  padding-bottom: 90px !important; }

.pb100 {
  padding-bottom: 100px !important; }

.mt0 {
  margin-top: 0px !important; }

.mt10 {
  margin-top: 10px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt30 {
  margin-top: 30px !important; }

.mt40 {
  margin-top: 40px !important; }

.mt50 {
  margin-top: 50px !important; }

.mt60 {
  margin-top: 60px !important; }

.mt70 {
  margin-top: 70px !important; }

.mt80 {
  margin-top: 80px !important; }

.mt90 {
  margin-top: 90px !important; }

.mt100 {
  margin-top: 100px !important; }

.mb0 {
  margin-bottom: 0px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.mb60 {
  margin-bottom: 60px !important; }

.mb70 {
  margin-bottom: 70px !important; }

.mb80 {
  margin-bottom: 80px !important; }

.mb90 {
  margin-bottom: 90px !important; }

.mb100 {
  margin-bottom: 100px !important; }

.ml0 {
  margin-left: 0px !important; }

.ml10 {
  margin-left: 10px !important; }

.ml20 {
  margin-left: 20px !important; }

.ml30 {
  margin-left: 30px !important; }

.ml40 {
  margin-left: 40px !important; }

.ml50 {
  margin-left: 50px !important; }

.ml60 {
  margin-left: 60px !important; }

.ml70 {
  margin-left: 70px !important; }

.ml80 {
  margin-left: 80px !important; }

.ml90 {
  margin-left: 90px !important; }

.ml100 {
  margin-left: 100px !important; }

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

.mr10 {
  margin-right: 10px !important; }

.mr20 {
  margin-right: 20px !important; }

.mr30 {
  margin-right: 30px !important; }

.mr40 {
  margin-right: 40px !important; }

.mr50 {
  margin-right: 50px !important; }

.mr60 {
  margin-right: 60px !important; }

.mr70 {
  margin-right: 70px !important; }

.mr80 {
  margin-right: 80px !important; }

.mr90 {
  margin-right: 90px !important; }

.mr100 {
  margin-right: 100px !important; }

.w0 {
  width: 0% !important; }

.w1 {
  width: 1% !important; }

.w2 {
  width: 2% !important; }

.w3 {
  width: 3% !important; }

.w4 {
  width: 4% !important; }

.w5 {
  width: 5% !important; }

.w6 {
  width: 6% !important; }

.w7 {
  width: 7% !important; }

.w8 {
  width: 8% !important; }

.w9 {
  width: 9% !important; }

.w10 {
  width: 10% !important; }

.w11 {
  width: 11% !important; }

.w12 {
  width: 12% !important; }

.w13 {
  width: 13% !important; }

.w14 {
  width: 14% !important; }

.w15 {
  width: 15% !important; }

.w16 {
  width: 16% !important; }

.w17 {
  width: 17% !important; }

.w18 {
  width: 18% !important; }

.w19 {
  width: 19% !important; }

.w20 {
  width: 20% !important; }

.w21 {
  width: 21% !important; }

.w22 {
  width: 22% !important; }

.w23 {
  width: 23% !important; }

.w24 {
  width: 24% !important; }

.w25 {
  width: 25% !important; }

.w26 {
  width: 26% !important; }

.w27 {
  width: 27% !important; }

.w28 {
  width: 28% !important; }

.w29 {
  width: 29% !important; }

.w30 {
  width: 30% !important; }

.w31 {
  width: 31% !important; }

.w32 {
  width: 32% !important; }

.w33 {
  width: 33% !important; }

.w34 {
  width: 34% !important; }

.w35 {
  width: 35% !important; }

.w36 {
  width: 36% !important; }

.w37 {
  width: 37% !important; }

.w38 {
  width: 38% !important; }

.w39 {
  width: 39% !important; }

.w40 {
  width: 40% !important; }

.w41 {
  width: 41% !important; }

.w42 {
  width: 42% !important; }

.w43 {
  width: 43% !important; }

.w44 {
  width: 44% !important; }

.w45 {
  width: 45% !important; }

.w46 {
  width: 46% !important; }

.w47 {
  width: 47% !important; }

.w48 {
  width: 48% !important; }

.w49 {
  width: 49% !important; }

.w50 {
  width: 50% !important; }

.w51 {
  width: 51% !important; }

.w52 {
  width: 52% !important; }

.w53 {
  width: 53% !important; }

.w54 {
  width: 54% !important; }

.w55 {
  width: 55% !important; }

.w56 {
  width: 56% !important; }

.w57 {
  width: 57% !important; }

.w58 {
  width: 58% !important; }

.w59 {
  width: 59% !important; }

.w60 {
  width: 60% !important; }

.w61 {
  width: 61% !important; }

.w62 {
  width: 62% !important; }

.w63 {
  width: 63% !important; }

.w64 {
  width: 64% !important; }

.w65 {
  width: 65% !important; }

.w66 {
  width: 66% !important; }

.w67 {
  width: 67% !important; }

.w68 {
  width: 68% !important; }

.w69 {
  width: 69% !important; }

.w70 {
  width: 70% !important; }

.w71 {
  width: 71% !important; }

.w72 {
  width: 72% !important; }

.w73 {
  width: 73% !important; }

.w74 {
  width: 74% !important; }

.w75 {
  width: 75% !important; }

.w76 {
  width: 76% !important; }

.w77 {
  width: 77% !important; }

.w78 {
  width: 78% !important; }

.w79 {
  width: 79% !important; }

.w80 {
  width: 80% !important; }

.w81 {
  width: 81% !important; }

.w82 {
  width: 82% !important; }

.w83 {
  width: 83% !important; }

.w84 {
  width: 84% !important; }

.w85 {
  width: 85% !important; }

.w86 {
  width: 86% !important; }

.w87 {
  width: 87% !important; }

.w88 {
  width: 88% !important; }

.w89 {
  width: 89% !important; }

.w90 {
  width: 90% !important; }

.w91 {
  width: 91% !important; }

.w92 {
  width: 92% !important; }

.w93 {
  width: 93% !important; }

.w94 {
  width: 94% !important; }

.w95 {
  width: 95% !important; }

.w96 {
  width: 96% !important; }

.w97 {
  width: 97% !important; }

.w98 {
  width: 98% !important; }

.w99 {
  width: 99% !important; }

.w100 {
  width: 100% !important; }

.pad0 {
  padding: 0 !important; }

.pad30 {
  padding: 30px; }

.paragraphs p:first-child {
  margin-top: 0; }
.paragraphs p:last-child {
  margin-bottom: 0; }

.wrapper {
  position: relative;
  float: left;
  width: 100%;
  min-height: 100vh;
  z-index: 100;
  overflow: hidden; }

.centered {
  text-align: center !important; }

img {
  max-width: 100%;
  vertical-align: top;
  transition: all 0.3s ease; }

hr {
  display: block;
  border: none;
  width: 100%;
  height: 3px;
  background: #D1D1D1;
  margin: 30px 0; }

ul {
  padding-left: 0; }

.fleft {
  float: left !important; }

.fright {
  float: right !important; }

img.fleft,
img[align="left"] {
  margin-right: 30px;
  margin-bottom: 10px; }

img.fright,
img[align="right"] {
  margin-left: 30px;
  margin-bottom: 10px; }

.flex {
  display: flex; }

.justify-between {
  justify-content: space-between !important; }

.flex-wrap {
  flex-wrap: wrap; }

.ib {
  display: inline-block; }

.sec {
  display: block;
  float: left;
  width: 100%;
  text-align: center; }

.container {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  text-align: left; }
  .container.flex {
    margin-left: auto;
    margin-right: auto;
    display: flex; }

* {
  outline: none;
  box-sizing: border-box;
  vertical-align: top; }

a {
  text-decoration: none;
  color: #696969;
  transition: all 0.3s ease; }

a:hover {
  color: #8f8f8f;
  text-decoration: none; }

a:after, a:before,
button, input, select, textarea {
  transition: all 0.3s ease; }

select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
  padding: 0 15px;
  padding-right: 40px;
  border: 1px solid #D1D1D1;
  background: #fff url(../img/select.png) no-repeat right 10px top 50%; }

select::-ms-expand {
  display: none; }

input::-ms-clear {
  display: none; }

svg {
  width: 100%;
  height: 100%; }
  svg, svg * {
    transition: all 0.3s ease; }

.noPT {
  padding-top: 0 !important; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'TitilliumWeb', sans-serif;
  letter-spacing: 0.02em; }

/* SITE STYLES */
.relative {
  position: relative; }

.tleft {
  text-align: left !important; }

.tright {
  text-align: right !important; }

.bill_topbar_sec,
.topbar_sec {
  margin-bottom: 30px; }

.bill_topbar_sec,
.topbar_sec .container.flex {
  justify-content: space-between;
  align-items: flex-end; }

.topbar_logo {
  flex-shrink: 0;
  width: 278px;
  margin-right: 40px;
  text-align: center; }

.logo {
  display: inline-block;
  position: relative; }
  .logo .bubble_counter {
    top: 0;
    right: -24px;
    background: #8f0041; }

.topbar_main {
  display: flex;
  align-items: center;
  width: 100%; }

.topbar_links {
  display: flex;
  flex-shrink: 0; }

.topbar_link {
  flex-shrink: 0;
  display: inline-block;
  font-weight: 700;
  font-size: 15px;
  text-transform: uppercase;
  margin-right: 20px; }

.topbar_form {
  width: 100%;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.topbar-search_form {
  position: relative;
  display: block;
  width: 100%; }

.search_ip {
  width: 100%;
  height: 46px;
  background: #fff;
  border: none;
  padding: 0 20px;
  padding-left: 60px; }

.search_button {
  position: absolute;
  top: 0;
  left: 0;
  width: 46px;
  height: 46px;
  background: #fff;
  border: none;
  text-align: center;
  font-size: 19px; }
  .search_button:hover {
    background: #d4653f;
    color: #fff; }

.topbar-icons_links_box {
  flex-shrink: 0;
  padding-right: 10px; }

.topbar-icon_link {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 46px;
  text-align: center;
  line-height: 46px;
  font-size: 23px; }
  .topbar-icon_link .fa {
    vertical-align: baseline; }
  .topbar-icon_link .fa-cogs {
    color: #B74D29; }

.bubble_messages {
  position: absolute;
  top: 0;
  right: 0;
  width: 21px;
  height: 21px;
  text-align: center;
  line-height: 22px;
  color: #fff;
  background: #B74D29;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 700; }

.bubble_notes {
  position: absolute;
  top: 0;
  right: 0;
  width: 21px;
  height: 21px;
  text-align: center;
  line-height: 22px;
  color: #fff;
  background: #B74D29;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 700; }

.main_sec {
  margin-bottom: 30px;
  padding-top: 32px;
  transition: all 0.3s ease; }
  .main_sec .container.flex {
    justify-content: space-between; }

.sidebar {
  flex-shrink: 0;
  width: 278px;
  background: #1E1A36;
  margin-right: 40px; }
  .sidebar small {
    display: block;
    margin: 10px 20px; }

.leftmenu {
  list-style-type: none;
  margin: 0;
  margin-top: 5px;
  padding: 0 8px; }
  .leftmenu li > a {
    position: relative;
    display: flex;
    align-items: center;
    height: 48px;
    padding: 0 20px;
    padding-right: 35px;
    margin-bottom: 3px;
    border-radius: 5px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    overflow: hidden;
    letter-spacing: 0.01em; }
    .leftmenu li > a .fa {
      display: inline-block;
      width: 30px;
      font-size: 19px; }
    .leftmenu li > a span.m_icon {
      flex-shrink: 0;
      display: inline-block;
      width: 20px;
      margin-right: 20px;
      text-align: center; }
  .leftmenu li.submenu_arrow > a:after {
    content: '\f107';
    font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    right: 15px;
    font-size: 19px;
    transform: translateY(-50%); }
  .leftmenu li.current.submenu_arrow > a {
    background: none; }
  .leftmenu li.current.submenu_arrow > a:after {
    content: '\f106'; }
  .leftmenu li > a:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #fff; }
  .leftmenu li.current > a {
    background: #B74D29;
    color: #fff; }
    .leftmenu li.current > a .bubble_counter {
      background: #1E1A36; }
  .leftmenu li.current .leftmenu_submenu {
    display: block; }
    .leftmenu li.current .leftmenu_submenu li a {
      border-radius: 0; }
      .leftmenu li.current .leftmenu_submenu li a:hover {
        background: rgba(255, 255, 255, 0.12); }
      .leftmenu li.current .leftmenu_submenu li a:before {
        content: '•';
        display: inline-block;
        width: 34px;
        padding-left: 6px; }
    .leftmenu li.current .leftmenu_submenu li.current > a {
      background: #B74D29; }
      .leftmenu li.current .leftmenu_submenu li.current > a .bubble_counter {
        background: #1e1a36; }
    .leftmenu li.current .leftmenu_submenu .bubble_counter {
      display: inline-block; }

.leftmenu_submenu {
  display: none;
  list-style-type: none;
  margin: 0;
  margin-bottom: 3px;
  padding: 0;
  background: rgba(255, 255, 255, 0.12);
  border-radius: 5px;
  overflow: hidden; }

.bubble_counter {
  position: absolute;
  top: 12px;
  right: 35px;
  display: inline-block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #B74D29;
  color: #fff;
  text-align: center;
  line-height: 24px;
  font-weight: 700;
  font-size: 12px; }
  .bubble_counter.simple {
    background: rgba(165, 42, 42, 0.2); }

.maincol {
  width: 100%;
  min-height: 500px;
  display: flex;
  justify-content: space-between;
  align-items: stretch; }
  .maincol.noflex {
    display: block; }
  .maincol h1 {
    font-size: 28px;
    color: #000;
    font-weight: 700;
    font-family: 'TitilliumWeb', sans-serif;
    line-height: 110%;
    margin-top: 0;
    margin-bottom: 30px; }

.maincol_left {
  flex-shrink: 0;
  width: 48%; }

.maincol_right {
  flex-shrink: 0;
  width: 48%;
  font-size: 12px;
  line-height: 150%; }
  .maincol_right h4 {
    font-size: 16px;
    font-weight: 500; }
    .maincol_right h4:first-child {
      margin-top: 0; }
  .maincol_right h2 {
    font-size: 15px; }

.title_wrapper {
  background: #1E1A36;
  color: #fff;
  height: 48px;
  font-size: 17px;
  padding: 11px 16px;
  margin: 0;
  margin-bottom: 20px;
  border-radius: 2px;
  line-height: 24px;
  font-weight: 600; }
  .title_wrapper img {
    display: none; }
  .title_wrapper.complete {
    background-color: #ECE9FD;
    color: #323434; }
    .title_wrapper.complete img {
      display: inline-block; }

.cells_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .cells_box.justify-start {
    justify-content: flex-start; }

.ip_cell {
  width: 100%;
  margin-bottom: 15px; }

.input_text,
.select2-container .select2-selection--single {
  width: 100%;
  height: 48px;
  background: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 6px;
  padding: 0 20px;
  color: #323434;
  font-size: 15px; }
  .input_text:focus,
  .select2-container .select2-selection--single:focus {
    border-color: #323434; }
  .input_text.select,
  .select2-container .select2-selection--single.select {
    height: 48px; }

.select2-container .select2-selection--single {
  padding-right: 50px; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
  padding-right: 0;
  line-height: 46px; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  width: 50px;
  height: 100%; }

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  background: url(../img/select.png) no-repeat center center; }

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background: #eee;
  color: #323434; }

.select2-container--default .select2-results__option--selected {
  background: #1E1A36 !important;
  color: #fff !important; }

.ip_cell .select2-container {
  width: 100% !important; }

.select2search .select2-container .select2-search--inline .select2-search__field {
  font-family: 'Inter', sans-serif; }

.select2search .select2-container .select2-search {
  width: 100%; }

.select2search .select2-container--default .select2-selection--multiple:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../img/i_search.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 44px;
  height: 52px; }

.select2search .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  color: #333;
  line-height: 1; }

.select2search .select2-container--default .select2-selection--multiple .select2-selection__arrow {
  height: 36px;
  right: 10px; }

.select2search .select2-container--default .select2-dropdown {
  border: 1px solid #ccc;
  border-radius: 4px; }

.select2search .select2-search--dropdown .select2-search__field {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box; }

.select2search .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-radius: 4px;
  line-height: 1; }

.select2search .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #ccc; }

textarea.input_text {
  padding-top: 10px;
  padding-bottom: 10px;
  height: 100px;
  min-height: 100px;
  max-height: 200px;
  max-width: 100%;
  min-width: 100%;
  transition: border 0.3s ease; }

.button {
  display: inline-block;
  height: 40px;
  padding: 10px 18px;
  text-align: center;
  background: #B74D29;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  border: none;
  border-radius: 4px;
  text-transform: uppercase; }
  .button.wide {
    width: 100%; }
  .button.small {
    height: 26px;
    padding: 3px 20px;
    font-size: 12px; }
    .button.small.reports_show {
      height: 30px;
      padding: 5px 20px; }
  .button.send {
    width: 170px; }
  .button.status {
    display: inline-block;
    min-width: 150px;
    background: #B74D29;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    text-align: center;
    cursor: pointer;
    border-radius: 3px;
    transition: all 0.2s ease; }
  .button.dark {
    background: #1E1A36;
    color: #fff; }
    .button.dark:hover {
      background: #312b58; }
  .button:hover {
    background: #d4653f;
    color: #fff; }
  .button .fa {
    vertical-align: baseline;
    margin-right: 5px; }
  .button.black {
    background-color: #1E1934;
    color: #fff; }
    .button.black:hover {
      background-color: #423772; }
  .button.saver {
    width: 160px;
    height: 48px;
    font-size: 15px;
    font-weight: 600;
    text-transform: none;
    padding: 12px 18px;
    margin-left: 7px; }
    .button.saver.dark {
      text-transform: uppercase; }

.button-o {
  display: inline-block;
  height: 40px;
  line-height: 38px;
  padding: 0 15px;
  text-align: center;
  border: 1px solid #D1D1D1;
  border-radius: 6px;
  color: #323434;
  font-weight: 400;
  font-size: 14px; }
  .button-o img {
    vertical-align: middle;
    margin-right: 15px; }
  .button-o.condensed {
    font-family: 'TitilliumWeb', sans-serif; }
  .button-o:hover {
    border-color: #000;
    color: #000; }

.ipc_date {
  position: relative; }
  .ipc_date:after {
    content: '\f133';
    font-family: 'FontAwesome';
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    width: 45px;
    background: #f6f6f6;
    text-align: center;
    line-height: 45px;
    font-size: 19px;
    color: #b9b7b7;
    pointer-events: none; }

.footer_sec {
  margin-bottom: 15px;
  transition: all 0.3s ease; }
  .footer_sec .container.flex {
    justify-content: space-between; }
    .footer_sec .container.flex div {
      width: 100%;
      height: 48px;
      background: #1E1A36; }
    .footer_sec .container.flex img {
      flex-shrink: 0;
      margin-left: -5px; }

.footer2025_sec {
  background: #E8E8E8;
  padding: 30px 40px; }
  .footer2025_sec .container {
    display: flex;
    justify-content: space-between;
    align-items: center; }

.footer_col {
  font-size: 13px;
  font-family: 'Inter', sans-serif;
  line-height: 20px; }
  .footer_col h3 {
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 19px;
    font-family: 'TitilliumWeb', sans-serif; }

.footer_links {
  margin-bottom: 40px; }
  .footer_links a {
    display: inline-block;
    margin-right: 20px;
    font-size: 15px;
    text-decoration: underline; }

.footer_cards img {
  margin-right: 20px;
  vertical-align: middle; }

.footer_cards img:last-child {
  margin-right: 0; }

.copyright_sec {
  transition: all 0.3s ease; }

.copyright2025_sec {
  background: #1E1934;
  color: #fff;
  padding: 10px 40px;
  font-size: 13px;
  transition: all 0.3s ease; }
  .copyright2025_sec p {
    margin: 0; }
  .copyright2025_sec .container {
    text-align: center; }

.daterange {
  display: flex; }
  .daterange .ipc_date {
    width: 170px;
    margin-right: 15px; }
    .daterange .ipc_date:after {
      font-size: 15px;
      line-height: 28px; }
  .daterange .input_text {
    height: 30px;
    padding: 0 10px; }

table.zebra {
  width: 100%;
  margin-bottom: 30px;
  border-collapse: collapse;
  border-spacing: 0; }
  table.zebra th, table.zebra td {
    padding: 10px 15px;
    border: 1px solid #ccc;
    background: #fff;
    text-align: center; }
  table.zebra th {
    background: #1E1A36;
    color: #fff;
    font-weight: 400;
    border: 1px solid #574c9d; }
  table.zebra tr:nth-child(odd) td {
    background: #f6f6f6; }
  table.zebra tr:hover td {
    background: #fbfbfb; }
  table.zebra tr:nth-child(odd):hover td {
    background: #f3f3f3; }

tr.msg_unread td {
  font-weight: 700;
  background: #E6C8BE !important; }

tr.msg_unread:nth-child(even) td {
  background: #EEDBD5 !important; }

.intable_icon {
  position: relative;
  display: inline-block;
  font-size: 23px; }
  .intable_icon:hover {
    color: #B74D29; }
  .intable_icon .bubble_messages {
    top: -10px;
    right: -13px; }
  .intable_icon .fa-envelope-open {
    color: #000; }
  .intable_icon.pdf {
    color: #B74D29; }
    .intable_icon.pdf:hover {
      color: #8d3b20; }

.accepted_cards_box {
  display: flex;
  justify-content: flex-end;
  padding-right: 20px; }
  .accepted_cards_box .fa {
    display: inline-block;
    font-size: 30px;
    margin-left: 10px; }

.datepicker-dropdown.datepicker-orient-bottom:before,
.datepicker-dropdown.datepicker-orient-bottom:after {
  display: none; }

.contact_left {
  width: 42%;
  border-right: 2px solid #bbb;
  padding-right: 30px; }
  .contact_left iframe {
    border: 2px solid #ccc; }

.contact_right {
  width: 58%;
  padding-left: 30px; }

.page_title {
  font-size: 22px;
  font-weight: 700;
  color: #000;
  margin-top: 0;
  margin-bottom: 30px; }

.contact_form_buttons {
  display: flex;
  justify-content: space-between; }
  .contact_form_buttons label {
    display: block;
    font-weight: 700; }

.contact_info p {
  font-weight: 500;
  line-height: 150%;
  padding-left: 30px; }
.contact_info .fa {
  display: inline-block;
  width: 30px;
  margin-left: -30px;
  font-size: 23px;
  text-align: center; }
.contact_info .fa-envelope-o {
  font-size: 19px; }

.topbar_creditor_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  white-space: nowrap; }

.topbar_select {
  position: relative;
  width: 100%;
  min-width: 314px;
  text-align: left; }

.topbar_select-selected {
  line-height: 46px;
  background: #fff url(../img/select.png) no-repeat right 20px top 50%;
  padding: 0 20px;
  padding-right: 50px;
  cursor: pointer; }

.topbar_select-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  border-top: 1px solid #ccc;
  border-bottom: 3px solid #1E1A36;
  z-index: 1;
  overflow-y: auto;
  max-height: 800px; }

.topbar_select-radio {
  display: none; }
  .topbar_select-radio + label {
    display: block;
    padding: 10px 20px;
    border-bottom: 1px solid #ccc;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.2s ease; }
    .topbar_select-radio + label:hover {
      background: #fefefe;
      color: #B74D29; }
  .topbar_select-radio:checked + label {
    font-weight: 700; }

.left_pie_box {
  position: relative;
  border-top: 20px solid #F5F5F5; }
  .left_pie_box:after {
    content: attr(data-total);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 80px;
    font-size: 30px;
    font-weight: 700;
    color: #1E1A36;
    transform: translate(-50%, -50%); }

.left_pie_box .canvasjs-chart-tooltip {
  margin-bottom: 130px; }

.left_pie_box .canvasjs-chart-container {
  display: inline-block;
  width: 180px;
  height: 200px; }
  .left_pie_box .canvasjs-chart-container:after {
    content: '';
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background: #F5F5F5; }

.creditor_top_stats {
  display: flex;
  align-items: stretch;
  justify-content: space-between; }

.top_stat-item {
  background: #E0E0E0;
  padding: 10px;
  width: 100%;
  margin-right: 20px;
  margin-bottom: 20px; }
  .top_stat-item small {
    vertical-align: baseline;
    font-size: 85%; }
  .top_stat-item:last-child {
    margin-right: 0; }
  .top_stat-item.purring {
    color: #B74D29; }
    .top_stat-item.purring .top_stat-header .fa {
      background: #B74D29; }
    .top_stat-item.purring small {
      color: #79331b; }
  .top_stat-item.inkassovarsel {
    color: #874836; }
    .top_stat-item.inkassovarsel .top_stat-header .fa {
      background: #874836; }
    .top_stat-item.inkassovarsel small {
      color: #502b20; }
  .top_stat-item.pavent {
    color: #757575; }
    .top_stat-item.pavent .top_stat-header .fa {
      background: #757575; }
    .top_stat-item.pavent small {
      color: #4f4f4f; }
  .top_stat-item.inkasso {
    color: #1D1A2E; }
    .top_stat-item.inkasso .top_stat-header .fa {
      background: #1D1A2E; }
    .top_stat-item.inkasso small {
      color: black; }
  .top_stat-item.clients {
    flex: 2;
    color: #323434; }
    .top_stat-item.clients .top_stat-header {
      flex-wrap: wrap;
      align-items: center;
      border-bottom: none; }
    .top_stat-item.clients .top_stat-header strong {
      font-size: 21px; }
    .top_stat-item.clients .top_stat-header .fa {
      background: #48427E; }
    .top_stat-item.clients small {
      color: #0d0d0d; }
  .top_stat-item.info {
    width: 100%;
    color: #323434; }
    .top_stat-item.info .top_stat-header {
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      min-height: 55px;
      margin-bottom: 0;
      padding-bottom: 0;
      border-bottom: none; }

.top_stats_infos {
  display: flex;
  flex-direction: column;
  flex: 1; }
  .top_stats_infos .flex_row {
    display: flex;
    align-items: center; }
  .top_stats_infos .icon {
    margin-right: 20px; }
  .top_stats_infos .val {
    padding-top: 0;
    font-size: 18px; }

.top_stat-header {
  display: flex;
  align-items: flex-start;
  min-height: 89px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 2px solid #BDBDBD; }
  .top_stat-header .fa {
    flex-shrink: 0;
    display: inline-block;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    color: #fff;
    background: #B74D29;
    text-align: center;
    line-height: 65px;
    margin-right: 20px;
    font-size: 23px; }
  .top_stat-header strong {
    display: block;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 5px; }
  .top_stat-header b {
    display: flex;
    align-items: flex-start;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 5px; }
    .top_stat-header b span {
      flex-shrink: 0;
      margin-right: 10px;
      font-size: 22px; }
    .top_stat-header b div {
      margin-top: 2px; }
    .top_stat-header b.smaller {
      color: #757575; }
  .top_stat-header > span {
    display: block;
    padding-top: 5px;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase; }

.top_stat-footer {
  color: #616161;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700; }

.top_stat-cells {
  display: flex;
  width: 100%;
  padding-left: 85px;
  font-size: 15px;
  font-weight: 700; }
  .top_stat-cells .cell {
    display: flex;
    flex-direction: column;
    width: 25%;
    margin-right: 20px;
    padding-right: 20px;
    border-right: 2px solid #bdbdbd; }
    .top_stat-cells .cell:last-child {
      border-right: none;
      margin-right: 0;
      padding-right: 0; }
  .top_stat-cells .cell_title {
    margin-bottom: 5px;
    font-size: 15px;
    color: #757575; }
  .top_stat-cells .cell_val {
    font-size: 18px;
    color: #1C1A2E; }

.overview_items {
  display: grid;
  grid-template-columns: repeat(3, minmax(200px, 360px));
  gap: 20px; }

.overview_item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 30px 25px 25px 25px;
  background-color: #E0E0E0;
  border-radius: 9px; }
  .overview_item.green {
    background-color: #B9FFCA; }
  .overview_item.orange {
    background-color: #B74D29;
    color: #fff; }
  .overview_item.yellow {
    background-color: #FFF4B9; }
  .overview_item.red {
    background-color: #FFC3C3; }
  .overview_item.blue {
    background-color: #1e1a36;
    color: #fff; }
  .overview_item.grey {
    background-color: #C6C7C7;
    color: #fff; }

.overview_item_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: 'TitilliumWeb', sans-serif;
  font-size: 18px;
  font-weight: 600; }

.overview_item_total {
  font-size: 28px; }

.overview_item .btn {
  display: flex;
  justify-content: center;
  margin-top: 25px;
  padding: 13px;
  background-color: #1E1934;
  border-radius: 4px;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  text-align: center; }
  .overview_item .btn.green {
    background-color: #48B663; }
  .overview_item .btn.orange {
    background-color: #B74D29; }
  .overview_item .btn.red {
    background-color: #EB3636; }
  .overview_item .btn.blue {
    background-color: #1e1a36; }
  .overview_item .btn.grey {
    background-color: #787777; }

.creditor_filters_box {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px; }
  .creditor_filters_box .icon {
    display: inline-block;
    height: 34px;
    line-height: 30px;
    padding: 0 7px;
    font-size: 21px;
    border-radius: 3px;
    margin-left: 5px; }
    .creditor_filters_box .icon.excel {
      color: #4CAF50; }
      .creditor_filters_box .icon.excel:hover {
        background: #4CAF50;
        color: #fff; }
    .creditor_filters_box .icon .fa {
      vertical-align: middle; }
  .creditor_filters_box .select {
    width: 200px; }

.creditor_filter_buttons.cfb_switchers {
  display: none; }

.creditor_filter_buttons,
.creditor_intable_switchers {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-shrink: 0;
  align-items: stretch;
  overflow: hidden;
  white-space: nowrap; }
  .creditor_filter_buttons input,
  .creditor_intable_switchers input {
    display: none; }
  .creditor_filter_buttons li,
  .creditor_intable_switchers li {
    width: 100%;
    font-weight: 500;
    line-height: 34px; }
    .creditor_filter_buttons li:first-child,
    .creditor_intable_switchers li:first-child {
      padding-right: 15px; }
    .creditor_filter_buttons li.show_switchers,
    .creditor_intable_switchers li.show_switchers {
      display: block;
      flex-shrink: 0;
      width: auto; }
      .creditor_filter_buttons li.show_switchers a,
      .creditor_intable_switchers li.show_switchers a {
        background: #B74D29;
        color: #fff; }
  .creditor_filter_buttons li:nth-child(2) a,
  .creditor_filter_buttons li:nth-child(2) label,
  .creditor_intable_switchers li:nth-child(2) a,
  .creditor_intable_switchers li:nth-child(2) label {
    border-radius: 3px 0 0 3px; }
  .creditor_filter_buttons li:last-child a,
  .creditor_filter_buttons li:last-child label,
  .creditor_intable_switchers li:last-child a,
  .creditor_intable_switchers li:last-child label {
    border-radius: 0 3px 3px 0; }
  .creditor_filter_buttons li:first-child a,
  .creditor_filter_buttons li:first-child label,
  .creditor_intable_switchers li:first-child a,
  .creditor_intable_switchers li:first-child label {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px; }
  .creditor_filter_buttons li a,
  .creditor_filter_buttons li label,
  .creditor_intable_switchers li a,
  .creditor_intable_switchers li label {
    display: inline-block;
    width: 100%;
    background: #B74D29;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    height: 34px;
    line-height: 34px;
    white-space: nowrap;
    padding: 0 15px;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease;
    border: none; }
    .creditor_filter_buttons li a:hover,
    .creditor_filter_buttons li label:hover,
    .creditor_intable_switchers li a:hover,
    .creditor_intable_switchers li label:hover {
      background: #d4653f; }
  .creditor_filter_buttons li.current a,
  .creditor_filter_buttons li input:checked + label,
  .creditor_intable_switchers li.current a,
  .creditor_intable_switchers li input:checked + label {
    background: #fff;
    color: #1E1A36;
    border: 1px solid #ccc;
    cursor: default; }
  .creditor_filter_buttons li.swither_hidden,
  .creditor_intable_switchers li.swither_hidden {
    width: 0;
    overflow: hidden;
    visibility: hidden; }

td.switchers_td {
  position: relative; }

.creditor_intable_switchers {
  border-radius: 3px;
  margin-bottom: 0;
  overflow: hidden; }
  .creditor_intable_switchers li {
    line-height: 28px; }
  .creditor_intable_switchers li:first-child {
    padding-right: 0; }
  .creditor_intable_switchers li:nth-child(2) a,
  .creditor_intable_switchers li:nth-child(2) label {
    border-radius: 0; }
  .creditor_intable_switchers li a,
  .creditor_intable_switchers li label {
    height: 28px;
    line-height: 28px;
    padding: 0 7px; }

.creditor_intable_switchers.showed_full {
  position: absolute;
  top: 8px;
  right: 5px; }
  .creditor_intable_switchers.showed_full .swither_hidden {
    width: 100%;
    visibility: visible;
    overflow: visible; }
  .creditor_intable_switchers.showed_full li.show_switchers {
    display: none; }

.table_box {
  display: inline-block;
  width: 100%;
  overflow: visible;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
  margin-bottom: 20px; }
  .table_box table:last-child {
    margin-bottom: 0; }

.creditor_zebra {
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #D1D1D1; }
  .creditor_zebra th {
    background: #1E1A36;
    color: #fff;
    white-space: nowrap;
    font-weight: 500;
    border: none;
    border: 1px solid #1E1A36; }
  .creditor_zebra th, .creditor_zebra td {
    padding: 17px 5px;
    border: none;
    font-size: 12px;
    vertical-align: middle; }
  .creditor_zebra td {
    background: #fff;
    font-weight: 500; }
    .creditor_zebra td a {
      color: #323434;
      text-decoration: underline; }
      .creditor_zebra td a:hover {
        color: #B74D29;
        text-decoration: none; }
  .creditor_zebra tr:nth-child(even) td {
    background-color: #F5F5F5; }
  .creditor_zebra tr:hover td {
    border-bottom-color: #c5c5c5 !important; }
  .creditor_zebra td.meldinger a {
    position: relative; }
  .creditor_zebra td.meldinger a .bubble_messages {
    font-size: 10px;
    width: 13px;
    height: 13px;
    line-height: 13px;
    top: -8px;
    right: -8px; }
  .creditor_zebra tr.highlight td {
    background: #f9ebe6 !important; }
  .creditor_zebra .ch + label {
    padding-left: 19px;
    top: -2px;
    margin: 0 5px; }
  .creditor_zebra tr.stat_0 td {
    color: #a1a1a1;
    font-style: italic; }
  .creditor_zebra th a {
    color: #fff; }
    .creditor_zebra th a:hover {
      color: #fff; }
  .creditor_zebra tr.hidden_row {
    display: none; }

.ch {
  display: none; }
  .ch + label {
    position: relative;
    padding-left: 33px;
    padding-top: 2px;
    cursor: pointer;
    color: #323434;
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 20px;
    transition: all 0.3s ease; }
    .ch + label a {
      text-decoration: underline; }
      .ch + label a:hover {
        text-decoration: none; }
    .ch + label:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 20px;
      height: 20px;
      border: 2px solid #D1D1D1;
      background-color: #fff;
      transition: all 0.3s ease; }
    .ch + label:after {
      content: '\f00c';
      font-family: 'FontAwesome';
      position: absolute;
      top: 5px;
      left: 4px;
      font-size: 15px;
      line-height: 14px;
      color: transparent;
      transform: scale(0);
      transition: all 0.3s ease; }
  .ch:checked + label {
    border-color: #D1D1D1; }
    .ch:checked + label:before {
      border-color: #000;
      background-color: #000; }
    .ch:checked + label:after {
      transform: scale(1);
      color: #fff; }
  .ch[disabled] + label {
    visibility: hidden; }
  .ch .ch_agree + label {
    color: #000;
    font-weight: 400 !important; }
  .ch.compact + label {
    padding-left: 35px;
    display: inline-block;
    margin-right: 10px; }

.icon_small {
  font-size: 15px; }
  .icon_small.active {
    color: #B74D29; }

.paginate {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  margin-right: 20px; }
  .paginate li:first-child a {
    border-radius: 3px 0 0 3px; }
  .paginate li:last-child a {
    border-radius: 0 3px 3px 0; }
  .paginate li a,
  .paginate li.pg_devider {
    display: inline-block;
    width: 34px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #fff;
    border: 1px solid #ccc;
    margin-right: -1px; }
  .paginate li a:hover {
    background: #f6f6f6; }
  .paginate li.current a {
    background: #B74D29;
    color: #fff; }
  .paginate .fa {
    vertical-align: middle;
    margin-top: -5px; }

.select {
  height: 40px;
  padding: 0 15px;
  padding-right: 40px;
  border: 1px solid #D1D1D1;
  background: #fff url(../img/select.png) no-repeat right 15px top 50%;
  appearance: none; }
  .select.pink {
    background-color: #FFD9D9;
    color: #323434;
    border: none; }
  .select.blue {
    background-color: #C1E5FF;
    color: #323434;
    border: none; }
  .select.green {
    background-color: #B8F6CD;
    color: #323434;
    border: none; }
  .select.yellow {
    background-color: #FFF1C1;
    color: #323434;
    border: none; }
  .select.grey {
    background-color: #9F9F9F;
    color: #323434;
    border: none; }
  .select.purple {
    background-color: #E6E6FA;
    color: #323434;
    border: none; }
  .select.red {
    background-color: #F05E5E;
    background-image: url(../img/select_w.png);
    color: #fff;
    border: none; }

.creditor_faktura_box {
  background: #fff; }

.creditor_faktura_title {
  background: #B74D29;
  color: #fff;
  padding: 9px 20px;
  font-size: 16px; }

.creditor_faktura_container {
  padding-top: 15px;
  border: 1px solid #ddd;
  border-top: none; }

.creditor_faktura_tabs_nav {
  list-style: none;
  padding: 0 30px;
  margin: 0;
  margin-bottom: 20px;
  display: flex; }
  .creditor_faktura_tabs_nav li {
    display: inline-block;
    padding: 0 10px; }
  .creditor_faktura_tabs_nav li:first-child {
    padding-left: 0; }
  .creditor_faktura_tabs_nav li:last-child {
    padding-right: 0; }
  .creditor_faktura_tabs_nav li a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin-right: 1px;
    color: #000;
    font-size: 15px;
    border-bottom: 3px solid transparent; }
  .creditor_faktura_tabs_nav .current a {
    border-bottom-color: #1E1A36;
    font-weight: 700; }

.faktura_flex {
  display: flex;
  justify-content: space-between;
  padding-right: 30px; }

.faktura_left {
  width: calc(100% - 300px); }

.faktura_right {
  width: 280px; }
  .faktura_right h3 {
    margin-top: 9px; }

.creditor_faktura_innertab_nav {
  list-style-type: none;
  padding: 0 7px;
  margin: 0;
  display: flex;
  background: #f6f6f6; }
  .creditor_faktura_innertab_nav a {
    display: inline-block;
    padding: 8px 13px;
    color: #000;
    font-size: 15px; }
  .creditor_faktura_innertab_nav li.current a {
    color: orange; }

.creditor_faktura_innertab_container {
  width: 100%;
  border: 7px solid #f6f6f6;
  border-top: none;
  padding: 10px 13px; }

.faktura_table {
  width: 100%; }
  .faktura_table th {
    font-weight: 700;
    text-align: left; }
  .faktura_table th, .faktura_table td {
    padding: 7px 30px;
    border-bottom: 1px solid #f5f5f5; }
  .faktura_table tr:hover td {
    background: #f6f6f6; }
  .faktura_table tr.faktura_nr_tr td {
    background: #f5f5f5 !important;
    font-weight: 700; }

#menu,
#mmenu_open {
  display: none; }

.overlay {
  position: fixed;
  z-index: 200;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5; }

.logo_mobile {
  display: none; }

.creditor_kundekort_box {
  background: #fff;
  border: 1px solid #D1D1D1;
  margin-bottom: 30px; }
  .creditor_kundekort_box h3 {
    padding: 10px 20px;
    border-bottom: 1px solid #D1D1D1;
    margin: 0; }

.creditor_kundekort_inner {
  padding: 20px; }
  .creditor_kundekort_inner p:first-of-type {
    margin-top: 0; }
  .creditor_kundekort_inner p:last-of-type {
    margin-bottom: 0; }

.creditor_photo {
  float: left;
  margin-right: 20px; }
  .creditor_photo + p {
    margin-top: 0; }

.contact_person_img {
  flex-shrink: 0;
  margin-right: 30px;
  width: 130px;
  border: 3px solid #f6f6f6; }

.contact_person_map {
  flex-shrink: 0;
  width: 300px; }
  .contact_person_map iframe {
    width: 100% !important;
    height: 100% !important; }

.contact_person_box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  margin-right: 30px;
  margin-bottom: 20px;
  padding: 20px;
  background: #fff; }
  .contact_person_box.white_block {
    padding-bottom: 0; }
  .contact_person_box h3 {
    width: 100%;
    margin-top: 0;
    margin-bottom: 15px;
    padding-bottom: 15px;
    color: #000;
    font-size: 20px;
    text-transform: uppercase;
    border-bottom: 3px solid #eee; }
  .contact_person_box .contact_cell {
    width: 25%;
    padding-bottom: 20px;
    margin-bottom: 0; }
    .contact_person_box .contact_cell span {
      display: block;
      font-size: 18px;
      font-weight: 700; }
    .contact_person_box .contact_cell label {
      display: block;
      font-weight: 400;
      margin-bottom: 7px;
      font-size: 15px; }
    .contact_person_box .contact_cell.contact_avatar {
      flex-shrink: 0;
      width: auto; }
      .contact_person_box .contact_cell.contact_avatar img {
        max-width: 70px;
        max-height: 70px;
        margin-right: 50px; }

h3.contact_person_title,
.contact_person_title {
  font-size: 16px;
  margin-bottom: 10px;
  padding-bottom: 10px; }
  h3.contact_person_title:not(:first-child),
  .contact_person_title:not(:first-child) {
    margin-top: 20px; }

.contacts_box {
  background: #fff;
  padding: 20px; }
  .contacts_box h1 {
    width: 100%;
    margin-top: 0;
    margin-bottom: 15px;
    padding-bottom: 15px;
    color: #000;
    font-size: 20px;
    text-transform: uppercase;
    border-bottom: 3px solid #eee; }

.contacts_items_box {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  padding-top: 30px; }

.contacts_item {
  position: relative;
  width: 30%;
  text-align: center;
  font-size: 16px;
  background: linear-gradient(to bottom, #f0f0f0, #fff);
  border-radius: 10px;
  padding-top: 50px;
  padding-left: 20px;
  padding-right: 20px; }
  .contacts_item .fa {
    position: absolute;
    top: -30px;
    left: 50%;
    width: 60px;
    height: 60px;
    background: #B74D29;
    color: #fff;
    font-size: 26px;
    text-align: center;
    line-height: 60px;
    transform: translateX(-50%);
    border-radius: 50%; }
  .contacts_item h3 {
    color: #000;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 20px; }

.loging_area {
  min-height: calc(100vh - 80px);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center; }
  .loging_area section {
    width: 100%;
    max-width: 500px; }

.login_logo {
  margin-bottom: 20px;
  margin-top: 20px; }

.login_box {
  width: 96%;
  margin-left: 2%;
  padding: 30px;
  background: #fff;
  margin-bottom: 20px;
  border-radius: 3px;
  text-align: left;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3); }
  .login_box h3 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase; }
  .login_box .ip_cell label {
    display: block;
    margin-bottom: 3px; }
  .login_box .ip_cell:last-child,
  .login_box .ip_cell:last-of-type {
    margin-bottom: 0; }
  .login_box .button {
    margin-bottom: 15px; }

.login_links {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 10px; }
  .login_links a {
    display: flex;
    flex-basis: 45%;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    padding: 8px 5px;
    background-color: #F5F5F5;
    font-size: 12px;
    font-weight: 700;
    color: #1E1A36; }
  .login_links .icon {
    width: 20px;
    margin-right: 8px; }

.login_small_txt {
  width: 100%;
  margin-top: 10px;
  font-size: 12px;
  font-weight: 700;
  text-align: center; }

.logins_copyright {
  display: block;
  width: 100%;
  max-width: 300px;
  text-align: center;
  font-size: 12px;
  color: #bbb;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  line-height: 130%; }
  .logins_copyright p {
    margin: 0; }

.kreditsjekk_box {
  background: #fff;
  padding: 20px; }
  .kreditsjekk_box h1 {
    margin-top: 0;
    margin-bottom: 20px; }
  .kreditsjekk_box > .ip_cell {
    max-width: 300px; }

.kreditsjekk_mainrow {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-bottom: 3px solid #f6f6f6;
  margin-bottom: 20px;
  padding-bottom: 20px;
  padding-right: 20px; }

.risk_graph_box {
  position: relative;
  width: 200px;
  height: 100px;
  overflow: hidden; }

.risk_sections {
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 200px;
  border-radius: 100%;
  background: orange;
  overflow: hidden; }

.rist_section {
  position: absolute;
  z-index: 1;
  width: 100px;
  height: 100px;
  bottom: 50%;
  left: 50%;
  transform-origin: 0% 100%; }
  .rist_section.red {
    background: red;
    z-index: 2;
    transform: translate(0) rotate(-125deg); }
  .rist_section.yellow {
    background: orange;
    z-index: 1;
    transform: translate(0) rotate(-45deg); }
  .rist_section.green {
    background: green;
    z-index: 2;
    transform: translate(0) rotate(35deg); }

.risk_white_circle {
  position: absolute;
  z-index: 3;
  width: 170px;
  height: 170px;
  left: 15px;
  top: 15px;
  background: #fff;
  border-radius: 100%; }

.risk_text {
  position: absolute;
  z-index: 5;
  width: 140px;
  height: 140px;
  left: 30px;
  top: 30px;
  background: #fff;
  border-radius: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 30px; }
  .risk_text b {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 3px; }
  .risk_text.red b {
    color: red; }
  .risk_text.yellow b {
    color: orange; }
  .risk_text.green b {
    color: green; }

.risk_level_dot {
  position: absolute;
  bottom: 0;
  right: 50%;
  z-index: 4;
  width: 100px;
  height: 15px;
  transform-origin: 100% 100%;
  transition: all 2s ease-in-out;
  text-align: left; }
  .risk_level_dot:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 12px;
    width: 100%;
    height: 2px;
    background: #000; }
  .risk_level_dot span {
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 2px solid #000;
    border-radius: 50%;
    margin-top: 3px;
    margin-left: 2px;
    background: #fff; }

.risk_graph_linear {
  flex-shrink: 0;
  width: 300px; }

.risk_graph_linear .canvasjs-chart-container {
  height: 100px; }

.canvasjs-chart-credit {
  display: none !important; }

.kreditsjekk_column:not(:last-child) {
  margin-right: 20px; }

.kreditsjekk_column.stats b {
  font-size: 20px;
  color: #000; }

.kreditsjekk_statuses_box .flex {
  flex-wrap: wrap; }

.kreditsjekk_status {
  margin-right: 30px;
  margin-bottom: 20px;
  font-size: 12px; }
  .kreditsjekk_status b {
    display: block;
    color: #000;
    font-size: 14px; }
  .kreditsjekk_status .fa {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: gray;
    text-align: center;
    line-height: 20px;
    font-size: 13px;
    color: #fff;
    margin-right: 5px; }
    .kreditsjekk_status .fa.fa-remove {
      background: red; }
    .kreditsjekk_status .fa.fa-plus {
      background: green;
      line-height: 22px; }
    .kreditsjekk_status .fa.fa-check {
      background: blue; }

.kreditsjekk_table tbody tr th {
  background: lightgray; }
.kreditsjekk_table tbody tr:nth-child(even) th {
  background: #f2f2f2; }

.dashboard_control_buttons {
  margin-bottom: 20px; }
  .dashboard_control_buttons .button {
    margin-right: 10px; }

.input_text.creditor_search {
  font-size: 14px;
  background: #fff url(../img/i_search.svg) no-repeat 10px 50%;
  padding-left: 40px;
  margin-bottom: 12px; }

.dashboard_creditors_list {
  max-height: 400px;
  overflow-y: auto; }
  .dashboard_creditors_list .ip_cell {
    padding: 7px 10px;
    margin-bottom: 0;
    transition: background 0.3s ease; }
    .dashboard_creditors_list .ip_cell.highlight {
      background: #f9ebe6 !important; }
      .dashboard_creditors_list .ip_cell.highlight label {
        color: #000; }
  .dashboard_creditors_list .ip_cell:nth-child(odd) {
    background: #fff; }
  .dashboard_creditors_list label {
    font-size: 14px;
    padding-top: 1px; }

.msg {
  font-weight: 700;
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 10px; }
  .msg.error {
    color: red; }

.save_photo_form {
  display: flex;
  align-items: center; }
  .save_photo_form .ch + label {
    padding-left: 33px;
    margin-right: 10px;
    margin-bottom: 0; }

.js_label {
  display: block;
  line-height: 20px; }

.init_no_show {
  display: none; }

.invoice_columns_box {
  display: flex;
  justify-content: space-between;
  width: 100%; }

.invoice_column {
  flex-shrink: 0;
  width: 49%; }

.invoice_selectable_tr {
  cursor: pointer; }
  .invoice_selectable_tr:hover td {
    color: #C05626; }
  .invoice_selectable_tr.active td {
    background: #fff4ef !important;
    color: #C05626; }
  .invoice_selectable_tr.initInv {
    font-weight: bold; }

.invoice_table_total td {
  border-top: 4px solid #ddd;
  font-size: 100%; }

.invoice_history {
  width: 100%;
  border: 1px solid #ddd;
  font-style: italic; }
  .invoice_history th, .invoice_history td {
    padding: 8px 30px;
    font-size: 12px;
    vertical-align: middle;
    border-bottom: 1px solid #ddd; }
  .invoice_history th {
    color: #1E1A36; }
  .invoice_history tr.important td {
    font-weight: 700; }

.invoice_faktura_details {
  display: none; }

.file {
  display: flex;
  align-items: center;
  font-weight: 500; }
  .file .fa {
    margin-right: 10px; }

.maincol h1.invoice_page_title {
  font-weight: 500;
  font-size: 24px; }
  .maincol h1.invoice_page_title b {
    font-weight: 700; }

.tgray {
  color: #ccc; }

td .fa-envelope-o {
  vertical-align: baseline;
  margin-left: 5px; }

/* BILL TEMPLATES */
.debia_bill,
.bill_login_area {
  font-family: 'Inter', sans-serif;
  font-weight: 400; }
  .debia_bill h1, .debia_bill h2, .debia_bill h3, .debia_bill h4,
  .debia_bill .button, .debia_bill .button-o, .debia_bill .graybox_button,
  .bill_login_area h1,
  .bill_login_area h2,
  .bill_login_area h3,
  .bill_login_area h4,
  .bill_login_area .button,
  .bill_login_area .button-o,
  .bill_login_area .graybox_button {
    font-family: 'TitilliumWeb', sans-serif; }
  .debia_bill .input_text,
  .bill_login_area .input_text {
    font-family: 'Inter', sans-serif; }
  .debia_bill select.input_text,
  .bill_login_area select.input_text {
    background-image: url("../img/i_dropdown.svg");
    background-position: right 5px top 50%;
    background-repeat: no-repeat;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none; }

.debia_bill {
  background-color: #fff; }
  .debia_bill .wrapper {
    overflow: visible;
    min-height: calc(100vh - 81px); }

.bill_login_area {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100vh; }

.bill_login_box {
  display: inline-block;
  width: 100%;
  max-width: 416px;
  padding: 30px;
  background: #fff;
  margin-bottom: 20px;
  border-radius: 3px;
  text-align: left; }
  .bill_login_box .ip_cell:last-child {
    margin-bottom: 0; }
  .bill_login_box .ip_cell label {
    display: block;
    margin-bottom: 2px;
    font-size: 13px; }
  .bill_login_box .input_text {
    border-radius: 4px;
    border-color: #C6C7C7; }
    .bill_login_box .input_text:focus {
      border-color: #333; }

.bill_login_tabs_nav {
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-bottom: 36px;
  border-bottom: 1px solid #eee;
  font-family: 'TitilliumWeb', sans-serif;
  letter-spacing: 0.34px; }
  .bill_login_tabs_nav li {
    width: 50%; }
    .bill_login_tabs_nav li a {
      display: block;
      height: 48px;
      line-height: 44px;
      border-bottom: 4px solid transparent;
      text-align: center;
      font-weight: 700;
      font-size: 17px;
      color: #838585; }
    .bill_login_tabs_nav li.current a {
      border-bottom-color: #000;
      color: #000; }

.tab {
  display: none; }

.tab:first-child {
  display: block; }

.ipc_phone_flex {
  display: flex;
  justify-content: space-between; }
  .ipc_phone_flex select.input_text {
    flex-shrink: 0;
    width: 90px;
    padding-left: 20px;
    padding-right: 10px;
    border-radius: 4px 0 0 4px;
    border-right: none;
    color: #838585; }
  .ipc_phone_flex input.input_text {
    width: 100%;
    border-radius: 0 4px 4px 0; }

.container.w1200 {
  width: 1200px; }

.bill_sec .container {
  color: #1E1A36;
  letter-spacing: 0.02em; }
  .bill_sec .container.flex {
    display: flex;
    justify-content: space-between;
    align-items: stretch; }
.bill_sec main {
  position: relative;
  width: 100%; }
.bill_sec aside {
  flex-shrink: 0;
  width: 488px;
  margin-left: 20px; }

.bill_status {
  position: absolute;
  top: 16px;
  right: 16px;
  display: inline-block;
  padding: 0 18px;
  line-height: 24px;
  font-size: 13px;
  border-radius: 3px;
  font-weight: 600; }
  .bill_status.Purring {
    color: #323434;
    background-color: #FFF1C1; }
  .bill_status.Inkassovarsel {
    color: #323434;
    background-color: #FFD9D9; }
  .bill_status.Inkasso {
    color: #ffffff;
    background-color: #F05E5E; }
  .bill_status.PaVent {
    color: #323434;
    background-color: #C1D9FF; }
  .bill_status.Tvistesaker {
    color: #323434;
    background-color: #D2B4DE; }
  .bill_status.BetaltHovedstol {
    color: #ffffff;
    background-color: #28A745; }
  .bill_status.Unknown {
    color: #ffffff;
    background-color: #9E9E9E; }

.bill_amount_box {
  padding: 16px;
  border: 1px solid #ddd;
  margin-bottom: 20px; }

.bill_amount {
  margin-bottom: 14px; }
  .bill_amount h4 {
    font-weight: 600;
    font-size: 18px;
    margin: 0;
    margin-bottom: 8px; }
  .bill_amount b {
    display: block;
    font-weight: 700;
    font-size: 28px;
    line-height: 34px; }

.bill_payment_details {
  display: flex;
  justify-content: space-between;
  margin-bottom: 42px; }
  .bill_payment_details span {
    font-size: 14px;
    color: #464949; }
  .bill_payment_details b {
    color: #838585;
    font-weight: 600;
    font-size: 16px; }

.bill_amount_buttons {
  display: flex;
  justify-content: flex-end;
  margin-bottom: -15px; }
  .bill_amount_buttons .button,
  .bill_amount_buttons .button-o {
    margin-left: 11px;
    margin-bottom: 15px; }

.bill_order_history_area {
  padding: 17px; }

.bill_history_title_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px; }
  .bill_history_title_box h2 {
    margin: 0;
    font-size: 19px;
    line-height: 20px;
    font-weight: 700; }
  .bill_history_title_box .button {
    height: 38px;
    padding: 8px 20px; }

.bill_history_row {
  position: relative;
  padding-left: 41px;
  padding-bottom: 26px;
  font-size: 12px;
  line-height: 20px; }
  .bill_history_row:not(:last-child):before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 15px;
    width: 1px;
    height: 100%;
    background: #E8E8E8; }
  .bill_history_row:after {
    content: '';
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 31px;
    height: 31px; }
  .bill_history_row.done:after {
    background: url("../img/i_history_done.svg") no-repeat; }
  .bill_history_row.warning:after {
    background: url("../img/i_history_warning.svg") no-repeat; }
  .bill_history_row b {
    font-size: 14px; }
  .bill_history_row span {
    color: #838585; }

.bill_gray_box {
  background: #F7F7F7;
  padding: 24px;
  margin-bottom: 20px; }
  .bill_gray_box h2 {
    margin: 0;
    margin-bottom: 20px;
    font-size: 19px;
    line-height: 20px; }

.bill_info_table {
  width: 100%;
  margin-bottom: 20px; }
  .bill_info_table.layout_fixed {
    table-layout: fixed; }
  .bill_info_table th, .bill_info_table td {
    padding: 4px 0;
    padding-right: 8px; }
  .bill_info_table th {
    position: relative;
    width: 45%; }
    .bill_info_table th:after {
      position: absolute;
      content: ':';
      top: 4px;
      right: 8px;
      margin-right: 5px; }
    .bill_info_table th > span {
      padding-right: 12px; }
    .bill_info_table th.without_after_content:after {
      display: none; }
  .bill_info_table .total th, .bill_info_table .total td {
    border-top: 1px solid #D1D1D1; }
  .bill_info_table .txt_right {
    text-align: right; }

.gray_box_buttons {
  display: flex;
  justify-content: flex-end; }

.graybox_button {
  display: inline-block;
  font-weight: 700;
  font-size: 15px;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 0;
  color: #1E1A36;
  transition: all 0.2s ease-out; }
  .graybox_button:hover {
    color: #B74D29; }
  .graybox_button:not(:first-child) {
    border-left: 1px solid #ddd;
    padding-left: 19px;
    margin-left: 19px; }

.astable {
  display: table;
  margin: 0 auto;
  margin-right: 0; }
  .astable .gray_box_buttons {
    display: table-row; }
    .astable .gray_box_buttons > span {
      display: table-cell;
      padding-bottom: 20px; }
      .astable .gray_box_buttons > span:not(:first-child) .graybox_button {
        padding-left: 45px; }
        .astable .gray_box_buttons > span:not(:first-child) .graybox_button:before {
          content: '|';
          display: inline-block;
          color: #ebe7e7;
          margin-left: -25px;
          margin-right: 20px; }
  .astable .graybox_button {
    width: 100%; }

.wrapper.page_locked {
  filter: blur(6px); }

.modal,
.modal_locked {
  position: fixed;
  display: none;
  z-index: 999999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.modal_overlay {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3); }

.modal_content {
  display: inline-block;
  width: 100%;
  max-width: 657px;
  padding: 0;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3); }
  .modal_content.medium {
    max-width: 890px; }
  .modal_content h2 {
    margin-top: 0;
    margin-bottom: 28px;
    font-size: 24px;
    color: #1D1F1F; }
  .modal_content .ip_cell label {
    text-align: left; }
  .modal_content .fancybox-close-small {
    display: none; }

.modal_locked .modal_content {
  padding: 70px; }

.modal_header {
  background-color: #1E1A36;
  color: #fff;
  border-radius: 6px 6px 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px; }
  .modal_header a.modal_close {
    color: #fff;
    font-size: 19px;
    padding: 10px; }
  .modal_header h3 {
    margin: 0;
    font-weight: 400;
    font-size: 18px; }

.modal_inner {
  padding: 20px; }

.modal_inputs_box {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 24px; }
  .modal_inputs_box .w48 {
    margin-right: 4%; }
    .modal_inputs_box .w48:nth-child(2n+2) {
      margin-right: 0; }

.modal_buttons {
  margin-bottom: 20px; }
  .modal_buttons .button,
  .modal_buttons .button-o {
    font-family: 'TitilliumWeb', sans-serif;
    text-transform: uppercase;
    padding-left: 30px;
    padding-right: 30px; }

.ip_cell label {
  display: block;
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 6px; }

.page_locked_content {
  text-align: center;
  color: #838585;
  font-size: 15px;
  font-weight: 500; }
  .page_locked_content img {
    margin-bottom: 12px; }
  .page_locked_content h2 {
    margin: 0;
    margin-bottom: 12px;
    font-size: 40px;
    line-height: 48px;
    text-transform: uppercase;
    color: #000; }
  .page_locked_content .button {
    margin-top: 10px; }

.modal_buttons {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  padding-top: 20px; }
  .modal_buttons .button-o,
  .modal_buttons .button {
    margin-left: 11px; }

.bill_inputs_flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-right: 15px; }
  .bill_inputs_flex .ip_cell {
    margin-bottom: 28px; }
  .bill_inputs_flex label {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin-bottom: 3px; }
  .bill_inputs_flex .input_text {
    height: 52px;
    border-radius: 4px;
    border-color: #C6C7C7;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 15px; }
    .bill_inputs_flex .input_text:focus {
      border-color: #333; }

.modal_content .bill_inputs_flex {
  padding-right: 0; }

.bill_payments_box {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap; }

.rd_payment {
  display: none; }
  .rd_payment + label {
    display: inline-block;
    width: 147px;
    border-radius: 4px;
    margin-right: 11px;
    margin-bottom: 16px;
    padding: 15px;
    padding-top: 5px;
    border: 1px solid #E8E8E8;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    transition: background 0.2s ease; }
  .rd_payment:checked + label {
    background: #EFEEF5;
    border: 2px solid #1E1A36; }

.payment_logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100px; }

.bill_checkout_buttons {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 80px; }
  .bill_checkout_buttons .button,
  .bill_checkout_buttons .button-o {
    margin-left: 11px; }

.bill_login_lang_row {
  display: inline-block;
  width: 100%;
  max-width: 416px;
  text-align: right; }

.bill_lang_box {
  position: relative;
  display: inline-block;
  width: 152px;
  margin-bottom: 12px;
  text-align: left; }

.bill_lang_current {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding-left: 40px;
  padding-right: 40px;
  font-weight: 600;
  font-size: 15px;
  background: #EFEEF5 url("../img/i_lang.svg") no-repeat 10px 50%;
  color: #1E1A36;
  letter-spacing: 0.3px;
  cursor: pointer; }
  .bill_lang_current:after {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    background: url("../img/I_arrow_drop_down.svg") no-repeat center center;
    width: 24px;
    height: 100%; }
  .bill_lang_current:hover {
    background-color: #f6f6f6; }

.bill_lang_box.opened .bill_lang_dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0); }

.bill_lang_dropdown {
  opacity: 0;
  visibility: hidden;
  transform: translateY(5px);
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 5px;
  padding: 8px;
  background: #fff;
  border: 1px solid #E8E8E8;
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14);
  transition: all 0.15s ease-out; }
  .bill_lang_dropdown a {
    display: flex;
    align-items: center;
    width: 165px;
    height: 48px;
    padding: 0 8px;
    font-weight: 600;
    font-size: 15px;
    color: #1E1A36; }
    .bill_lang_dropdown a:hover, .bill_lang_dropdown a.current {
      background-color: #EFEEF5; }
    .bill_lang_dropdown a img {
      margin-right: 10px; }
    .bill_lang_dropdown a:not(:last-child) {
      margin-bottom: 8px; }
    .bill_lang_dropdown a.current {
      cursor: default; }

.bill_topbar_right {
  display: flex;
  align-items: center;
  padding-top: 12px; }
  .bill_topbar_right .bill_lang_box {
    margin-bottom: 0; }
  .bill_topbar_right .bill_lang_current {
    background-color: #fff;
    border: 1px solid #E8E8E8; }
    .bill_topbar_right .bill_lang_current:hover {
      border-color: #ccc; }

.bill_topbar_link {
  display: inline-block;
  margin-left: 30px;
  margin-right: 30px;
  font-family: 'Titillium Web', sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  color: #1E1A36;
  letter-spacing: 0.3px; }

.bill_footer_sec {
  margin-bottom: 15px;
  color: #fff; }
  .bill_footer_sec .container.flex {
    justify-content: space-between; }
    .bill_footer_sec .container.flex div {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      padding: 10px;
      background: #1E1A36; }
    .bill_footer_sec .container.flex img {
      flex-shrink: 0;
      margin-left: -5px; }
    .bill_footer_sec .container.flex .copyrights {
      margin: 5px 0;
      padding-right: 20px; }
    .bill_footer_sec .container.flex nav {
      display: flex;
      flex-wrap: wrap;
      margin: 5px 0; }
    .bill_footer_sec .container.flex a {
      position: relative;
      color: #fff;
      margin-right: 5px;
      padding-right: 5px; }
      .bill_footer_sec .container.flex a::after {
        position: absolute;
        content: "";
        top: 50%;
        right: 0;
        width: 1px;
        height: 15px;
        margin-top: -7px;
        background-color: rgba(255, 255, 255, 0.5); }
      .bill_footer_sec .container.flex a:last-child {
        margin-right: 0;
        padding-right: 0; }
      .bill_footer_sec .container.flex a:last-child::after {
        display: none; }

.thanks_box {
  margin-top: 20vh;
  margin-bottom: 20vh; }
  .thanks_box h1 {
    font-size: 48px;
    line-height: 100%;
    color: #323434;
    margin-top: 0;
    font-weight: 600;
    margin-bottom: 35px; }
  .thanks_box .button {
    width: 100%;
    max-width: 264px;
    height: 48px;
    margin: 0 15px;
    padding: 13px 30px;
    margin-bottom: 15px; }

/* // end BILL TEMPLATES */
/* PAGE HEADER */
.page_header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px; }

.page_title {
  margin-right: 50px; }

.page_header .date_range {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px; }

.page_header .date_range .flex_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  margin-right: 15px; }

.page_header .date_range .flex_row .ip_cell {
  max-width: 180px;
  margin-bottom: 0; }

.page_header .date_range .flex_row span {
  margin: 0 15px;
  color: #000; }

.page_header .date_range .input_text {
  padding-right: 40px;
  background: #fff url(../img/i_calendar.svg) no-repeat right 10px top 50%;
  background-size: 25px auto; }

.page_header .date_range .button {
  min-width: 180px;
  height: 48px;
  padding: 13px 18px;
  font-family: 'Inter', sans-serif;
  text-transform: capitalize; }

/* DIAGRAMS */
.diagram_section {
  margin-bottom: 30px;
  padding: 20px;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  background-color: #fff; }

.diagram_container {
  height: 420px; }

.diagram_title {
  margin-bottom: 20px;
  font-family: 'TitilliumWeb', sans-serif;
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  color: #1E1A36; }

.diagram_filters_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px; }
  .diagram_filters_box .select {
    max-width: 210px;
    height: 40px;
    margin-bottom: 10px; }

.diagram_actions {
  display: flex;
  margin-right: 20px;
  margin-bottom: 10px; }

.diagram_action_btn {
  min-width: 130px;
  height: 40px;
  padding: 10px 20px;
  background-color: #F5F5F5;
  border: none;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 500;
  color: #323434;
  text-align: center; }
  .diagram_action_btn:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .diagram_action_btn::nth-child(2) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .diagram_action_btn:hover {
    background-color: #e9e9e9;
    color: #1E1A36; }
  .diagram_action_btn.active {
    background-color: #1E1A36;
    color: #fff; }

.chartjs_tooltip {
  position: absolute;
  width: 160px;
  background: #464949;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 400;
  color: white;
  letter-spacing: 1px;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 0px);
  transition: all 0.3s ease 0s;
  z-index: 1; }

.tooltip_head {
  padding: 5px 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #1D1F1F;
  font-size: 13px;
  font-weight: 700; }

.tooltip_label_row {
  display: flex;
  align-items: baseline;
  padding: 5px 8px; }

.tooltip_dot {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  margin-right: 12px;
  border-radius: 100%;
  vertical-align: baseline; }

.number_of_days {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 35px;
  right: 20px;
  width: 67px;
  height: 24px;
  border-radius: 24px;
  background: #E8E8E8;
  font-size: 12px;
  color: #323434;
  letter-spacing: 1px; }

/* CHAT */
.message_container {
  overflow-y: auto;
  max-height: 400px;
  /* Set max height */
  margin-top: 10px;
  padding: 20px;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #ccc; }

.message {
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 5px; }

.dpnote {
  background-color: #e6f2ff;
  text-align: right; }

.dbnote {
  background-color: #f7e3d0;
  text-align: left; }

.cpnote {
  background-color: #d9ead3;
  text-align: left; }

.name {
  font-weight: bold;
  margin-bottom: 5px; }

.time {
  font-size: 12px;
  color: #666; }

.msg_status {
  font-size: 12px;
  color: #666; }

.read_status {
  font-size: 12px;
  color: #666; }

.input-container {
  margin-top: 20px; }

.input-container form {
  display: flex; }

.msgInputField {
  width: 100%;
  margin-right: 5px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 14px; }

input[type="submit"] {
  width: 66px;
  padding: 10px;
  border: none;
  border-radius: 5px;
  background-color: #007bff;
  color: #fff;
  font-size: 14px;
  cursor: pointer; }

.message_container::-webkit-scrollbar {
  width: 10px; }

.message_container::-webkit-scrollbar-track {
  background: #f1f1f1; }

.message_container::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 5px; }

.message_container::-webkit-scrollbar-thumb:hover {
  background: #555; }

/* CASE TABS */
.case_tabs_nav {
  display: flex;
  background-color: #1E1A36;
  border-radius: 6px 6px 0 0;
  overflow: hidden; }
  .case_tabs_nav a {
    margin-right: 20px;
    padding: 12px 20px 9px 20px;
    border-bottom: 3px solid transparent;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.8); }
    .case_tabs_nav a:hover {
      color: #fff; }
    .case_tabs_nav a.current {
      border-bottom-color: #B74D29;
      color: #fff;
      text-shadow: 0 0 1px #fff; }

.case_tabs_container {
  padding: 20px; }
  .case_tabs_container .button {
    font-family: 'TitilliumWeb', sans-serif; }

/* CHAT 2025 */
.chat25_section {
  display: none;
  position: fixed;
  top: 76px;
  left: 0;
  width: 100%;
  height: calc(100% - 76px);
  z-index: 10;
  font-family: 'Inter', sans-serif; }

.chat25_overlay {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .3; }

.chat25_box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  max-width: 680px;
  display: flex;
  flex-direction: column;
  background: #F3F3F3; }

.chat25_header {
  flex-shrink: 0; }

.chat25_title_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 48px;
  padding: 0 24px;
  background: #1E1A36;
  color: #fff; }
  .chat25_title_box h2 {
    font-family: 'TitilliumWeb', sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 100%; }
  .chat25_title_box a.chat25_close {
    display: inline-block;
    color: #fff;
    font-size: 17px; }

.chat25_switch_box {
  height: 0;
  padding: 0;
  visibility: hidden; }
  .chat25_switch_box > div {
    display: inline-block;
    margin-right: 38px;
    margin-bottom: 10px; }
  .chat25_switch_box .ch + label {
    font-size: 15px;
    color: #1E1934; }

.chat25_body {
  position: relative;
  height: calc(100% - 117px);
  padding: 24px; }

.chat25_inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 9px;
  padding: 0 24px;
  padding-bottom: 24px; }

.chat25_scroll_area {
  height: 100%;
  overflow-y: auto;
  margin-bottom: 12px; }

.chat25_inputs_box {
  flex-shrink: 0;
  position: relative;
  width: 100%; }

.input_text.chat25_msg_input {
  width: 100%;
  height: 158px;
  background: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 8px;
  padding: 12px;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 12px;
  resize: none; }

.chat25_select_type {
  position: absolute;
  top: 16px;
  left: 12px;
  height: 32px;
  padding: 0 12px;
  padding-right: 30px;
  border: none;
  border-radius: 30px;
  background: #E8E8E8 url("../img/select.png") no-repeat top 50% right 12px;
  color: #323434;
  font-size: 12px;
  font-weight: 600;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  visibility: hidden; }
  .chat25_select_type:hover {
    background-color: #dbdbdb; }

.chat25_send {
  float: right; }

.chat25_message_box {
  display: none;
  margin-bottom: 24px;
  float: left;
  width: 100%; }

.chat25_messages {
  padding: 20px 0; }

.chat25_message {
  display: block;
  max-width: 430px;
  border-radius: 8px;
  padding: 20px 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px; }
  .chat25_message.sender {
    background: #FBEDE5;
    float: right; }
    .chat25_message.sender .shat25_message-type {
      background: #EFBDAC; }
  .chat25_message.receiver {
    background: #F7F7F7;
    float: left; }
    .chat25_message.receiver .shat25_message-type {
      background: #e8e8e8; }

.chat25_message-title {
  margin-bottom: 20px;
  font-size: 12px; }
  .chat25_message-title > * {
    display: inline-block;
    margin-right: 13px; }
  .chat25_message-title b {
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    margin-right: 20px; }

.shat25_message-type {
  display: inline-block;
  border-radius: 3px;
  line-height: 24px;
  padding: 0 8px;
  margin-right: 15px; }

.chat25_message-date {
  white-space: nowrap; }

.case_button {
  display: inline-block;
  line-height: 34px;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  padding: 0 6px;
  font-size: 13px;
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  color: #323434;
  letter-spacing: 0.02em; }
  .case_button:hover {
    border-color: #000; }
  .case_button svg, .case_button svg *, .case_button img {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle; }
  .case_button .bubble_messages {
    position: static;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-weight: 400; }
  .case_button .bubble_notes {
    position: static;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-weight: 400; }

/* TOPBAR 2025 */
.topbar2025_sec_skelet,
.topbar2025_sec {
  height: 76px; }

.topbar2025_sec {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
  background: #fff;
  display: flex;
  align-items: stretch;
  box-shadow: 0px 2px 4px 0px #00000014; }
  .topbar2025_sec .container {
    display: flex;
    justify-content: space-between;
    align-items: stretch; }
  .topbar2025_sec .button-o {
    height: 48px;
    line-height: 46px; }

.topbar_logo2025 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 248px; }
  .topbar_logo2025 .bubble_counter {
    right: 23px; }

.logo2025 {
  display: inline-block; }

.toggle_leftmenu {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 21px;
  text-align: center; }
  .toggle_leftmenu:hover {
    background-color: #f6f6f6; }
  .toggle_leftmenu .fa {
    vertical-align: middle; }

.topbar_main2025 {
  display: flex;
  align-items: center; }
  .topbar_main2025 > * {
    margin-right: 20px; }
  .topbar_main2025 .topbar-icons_links_box {
    margin-right: 0; }

.topbar-search_form2025 {
  position: relative; }

.topbar_form2025 {
  position: relative;
  min-width: 314px; }

.search_button2025 {
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  width: 40px;
  background: none;
  border: none;
  font-size: 19px; }

/* SIDEBAR 2025 */
.sidebar2025 {
  position: absolute;
  z-index: 10;
  left: -272px;
  top: 76px;
  bottom: 0;
  width: 272px;
  background: #1E1A36;
  transition: all 0.3s ease; }
  .sidebar2025 .mCSB_inside > .mCSB_container {
    margin-right: 0; }

body.leftmenu_opened .main_sec {
  padding-left: 296px; }
body.leftmenu_opened .sidebar2025 {
  left: 0; }
body.leftmenu_opened .footer_sec,
body.leftmenu_opened .copyright_sec {
  padding-left: calc(272px + 24px); }

.sidebar_undertext {
  display: block;
  padding: 20px 24px;
  color: rgba(255, 255, 255, 0.3); }

/* CASE/INVOICE PAGE 2025 */
.unread_messages_popup {
  position: relative;
  background: #1E1934;
  color: #fff;
  border-radius: 6px;
  margin-bottom: 20px;
  padding: 10px 12px;
  font-size: 13px;
  font-family: 'Inter', sans-serif;
  letter-spacing: 0.02em; }
  .unread_messages_popup a {
    color: #fff;
    text-decoration: underline; }
    .unread_messages_popup a:hover {
      text-decoration: none; }

.close_msg_popup {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  padding: 10px;
  font-size: 19px; }
  .close_msg_popup .fa {
    vertical-align: middle; }
  .close_msg_popup:hover {
    opacity: .7; }

.white_block {
  width: 100%;
  margin-bottom: 20px;
  padding: 20px;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0px 2px 4px 0px #00000014; }
  .white_block.pad0 {
    padding: 0; }

.case_header {
  display: flex;
  justify-content: space-between; }
  .case_header h1 {
    margin-bottom: 8px; }
  .case_header .select {
    width: auto;
    height: 36px;
    margin-right: 12px;
    margin-bottom: 8px;
    font-size: 13px; }
  .case_header .button-o {
    margin-bottom: 8px; }

.customer_title {
  margin-top: 0;
  margin-bottom: 10px;
  color: #401DDA;
  font-size: 18px;
  line-height: 22px; }

.case_last_upd {
  text-align: right; }

.case_other_cases {
  margin-bottom: 18px; }
  .case_other_cases a:hover {
    color: #000; }

.case_summaries_box {
  display: flex;
  border-radius: 4px;
  padding: 16px 20px;
  background: rgba(231, 227, 252, 0.8); }

.case_summary_item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  border-radius: 4px;
  line-height: 24px; }
  .case_summary_item.flex-start {
    justify-content: flex-start; }
  .case_summary_item.csi_white {
    background: #fff;
    padding: 10px 20px;
    margin-right: 20px;
    text-align: right; }
    .case_summary_item.csi_white:last-child {
      margin-right: 0; }
  .case_summary_item h4 {
    margin-top: 0;
    margin-bottom: 8px;
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    line-height: 24px;
    font-weight: 400; }
  .case_summary_item b {
    font-size: 18px;
    font-weight: 700; }
  .case_summary_item a {
    display: inline-block;
    align-self: flex-start;
    color: #B74D29;
    text-decoration: underline;
    font-size: 12px; }
    .case_summary_item a:hover {
      color: #d4653f;
      text-decoration: none; }

.case_columns {
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }
  .case_columns .white_block:not(:last-child) {
    margin-right: 20px; }

.case_history_col {
  flex-shrink: 0;
  width: 42%;
  min-width: 455px; }

.case_history_buttons {
  margin-bottom: 20px; }
  .case_history_buttons .button-o {
    height: 36px;
    line-height: 34px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-right: 7px; }

.case_history_filter .ch + label {
  display: inline-block;
  margin-right: 33px;
  margin-bottom: 20px; }
.case_history_filter .ch + label:last-child {
  margin-right: 0; }

.case_history-row {
  display: flex;
  width: 100%; }

.case_history-date {
  flex-shrink: 0;
  width: 105px; }

.case_history-items {
  width: 100%; }

.case_history-item {
  position: relative;
  margin-bottom: 22px;
  padding-left: 28px;
  line-height: 22px;
  font-size: 12px; }
  .case_history-item.admin {
    background-color: #a3a3a3;
    color: #fff; }
  .case_history-item:before {
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #000; }
  .case_history-item.dot-brown:before {
    background-color: #B74D29; }
  .case_history-item.dot-blue:before {
    background-color: #401DDA; }
  .case_history-item p {
    margin-top: 0;
    margin-bottom: 0; }
  .case_history-item b {
    font-size: 14px;
    font-weight: 600; }
  .case_history-item label {
    color: #838585; }
  .case_history-item a {
    color: #B74D29;
    text-decoration: underline; }
    .case_history-item a:hover {
      color: #d4653f;
      text-decoration: none; }

.case_details {
  width: 100%;
  margin-bottom: 20px; }
  .case_details td, .case_details th {
    padding: 10px 20px;
    border-bottom: 1px solid #D1D1D1;
    font-size: 14px;
    vertical-align: middle; }
  .case_details th {
    font-weight: 600; }
  .case_details td:last-child {
    text-align: right; }
  .case_details tr:not(.case_total_tr):hover th, .case_details tr:not(.case_total_tr):hover td {
    background-color: #ECE9FD;
    border-bottom-color: #ECE9FD; }
  .case_details .select {
    width: auto;
    height: 38px; }
  .case_details tr.case_total_tr th, .case_details tr.case_total_tr td {
    background-color: #F7F7F7;
    font-weight: 700;
    font-size: 16px; }

.js_no_results {
  display: none;
  margin-bottom: 20px;
  font-style: italic; }

.table_update_customer {
  width: 100%;
  border: 1px solid #ebe7e7; }
  .table_update_customer thead th {
    padding: 20px 16px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    background-color: #1E1934; }
    .table_update_customer thead th.th_gray {
      background-color: #D8D8D8; }
  .table_update_customer tbody td, .table_update_customer tbody th {
    padding: 16px;
    font-size: 14px;
    border: 1px solid #ebe7e7; }
  .table_update_customer tbody td.dbtr_new_data {
    background-color: #FBEDE5; }

.table_breakdown {
  width: 100%;
  text-align: right; }
  .table_breakdown th, .table_breakdown td {
    padding: 8px 8px; }
    .table_breakdown th:first-child, .table_breakdown td:first-child {
      text-align: left; }
  .table_breakdown th {
    font-weight: 600; }
  .table_breakdown thead th {
    background-color: #F3F3F3;
    color: #323434;
    line-height: 24px;
    padding: 8px; }
  .table_breakdown tfoot th, .table_breakdown tfoot td {
    border-top: 1px solid #323434; }

.topbar_company_select {
  min-width: 314px; }

.tables_filters_header {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .tables_filters_header h1 {
    margin-bottom: 0; }

.tables_filters {
  display: flex;
  align-items: stretch;
  margin-bottom: 12px; }
  .tables_filters > * {
    margin-right: 12px;
    margin-bottom: 10px; }
    .tables_filters > *:last-child {
      margin-right: 0; }
  .tables_filters .input_text {
    width: auto;
    box-shadow: 0px 2px 4px 0px #00000014; }
  .tables_filters .ip_search {
    min-width: 400px; }
  .tables_filters .button {
    height: 48px;
    line-height: 28px;
    text-transform: none; }

.ip_search {
  background: #fff url(../img/i_search.svg) no-repeat right 20px top 50%; }

.js_filter_dropdown {
  position: relative;
  width: 220px !important;
  z-index: 2; }
  .js_filter_dropdown.shorter {
    width: 150px !important; }
  .js_filter_dropdown .input_text {
    transition: all 0.3s ease; }
  .js_filter_dropdown.opened .js_filter_selects {
    display: block; }
  .js_filter_dropdown.opened .input_text {
    border-color: #323434; }

.js_filter_selects {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  margin-top: -6px;
  padding: 0;
  list-style-type: none;
  width: 100%;
  background: #fff;
  border: 1px solid #323434;
  border-top: none;
  border-radius: 0 0 6px 6px;
  overflow: hidden; }
  .js_filter_selects li > a {
    background: #fff;
    display: block;
    line-height: 40px;
    padding: 0 15px;
    border-bottom: 1px solid #D1D1D1; }
    .js_filter_selects li > a:hover {
      background: #f6f6f6;
      color: #323434; }
  .js_filter_selects li.current > a {
    background: #B74D29;
    color: #fff; }

.filter_dd_active {
  display: block;
  width: 100px;
  line-height: 48px;
  cursor: default; }

.status {
  display: inline-block;
  min-width: 88px;
  line-height: 30px;
  border-radius: 4px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  color: #323434; }
  .status.pink {
    background-color: #FFD3D3; }
  .status.yellow {
    background-color: #FFE89B; }
  .status.orange {
    background-color: #FFC58A; }
  .status.red {
    background-color: #ED5252;
    color: #fff; }
  .status.blue {
    background-color: #C1E5FF; }
  .status.green {
    background-color: #A4FFA8; }
  .status.purple {
    background-color: #C7C1FF; }
  .status.grey {
    background-color: #4C4C4C;
    color: #fff; }
  .status.dark-red {
    background-color: #8B0000;
    color: #fff; }

.intable_action_buttons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px; }
  .intable_action_buttons .select {
    width: 150px;
    height: 28px;
    padding: 0 7px;
    padding-right: 25px;
    background-position: right 10px top 50%; }

.ctrl_button {
  flex-shrink: 0;
  margin: 0 5px; }
  .ctrl_button img {
    vertical-align: middle; }
  .ctrl_button:hover {
    opacity: .6; }

.table_nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 7px 18px;
  padding-right: 5px;
  background: #fff;
  border-radius: 6px 6px 0 0;
  border: 1px solid #D1D1D1;
  font-size: 15px; }

.table_nav-pages {
  display: inline-block;
  padding: 5px; }
  .table_nav-pages a {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px; }
    .table_nav-pages a img {
      vertical-align: baseline; }

.table_nav_left {
  display: flex;
  align-items: center; }
  .table_nav_left > * {
    margin-right: 10px; }
  .table_nav_left .input_text.select {
    height: 40px; }

.table_box + .table_nav {
  border-radius: 6px; }

.clear_ip_search {
  display: none;
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  width: 40px;
  background: #fff;
  border-radius: 4px;
  font-size: 19px;
  line-height: 42px;
  text-align: center; }
  .clear_ip_search .fa {
    vertical-align: middle; }

/* MITKO */
.load_extra_data {
  border: 1px solid #1E1A36;
  padding: 0 10px 10px 10px; }

.load_extra_data b {
  color: #1E1A36; }

.msg_attributes.unread {
  font-weight: bold; }

.cards-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  padding: 10px 0 20px 0; }

.card {
  padding: 16px;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  font-family: 'Inter', sans-serif; }
  .card .amount-box {
    margin: 12px 0;
    padding: 8px;
    background-color: #F5F5F5;
    border-radius: 4px; }
  .card .amount-box .label {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 700; }
  .card .amount-box .amount {
    font-size: 21px; }
  .card .cases {
    margin-top: 8px;
    color: #323434;
    text-decoration: none; }

.card .status-badge {
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 500;
  background-color: #9EF6C7; }
  .card .status-badge.open {
    background-color: #fff;
    border: 1px solid #4C4C4C33; }
  .card .status-badge.closed {
    background-color: #4C4C4C;
    color: #fff;
  }
  .card .status-badge.on-hold {
    background-color: #C1E5FF;
    color: #323434; }
  .card .status-badge.objections {
    background-color: #FFD3D3;
    color: #323434; }
  .card .status-badge.reminder {
    background-color: #FFE89B;
    color: #323434; }
  .card .status-badge.debt-notice {
    background-color: #FFC58A;
    color: #323434; }
  .card .status-badge.debt-collection {
    background-color: #ED5252;
    color: #fff; }
  .card .status-badge.principal-paid {
    background-color: #A4FFA8;
    color: #323434; }

.card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px; }
  .card-header .btn_download {
    flex-shrink: 0; }

.alert {
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem; }

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb; }

.update-section {
  margin-top: 20px;
  padding: 10px;
  font-size: 12px;
  color: #b0b0b0; }

.update-title {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.5px;
  color: #888; }

.update-item {
  margin-top: 5px;
  padding-left: 10px;
  border-left: 2px solid #666; }

.update-source {
  font-weight: bold;
  color: #ddd; }

.update-time {
  display: block;
  font-size: 11px;
  color: #aaa; }

.next-update {
  display: block;
  font-size: 10px;
  color: #777;
  margin-top: 2px; }

/* Dropdown Styling */
.debia_dropdown {
  position: relative;
  display: inline-block; }
  .debia_dropdown.opened .debia_dropdown-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0); }

.debia_dropdown-toggle {
  display: inline-block; }

.debia_dropdown-menu {
  position: absolute;
  z-index: 100;
  min-width: 150px;
  top: 100%;
  right: 0;
  border-radius: 4px;
  border: 1px solid #eee;
  background: #fff;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transition: all 0.3s ease;
  visibility: hidden;
  opacity: 0;
  transform: translateY(10px); }
  .debia_dropdown-menu a {
    display: block;
    text-decoration: none !important;
    padding: 5px 10px;
    border-bottom: 1px solid #eee;
    color: #323434; }
    .debia_dropdown-menu a:hover {
      background: #f0f0f0; }

/* Modal Styling */
.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); }

.modal-content {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  background-color: #fff;
  padding: 20px;
  border: 1px solid #888;
  width: 500px;
  text-align: center;
  border-radius: 8px;
  transform: translateY(-50%) translateX(-50%); }

.close {
  float: right;
  font-size: 24px;
  cursor: pointer; }

.modal-footer {
  margin-top: 10px; }

/* end MITKO */
.max900 {
  max-width: 900px; }

.ipc_phone {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap; }
  .ipc_phone .phoneCode {
    order: 1;
    margin-right: 0;
    width: 90px;
    height: 48px;
    background: #fff;
    padding-left: 20px;
    color: #838585;
    font-size: 15px;
    border: 1px solid #D1D1D1;
    border-right: none;
    border-radius: 6px 0 0 6px; }
  .ipc_phone .js_label {
    order: 0;
    width: 100%; }
  .ipc_phone .input_text {
    order: 2;
    border-radius: 0 6px 6px 0;
    width: calc(100% - 90px); }

.user_upload_avatar {
  display: flex;
  max-width: 600px; }

.avatar_leftcol {
  width: 100%;
  max-width: 244px;
  margin-right: 20px; }
  .avatar_leftcol > img {
    margin-bottom: 8px; }
  .avatar_leftcol.preview .remove_avatar,
  .avatar_leftcol.preview #imageUploaded {
    display: none; }
  .avatar_leftcol.preview .remove_preview,
  .avatar_leftcol.preview #imagePreview {
    display: block; }
  .avatar_leftcol .button {
    width: 100%; }
    .avatar_leftcol .button img {
      vertical-align: middle;
      margin-top: -4px;
      margin-right: 5px; }

.avatar_rightcol {
  width: 100%;
  max-width: 320px; }

.avatar_upload_file,
#imagePreview,
.remove_preview {
  display: none; }

.button.upload_avatar {
  width: 100%; }
  .button.upload_avatar img {
    margin-right: 5px; }

@media (max-width: 1500px) {
  .contact_person_map {
    width: 100%;
    height: 250px; } }
@media (max-width: 1200px) {
  .contact_person_info .ip_cell {
    width: 100%;
    padding: 10px; }

  .contact_person_info .ip_cell:nth-child(even) {
    border-right: 0;
    padding-right: 0;
    margin-right: 0;
    background: #f6f6f6; }

  .container.w1200 {
    max-width: 100%; }

  .creditor_top_stats {
    flex-wrap: wrap; }

  .top_stat-item {
    width: 49%;
    margin-right: 0; }

  .top_stat-item.clients {
    flex: 0 1 auto;
    width: 100%;
    margin-right: 0; }

  .top_stats_infos {
    flex: 0 1 auto;
    flex-direction: row;
    justify-content: space-between;
    width: 100%; }

  .top_stat-item.info {
    width: 49%; }

  .overview_items {
    grid-template-columns: repeat(2, 1fr); }

  .cards-container {
    grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 1024px) {
  body {
    padding: 10px; }

  .maincol {
    width: 100%; }

  .sidebar {
    visibility: hidden;
    position: fixed;
    top: 0;
    right: -280px;
    z-index: 210;
    height: 100vh;
    margin-right: 0;
    overflow-y: auto;
    transition: all 0.3s ease; }

  .sidebar.opened {
    visibility: visible;
    right: 0;
    height: 100vh; }

  #mmenu_open {
    display: inline-block; }

  .topbar_logo {
    width: auto; }

  .table_box {
    display: block;
    overflow-x: auto;
    margin-bottom: 30px; }
    .table_box table {
      width: 1024px;
      margin-bottom: 0; }

  .topbar_sec_skelet {
    height: 91px;
    margin-bottom: 20px; }

  .topbar_sec {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    margin-bottom: 0;
    background: #fff; }

  .creditor_faktura_title {
    padding: 7px 15px; }

  .creditor_faktura_tabs_nav {
    flex-wrap: wrap; }

  .creditor_faktura_tabs_nav li a {
    height: 30px;
    line-height: 30px;
    margin-bottom: 1px;
    padding: 0 5px;
    font-size: 14px; }

  .faktura_flex {
    flex-wrap: wrap;
    padding-right: 0; }

  .faktura_left {
    order: 2;
    width: 100%; }

  .faktura_right {
    order: 1;
    width: 100%;
    margin-bottom: 20px; }

  .table_box_faktura {
    display: block;
    overflow-x: auto;
    margin-left: -13px;
    margin-right: 13px;
    width: calc(100% + 26px); }
    .table_box_faktura table {
      width: 500px; }

  .faktura_table {
    margin-left: 0;
    margin-right: 0; }

  .faktura_table th,
  .faktura_table td {
    padding: 5px 5px; }

  .kreditsjekk_mainrow {
    flex-wrap: wrap; }

  .kreditsjekk_column,
  .kreditsjekk_column:not(:last-child) {
    width: 49%;
    margin-right: 0;
    margin-bottom: 20px; }

  .kreditsjekk_column:nth-child(1) {
    order: 1; }

  .kreditsjekk_column:nth-child(2) {
    order: 3; }

  .kreditsjekk_column:nth-child(3) {
    order: 4; }

  .kreditsjekk_column:nth-child(4) {
    order: 2; }

  .risk_graph_linear {
    width: 100%; }

  .bill_sec main,
  .bill_sec aside {
    width: 49%;
    margin-left: 0; }

  .bill_history_title_box h2 {
    margin-right: 20px; }

  .bill_sec .w100.flex {
    flex-wrap: wrap; }

  .creditor_top_stats {
    flex-wrap: nowrap; }

  .creditor_top_stats.clients_box {
    flex-wrap: wrap; }

  .top_stat-item {
    width: 100%;
    margin-right: 20px; }

  .bill_footer_sec .container.flex img {
    display: none; } }
@media (max-width: 960px) {
  .cards-container {
    grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 900px) {
  .overview_items {
    grid-template-columns: repeat(1, 1fr); }

  .cards-container {
    grid-template-columns: repeat(1, 1fr); } }
@media (max-width: 800px) {
  .topbar_logo {
    display: block;
    width: 60px;
    margin-right: 20px; }

  .logo {
    margin-top: 10px; }

  .topbar_main {
    flex-wrap: wrap; }

  .topbar_sec .container.flex {
    align-items: flex-start; }

  .topbar_form {
    order: 1;
    width: 100%;
    margin-bottom: 5px; }

  .topbar_links,
  .topbar_creditor_box {
    order: 2; }

  .maincol {
    flex-wrap: wrap; }

  .contact_left {
    width: 100%; }

  .contact_left iframe {
    height: 250px; }

  .contact_right {
    width: 100%;
    padding-left: 0;
    padding-top: 10px; }

  .topbar_creditor_box {
    width: 100%;
    margin-right: 0; }

  .topbar_select {
    height: 20px; }

  .creditor_top_stats {
    flex-wrap: wrap; }

  .top_stat-item {
    width: 49%;
    margin-right: 0; }

  .bill_sec .container.flex {
    flex-wrap: wrap; }

  .bill_sec main, .bill_sec aside {
    width: 100%;
    margin-bottom: 30px; }

  .bill_sec main {
    order: 1; }

  .bill_sec aside {
    order: 0; }

  .bill_footer_sec .container.flex div {
    flex-wrap: wrap;
    justify-content: center; }
  .bill_footer_sec .container.flex .copyrights {
    width: 100%;
    padding-right: 0;
    text-align: center; }
  .bill_footer_sec .container.flex nav {
    justify-content: center; }

  .footer_cards img {
    height: 20px; } }
@media (max-width: 700px) {
  .creditor_filters_box .flex {
    flex-wrap: wrap; }

  .creditor_filters_box .flex .paginate {
    margin-bottom: 10px; }

  .contacts_items_box {
    flex-direction: column;
    align-items: initial;
    justify-content: initial; }

  .contacts_item {
    width: 100%;
    margin-bottom: 20px;
    text-align: left;
    padding: 30px;
    padding-left: 70px; }
    .contacts_item .fa {
      transform: none;
      left: -10px;
      top: -10px; }

  .invoice_columns_box {
    flex-wrap: wrap; }

  .invoice_column {
    width: 100%; }

  .bill_checkout_buttons {
    justify-content: center; }

  .bill_login_box .ip_cell.mb60 {
    margin-bottom: 20px !important; } }
@media (max-width: 600px) {
  .table_box {
    display: inline; }
    .table_box table {
      width: auto; }

  table.zebra,
  table.creditor_zebra {
    border: 0;
    width: 100%; }

  table.zebra thead,
  table.creditor_zebra thead {
    display: none; }

  table.zebra tr,
  table.creditor_zebra tr {
    border-bottom: 1px solid #ddd;
    display: block;
    margin-bottom: 15px; }

  table.zebra tr td,
  table.creditor_zebra tr td {
    position: relative;
    display: block;
    margin-bottom: -1px;
    text-align: left;
    padding: 5px 15px;
    padding-left: 165px;
    background: #fff !important; }

  table.zebra tr td:nth-child(even),
  table.creditor_zebra tr td:nth-child(even) {
    background: #f6f6f6 !important; }

  table.zebra tr td:nth-child(even):before,
  table.creditor_zebra tr td:nth-child(even):before {
    background: #312b58 !important; }

  table.zebra tr td:hover,
  table.zebra tr td:nth-child(even):hover,
  table.creditor_zebra tr td:hover,
  table.zebracreditor_zebratd:nth-child(even):hover {
    background: #f9ebe6 !important; }

  table.zebra td::before,
  table.creditor_zebra td:before {
    content: attr(data-label);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 140px;
    padding-top: 5px;
    padding-left: 15px;
    background: #1E1A36;
    color: #fff;
    font-weight: 700;
    text-align: left; }

  table.zebra tr.highlight td,
  table.creditor_zebra tr.highlight td {
    background: #f9ebe6 !important; }

  .topbar_sec {
    margin-bottom: 10px; }

  .creditor_filter_buttons li a, .creditor_filter_buttons li label, .creditor_intable_switchers li a, .creditor_intable_switchers li label {
    padding-left: 5px;
    padding-right: 5px; }

  .creditor_faktura_innertab_nav {
    flex-wrap: wrap; }

  .select {
    width: 100%;
    max-width: 260px; }

  .kreditsjekk_column {
    width: 100% !important;
    text-align: center;
    margin-bottom: 30px; }

  .risk_graph_box,
  .risk_graph_linear {
    margin-left: auto;
    margin-right: auto; }

  .risk_graph_linear {
    width: 100%; }

  .kreditsjekk_table tbody tr th {
    display: block;
    width: 100%; }

  .creditor_intable_switchers.showed_full {
    top: 5px; }

  .bill_inputs_flex .ip_cell {
    margin-bottom: 15px; }
  .bill_inputs_flex .w49, .bill_inputs_flex .w60, .bill_inputs_flex .w38 {
    width: 100% !important; }

  .top_stat-item {
    width: 100%; }

  .top_stats_infos {
    width: 100%;
    flex-wrap: wrap; }

  .top_stat-item.info {
    width: 100%; }

  .footer2025_sec .container {
    flex-direction: column; }

  .footer_col {
    width: 100%;
    text-align: center; }

  .footer_links a {
    margin-left: 10px;
    margin-right: 10px; } }
@media (max-width: 500px) {
  body {
    padding: 0; }

  .container {
    padding-left: 10px;
    padding-right: 10px; }

  .topbar_link {
    font-size: 12px; }

  .topbar_link:last-of-type {
    margin-right: 0; }

  .topbar_sec .container.flex {
    position: relative;
    padding-top: 10px;
    padding-bottom: 30px; }

  .maincol {
    flex-wrap: wrap; }

  .maincol_left {
    order: 2;
    width: 100%;
    margin-bottom: 30px; }

  .maincol_right {
    order: 1;
    width: 100%;
    margin-bottom: 30px; }

  .footer_sec .container.flex div,
  .footer_sec .container.flex img {
    height: 34px; }

  .copyright2025_sec {
    font-size: 12px; }

  .copyright_sec {
    color: #9E9E9E;
    font-size: 13px;
    margin-bottom: 40px; }
    .copyright_sec p {
      margin: 0; }

  .cells_box .ip_cell.w48 {
    width: 100% !important; }

  .cells_box .select {
    max-width: 100%; }

  .topbar-search_form {
    display: none; }

  .topbar_form {
    justify-content: flex-end; }

  .topbar_sec {
    background: #fff; }

  .topbar_links,
  .topbar_creditor_box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    justify-content: center;
    background: #fafafa;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd; }

  .topbar_logo {
    width: 150px;
    margin-top: 0; }

  .logo_pc {
    display: none; }

  .logo_mobile {
    display: block; }

  .contact_form_buttons {
    flex-direction: column; }

  .attach_file_box {
    margin-bottom: 20px; }

  .creditor_filters_box {
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-end; }

  .creditor_filter_buttons,
  .creditor_intable_switchers {
    flex-wrap: wrap; }

  .creditor_filter_buttons li:first-child {
    width: 100%; }

  .top_stat-header .fa {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    margin-right: 10px; }

  .top_stat-header span {
    font-size: 12px; }

  .top_stat-header {
    margin-bottom: 5px;
    padding-bottom: 5px; }

  .top_stat-cells {
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: 50px; }

  .top_stat-cells .cell {
    width: 48%;
    margin-right: 0;
    margin-top: 5px;
    margin-bottom: 5px; }
    .top_stat-cells .cell:nth-child(2n+2) {
      margin-right: 0;
      border-right: none; }

  .paginate {
    width: 100%; }

  .paginate li,
  .paginate li.pg_devider {
    width: 100%; }

  .paginate li a {
    width: calc(100% + 1px);
    margin-right: -1px; }

  .contact_person_info_box {
    flex-direction: column; }

  .contact_person_img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px; }

  .contact_person_info h3 {
    display: none; }

  .dashboard_creditors_list {
    max-height: 40vh; }

  .creditor_intable_switchers li.show_switchers {
    width: 100%; }

  .creditor_intable_switchers.showed_full {
    position: static; }

  .creditor_intable_switchers li label {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

  td.switchers_td {
    width: auto !important;
    height: auto !important; }

  .bill_topbar_right .bill_lang_box {
    width: 60px; }

  .bill_topbar_right .bill_lang_current {
    padding-right: 0; }

  .bill_topbar_right .bill_lang_current b {
    display: none; }

  .thanks_box {
    margin-top: 10vh;
    margin-bottom: 10vh; }

  .thanks_box h1 {
    font-size: 32px; }

  .debia_bill .wrapper {
    min-height: calc(100vh - 41px); } }
@media (max-width: 450px) {
  .topbar_select {
    margin-left: 15px;
    padding-left: 0;
    background: none; }

  .creditor_filter_buttons li a, .creditor_filter_buttons li label, .creditor_intable_switchers li a, .creditor_intable_switchers li label {
    margin: 1px;
    border-radius: 3px !important; }

  .button.status {
    padding: 0 8px;
    min-width: 100px;
    height: auto;
    min-height: 30px; }

  .bill_history_title_box {
    flex-wrap: wrap; } }

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