@font-face {
    font-family: AxiformaBook;
    font-weight: 400;
    src: url(/font-0ddf5afa889879d012781094cbfa1fba.ttf) format("woff2");
}

@font-face {
    font-family: AxiformaSemiBold;
    font-weight: 400;
    src: url(/font-4f569cf7c62b5d651372479f253e59e1.ttf) format("woff2");
}

/*@font-face {
    font-family: SilkSansDisplayBold;
    font-weight: 500;
    src: url(/font-1460d02e684365a6491c1df21b2e9dfd.ttf) format("woff2");
}*/

@font-face {
    font-family: SilkSansDisplayNormal;
    font-weight: 400;
    src: url('./font-1460d02e684365a6491c1df21b2e9dfd.woff2') format("woff2");
}

@font-face {
    font-family: SilkSansDisplayBold;
    font-weight: 900;
    src: url('./font-1460d02e684365a6491c1df21b2e9dfd.woff2')  format("woff2");
}

@font-face {
    font-family: AxiformaNormal;
    font-weight: 400;
    src: url('./font-0ddf5afa889879d012781094cbfa1fba.woff2') format("woff2");
}

html {
    -webkit-text-size-adjust: 100%;
    font-feature-settings: normal;
    /*font-family: AxiformaBook,sans-serif !important;*/
    font-family: AxiformaNormal,sans-serif !important;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

h1,h2,h3,h4,h5,h6 {
    /*font-family: AxiformaBook,sans-serif !important;*/
    font-family: SilkSansDisplayBold,sans-serif !important;
    font-weight: 900 !important;
}

p,.nav-link, button, a, /*span,*/ body, ul, li {
    font-family: AxiformaNormal,sans-serif !important;
}

:root {
  --media_1600-container-max-width: 1440px;
  --media_1800-container-max-width: 1600px;
  --media_2000-container-max-width: 1800px;
  --media_2400-container-max-width: 2000px;
  --media_2800-container-max-width: 2400px;
  --media_3200-container-max-width: 2800px;
  --media_3440-container-max-width: 3200px;

  --entitylist-offset: 200px;
  --entitylist-max-width: 1600px;

  /*form input*/
  --input-border-color: rgb(209 213 219);
}

.entitylist{
    /*max-width: var(--entitylist-max-width);*/
    width: 100%;
    margin: 0 auto;
}

@media (min-width:1600px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .container-fluid {
        /*max-width:1440px;*/
        max-width:var(--media_1600-container-max-width);
        width: var(--media_1600-container-max-width) !important;
    }
    .row.sectionBlockLayout > .container, .row.sectionBlockLayout > .container-lg, .row.sectionBlockLayout > .container-md, .row.sectionBlockLayout > .container-sm, .row.sectionBlockLayout > .container-xl, .row.sectionBlockLayout > .container-xxl {
        max-width: var(--media_1600-container-max-width); 
    }
    /*.entitylist {
        width: calc(var(--media_1600-container-max-width) - var(--entitylist-offset));
    }*/
}

@media (min-width:1800px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .container-fluid {
        /*max-width:1600px; */
        max-width: var(--media_1800-container-max-width);
        width: var(--media_1800-container-max-width) !important;
    }
    .row.sectionBlockLayout > .container, .row.sectionBlockLayout > .container-lg, .row.sectionBlockLayout > .container-md, .row.sectionBlockLayout > .container-sm, .row.sectionBlockLayout > .container-xl, .row.sectionBlockLayout > .container-xxl {
        max-width: var(--media_1800-container-max-width); 
    }
    /*.entitylist {
        width: calc(var(--media_1800-container-max-width) - var(--entitylist-offset));
    }*/
}

@media (min-width:2000px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .container-fluid {
        /*max-width:1800px; */
        max-width: var(--media_2000-container-max-width);
        width: var(--media_2000-container-max-width) !important;
    }
    .row.sectionBlockLayout > .container, .row.sectionBlockLayout > .container-lg, .row.sectionBlockLayout > .container-md, .row.sectionBlockLayout > .container-sm, .row.sectionBlockLayout > .container-xl, .row.sectionBlockLayout > .container-xxl {
        max-width: var(--media_2000-container-max-width); 
    }
    /*.entitylist {
        width: calc(var(--media_2000-container-max-width) - var(--entitylist-offset));
    }*/
}

@media (min-width:2400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .container-fluid {
        /*max-width:2000px; */
        max-width: var(--media_2400-container-max-width);
        width: var(--media_2400-container-max-width) !important;
    }
    .row.sectionBlockLayout > .container, .row.sectionBlockLayout > .container-lg, .row.sectionBlockLayout > .container-md, .row.sectionBlockLayout > .container-sm, .row.sectionBlockLayout > .container-xl, .row.sectionBlockLayout > .container-xxl {
        max-width: var(--media_2400-container-max-width); 
    }
    /*.entitylist {
        width: calc(var(--media_2400-container-max-width) - var(--entitylist-offset));
    }*/
}

@media (min-width:2800px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .container-fluid {
        /*max-width:2400px; */
        max-width: var(--media_2800-container-max-width);
        width: var(--media_2800-container-max-width) !important;
    }
    .row.sectionBlockLayout > .container, .row.sectionBlockLayout > .container-lg, .row.sectionBlockLayout > .container-md, .row.sectionBlockLayout > .container-sm, .row.sectionBlockLayout > .container-xl, .row.sectionBlockLayout > .container-xxl {
        max-width: var(--media_2800-container-max-width); 
    }
    /*.entitylist {
        width: calc(var(--media_2800-container-max-width) - var(--entitylist-offset));
    }*/
}

@media (min-width:3200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .container-fluid {
        /*max-width:2800px; */
        max-width: var(--media_3200-container-max-width);
        width: var(--media_3200-container-max-width) !important;
    }
    .row.sectionBlockLayout > .container, .row.sectionBlockLayout > .container-lg, .row.sectionBlockLayout > .container-md, .row.sectionBlockLayout > .container-sm, .row.sectionBlockLayout > .container-xl, .row.sectionBlockLayout > .container-xxl {
        max-width: var(--media_3200-container-max-width); 
    }
    /*.entitylist {
        width: calc(var(--media_3200-container-max-width) - var(--entitylist-offset));
    }*/
}

@media (min-width:3440px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .container-fluid {
        /*max-width:3200px; */
        max-width: var(--media_3440-container-max-width);
        width: var(--media_3440-container-max-width) !important;
    }
    .row.sectionBlockLayout > .container, .row.sectionBlockLayout > .container-lg, .row.sectionBlockLayout > .container-md, .row.sectionBlockLayout > .container-sm, .row.sectionBlockLayout > .container-xl, .row.sectionBlockLayout > .container-xxl {
        max-width: var(--media_3440-container-max-width); 
    }
    /*.entitylist {
        width: calc(var(--media_3440-container-max-width) - var(--entitylist-offset));
    }*/
}

.navbar-nav .nav-pill-item {
  background-color: white !important;
  color: var(--portalThemeColor1) !important;
  border: 1px solid var(--portalThemeColor1) !important;
  border-radius: 9999px;
  text-decoration: none;
  padding: 15px 20px !important;
}

.navbar-nav .nav-link.active {
  /*text-decoration: underline;*/
  background-color: var(--portalThemeColor1) !important;
  color: white !important;
}

.navbar-nav .nav-pill-item:hover,
.navbar-nav .nav-pill-item:focus {
  background-color: var(--portalThemeColor1) !important;
  color: white !important;
}

#navbar li.divider-vertical{
    visibility: hidden;
}

/* Styl for dropdown */
.dropdown-menu.custom-dropdown {
  background-color: var(--portalThemeColor1) !important;
  border: none;
  border-radius: 6px;
}

/* Styl for dropdown-item*/
.dropdown-menu.custom-dropdown .dropdown-item {
  background-color: var(--portalThemeColor1) !important;
  color: var(--portalThemeColor7) !important;
}

/* Hover i focus */
.dropdown-menu.custom-dropdown .dropdown-item:hover,
.dropdown-menu.custom-dropdown .dropdown-item:focus {
  background-color: var(--portalThemeColor2) !important;
  color: var(--portalThemeColor7) !important;
}

/* Extra: dropdown-divider */
.dropdown-menu.custom-dropdown .dropdown-divider {
  height: 1px;
  margin: 0;
  background-color: var(--portalThemeColor7);
  opacity: 0.3;
}

.no-underline {
  text-decoration: none !important; 
}

/*Form input*/
/*.form-control {
    border-radius: 9999px !important;
}*/

input {
  /*border: 1px solid var(--input-border-color);*/
  border: 1px solid var(--portalThemeColor10);
}

/*input[type="text"].form-control {
    border: 1px solid var(--portalThemeColor10);
    border-radius: 9999px !important;
}*/

input.text.form-control {
    border: 1px solid var(--portalThemeColor10);
    border-radius: 9999px;
    padding: 6px 26px;
    gap: 10px;
}

input.text.form-control[aria-disabled="true"] {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
}

select {
    border: 1px solid var(--portalThemeColor10);
    border-radius: 9999px;
    padding: 7px 17px;
    gap: 10px;
    justify-content: space-between;
}

.form-control.form-select.picklist  {
    border: 1px solid var(--portalThemeColor10);
    border-radius: 9999px;
    padding: 7px 17px;
    gap: 10px;
    justify-content: space-between;
}

.form-control.input-text-box {
    border: 1px solid var(--portalThemeColor10);
    border-radius: 9999px;
    padding: 6px 26px;
    gap: 10px;
}

.form-control.input-text-box[aria-disabled="true"] {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
}

.datetimepicker input.form-control.input-text-box.readonly, .datetimepicker input.text.form-control.input-text-box.readonly, .datetimepicker input.text.form-control.input-text-box.readonly:focus {
    border: 1px solid var(--portalThemeColor10);
    border-radius: 9999px;
    padding: 6px 26px;
    gap: 10px;
}

select{
    border: 1px solid var(--portalThemeColor10);
    border-radius: 9999px;
    padding: 6px 26px !important;
    gap: 10px;
    justify-content: space-between;
}

.statecode-control{
    border: 1px solid var(--portalThemeColor10);
    border-radius: 9999px;
    padding: 6px 26px !important;
    gap: 10px;
    padding-inline-start: 26px !important;
    padding-inline-end: 26px !important;
    display: block;
}

input.datetime.form-control {
    border: 1px solid var(--portalThemeColor10);
    border-radius: 9999px;
    padding: 6px 26px;
    gap: 10px;
}


textarea {
    border: 1px solid var(--portalThemeColor10);
    border-radius: 9999px;
    padding-left: 6px;
    padding-right: 6px;
}

.text-muted {
    margin-left: 26px;
}

.crmEntityFormView .form-control.readonly,.crmEntityFormView .form-control[readonly][disabled],.form-readonly .form-control {
    border: 1px solid var(--portalThemeColor10);
    border-radius: 9999px;
    padding: 6px 26px;
    gap: 10px;
}

/*mutli select*/
.msos-container {
    border: 1px solid var(--portalThemeColor10) !important;
    border-radius: 9999px !important;

    font-family: AxiformaNormal,sans-serif !important;
    font-size: 16px !important;
    /*padding: 6px 26px;*/
    gap: 10px;
}
.msos-quick-delete, .msos-selected-display-item.msos-visible {
    border-radius: 9999px !important;
}

.msos-filter-container {
   padding: 6px 26px;
}

.msos-caret-container {
    margin-right: 15px;
}
/*
.msos-selecteditems-container{
    padding: 6px 26px;
}*/
/*mutli select end*/
label {
  color: var(--portalThemeColor10) !important;
}

input.query.form-control {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}

.input-group-btn .btn.btn-default {
  border: 1px solid var(--portalThemeColor10) !important;
  color: var(--portalThemeColor10) !important;
  border-top-right-radius: 9999px !important;
  border-bottom-right-radius: 9999px !important;
}

.input-group-btn .btn.btn-default:hover {
  border: 1px solid var(--portalThemeColor10) !important;
  color: var(--portalThemeColor7) !important;
  background-color: var(--portalThemeColor10) !important;
}

.input-group-btn .btn.btn-default:active {
  border: 1px solid var(--portalThemeColor10) !important;
  color: var(--portalThemeColor7) !important;
  background-color: var(--portalThemeColor10) !important;
}

.input-group-btn .btn.btn-default:focus {
  border: 1px solid var(--portalThemeColor10) !important;
  color: var(--portalThemeColor7) !important;
  background-color: var(--portalThemeColor10) !important;
}

.input-group-btn .btn.btn-default:focus-visible {
  border: 1px solid var(--portalThemeColor10) !important;
  color: var(--portalThemeColor7) !important;
  background-color: var(--portalThemeColor10) !important;
}

.launchentitylookup, .clearlookupfield {
  border: 1px solid var(--portalThemeColor10) !important;
  color: var(--portalThemeColor10) !important;
  height: 37.8px !important;
}

.launchentitylookup:hover,
.clearlookupfield:hover  {
  border: 1px solid var(--portalThemeColor10) !important;
  color: var(--portalThemeColor7) !important;
  background-color: var(--portalThemeColor10) !important;
}

.launchentitylookup:active,
.clearlookupfield:active  {
  border: 1px solid var(--portalThemeColor10) !important;
  color: var(--portalThemeColor7) !important;
  background-color: var(--portalThemeColor10) !important;
}

.launchentitylookup:focus,
.clearlookupfield:focus  {
  border: 1px solid var(--portalThemeColor10) !important;
  color: var(--portalThemeColor7) !important;
  background-color: var(--portalThemeColor10) !important;
  outline:0;
  box-shadow:var(--bs-btn-focus-box-shadow)
}

.launchentitylookup:focus-visible,
.clearlookupfield:focus-visible  {
  border: 1px solid var(--portalThemeColor10) !important;
  color: var(--portalThemeColor7) !important;
  background-color: var(--portalThemeColor10) !important;
  outline:0;
  box-shadow:var(--bs-btn-focus-box-shadow)
}

.input-group-addon.btn {
    border: 1px solid var(--portalThemeColor10) !important;
    color: var(--portalThemeColor10) !important;
    border-top-right-radius: 9999px !important;
    border-bottom-right-radius: 9999px !important;
    background-color: var(--portalThemeColor7) !important;
    height: 38px !important;
}
.input-group-addon.btn:hover, .input-group-addon.btn:active, .input-group-addon.btn:focus, .input-group-addon.btn:focus-visible {
    border: 1px solid var(--portalThemeColor10) !important;
    color: var(--portalThemeColor7) !important;
    background-color: var(--portalThemeColor10) !important;
    outline:0;
}

.actions {
    margin-top: 0px;
    border: none !important;
}

.crmEntityFormView {
    border: none !important;
}
/*modal*/
.modal-header {
    background-color: var(--portalThemeColor6);
}

/*button class*/
.btn-primary{
    --bs-btn-color:#fff;
    --bs-btn-bg:var(--portalThemeColor1);/*#0d6efd;*/
    --bs-btn-border-color:#0d6efd;
    --bs-btn-hover-color:#fff;
    --bs-btn-hover-bg:#0b5ed7;
    --bs-btn-hover-border-color:#0a58ca;
    --bs-btn-focus-shadow-rgb:49,132,253;
    --bs-btn-active-color:#fff;
    --bs-btn-active-bg:#0a58ca;
    --bs-btn-active-border-color:#0a53be;
    --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);

    --bs-btn-disabled-color:#fff;
    --bs-btn-disabled-bg:var(--portalThemeColor5);/*#3f577a;*/
    --bs-btn-disabled-border-color:#0d6efd
}

/*entitylist*/
/*.entity-grid.entitylist {
    background-color: var(--portalThemeColor6) !important;
}*/

.entity-grid.entitylist thead {
    background-color: var(--portalThemeColor6);
}

.view-grid table thead * {
  font-size: 18px !important;
  color: var(--portalThemeColor10) !important;
  font-weight: 700;
}

.view-grid table tbody tr * {
  font-size: 16px !important;
  /*font-weight: 400;*/
}

/*.entity-grid.entitylist .view-pagination {
    background-color: #79b477;
}*/

.table-test table thead * {
  font-size: 18px !important;
  color: var(--portalThemeColor10) !important;
  font-weight: 700;
}

input[type="file"] {
    border-radius: 9999px;
}

