/* Tulu 2023 */
:root {
  --bs-tulu-bg-main:  #4a6cdf;
  --bs-tulu-bg-tentacle: #ff80ab;
  --bs-tulu-bg-limb: #ff5119;
  --bs-tulu-bg-dyingsun: #6c19ff;
  --bs-tulu-bg-sun: #ca7a00;
  --bs-tulu-bg-park: #389629;
  --bs-tulu-bg-sea: #105597;
  
  --bs-tulu-call-text: #c53a68;
  --bs-tulu-call-border: #ff80ab;
  --bs-tulu-call-bg: #fbc2d5;

}

@font-face {
  font-family: 'Inter';
  font-weight: 100 900;
  font-display: swap;
  font-style: oblique 0deg 10deg;
  src: url("../fonts/Inter.var.woff2?v=3.19") format("woff2");
}

body {
  min-height: 35rem;
  padding-top: 4.5rem;
  background-color: #efefef;
  font-family: 'Inter', BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}

a {
  text-decoration: none;
}

.navbar-brand, .branded {
  font-weight: 800;
}

.bg-tulu {
  background-color: var(--bs-tulu-bg-main) !important;
}

.btn-sm {
  padding-left: 1em;
  padding-right: 1em;
}

.input-group .btn-sm img {
  height: 1em;
  position: relative;
  top: -.1em;
  filter: invert(100%) sepia(0%) saturate(7392%) hue-rotate(164deg) brightness(122%) contrast(99%);
}

.form-control::-moz-placeholder {
  opacity: .3;
}
.form-control::placeholder {
  opacity: .3;
}

.table th {
  color: #616060;
  font-weight: 600;
}

.bd-callout-tulu {
  --bd-callout-color: var(--bs-tulu-call-text);
  --bd-callout-bg: var(--bs-tulu-call-bg);
  --bd-callout-border: var(--bs-tulu-call-border);
}
.bd-callout-success {
  --bd-callout-color: var(--bs-success-text);
  --bd-callout-bg: var(--bs-success-bg-subtle);
  --bd-callout-border: var(--bs-success-border-subtle);
}
.bd-callout-info {
  --bd-callout-color: var(--bs-info-text);
  --bd-callout-bg: var(--bs-info-bg-subtle);
  --bd-callout-border: var(--bs-info-border-subtle);
}

.bd-callout-base {
  --bd-callout-border: var(--bs-primary);
}

.bd-callout {
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  color: var(--bd-callout-color, inherit);
  background-color: var(--bd-callout-bg, var(--bs-gray-100));
  border-left: 0.25rem solid var(--bd-callout-border);
}

.bd-callout label {
  font-weight: 600;
}

label img {
  height: 1em;
  position: relative;
  top: -.1em;
}

.bd-callout-info label img {
  filter: invert(29%) sepia(99%) saturate(886%) hue-rotate(156deg) brightness(95%) contrast(94%);
}

.input-group-text svg, .input-group-text img {
  height: 1em;
  opacity: 0.6;
}


hr {
  margin: 1rem 0;
  color: rgba(22, 115, 253, .2);
  border: 0;
  border-top: 1px solid rgba(22, 115, 253, .3) !important;
  opacity: 0.25;
}

h6 img {
  width: 1em;
  position: relative;
  top: -.1em;
}


.bg-modal {
  background-color: #eee !important;
}

.bg-modal label {
  font-size: .8em;
  margin-bottom: .3em;
}

.modal-title img {
  height: 1.5em;
}

.modal-title {
  line-height: 1 !important;
}

.back-img {
  background-size: 2.5em;
  background-repeat: no-repeat;
  background-position: right top; 
}

.back-deskman {
  background-image: url("../images/deskmanlogo.svg");
}

.back-syncbelt {
  background-image: url("../images/syncbeltlogo.svg");
}

.back-tulu {
  background-image: url("../images/tulu2.svg");
}

.back-logs {
  background-image: url("../images/back-logs.svg");
}

.back-ping {
  background-image: url("../images/back-ping.svg");
 }

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

.bg-stripe {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-tentacle {
  background-color: var(--bs-tulu-bg-tentacle) !important;
}

.bg-karen {
  background-color: var(--bs-tulu-bg-limb) !important;
}

.bg-fastspring {
  background-color: var(--bs-tulu-bg-dyingsun) !important;
}

.bg-warning {
/*  background: linear-gradient(90deg, rgba(36,33,0,1) 0%, rgba(121,36,9,1) 35%, rgba(255,117,0,1) 100%);*/
  background-color: #f5ff19;
}

.bg-anfibia {
  background-color: #796f76;
}

.bg-bank {
  background-color: var(--bs-tulu-bg-sea) !important;
}

.bg-deskman {
  background: linear-gradient(90deg, rgba(21,101,192,1) 0%, rgba(33,150,243,1) 35%, rgba(255,191,0,1) 100%);
}

.badge img {
  width: .8em;
  position: relative;
  top: -.1em;
}

.f-white {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}

.badge.bg-disabled {
  opacity: .4;
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}


.tab-pane .card {
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.tab-pane .card-body {
  padding: 1.5em;
}

.nav-link svg {
  position: relative;
  top: -.1em;
}

.btn-sm svg, .btn-sm img {
  position: relative;
  top: -.1em;
  width: .9em;
}

.bd-callout .link-danger svg {
  position: relative;
  top: -.1em;
}

.card label {
  font-size: .9em;
}

.btn-group-sm svg {
  height: 1em;
  position: relative;
  top: -.08em;
}

.navbar-nav .nav-item {
  font-weight: 500 !important;
}

.bactive, .branded:hover {
  text-decoration: underline !important;
  text-decoration-thickness: 3px !important;  
  text-decoration-color: #eb6773 !important;
}

.col-prod-deskman::before, .col-prod-syncbelt::before, .col-prod-logspire::before, .col-prod-deskmanmanager::before {
  display: inline-block;
  width: 1em;
  position: relative;
  top: .13em;
}

.col-prod-syncbelt::before{
  content: url(../images/syncbeltlogo.svg);
}

.col-prod-deskman::before{
  content: url(../images/deskmanlogo.svg);
}

.col-prod-logspire::before{
  content: url(../images/logspirelogo.svg);
}

.col-prod-deskmanmanager::before{
  content: url(../images/managerlogo.svg);
}

.asvg svg {
  position: relative;
  top:-.1em;
}

.spinner-grow {
  position: relative;
  top:.09em;
}

.btn-xs {
  --bs-btn-padding-y: .25rem;
  --bs-btn-padding-x: .5rem;
  --bs-btn-font-size: .75rem;
}

button svg {
  position: relative;
  top: -.1em;
}

.comments {
  opacity: .8;
}

.comments hr {
  margin: 1rem 0;
  color: rgba(0, 0, 0, .2);
  border: 0;
  border-top: 2px dashed  rgba(0, 0, 0, .4) !important;
  opacity: 0.4;  
}

.svg-expired {
  filter: invert(15%) sepia(92%) saturate(3670%) hue-rotate(348deg) brightness(109%) contrast(106%);
}

.font-mini {
  font-size: 80%;
}

.font-mini svg {
  width: 1em;
  position: relative;
  top: -.06em;
}

.col-country img {
  width: 1.1em;
  position: relative;
  top: -.05em;
}

/* ------------------- */


@media (min-width: 768px) {
  .navbar-nav .nav-item .active, .navbar-nav .nav-item .nav-link:hover {
    text-decoration: underline;
    text-decoration-thickness: 2px;
  }

  .lateral {
    border-right: 1px solid rgba(22, 115, 253, .1);
    padding-right: 1.5em;
    margin-right: .8em;
  }

  .px-md-6 {
    padding-right: 3.5rem !important;
    padding-left: 3.5rem !important;
  }
}

@media (max-width: 700px) {
  .back-deskman, .back-syncbelt, .back-tulu {
      background-size: 2em;
    }

  .mbxx{ margin-bottom: 1.5rem !important; }

  .mob-text-danger {
    color: rgba(220, 53, 69, 1) !important;
  }
}