@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600&display=swap');
@import "/themes/custom/kerataif/css/global-defaults.css";
/* Global mixins*/
.fitimg {
  width: 100%;
  height: auto;
  display: block;
}
.fit {
  float: left;
  width: 100%;
}
/* Variables */
:root {
  --kerataif-fusia: #AF1763;
  --kerataif-green: #6BEF00;
  --kerataif-white: #D6D6DD;
  --kerataif-black: #111111;
  --kerataif-gray: #808080;
  --kerataif-gray-dark: #464646;
  --kerataif-gray-light: #bbbbbb;
  --kerataif-gray-border: #4A4D57;
  --kerataif-navy-dark: #242934;
  --kerataif-navy-medium: #2f333d;
  --kerataif-navy-light: #7c8088;
  --kerataif-background: #242934;
  --kerataif-font-size: 16px;
  --kerataif-balance-chart-width: 70px;
}
@media screen and (max-width: 1100px) {
  :root {
    --kerataif-font-size: 14px;
  }
}
.roundit {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
/* Form objects */
.customLabel {
  position: absolute;
  top: -6px;
  left: 25px;
  z-index: 9;
  padding: 0 10px;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  color: var(--kerataif-gray-border);
  background-color: var(--kerataif-background);
}
.button {
  padding: 0px 30px;
  cursor: pointer;
  color: #FFF;
  border: none;
  background: var(--kerataif-fusia);
  height: 40px;
  font-size: var(--kerataif-font-size);
  -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -moz-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -o-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  font-family: 'Source Sans Pro', sans-serif;
  display: flex;
  align-items: center;
  text-align: center;
}
.button:hover {
  background: var(--kerataif-green);
}
.js-form-type-textfield,
.js-form-type-textarea,
.js-form-type-email,
.js-form-type-number,
.js-form-type-tel,
.js-form-type-url,
.js-form-type-select,
.js-form-type-search,
.js-form-type-password .js-form-type-date,
.js-form-type-password,
.field--type-datetime > .js-form-item,
.field--type-datetime {
  margin-bottom: 40px;
  position: relative;
}
.js-form-type-textfield > label,
.js-form-type-textarea > label,
.js-form-type-email > label,
.js-form-type-number > label,
.js-form-type-tel > label,
.js-form-type-url > label,
.js-form-type-select > label,
.js-form-type-search > label,
.js-form-type-password .js-form-type-date > label,
.js-form-type-password > label,
.field--type-datetime > .js-form-item > label,
.field--type-datetime > label,
.js-form-type-textfield > h4,
.js-form-type-textarea > h4,
.js-form-type-email > h4,
.js-form-type-number > h4,
.js-form-type-tel > h4,
.js-form-type-url > h4,
.js-form-type-select > h4,
.js-form-type-search > h4,
.js-form-type-password .js-form-type-date > h4,
.js-form-type-password > h4,
.field--type-datetime > .js-form-item > h4,
.field--type-datetime > h4,
.js-form-type-textfield > legend,
.js-form-type-textarea > legend,
.js-form-type-email > legend,
.js-form-type-number > legend,
.js-form-type-tel > legend,
.js-form-type-url > legend,
.js-form-type-select > legend,
.js-form-type-search > legend,
.js-form-type-password .js-form-type-date > legend,
.js-form-type-password > legend,
.field--type-datetime > .js-form-item > legend,
.field--type-datetime > legend {
  position: absolute;
  top: -6px;
  left: 25px;
  z-index: 9;
  padding: 0 10px;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  color: var(--kerataif-gray-border);
  background-color: var(--kerataif-background);
}
.js-form-type-textfield .description,
.js-form-type-textarea .description,
.js-form-type-email .description,
.js-form-type-number .description,
.js-form-type-tel .description,
.js-form-type-url .description,
.js-form-type-select .description,
.js-form-type-search .description,
.js-form-type-password .js-form-type-date .description,
.js-form-type-password .description,
.field--type-datetime > .js-form-item .description,
.field--type-datetime .description {
  display: none;
}
.form-text,
.form-textarea,
.form-search,
.form-email,
.form-number,
.form-tel,
.form-url,
.form-date,
.form-time {
  padding: 5px 20px;
  border: none;
  width: 100%;
  min-width: 170px;
  box-sizing: border-box;
  font-family: 'Source Sans Pro', sans-serif;
  color: var(--kerataif-white);
  border: 1px solid var(--kerataif-gray-border);
  background: none;
  font-weight: bold;
  height: 40px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -moz-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -o-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
}
.form-text:focus,
.form-textarea:focus,
.form-search:focus,
.form-email:focus,
.form-number:focus,
.form-tel:focus,
.form-url:focus,
.form-date:focus,
.form-time:focus {
  border: 1px solid var(--kerataif-gray);
}
.form-date {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 20px;
  -webkit-border-top-left-radius: 20px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 20px;
  -moz-border-radius-topleft: 20px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
  padding-right: 5px;
  min-width: auto;
  font-size: .9rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3e%3cpath fill='%23D6D6DD' d='M5.833 1.667h.834A.833.833 0 0 1 7.5 2.5v.833h4.167V2.5a.834.834 0 0 1 .833-.833h.833a.833.833 0 0 1 .834.833v.833a2.5 2.5 0 0 1 2.5 2.5V15a2.5 2.5 0 0 1-2.5 2.5H5A2.5 2.5 0 0 1 2.5 15V5.833a2.5 2.5 0 0 1 2.5-2.5V2.5a.833.833 0 0 1 .833-.833ZM12.5 3.333h.833V2.5H12.5v.833Zm-5.833 0V2.5h-.834v.833h.834ZM5 4.167a1.667 1.667 0 0 0-1.667 1.666v.834h12.5v-.834a1.667 1.667 0 0 0-1.666-1.666H5ZM3.333 15A1.667 1.667 0 0 0 5 16.667h9.167A1.667 1.667 0 0 0 15.833 15V7.5h-12.5V15ZM10 10.833h4.167V15H10v-4.167Zm.833.834v2.5h2.5v-2.5h-2.5Z'/%3e%3c/svg%3e");
  background-position: right 7px center;
  background-repeat: no-repeat;
  background-size: 16px auto;
}
.form-date::-webkit-calendar-picker-indicator {
  background: none;
}
.form-time {
  -webkit-border-top-right-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 20px;
  -moz-border-radius-bottomright: 20px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left: none;
  padding-right: 10px;
  min-width: auto;
  font-size: .9rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='%23D6D6DD' d='M10 0c5.523 0 10 4.477 10 10s-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0Zm0 1.395a8.605 8.605 0 1 0 0 17.21 8.605 8.605 0 0 0 0-17.21Zm-.93 4.186c.385 0 .697.313.697.698v4.884h4.884a.698.698 0 0 1 0 1.395H9.07a.698.698 0 0 1-.698-.698V6.28c0-.386.312-.699.698-.699Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' d='M0 0h20v20H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  background-position: right 11px center;
  background-repeat: no-repeat;
  background-size: 13px auto;
}
.form-time::-webkit-calendar-picker-indicator {
  background: none;
}
.field--type-datetime > .js-form-item {
  border: none;
}
.field--type-datetime > .js-form-item .fieldset-wrapper > div {
  display: flex;
  align-items: center;
}
.form-textarea {
  min-height: 80px;
  font-family: 'Source Sans Pro', sans-serif;
}
.form-select {
  padding: 5px 40px 5px 10px;
  height: 40px;
  width: 100%;
  min-width: 170px;
  border: 1px solid var(--kerataif-gray-border);
  font-family: 'Source Sans Pro', sans-serif;
  color: var(--kerataif-white);
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='12' fill='none' viewBox='0 0 24 12'%3e%3cpath stroke='%23CCC' stroke-linecap='round' stroke-width='3' d='m2 2 10 8 10-8'/%3e%3c/svg%3e");
  background-size: auto 8px;
  background-position: right 10px center;
  background-repeat: no-repeat;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.form-select:focus {
  border: 1px solid var(--kerataif-gray);
}
.form-select option {
  font-size: .8rem;
}
.form-radio {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px solid var(--kerataif-gray-border);
  width: 16px;
  height: 16px;
  outline: none;
  -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -moz-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -o-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-transform: translate(5px, 2px);
  -moz-transform: translate(5px, 2px);
  -o-transform: translate(5px, 2px);
  -ms-transform: translate(5px, 2px);
  transform: translate(5px, 2px);
}
.form-radio + label {
  padding-left: 7px;
  cursor: pointer;
}
.form-radio:hover,
.form-radio:focus {
  border-color: var(--kerataif-gray);
  cursor: pointer;
}
.form-radio:checked {
  background: var(--kerataif-gray);
  border: 1px solid var(--kerataif-gray);
}
.form-checkbox {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px solid var(--kerataif-gray-border);
  width: 16px;
  height: 16px;
  outline: none;
  -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -moz-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -o-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -webkit-transform: translate(5px, 2px);
  -moz-transform: translate(5px, 2px);
  -o-transform: translate(5px, 2px);
  -ms-transform: translate(5px, 2px);
  transform: translate(5px, 2px);
}
.form-checkbox + label {
  padding-left: 7px;
  cursor: pointer;
}
.form-checkbox:hover,
.form-checkbox:focus {
  border-color: var(--kerataif-gray);
  cursor: pointer;
}
.form-checkbox:checked {
  background: var(--kerataif-gray);
  border: 1px solid var(--kerataif-gray);
  /*box-shadow: inset 0 0 0 3px #fff;*/
}
.form-submit {
  padding: 0px 30px;
  cursor: pointer;
  color: #FFF;
  border: none;
  background: var(--kerataif-fusia);
  height: 40px;
  font-size: var(--kerataif-font-size);
  -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -moz-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -o-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  font-family: 'Source Sans Pro', sans-serif;
  display: flex;
  align-items: center;
  text-align: center;
}
.form-submit:hover {
  background: var(--kerataif-green);
}
.select2-container .select2-selection--single,
.select2-container .select2-selection--multiple {
  height: 40px;
  background-color: transparent;
  min-width: 170px;
  border: 1px solid var(--kerataif-gray-border);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  font-size: 1rem;
}
.select2-container .select2-selection--single .select2-selection__rendered,
.select2-container .select2-selection--multiple .select2-selection__rendered {
  height: 40px;
  display: flex;
  align-items: center;
  color: var(--kerataif-white);
  padding: 0 20px;
  flex-direction: row-reverse;
  justify-content: flex-end;
  font-weight: 600;
}
.select2-container .select2-selection--single .select2-selection__placeholder,
.select2-container .select2-selection--multiple .select2-selection__placeholder {
  color: var(--kerataif-gray-border);
}
.select2-container .select2-selection--single .select2-selection__clear,
.select2-container .select2-selection--multiple .select2-selection__clear {
  width: 40px;
  height: 40px;
  text-indent: -555px;
  overflow: hidden;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='22' fill='none' viewBox='0 0 16 22'%3e%3cpath fill='white' fill-rule='evenodd' d='M14.354 4.646a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 1 1 .708-.708L8 10.293l5.646-5.647a.499.499 0 0 1 .708 0Z' clip-rule='evenodd'/%3e%3cpath fill='white' fill-rule='evenodd' d='M1.646 17.354a.499.499 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 11.707l-5.646 5.647a.5.5 0 0 1-.708 0Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-size: auto 15px;
  background-position: center;
  background-repeat: no-repeat;
}
.select2-container .select2-selection--single .select2-selection__arrow,
.select2-container .select2-selection--multiple .select2-selection__arrow {
  height: 100%;
  width: 40px;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none' viewBox='0 0 10 10'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='white' fill-rule='evenodd' d='M8.971 2.904a.313.313 0 0 1 0 .442l-3.75 3.75a.312.312 0 0 1-.442 0l-3.75-3.75a.313.313 0 0 1 .442-.442L5 6.434l3.529-3.53a.313.313 0 0 1 .442 0Z' clip-rule='evenodd'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' d='M0 0h10v10H0z' transform='rotate(90 5 5)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  background-size: auto 15px;
  background-position: right 10px center;
  background-repeat: no-repeat;
}
.select2-container .select2-selection--single .select2-selection__arrow b,
.select2-container .select2-selection--multiple .select2-selection__arrow b {
  display: none;
}
.select2-dropdown {
  background-color: var(--kerataif-navy-dark);
  border: 1px solid var(--kerataif-gray-border);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
}
.select2-search--dropdown {
  padding: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: none;
  background-color: transparent;
  padding: 10px 20px;
  color: var(--kerataif-white);
  font-size: 1rem;
  border-bottom: 1px solid var(--kerataif-gray-border);
}
.select2-container--default .select2-search--inline .select2-search__field {
  color: var(--kerataif-white);
  margin-top: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--kerataif-gray-border);
  border: none;
  color: var(--kerataif-white);
  font-size: .7rem;
  margin: 0 5px 0 0;
  padding: 2px 7px;
  font-weight: 600;
}
.select2-results__option {
  padding: 5px 20px;
  font-size: .8rem;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: transparent;
  color: #FFFFFF;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: var(--kerataif-fusia);
}
.select2-results__message {
  font-size: .8rem;
  color: var(--kerataif-gray-border);
}
/* Default objects */
.role-accountant .ipless-ui {
  display: none;
}
.description {
  font-size: .8rem;
}
.black-overlay {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(16, 18, 22, 0.9);
  z-index: 99;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.4, 1);
  -moz-transition: all 0.5s cubic-bezier(0.7, 0, 0.4, 1);
  -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.4, 1);
  -o-transition: all 0.5s cubic-bezier(0.7, 0, 0.4, 1);
  transition: all 0.5s cubic-bezier(0.7, 0, 0.4, 1);
}
.black-overlay.active {
  opacity: 1;
  pointer-events: all;
}
.simple-status-messages .status-messages {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.simple-status-messages .messages--status {
  background-color: #49603b;
  border: none;
  -webkit-box-shadow: -5px 0 0 #909f88;
  -moz-box-shadow: -5px 0 0 #909f88;
  box-shadow: -5px 0 0 #909f88;
  color: #FFF;
}
.simple-status-messages .status-message-close span {
  text-indent: -555px;
  width: 20px;
  height: 20px;
  top: 10px;
  right: 10px;
  overflow: hidden;
  opacity: .7;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='22' fill='none' viewBox='0 0 16 22'%3e%3cpath fill='white' fill-rule='evenodd' d='M14.354 4.646a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 1 1 .708-.708L8 10.293l5.646-5.647a.499.499 0 0 1 .708 0Z' clip-rule='evenodd'/%3e%3cpath fill='white' fill-rule='evenodd' d='M1.646 17.354a.499.499 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 11.707l-5.646 5.647a.5.5 0 0 1-.708 0Z' clip-rule='evenodd'/%3e%3c/svg%3e");
}
#block-kerataif-page-title h1 {
  font-weight: 600;
  color: #FFF;
}
.block > h2 {
  font-weight: 600;
  font-size: 1.3rem;
  color: #FFF;
}
#block-kerataif-primary-local-tasks {
  float: left;
  width: 100%;
  padding: 50px 0;
}
#block-kerataif-primary-local-tasks > ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
#block-kerataif-primary-local-tasks > ul li a {
  background-color: var(--kerataif-navy-light);
  margin-right: 20px;
  padding: 5px 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  color: var(--kerataif-black);
}
.pager .pager__items {
  padding: 5px 0;
  margin: 0;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  margin-top: 10px;
  justify-content: flex-end;
}
.pager .pager__items .pager__item a {
  width: 50px;
  text-align: center;
  padding: 5px 2px;
  display: block;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background-color: var(--kerataif-navy-medium);
  margin-left: 10px;
}
.pager .pager__items .pager__item.is-active a {
  background-color: var(--kerataif-fusia);
}
/* Site global styles */
html {
  font-size: var(--kerataif-font-size);
}
body {
  margin: 0;
  font-family: 'Source Sans Pro', sans-serif, sans-serif;
  font-size: var(--kerataif-font-size);
  color: var(--kerataif-white);
  font-weight: 400;
  letter-spacing: .2px;
  background: var(--kerataif-background);
}
.dialog-off-canvas-main-canvas {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
  position: relative;
  -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -moz-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -o-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  opacity: 0;
}
.dialog-off-canvas-main-canvas.loaded {
  opacity: 1;
}
.dialog-off-canvas-main-canvas a:link,
.dialog-off-canvas-main-canvas a:visited {
  text-decoration: none;
  color: var(--kerataif-white);
  -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -moz-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -o-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
}
.dialog-off-canvas-main-canvas a:hover,
.dialog-off-canvas-main-canvas a:active,
.dialog-off-canvas-main-canvas a.active {
  color: #FFF;
}
#pageHolder {
  float: left;
  width: 100%;
  display: flex;
}
#leftContent {
  position: fixed;
  left: 0;
  top: var(--gin-toolbar-y-offset);
  overflow: hidden;
  background: linear-gradient(205.04deg, rgba(255, 255, 255, 0.1) -8.49%, rgba(150, 150, 150, 0.1) 103.3%);
  height: 100vh;
  width: 270px;
  z-index: 9;
  -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -moz-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -o-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
}
#leftContent.minimized {
  width: 80px;
}
@media screen and (max-width: 1100px) {
  #leftContent {
    width: auto !important;
    height: auto;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    z-index: 99;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    overflow: hidden;
    top: auto;
    bottom: 15px;
    left: 15px;
    right: 15px;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 30px 0px #000000;
    -moz-box-shadow: 0 0 30px 0px #000000;
    box-shadow: 0 0 30px 0px #000000;
  }
  #leftContent .region-left {
    display: flex;
    align-items: center;
  }
}
#mainContent {
  width: 100%;
  padding-left: 300px;
  box-sizing: border-box;
  -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -moz-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -o-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  padding-bottom: 100px;
}
#mainContent.minimized {
  padding-left: 110px;
}
@media screen and (max-width: 1100px) {
  #mainContent {
    padding-left: 20px !important;
  }
}
#mainContent .region-top {
  width: 100%;
  padding: 17px 0 16px 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding-right: 30px;
}
#mainContent .region-top::after {
  content: "";
  position: absolute;
  width: 60%;
  height: 1px;
  left: -30px;
  bottom: 0;
  opacity: .3;
  background: #4a4d57;
  background: linear-gradient(90deg, #4a4d57 0%, rgba(74, 77, 87, 0) 100%);
}
@media screen and (max-width: 1100px) {
  #mainContent .region-top {
    display: none;
  }
}
#mainContent .region-title {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding-right: 30px;
}
@media screen and (max-width: 1100px) {
  #mainContent .region-title {
    padding-right: 20px;
    padding-top: 30px;
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}
#mainContent .region-title::after {
  background: #4a4d57;
  background: linear-gradient(90deg, #4a4d57 0%, rgba(74, 77, 87, 0) 100%);
}
#mainContent .region-title::before {
  content: "";
  position: absolute;
  width: 60%;
  height: 100%;
  left: -30px;
  bottom: 0;
  opacity: .3;
}
#mainContent .main-content {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  padding-top: 30px;
}
#mainContent .main-content .region-content {
  width: 100%;
  box-sizing: border-box;
  padding-right: 30px;
}
@media screen and (max-width: 1440px) {
  #mainContent .main-content .region-content {
    padding-right: 20px;
  }
}
#mainContent .main-content .region-content img {
  width: 100%;
  height: auto;
  display: block;
}
#mainContent .main-content .region-right {
  width: 500px;
  flex: 0 0 500px;
  box-sizing: border-box;
  padding-right: 30px;
  -webkit-transition: all 0.4s cubic-bezier(0.7, 0, 0.4, 1);
  -moz-transition: all 0.4s cubic-bezier(0.7, 0, 0.4, 1);
  -ms-transition: all 0.4s cubic-bezier(0.7, 0, 0.4, 1);
  -o-transition: all 0.4s cubic-bezier(0.7, 0, 0.4, 1);
  transition: all 0.4s cubic-bezier(0.7, 0, 0.4, 1);
}
#mainContent .main-content .region-right.active {
  right: 0px;
}
@media screen and (max-width: 1440px) {
  #mainContent .main-content .region-right {
    position: fixed;
    right: -380px;
    width: 400px;
    top: 0;
    z-index: 99;
    height: 100vh;
    box-sizing: border-box;
    padding: 80px 0px 40px 20px;
    overflow-y: auto;
    overflow-x: visible;
  }
  #mainContent .main-content .region-right.active {
    right: 0px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 600px) {
  #mainContent .main-content .region-right {
    width: 100%;
    right: -100%;
  }
}
#mainContent .main-content .region-right .view-hosting.view-display-id-block_1 .views-field-field-domain-plan,
#mainContent .main-content .region-right .view-hosting.view-display-id-block_1 .views-field-field-hosting-plan {
  font-size: .75rem;
}
#block-righttoggler {
  background: none;
  position: relative;
  z-index: 99;
  overflow: visible;
  margin: 0;
  display: none;
}
@media screen and (max-width: 1440px) {
  #block-righttoggler {
    display: block;
    overflow: hidden;
  }
}
#block-righttoggler .content p {
  float: right;
  margin: 0;
  width: 50px;
  height: 50px;
  display: block;
  cursor: pointer;
  text-indent: -555px;
  overflow: hidden;
  -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -moz-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -o-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='22' fill='none' viewBox='0 0 16 22'%3e%3cpath fill='white' fill-rule='evenodd' d='M14.354 4.646a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 1 1 .708-.708L8 10.293l5.646-5.647a.499.499 0 0 1 .708 0Z' clip-rule='evenodd'/%3e%3cpath fill='white' fill-rule='evenodd' d='M1.646 17.354a.499.499 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 11.707l-5.646 5.647a.5.5 0 0 1-.708 0Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-size: 30px auto;
  background-repeat: no-repeat;
  background-position: center;
}
#block-logo {
  background: var(--kerataif-fusia);
  padding: 10px 20px;
  box-sizing: border-box;
  position: relative;
}
#block-logo::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: rgba(0, 0, 0, 0.5);
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0, rgba(0, 0, 0, 0.7)), color-stop(1, rgba(0, 0, 0, 0)));
  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
  background: -moz-linear-gradient(center bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
}
#block-logo .content {
  position: relative;
  z-index: 9;
}
#block-logo .content .field--name-field-content {
  display: flex;
  transform: translateX(-93px);
  -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -moz-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -o-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
}
#block-logo .content .field--name-field-content a {
  display: flex;
}
#block-logo .content .field--name-field-content .minimized-logo {
  margin-right: 50px;
}
#block-logo .content img,
#block-logo .content a {
  width: 100%;
  height: auto;
  display: block;
}
#block-logo.minimized .field--name-field-content {
  display: flex;
  transform: translateX(0);
}
@media screen and (max-width: 1100px) {
  #block-logo {
    width: 80px;
    overflow: hidden;
  }
  #block-logo .field--name-field-content {
    display: flex;
    transform: translateX(0) !important;
  }
}
#block-mainnavigation {
  position: relative;
  padding-top: 60px;
}
#block-mainnavigation .menu {
  flex-direction: column;
}
#block-mainnavigation .menu .menu-item a {
  float: left;
  width: 100%;
  padding: 15px 10px 15px 75px;
  font-size: 1.1rem;
  box-sizing: border-box;
  background-position: left 35px center;
  background-repeat: no-repeat;
  font-weight: 400;
  white-space: nowrap;
  border-left: 5px solid transparent;
}
#block-mainnavigation .menu .menu-item a:hover,
#block-mainnavigation .menu .menu-item a.is-active {
  background-color: var(--kerataif-navy-medium);
  border-left: 5px solid var(--kerataif-fusia);
  padding-left: 85px;
  background-position: left 40px center;
}
#block-mainnavigation .menu .linkk-sidebar-toggler {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 20px;
  right: 25px;
  z-index: 10;
  text-indent: -555px;
  overflow: hidden;
  cursor: pointer;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -moz-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -o-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3e%3cpath fill='%23D6D6DD' fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
}
#block-mainnavigation .menu .linkk-new-transaction {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3e%3cg fill='%23D6D6DD'%3e%3cpath d='M10 17.875a7.875 7.875 0 1 1 0-15.75 7.875 7.875 0 0 1 0 15.75ZM10 19a9 9 0 1 0 0-18 9 9 0 0 0 0 18Z'/%3e%3cpath d='M10 5.5a.562.562 0 0 1 .563.563v3.375h3.374a.562.562 0 1 1 0 1.124h-3.374v3.376a.562.562 0 1 1-1.126 0v-3.376H6.063a.563.563 0 0 1 0-1.124h3.375V6.062A.563.563 0 0 1 10 5.5Z'/%3e%3c/g%3e%3c/svg%3e");
}
#block-mainnavigation .menu .linkk-new-customer {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3e%3cpath fill='%23D6D6DD' d='M18.75 16.406h-.781V8.125a1.094 1.094 0 0 0-1.094-1.094h-5.156V3.125a1.094 1.094 0 0 0-1.094-1.094h-7.5a1.094 1.094 0 0 0-1.094 1.094v13.281H1.25a.469.469 0 0 0 0 .938h17.5a.47.47 0 0 0 0-.938ZM16.875 7.97a.156.156 0 0 1 .156.156v8.281H11.72V7.97h5.156ZM2.969 3.125a.156.156 0 0 1 .156-.156h7.5a.156.156 0 0 1 .156.156v13.281H2.97V3.125Zm1.562 2.5A.469.469 0 0 1 5 5.156h2.5a.469.469 0 0 1 0 .938H5a.469.469 0 0 1-.469-.469Zm4.688 5a.47.47 0 0 1-.469.469h-2.5a.469.469 0 0 1 0-.938h2.5a.469.469 0 0 1 .469.469Zm-1.25 3.125a.47.47 0 0 1-.469.469H5a.469.469 0 0 1 0-.938h2.5a.469.469 0 0 1 .469.469Zm7.5 0a.47.47 0 0 1-.469.469h-1.25a.47.47 0 0 1 0-.938H15a.47.47 0 0 1 .469.469Zm-2.188-3.125a.47.47 0 0 1 .469-.469H15a.47.47 0 0 1 0 .938h-1.25a.47.47 0 0 1-.469-.469Z'/%3e%3c/svg%3e");
}
#block-mainnavigation .menu .linkk-new-employee {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3e%3cpath fill='%23D6D6DD' d='M19.844 10.625a.47.47 0 0 1-.469.469h-1.406V12.5a.47.47 0 0 1-.938 0v-1.406h-1.406a.469.469 0 1 1 0-.938h1.406V8.75a.469.469 0 1 1 .938 0v1.406h1.406a.469.469 0 0 1 .469.469ZM15.5 15.32a.477.477 0 0 1-.055.664.5.5 0 0 1-.304.11.467.467 0 0 1-.36-.164 8.276 8.276 0 0 0-12.687 0 .471.471 0 0 1-.719-.61 9.21 9.21 0 0 1 4.633-2.96 5.156 5.156 0 1 1 4.86 0 9.21 9.21 0 0 1 4.632 2.96Zm-7.063-3.289a4.22 4.22 0 1 0 0-8.438 4.22 4.22 0 0 0 0 8.438Z'/%3e%3c/svg%3e");
}
#block-mainnavigation .menu .linkk-hosting-calendar {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3e%3cpath fill='%23D6D6DD' d='M5.833 1.667h.834A.833.833 0 0 1 7.5 2.5v.833h4.167V2.5a.834.834 0 0 1 .833-.833h.833a.833.833 0 0 1 .834.833v.833a2.5 2.5 0 0 1 2.5 2.5V15a2.5 2.5 0 0 1-2.5 2.5H5A2.5 2.5 0 0 1 2.5 15V5.833a2.5 2.5 0 0 1 2.5-2.5V2.5a.833.833 0 0 1 .833-.833ZM12.5 3.333h.833V2.5H12.5v.833Zm-5.833 0V2.5h-.834v.833h.834ZM5 4.167a1.667 1.667 0 0 0-1.667 1.666v.834h12.5v-.834a1.667 1.667 0 0 0-1.666-1.666H5ZM3.333 15A1.667 1.667 0 0 0 5 16.667h9.167A1.667 1.667 0 0 0 15.833 15V7.5h-12.5V15ZM10 10.833h4.167V15H10v-4.167Zm.833.834v2.5h2.5v-2.5h-2.5Z'/%3e%3c/svg%3e");
}
#block-mainnavigation .menu .linkk-all-transactions {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3e%3cpath fill='%23D6D6DD' d='M2.502 5.364a1.414 1.414 0 0 1 2.59-.783.536.536 0 0 0 .892-.595A2.485 2.485 0 1 0 3.889 7.85a.54.54 0 0 0 .096.008h11.194a.536.536 0 0 0 0-1.071H4.011a.54.54 0 0 0-.096-.009 1.414 1.414 0 0 1-1.413-1.413Zm5.89-1.078a.536.536 0 0 0 0 1.071h9.642a.536.536 0 0 0 0-1.071H8.391ZM4.82 9.464a.536.536 0 0 0 0 1.072h13.214a.536.536 0 1 0 0-1.072H4.82ZM1.426 12.68a.536.536 0 0 1 .535-.536h13.215a.535.535 0 1 1 0 1.071H1.96a.536.536 0 0 1-.535-.535Zm3.391 1.964a.536.536 0 1 0 0 1.071h13.214a.536.536 0 0 0 0-1.071H4.817Z'/%3e%3c/svg%3e");
}
#block-mainnavigation .menu .linkk-e-invoice {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3e%3cpath fill='%23D6D6DD' d='M14.531 8.125a.469.469 0 0 1-.469.469H5.938a.469.469 0 0 1 0-.938h8.125a.47.47 0 0 1 .468.469Zm-.469 2.031H5.938a.469.469 0 0 0 0 .938h8.125a.47.47 0 0 0 0-.938Zm3.907-5.781V16.25a.477.477 0 0 1-.219.398.485.485 0 0 1-.46.024L15 15.523l-2.29 1.149a.5.5 0 0 1-.42 0L10 15.523l-2.29 1.149a.5.5 0 0 1-.42 0L5 15.523l-2.29 1.149a.485.485 0 0 1-.46-.024.476.476 0 0 1-.219-.398V4.375a1.094 1.094 0 0 1 1.094-1.094h13.75a1.094 1.094 0 0 1 1.094 1.094Zm-.938 0a.156.156 0 0 0-.156-.156H3.125a.156.156 0 0 0-.156.156v11.117l1.82-.914a.5.5 0 0 1 .422 0L7.5 15.727l2.29-1.149a.5.5 0 0 1 .42 0l2.29 1.149 2.29-1.149a.5.5 0 0 1 .42 0l1.821.914V4.375Z'/%3e%3c/svg%3e");
}
@media screen and (max-width: 600px) {
  #block-mainnavigation .menu .linkk-e-invoice {
    display: none;
  }
}
#block-mainnavigation.minimized .menu .menu-item a {
  padding: 15px 10px 15px 5px;
  background-position: left 25px center;
  text-indent: 100px;
  overflow: hidden;
}
#block-mainnavigation.minimized .menu .linkk-sidebar-toggler {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
@media screen and (max-width: 1100px) {
  #block-mainnavigation {
    padding-top: 0;
    width: 100%;
  }
  #block-mainnavigation .menu {
    flex-direction: row;
  }
  #block-mainnavigation .menu .menu-item {
    width: 100%;
  }
  #block-mainnavigation .menu .menu-item:first-child,
  #block-mainnavigation .menu .menu-item:last-child {
    display: none;
  }
  #block-mainnavigation .menu .menu-item a {
    padding: 24px 5px 24px 5px !important;
    background-position: center !important;
    text-indent: 100px;
    overflow: hidden;
    width: 100%;
    border-top: none;
    border-left: none;
    text-indent: -1000px !important;
    position: relative;
  }
  #block-mainnavigation .menu .menu-item a:hover,
  #block-mainnavigation .menu .menu-item a.is-active {
    background-color: transparent;
    border-left: none;
    border-top: none;
    padding-left: 0;
    background-position: center;
  }
  #block-mainnavigation .menu .menu-item a.is-active::after {
    content: "";
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    width: 5px;
    height: 5px;
    background-color: var(--kerataif-fusia);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
  }
  #block-mainnavigation .menu .linkk-sidebar-toggler {
    display: none;
  }
}
@media screen and (max-width: 1100px) {
  #block-exchangerates {
    display: none;
  }
}
#block-exchangerates .block-content {
  display: flex;
}
#block-exchangerates .block-content .cur {
  margin-right: 30px;
}
#block-exchangerates .block-content .cur .cur-title {
  font-size: .8rem;
  color: var(--kerataif-gray-border);
  font-weight: 600;
}
#block-customsearchform {
  width: 300px;
}
#block-customsearchform .select2-container--default .select2-selection--multiple {
  border: none !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none' viewBox='0 0 30 30'%3e%3cpath fill='%23D6D6DD' fill-rule='evenodd' d='M18.163 19.488a10.312 10.312 0 1 1 1.325-1.325l7.112 7.112a.937.937 0 1 1-1.325 1.325l-7.112-7.113ZM3.125 11.563A8.437 8.437 0 1 1 17.8 17.245a.93.93 0 0 0-.554.553 8.438 8.438 0 0 1-14.121-6.236Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right center;
}
#block-customsearchform .select2-container .select2-search--inline {
  width: 100%;
  box-sizing: border-box;
  padding-right: 50px;
}
#block-customsearchform .select2-container--default .select2-search--inline .select2-search__field {
  color: #FFF;
  font-size: 1.1rem;
  font-weight: 500;
  text-align: right;
  width: 100% !important;
  margin-top: 0;
}
#block-customsearchform .select2-container .select2-selection--multiple .select2-selection__rendered {
  padding: 0;
}
#block-customsearchform .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: transparent;
  border: none;
  margin-top: 0;
  margin-right: 40px;
}
#block-customsearchform .select2-selection__choice__remove {
  display: none;
}
.custom-search-container .select2-dropdown {
  background-color: var(--kerataif-navy-medium);
  border-top: 1px solid var(--kerataif-gray-border) !important;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.custom-search-container .select2-dropdown .select2-dropdown--below {
  border-top: 1px solid var(--kerataif-gray-border);
}
.custom-search-container .select2-dropdown .select2-results__option {
  font-size: 1.1rem;
  padding: 10px 20px;
  position: relative;
}
#block-transactionform {
  position: fixed;
  background-color: var(--kerataif-navy-medium);
  box-sizing: border-box;
  padding: 5px 20px 10px 20px;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 760px;
  transform: translate(-50%, -90%);
  z-index: 101;
  opacity: 0;
  -webkit-box-shadow: 0 0 90px 0px #000000;
  -moz-box-shadow: 0 0 90px 0px #000000;
  box-shadow: 0 0 90px 0px #000000;
  -webkit-transition: all 0.4s cubic-bezier(0.7, 0, 0.4, 1);
  -moz-transition: all 0.4s cubic-bezier(0.7, 0, 0.4, 1);
  -ms-transition: all 0.4s cubic-bezier(0.7, 0, 0.4, 1);
  -o-transition: all 0.4s cubic-bezier(0.7, 0, 0.4, 1);
  transition: all 0.4s cubic-bezier(0.7, 0, 0.4, 1);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  pointer-events: none;
}
#block-transactionform.active {
  opacity: 1;
  transform: translate(-50%, -70%);
  pointer-events: all;
}
@media screen and (max-width: 600px) {
  #block-transactionform {
    transform: translate(0, 0);
    bottom: -100%;
    top: auto;
    left: 0;
    padding-bottom: 50px;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 20px;
  }
  #block-transactionform.active {
    opacity: 1;
    bottom: 0;
    transform: translate(0, 0);
  }
}
#block-transactionform form {
  display: flex;
  flex-wrap: wrap;
}
#block-transactionform form > .js-form-wrapper {
  margin: 0 20px 20px 0;
}
@media screen and (max-width: 700px) {
  #block-transactionform form > .js-form-wrapper {
    margin-right: 0;
    width: 100%;
  }
  #block-transactionform form > .js-form-wrapper .js-form-type-date {
    width: 50%;
  }
}
#block-transactionform form > .js-form-wrapper > .js-form-item {
  margin-bottom: 0;
}
#block-transactionform form > .js-form-wrapper > .js-form-item label,
#block-transactionform form > .js-form-wrapper > .js-form-item legend {
  background-color: var(--kerataif-navy-medium);
  color: var(--kerataif-navy-light);
}
#block-transactionform .form-text,
#block-transactionform .form-textarea,
#block-transactionform .form-search,
#block-transactionform .form-email,
#block-transactionform .form-number,
#block-transactionform .form-tel,
#block-transactionform .form-url,
#block-transactionform .form-date,
#block-transactionform .form-time,
#block-transactionform .select2-container--default .select2-selection--single,
#block-transactionform .select2-container--default .select2-selection--multiple {
  border: 1px solid var(--kerataif-navy-light);
}
#block-transactionform .form-date,
#block-transactionform .form-time {
  padding-right: 30px;
}
#block-transactionform .field--name-field-amount.field--widget-number {
  position: relative;
}
#block-transactionform .field--name-field-amount.field--widget-number .field-suffix {
  position: absolute;
  right: 15px;
  top: 8px;
  color: var(--kerataif-gray-border);
  pointer-events: none;
}
#block-transactionform .field--name-field-note {
  width: 100%;
}
#block-transactionform .field--type-language {
  display: none;
}
.field--widget-inline-entity-form-simple {
  border: 1px solid var(--kerataif-gray-border);
  box-sizing: border-box;
  padding: 20px 20px 20px 10px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  margin-bottom: 40px;
  position: relative;
}
.field--widget-inline-entity-form-simple h4 {
  margin: 0;
}
.field--widget-inline-entity-form-simple th h4 {
  position: absolute;
  top: -6px;
  left: 25px;
  z-index: 9;
  padding: 0 10px;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  color: var(--kerataif-gray-border);
  background-color: var(--kerataif-background);
  font-size: 16px;
  top: -10px;
  margin: 0;
}
.field--widget-inline-entity-form-simple td {
  padding: 20px 0;
}
.field--widget-inline-entity-form-simple .tabledrag-toggle-weight-wrapper {
  display: none;
}
.field--widget-inline-entity-form-simple .tabledrag-changed-warning {
  color: #907d20;
}
.field--widget-inline-entity-form-simple fieldset.js-form-wrapper {
  border: none;
}
.field--widget-inline-entity-form-simple fieldset.js-form-wrapper .js-form-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 0px;
}
.field--widget-inline-entity-form-simple fieldset.js-form-wrapper .js-form-wrapper .js-form-item {
  margin: 0 0 0 0;
  width: 180px;
}
.field--widget-inline-entity-form-simple fieldset.js-form-wrapper .js-form-wrapper .field--name-field-domain {
  margin-right: 20px;
}
.field--widget-inline-entity-form-simple fieldset.js-form-wrapper .js-form-wrapper .field--name-field-hosting-plan {
  margin-left: 20px;
}
.field--widget-inline-entity-form-simple fieldset.js-form-wrapper .js-form-wrapper .field--name-field-hosting-start-date .form-date {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 20px;
  -webkit-border-top-left-radius: 20px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 20px;
  -moz-border-radius-topleft: 20px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
  border-right: none;
}
.field--widget-inline-entity-form-simple fieldset.js-form-wrapper .js-form-wrapper .field--name-field-hosting-start-date .js-form-item {
  width: 140px;
}
.field--widget-inline-entity-form-simple fieldset.js-form-wrapper .js-form-wrapper .field--name-field-hosting-end-date .form-date {
  -webkit-border-top-right-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 20px;
  -moz-border-radius-bottomright: 20px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left: none;
}
.field--widget-inline-entity-form-simple fieldset.js-form-wrapper .js-form-wrapper .field--name-field-hosting-end-date .js-form-item {
  width: 140px;
}
.field--widget-inline-entity-form-simple fieldset.js-form-wrapper .js-form-wrapper .field--name-field-hosting-last-renewal .form-date {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.field--widget-inline-entity-form-simple fieldset.js-form-wrapper .js-form-wrapper .field--name-field-hosting-last-renewal .js-form-item {
  width: 140px;
}
.field--widget-inline-entity-form-simple.field--name-field-contacts fieldset.js-form-wrapper {
  border: none;
}
.field--widget-inline-entity-form-simple.field--name-field-contacts fieldset.js-form-wrapper .js-form-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: no-wrap;
  margin-bottom: 0px;
}
.field--widget-inline-entity-form-simple.field--name-field-contacts fieldset.js-form-wrapper .js-form-wrapper .js-form-item {
  margin: 0 20px 0 0;
}
.view-all-transactions .filter-toggler {
  float: right;
  cursor: pointer;
  margin-bottom: 15px;
  margin-right: 20px;
  padding: 5px 30px 5px 5px;
  display: none;
  width: 100%;
  text-align: right;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3e%3cpath fill='%23D6D6DD' d='M2.502 5.364a1.414 1.414 0 0 1 2.59-.783.536.536 0 0 0 .892-.595A2.485 2.485 0 1 0 3.889 7.85a.54.54 0 0 0 .096.008h11.194a.536.536 0 0 0 0-1.071H4.011a.54.54 0 0 0-.096-.009 1.414 1.414 0 0 1-1.413-1.413Zm5.89-1.078a.536.536 0 0 0 0 1.071h9.642a.536.536 0 0 0 0-1.071H8.391ZM4.82 9.464a.536.536 0 0 0 0 1.072h13.214a.536.536 0 1 0 0-1.072H4.82ZM1.426 12.68a.536.536 0 0 1 .535-.536h13.215a.535.535 0 1 1 0 1.071H1.96a.536.536 0 0 1-.535-.535Zm3.391 1.964a.536.536 0 1 0 0 1.071h13.214a.536.536 0 0 0 0-1.071H4.817Z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right center;
}
@media screen and (max-width: 700px) {
  .view-all-transactions .filter-toggler {
    display: block;
  }
}
@media screen and (max-width: 700px) {
  .view-all-transactions .view-filters {
    max-height: 40px;
    overflow: hidden;
    -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
    -moz-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
    -ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
    -o-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
    transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  }
  .view-all-transactions .view-filters.active {
    max-height: 600px;
  }
}
.view-all-transactions .views-exposed-form {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.view-all-transactions .views-exposed-form > .js-form-item {
  margin: 0 20px 20px 0;
  min-width: 170px;
  position: relative;
}
@media screen and (max-width: 700px) {
  .view-all-transactions .views-exposed-form > .js-form-item {
    min-width: auto;
    width: 100%;
    margin-right: 0;
  }
  .view-all-transactions .views-exposed-form > .js-form-item .form-select {
    width: 100%;
    min-width: auto;
  }
  .view-all-transactions .views-exposed-form > .js-form-item .select2-container .select2-selection--single,
  .view-all-transactions .views-exposed-form > .js-form-item .select2-container .select2-selection--multiple {
    min-width: auto;
  }
  .view-all-transactions .views-exposed-form > .js-form-item .form-item-field-date-time-value-min,
  .view-all-transactions .views-exposed-form > .js-form-item .form-item-field-date-time-value-max {
    width: 50%;
  }
  .view-all-transactions .views-exposed-form > .js-form-item .form-item-field-note-value {
    width: 100%;
  }
}
.view-all-transactions .views-exposed-form > .js-form-item legend,
.view-all-transactions .views-exposed-form > .js-form-item label {
  position: absolute;
  top: -6px;
  left: 25px;
  z-index: 9;
  padding: 0 10px;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  color: var(--kerataif-gray-border);
  background-color: var(--kerataif-background);
}
.view-all-transactions .views-exposed-form > .js-form-item.js-form-wrapper {
  border: none;
}
.view-all-transactions .views-exposed-form > .js-form-item.js-form-wrapper .fieldset-wrapper {
  display: flex;
}
.view-all-transactions .views-exposed-form > .js-form-item.js-form-wrapper .fieldset-wrapper .js-form-item {
  margin-bottom: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.view-all-transactions .views-exposed-form > .js-form-item.js-form-wrapper .fieldset-wrapper .js-form-item label {
  display: none;
}
.view-all-transactions .views-exposed-form > .js-form-item.js-form-wrapper .fieldset-wrapper .js-form-item:first-child input,
.view-all-transactions .views-exposed-form > .js-form-item.js-form-wrapper .fieldset-wrapper .js-form-item:first-child select {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 20px;
  -webkit-border-top-left-radius: 20px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 20px;
  -moz-border-radius-topleft: 20px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
  border-right: none;
}
.view-all-transactions .views-exposed-form > .js-form-item.js-form-wrapper .fieldset-wrapper .js-form-item:last-child input {
  -webkit-border-top-right-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 20px;
  -moz-border-radius-bottomright: 20px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  width: 100%;
}
.view-all-transactions .views-exposed-form .form-actions {
  margin: 0 20px 20px 0;
}
.view-all-transactions .views-exposed-form .form-item-field-note-value-op .select2-container--default .select2-selection--single,
.view-all-transactions .views-exposed-form .form-item-field-transaction-type-target-id-op .select2-container--default .select2-selection--single {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 20px;
  -webkit-border-top-left-radius: 20px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 20px;
  -moz-border-radius-topleft: 20px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
  border-right: none;
}
.view-all-transactions .views-exposed-form .form-item-field-note-value-op .select2-container--default.select2-container--open .select2-selection--single,
.view-all-transactions .views-exposed-form .form-item-field-transaction-type-target-id-op .select2-container--default.select2-container--open .select2-selection--single {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 20px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 20px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 20px;
  border-right: none;
}
.view-all-transactions .views-exposed-form .form-item-field-transaction-type-target-id .select2-container--default .select2-selection--multiple {
  -webkit-border-top-right-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 20px;
  -moz-border-radius-bottomright: 20px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left: none;
  border: 1px solid var(--kerataif-gray-border);
}
.view-all-transactions .views-exposed-form .form-item-field-transaction-type-target-id .select2-container--default.select2-container--open .select2-selection--multiple {
  -webkit-border-top-right-radius: 20px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 20px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left: none;
  border: 1px solid var(--kerataif-gray-border) !important;
}
.view-all-transactions .view-content {
  border: 1px solid var(--kerataif-gray-border);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  box-sizing: border-box;
  padding: 0 10px;
}
@media screen and (max-width: 500px) {
  .view-all-transactions .view-content {
    overflow-x: scroll;
  }
}
.view-all-transactions .view-content th,
.view-all-transactions .view-content td {
  padding: 10px;
  border-bottom: 1px solid rgba(55, 59, 69, 0.5);
  font-size: .9rem;
}
@media screen and (max-width: 600px) {
  .view-all-transactions .view-content th,
  .view-all-transactions .view-content td {
    padding: 10px 5px;
  }
}
.view-all-transactions .view-content th {
  font-size: 1rem;
  border-bottom: 1px solid var(--kerataif-gray-border);
  font-weight: 600;
}
.view-all-transactions .view-content th.views-field-field-note {
  font-size: 1rem;
}
.view-all-transactions .view-content tbody tr:last-child td {
  border-bottom: 1px solid var(--kerataif-gray-border);
}
.view-all-transactions .view-content tbody tr:hover td {
  border-bottom: 1px solid var(--kerataif-gray-border);
}
.view-all-transactions .view-content tbody tr:has(.balance-zero) {
  display: none;
}
.view-all-transactions .view-content .views-field {
  white-space: nowrap;
}
.view-all-transactions .view-content .views-field-field-note {
  font-size: .7rem;
  white-space: normal;
}
.view-all-transactions .view-content .views-field-field-amount {
  font-weight: 600;
}
.view-all-transactions .view-content .views-field-delete-transaction .actions-holder {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.view-all-transactions .view-content .views-field-delete-transaction .linkk-edit,
.view-all-transactions .view-content .views-field-delete-transaction .linkk-delete {
  width: 20px;
  height: 20px;
  text-indent: 555px;
  overflow: hidden;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' fill='none' viewBox='0 0 13 13'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='%23D6D6DD' d='m.433 9.1-.306-.307L0 8.92v.18h.433ZM9.1.433l.307-.307a.433.433 0 0 0-.614 0L9.1.433ZM12.567 3.9l.306.307a.435.435 0 0 0 0-.614l-.306.307ZM3.9 12.566V13h.18l.127-.127-.307-.306Zm-3.467 0H0A.433.433 0 0 0 .433 13v-.434Zm.307-3.16L9.407.74 8.793.126.127 8.793l.613.614ZM8.793.74l3.467 3.467.614-.614L9.406.126 8.793.74Zm3.467 2.853L3.593 12.26l.614.613 8.666-8.666-.613-.614Zm-8.36 8.54H.433V13H3.9v-.867Zm-3.033.434V9.1H0v3.466h.867Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' d='M0 0h13v13H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
.view-all-transactions .view-content .views-field-delete-transaction .linkk-delete {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none' viewBox='0 0 15 15'%3e%3cpath fill='%23D6D6DD' d='M5.273 2.695h-.117a.118.118 0 0 0 .117-.117v.117h4.454v-.117c0 .065.052.117.117.117h-.117V3.75h1.054V2.578a.938.938 0 0 0-.937-.937H5.156a.938.938 0 0 0-.937.937V3.75h1.054V2.695Zm7.383 1.055H2.344c-.26 0-.469.21-.469.469v.468c0 .065.053.118.117.118h.885l.362 7.66c.023.5.436.894.936.894h6.65a.936.936 0 0 0 .936-.893l.362-7.661h.885a.118.118 0 0 0 .117-.117v-.47a.468.468 0 0 0-.469-.468Zm-1.944 8.555H4.288l-.355-7.5h7.134l-.355 7.5Z'/%3e%3c/svg%3e");
}
.view-all-transactions tfoot .views-field-field-amount {
  font-size: 1.2rem;
}
.region-right thead {
  display: none;
}
.region-right .view-content {
  border: none;
  padding: 0 10px;
}
.region-right .view-content tbody tr td {
  border-bottom: 1px solid rgba(55, 59, 69, 0.5);
}
.region-right .view-content tbody tr:last-child td {
  border-bottom: 1px solid rgba(55, 59, 69, 0.5);
}
.region-right .view-content tbody tr:last-child td {
  border-top: 1px solid rgba(55, 59, 69, 0.5);
}
.region-right .block {
  background-color: var(--kerataif-navy-medium);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  margin-bottom: 30px;
  overflow: hidden;
}
.region-right .block h2 {
  padding: 15px 0 10px 20px;
  box-sizing: border-box;
  margin: 0;
  color: #FFF;
}
@media screen and (max-width: 600px) {
  .region-right .block h2 {
    padding-left: 10px;
  }
}
#block-views-block-all-transactions-block-3 {
  background-color: transparent;
  overflow: hidden;
  max-width: 320px;
  cursor: pointer;
}
#block-views-block-all-transactions-block-3 .view-all-transactions .view-content {
  padding: 0;
}
#block-views-block-all-transactions-block-3 thead {
  display: none;
}
#block-views-block-all-transactions-block-3 tbody td {
  border: 0;
  font-size: 1.3rem;
  font-weight: 600;
  color: #FFF;
  padding: 5px 15px 5px 10px;
}
#block-views-block-all-transactions-block-3 .view-header {
  float: left;
}
#block-views-block-all-transactions-block-3 .view-content {
  float: right;
  width: 240px;
  border: none;
}
#block-views-block-all-transactions-block-3 .view-footer {
  float: right;
  width: 240px;
}
#block-views-block-all-transactions-block-3 .view-footer tbody td {
  font-size: 1rem;
  font-weight: 400;
  padding-top: 0;
}
#block-views-block-all-transactions-block-3 .progress-circle {
  width: var(--kerataif-balance-chart-width);
  height: var(--kerataif-balance-chart-width);
  position: relative;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  background: conic-gradient(var(--kerataif-green) 0 1%, var(--kerataif-fusia) 0 100%);
  -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -moz-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -o-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  mask-image: radial-gradient(circle farthest-side at center, transparent 49%, #ffffff 50%);
  -webkit-mask-image: radial-gradient(circle farthest-side at center, transparent 70%, #ffffff 72%);
}
/*
#block-views-block-all-transactions-block-7{
    display: none; background-color: transparent; overflow: hidden; width: 100%; //margin-bottom: 0;

    @media screen and (max-width: 1100px){
        display: block;
    }

    .view-all-transactions .view-content{
        padding: 0;
    }
    thead{
        display: none;
    }
    tbody td{
        border: 0; font-size: 1.3rem; font-weight: 600; color: #FFF; padding: 5px 15px 5px 10px;
    }

    .view-header{
        float: left;
    }
    .view-content{
        float: right; width: 240px; border: none;
    }
    .view-footer{
        float: right; width: 240px;

        tbody td{
            font-size: 1rem; font-weight: 400; padding-top: 0;
        }
    }

    .progress-circle{
        width: @balanceChartWidth; height: @balanceChartWidth; position: relative; .rounded(100px);
        background: conic-gradient(var(--kerataif-green) 0 1%, var(--kerataif-fusia) 0 100%); .transit;
    
        mask-image: radial-gradient(circle farthest-side at center, transparent 49%, white 50%);
        -webkit-mask-image: radial-gradient(circle farthest-side at center, transparent 70%, white 72%);
    }
}
*/
#block-views-block-all-transactions-block-8 {
  background: none;
  max-height: 0;
  -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -moz-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  -o-transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  transition: all 0.2s cubic-bezier(0.7, 0, 0.4, 1);
  margin-bottom: 0;
}
#block-views-block-all-transactions-block-8.active {
  max-height: 400px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1440px) {
  #block-views-block-all-transactions-block-8 {
    max-height: 400px;
    background-color: var(--kerataif-navy-medium);
    margin-bottom: 30px;
  }
}
#block-views-block-all-transactions-block-8 table tr:last-child td {
  border-bottom: none;
  border-top: none;
}
#block-views-block-all-transactions-block-8 table tr:first-child td {
  padding-top: 0;
}
@media screen and (max-width: 1440px) {
  #block-views-block-all-transactions-block-8 table tr:first-child td {
    padding-top: 10px;
  }
}
.view-hosting tr:last-child {
  border-bottom: none;
}
.view-hosting .hosting-customer {
  font-size: .7rem;
}
.view-hosting .hosting-domain {
  font-size: .9rem;
}
.not-logged-in.path-user .brand {
  text-align: center;
  padding-bottom: 30px;
}
.not-logged-in.path-user #pageHolder {
  width: 100%;
  height: 100vh;
  display: grid;
  align-content: center;
  position: relative;
}
.not-logged-in.path-user #pageHolder .region-content {
  float: none;
  width: calc(100% - 40px);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  background-color: var(--kerataif-navy-medium);
  padding: 50px 30px 40px 30px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0 0 70px -40px #000000;
  -moz-box-shadow: 0 0 70px -40px #000000;
  box-shadow: 0 0 70px -40px #000000;
  box-sizing: border-box;
}
.not-logged-in.path-user #pageHolder .region-content .js-form-type-textfield > label,
.not-logged-in.path-user #pageHolder .region-content .js-form-type-password > label {
  background-color: var(--kerataif-navy-medium);
}
.node-type-customer article .field--label-inline {
  margin-bottom: 10px;
  display: flex;
}
.node-type-customer article .field--label-inline > .field__label {
  width: 150px;
}
.node-type-customer article .field--label-inline.field--name-field-tax-number {
  margin-bottom: 40px;
}
.node-type-customer article .field--name-field-contacts {
  margin-top: 40px;
}
.node-type-customer article .field--name-field-contacts,
.node-type-customer article .field--name-field-hosting-services {
  position: relative;
  margin-bottom: 40px;
}
.node-type-customer article .field--name-field-contacts > .field__label,
.node-type-customer article .field--name-field-hosting-services > .field__label {
  position: absolute;
  top: -6px;
  left: 25px;
  z-index: 9;
  padding: 0 10px;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  color: var(--kerataif-gray-border);
  background-color: var(--kerataif-background);
  font-size: 1.1rem;
  top: -10px;
}
.node-type-customer article .field--name-field-contacts .field__items,
.node-type-customer article .field--name-field-hosting-services .field__items {
  border: 1px solid var(--kerataif-gray-border);
  padding: 30px 20px 5px 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
@media screen and (max-width: 800px) {
  .node-type-customer article .field--name-field-contacts .field__items,
  .node-type-customer article .field--name-field-hosting-services .field__items {
    overflow-x: scroll;
  }
}
.node-type-customer article .field--name-field-contacts .field__items .field--type-datetime,
.node-type-customer article .field--name-field-hosting-services .field__items .field--type-datetime {
  margin-bottom: 0;
}
.node-type-customer article .field--name-field-contacts .field__items table thead,
.node-type-customer article .field--name-field-hosting-services .field__items table thead {
  text-align: left;
  font-size: .8rem;
  color: var(--kerataif-gray-border);
  text-transform: uppercase;
  font-weight: 600;
}
.node-type-customer article .field--name-field-contacts .field__items table tbody td,
.node-type-customer article .field--name-field-hosting-services .field__items table tbody td {
  padding: 15px 0;
  border-bottom: 1px solid rgba(55, 59, 69, 0.5);
  white-space: nowrap;
}
@media screen and (max-width: 800px) {
  .node-type-customer article .field--name-field-contacts .field__items table tbody td,
  .node-type-customer article .field--name-field-hosting-services .field__items table tbody td {
    padding: 15px 15px 15px 0;
  }
}
.node-type-customer article .field--name-field-contacts .field__items table tbody tr:hover td,
.node-type-customer article .field--name-field-hosting-services .field__items table tbody tr:hover td {
  border-bottom: 1px solid var(--kerataif-gray-border);
}
.node-type-customer article .field--name-field-contacts .field__items table tbody tr:last-child td,
.node-type-customer article .field--name-field-hosting-services .field__items table tbody tr:last-child td {
  border-bottom: none;
}
.fc-unthemed .fc-divider,
.fc-unthemed .fc-list-heading td,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-row,
.fc-unthemed tbody,
.fc-unthemed td,
.fc-unthemed th,
.fc-unthemed thead {
  border-color: var(--kerataif-gray-border) !important;
}
.fc-dayGrid-view .fc-body .fc-row {
  height: auto !important;
  min-height: 100px !important;
}
.fc-unthemed td.fc-today {
  background-color: var(--kerataif-navy-medium);
}
.js-drupal-fullcalendar .fc-scroller {
  overflow: visible !important;
  height: auto !important;
}
.js-drupal-fullcalendar .fc-head {
  border: none;
}
.js-drupal-fullcalendar .fc-day-grid-event {
  position: relative;
  background-color: var(--kerataif-gray-border) !important;
  border: none;
  overflow: visible;
  font-size: .8rem;
}
.js-drupal-fullcalendar .fc-day-grid-event .fc-content {
  overflow: visible;
}
.js-drupal-fullcalendar .fc-day-grid-event .domain-name {
  background: none !important;
  padding: 2px 5px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.js-drupal-fullcalendar .fc-day-grid-event .popup-content {
  position: absolute;
  top: 100%;
  left: -1px;
  opacity: 0;
  background-color: var(--kerataif-gray-border);
  z-index: 9;
  padding: 10px;
  -webkit-border-top-right-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 20px;
  -moz-border-radius-bottomright: 20px;
  -moz-border-radius-bottomleft: 20px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-top-left-radius: 0;
}
.js-drupal-fullcalendar .fc-day-grid-event:hover .popup-content {
  opacity: 1;
}