:root {
  --bs-dark: #666666;
  --bs-primary: #335C92;
  --bs-primary-rgb: 51, 92, 149;
  --bs-link-color: #335C92;
  --bs-link-color-rgb: 51, 92, 146;
  --bs-select-padding-y: #{$form-select-padding-y};
  --bs-border-color-translucent: rgba(0, 0, 0, 0.05);
  --bs-select-padding-x: #{$form-select-padding-x};
  --bs-select-font-size: #{$form-select-font-size};
  --bs-select-indicator-padding: #{$form-select-indicator-padding};
  --bs-select-font-weight: #{$form-select-font-weight};
  --bs-select-line-height: #{$form-select-line-height};
  --bs-select-color: #{$form-select-color};
  --bs-select-bg: #{$form-select-bg};
  --bs-select-disabled-color: #{$form-select-disabled-color};
  --bs-select-disabled-bg: #{$form-select-disabled-bg};
  --bs-select-disabled-border-color: #{$form-select-disabled-border-color};
  --bs-select-bg-position: #{$form-select-bg-position};
  --bs-select-bg-size: #{$form-select-bg-size};
  --bs-select-indicator: #{escape-svg($form-select-indicator)};
  --bs-select-feedback-icon-padding-end: #{$form-select-feedback-icon-padding-end};
  --bs-select-feedback-icon-position: #{$form-select-feedback-icon-position};
  --bs-select-feedback-icon-size: #{$form-select-feedback-icon-size};
  --bs-select-border-width: #{$form-select-border-width};
  --bs-select-border-color: #{$form-select-border-color};
  --bs-select-focus-border-color: #{$form-select-focus-border-color};
  --bs-select-padding-y-sm: #{$form-select-padding-y-sm};
  --bs-select-padding-x-sm: #{$form-select-padding-x-sm};
  --bs-select-font-size-sm: #{$form-select-font-size-sm};
  --bs-select-padding-y-lg: #{$form-select-padding-y-lg};
  --bs-select-padding-x-lg: #{$form-select-padding-x-lg};
  --bs-select-font-size-lg: #{$form-select-font-size-lg};
  --bs-select-border-radius: #{$form-select-border-radius};

  --toastify-color-info: var(--bs-info) !important;
  --toastify-color-success: var(--bs-success)!important;
  --toastify-color-warning: var(--bs-warning)!important;
  --toastify-color-error: var(--bs-danger)!important;

  --toastify-toast-width: 350px;
  --toastify-toast-min-height: 50px;

  --headertextcolor: #fff;
  --headerheight: undef;
}

.navbar-brand {
  color: var(--headertextcolor) !important;
}
.navbar-brand:focus, .navbar-brand:hover, .navbar-brand:active {
  color: var(--headertextcolor) !important;
}

.navbar a {
  text-decoration: none!important;
}

.btn-primary {
  --bs-btn-bg: #335C92;
  --bs-btn-border-color: #335C92;
  --bs-btn-hover-bg: #294a76;
  --bs-btn-hover-border-color: #26446c;
  --bs-btn-active-bg: #335C92;
  --bs-btn-active-border-color: #335C92;
  --bs-btn-disabled-bg: #335C92;
  --bs-btn-disabled-border-color: #335C92;
}

.navbar {
  --bs-navbar-brand-margin-end: 0;
}

.btn-info {
  --bs-btn-color: #fff;
  --bs-btn-bg: #2196F3;
  --bs-btn-border-color: #2196F3;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0c83e2;
  --bs-btn-hover-border-color: #0c7cd5;
  --bs-btn-focus-shadow-rgb: 66, 166, 245;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0c7cd5;
  --bs-btn-active-border-color: #0b75c9;
  --bs-btn-disabled-color: #fff;
}

.btn-outline-primary {
  --bs-btn-color: #335C92;
  --bs-btn-border-color: #335C92;
  --bs-btn-hover-bg: #335C92;
  --bs-btn-hover-border-color: #335C92;
  --bs-btn-focus-shadow-rgb: 66, 166, 245;
  --bs-btn-active-bg: #335C92;
  --bs-btn-active-border-color: #335C92;
  --bs-btn-disabled-color: #335C92;
  --bs-btn-active-shadow: 0 0 0 0.2rem rgba(51, 92, 146, 0.5);
}

.btn-outline-info {
  --bs-btn-disabled-color: #2196F3;
  --bs-btn-border-color: #2196F3;
  --bs-btn-hover-bg: #2196F3;
  --bs-btn-hover-border-color: #2196F3;
  --bs-btn-focus-shadow-rgb: 33, 150, 243, 0.5;
  --bs-btn-active-bg: #2196F3;
  --bs-btn-active-border-color: #2196F3;
  --bs-btn-active-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5);
}

.btn-outline-warning {
  --bs-btn-active-color: #212529;
  --bs-btn-border-color: #2196F3;
  --bs-btn-hover-bg: #2196F3;
  --bs-btn-hover-border-color: #2196F3;
  --bs-btn-focus-shadow-rgb: 33, 150, 243, 0.5;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5);
}

.btn-link {
  color: #335C92;
}

.btn-link:hover {
  color: #1f3859;
}

.btn .badge {
  position: relative;
  top: 0px;
}


* {
  scrollbar-color: var(--bs-dark) var(--bs-light);
}
/*html {*/
/*  font-family: var(--font-inter);*/
/*}*/

/*h1 {*/
/*  font-family: var(--font-roboto-mono);*/
/*}*/

body {
  background-color: rgba(0, 0, 0, 0.055);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


a {
  color: #335C92;
}

a:hover {
  color: #1f3859;
}

.img-thumbnail {
  background-color: #e4e4e4;
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #c6d1e0;
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #95aac6;
}

.table-hover .table-primary:hover {
  background-color: #b5c4d7;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #b5c4d7;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #c1e2fc;
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #8cc8f9;
}

.table-hover .table-info:hover {
  background-color: #a9d7fb;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #a9d7fb;
}


.modified {
  border-color:var(--bs-warning-bg-subtle);
  background-color:var(--bs-warning-bg-subtle);
}

.form-control:focus {
  border-color: #769ccf;
  box-shadow: 0 0 0 0.2rem rgba(51, 92, 146, 0.25);
}

.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(51, 92, 146, 0.25);
}


.dropdown-item.active, .dropdown-item:active {
  background-color: #335C92;
}

.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #335C92;
  background-color: #335C92;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(51, 92, 146, 0.25);
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #769ccf;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  background-color: #9bb7dc;
  border-color: #9bb7dc;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #335C92;
  background-color: #335C92;
}


.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(51, 92, 146, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(51, 92, 146, 0.5);
}


.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(51, 92, 146, 0.5);
}


.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(51, 92, 146, 0.5);
}

.custom-select:focus {
  border-color: #769ccf;
  box-shadow: 0 0 0 0.2rem rgba(51, 92, 146, 0.25);
}

.custom-file-input:focus ~ .custom-file-label {

  border-color: #769ccf;
  box-shadow: 0 0 0 0.2rem rgba(51, 92, 146, 0.25);
}

.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
  background-color: #e9ecef;
}


.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #e4e4e4, 0 0 0 0.2rem rgba(51, 92, 146, 0.25);
}

.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #e4e4e4, 0 0 0 0.2rem rgba(51, 92, 146, 0.25);
}

.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #e4e4e4, 0 0 0 0.2rem rgba(51, 92, 146, 0.25);
}

.custom-range::-moz-focus-outer {
  background-color: #335C92;
}


.custom-range::-webkit-slider-thumb:active {
  background-color: #9bb7dc;
}

.custom-range::-moz-range-thumb {
  background-color: #335C92;
}


.custom-range::-moz-range-thumb:active {
  background-color: #9bb7dc;
}

.custom-range::-moz-range-track {
  background-color: #335C92;
}


.custom-range::-ms-thumb:active {
  background-color: #9bb7dc;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  background-color: #e4e4e4;
  border-color: #dee2e6 #dee2e6 #e4e4e4;
}


.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #335C92;
}

.pagination {
  color: #335C92;
}

.page-link:hover {
  color: #1f3859;
}

.page-link:focus {
  box-shadow: 0 0 0 0.2rem rgba(51, 92, 146, 0.25);
}

.page-item.active .page-link {
  background-color: #335C92;
  border-color: #335C92;
}

.btn .badge {
  top: 0px;
}

.badge-primary {
  background-color: #335C92;
}

a.badge-primary:hover, a.badge-primary:focus {
  background-color: #26446c;
}

a.badge-primary:focus, a.badge-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(51, 92, 146, 0.5);
}


.badge-info {
  background-color: #2196F3;
}

a.badge-info:hover, a.badge-info:focus {
  background-color: #0c7cd5;
}

a.badge-info:focus, a.badge-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5);
}
.alert-primary {
  color: #1b304c;
  background-color: #d6dee9;
  border-color: #c6d1e0;
}

.alert-primary hr {
  border-top-color: #b5c4d7;
}

.alert-primary .alert-link {
  color: #0e1826;
}

.alert-info {
  color: #114e7e;
  background-color: #d3eafd;
  border-color: #c1e2fc;
}

.alert-info hr {
  border-top-color: #a9d7fb;
}

.alert-info .alert-link {
  color: #0b3251;
}


.progress-bar {
  background-color: #335C92;
}

.list-group-item.active {
  background-color: #335C92;
  border-color: #335C92;
}


.list-group-item-primary {
  color: #1b304c;
  background-color: #c6d1e0;
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #1b304c;
  background-color: #b5c4d7;
}

.list-group-item-primary.list-group-item-action.active {
  background-color: #1b304c;
  border-color: #1b304c;
}


.list-group-item-info {
  color: #114e7e;
  background-color: #c1e2fc;
}

.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: #114e7e;
  background-color: #a9d7fb;
}

.list-group-item-info.list-group-item-action.active {
  background-color: #114e7e;
  border-color: #114e7e;
}


a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #26446c !important;
}

.bg-info {
  background-color: #2196F3 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #0c7cd5 !important;
}

.border-primary {
  border-color: #335C92 !important;
}

.border-info {
  border-color: #2196F3 !important;
}

.text-primary {
  color: #335C92 !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #1f3859 !important;
}

.text-info {
  color: #2196F3 !important;
}

a.text-info:hover, a.text-info:focus {
  color: #0a6ebd !important;
}

.dropdown-menu {
  --bs-dropdown-bg: #fff;
  --bs-card-cap-bg: rgba(0, 0, 0, 0.03);
}

.modal {
  --bs-modal-bg: #fff;
}

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }

  a:not(.btn) {
    text-decoration: underline;
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  @page {
    size: a3;
  }

  body {
    min-width: 992px !important;
  }

  form .container {
    min-width: 992px !important;
    max-width: 1140px !important;
  }

  .navbar {
    display: none;
  }

  .badge {
    border: 1px solid #000;
  }

  .table {
    border-collapse: collapse !important;
  }

  .table td,
  .table th {
    background-color: #fff !important;
  }

  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6 !important;
  }

  .table-dark {
    color: inherit;
  }

  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: #dee2e6;
  }

  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}

.table>:not(caption)>*>* {
  background-color: transparent!important;
}


.dark-warning-text {
  color: darkorange;
}

.bg-primary {
  background-color: darkgray !important;
}
.bg-dark {
  background-color: var(--bs-dark) !important;
}

.logo-main {
  width: 100%;
  height: 32px;
  background-image: url('/exite.svg');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.logo-mobile {
  width: 34px;
  height: 34px;
  background-image: url('/exitex.svg');
  background-size: 100%;
  background-repeat: no-repeat;
}

.jumbotron {
  padding: 4rem 2rem;
  margin-bottom: 2rem;
  background-color: var(--bs-light);
  border-radius: 0.3rem;
}

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}

.float-right{float:right!important}
.text-right{text-align:right!important}
.float-right {float: right !important}
.float-left {float: left !important}
.pr-0 {padding-right: 0 !important}
.pr-1 {padding-right: .25rem !important}
.pr-2 {padding-right: .5rem !important}
.pr-3 {padding-right: 1rem !important}
.pr-4 {padding-right: 1.5rem !important}
.pr-5 {padding-right: 3rem !important}
.pl-0 {padding-left: 0 !important}
.pl-1 {padding-left: .25rem !important}
.pl-2 {padding-left: .5rem !important}
.pl-3 {padding-left: 1rem !important}
.pl-4 {padding-left: 1.5rem !important}
.pl-5 {padding-left: 3rem !important}

.notification-item {
  font-size: small;
  padding: 1rem;
  position: relative;
}

.notification-item:hover {
  background-color: var(--bs-light);
  cursor: pointer;
}

.notification-time {
  font-size: x-small;
  position: absolute;
  top: 0.35rem;
  right: 1rem;
  left: auto;
  color: var(--bs-secondary);
}

.notification-button {
  color: var(--bs-white);
  padding-right: 0.5rem;
  padding-top: 0.1rem;
  position: relative;
  margin: 0.5rem;
  cursor: pointer;
}

.notification-button.fa-bell {
  filter: drop-shadow(0 0 1px #000);
}

.flag {
  filter: drop-shadow(0 0 1px #aaa);
}
.notification-type-delivery-failure svg {
  color: var(--bs-warning);
}

.notification-type-sending-successful svg {
  color: var(--bs-success);
}

.notification-type-document-created svg {
  color: var(--bs-primary);
}

.notification-type-sending-error svg {
  color: var(--bs-danger);
}

.notification-container {
  position: absolute;
  width: 350px;
  z-index: 1001;
  right: 0;
  left: auto;
  top: 3.6rem;
  background-color: var(--bs-white);
  box-sizing: border-box;
  min-height: 50px;
  border-color: var(--bs-border-color-translucent);
  border-radius: var(--bs-border-radius);
  border-width: var(--bs-border-width);
  box-shadow: var(--bs-box-shadow);
}


.dropdown div.dropdown-menu {
  top:2.9rem !important;
}

.flagdropdown div.dropdown-menu {
  top:2.9rem !important;
  left: -1rem;
}

.flagdropdown a {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.doc-create-modal-family.fade  {
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}


@media only screen and (min-width: 240px) and (max-width: 767px) {
  .flagdropdown div.dropdown-menu {
    left: auto;
    right: -54px;
    min-width: 160px;
  }

}

@media only screen and (min-width: 240px) and (max-width: 720px) {
  .notification-container {
    width: 100%;
  }
}