@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

@font-face { font-family: 'Roboto'; src: url(../vendor/fonts/roboto/Roboto-Regular.ttf) format("truetype"); }
@font-face { font-family: 'Oswald'; src: url(../vendor/fonts/oswald/static/Oswald-Regular.ttf) format("truetype"); }
@font-face { font-family: 'Merriweather'; src: url(../vendor/fonts/merriweather/Merriweather-Regular.ttf) format("truetype"); }
@font-face { font-family: 'Sansita Swashed'; src: url(../vendor/fonts/sansita/static/SansitaSwashed-Regular.ttf) format("truetype"); }
@font-face { font-family: 'Anton'; src: url(../vendor/fonts/anton/Anton-Regular.ttf) format("truetype"); }
@font-face { font-family: 'Dosis'; src: url(../vendor/fonts/dosis/static/Dosis-Regular.ttf) format("truetype"); }
@font-face { font-family: 'Bangers'; src: url(../vendor/fonts/bangers/Bangers-Regular.ttf) format("truetype"); }
@font-face { font-family: 'Architects Daughter'; src: url(../vendor/fonts/architects/ArchitectsDaughter-Regular.ttf) format("truetype"); }
@font-face { font-family: 'Indie Flower'; src: url(../vendor/fonts/indie-flower/IndieFlower-Regular.ttf) format("truetype"); }
@font-face { font-family: 'Pacifico'; src: url(../vendor/fonts/pacifico/Pacifico-Regular.ttf) format("truetype"); }
@font-face { font-family: 'Shadows Into Light'; src: url(../vendor/fonts/shadows/ShadowsIntoLight-Regular.ttf) format("truetype"); }
@font-face { font-family: 'Alfa Slab One'; src: url(../vendor/fonts/alfa/AlfaSlabOne-Regular.ttf) format("truetype"); }
@font-face { font-family: 'Caveat'; src: url(../vendor/fonts/caveat/Caveat-Regular.ttf) format("truetype"); }
@font-face { font-family: 'Amatic'; src: url(../vendor/fonts/amatic/AmaticSC-Regular.ttf) format("truetype"); }
@font-face { font-family: 'Poppins'; src: url(../vendor/fonts/poppins/Poppins-Regular.ttf) format("truetype"); }
@font-face { font-family: 'Outfit'; src: url(../vendor/fonts/outfit/static/Outfit-Regular.ttf) format("truetype"); }

/* .btn { border-width: 2pt !important;}
.form-control, .custom-select, .input-group-text { border-width: 2pt !important; border-color: black !important;}
.card { border-width: 2pt !important; border-color: black !important;}
.input-group-text { padding: 0.1rem 0.8rem !important;} */

.card { border-radius: 0.5rem !important;}

.layout-content {
  /* background-color: #eef2f7 !important; */
}

.table thead th {
  border-bottom: 1px solid #ddd !important;
}

.card {
  /* border-radius: 10px !important; */
}

.kpis .card {
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: -10% -10%;
}

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

h1, h2, h3, h4, h5, h6 {
  font-weight: bold !important;
}

.text-bold { font-weight: bold !important;}

.btn-dark { background-color: black !important; border-color: black !important;}
.btn-dark:hover, .btn-default, .tab-content { background-color: white !important; border-color: black !important; color: black !important;}
/* .form-control { border-color: black !important; color: black !important;} */
.nav-link.active { background-color: white !important; border-color: black !important; color: black !important; }
.nav-tabs-top .nav-link.active { border-bottom: 1px solid #fff !important; }
.nav-tabs-left .nav-link.active { border-right: 1px solid #fff !important; }

.btn-primary { background-color: rgb(44, 75, 255) !important; border-color: rgb(44, 75, 255) !important;}
.btn-primary:hover { background-color: white !important; color: rgb(44, 75, 255) !important;}

.bg-purple { background-color: #8475b6 !important; color: #fff; color: #3E1019}
.bg-purple-light { background-color: #9984be !important;}
.bg-purple-dark { background-color: #65598c !important;}
.text-purple { color: #8475b6 !important;}
.text-purple-light { color: #9984be !important;}
.text-purple-dark { color: #65598c !important;}

.btn-pink { background-color: #E77395; border-color: #E77395 !important; color: #fff;}
.btn-pink:hover { background-color: #F48BA4; color: #fff;}
.btn-pink-light { background-color: #F48BA4 !important; color: #3E1019 !important;}
.btn-pink-light:hover { background-color: #E77395 !important; }

.border-pink { border-color: #E77395 !important;}
.border-pink-light { border-color: #F8B0B7 !important;}

.bg-pink { background-color: #f7a4aa !important; color: #fff; color: #3E1019}
.bg-pink-light { background-color: #fccdbf !important;}
.bg-pink-dark { background-color: #f4899d !important;}

.text-pink { color: #f7a4aa !important;}
.text-pink-light { color: #fccdbf !important;}
.text-pink-dark { color: #f4899d !important;}

.btn-yellow { background-color: #FAF488; border-color: #FAF488 !important; color: #fff;}
.btn-yellow:hover { background-color: #FCE69B; color: #fff;}

.border-yellow { border-color: #FAF488 !important;}
.border-yellow-light { border-color: #f5f2ac !important;}

.bg-yellow { background-color: #f1db5f !important; color: #fff;}
.bg-yellow-light { background-color: #efdfa1 !important;}
.bg-yellow-dark { background-color: #d8c656 !important;}

.text-yellow { color: #f1db5f !important;}
.text-yellow-light { color: #efdfa1 !important;}
.text-yellow-dark { color: #d8c656 !important;}

.btn-cyan { background-color: #A1E3F9; border-color: #07CDF5 !important; color: #fff;}
.btn-cyan:hover { background-color: #578FCA; color: #fff;}
.border-cyan { border-color: #A1E3F9 !important;}
.border-cyan-light { border-color: #D1F8EF !important;}
.bg-cyan { background-color: #A1E3F9 !important; color: #fff;}
.bg-cyan-light { background-color: #D1F8EF !important;}
.bg-cyan-dark { background-color: #578FCA !important;}
.text-cyan { color: #A1E3F9 !important;}
.text-cyan-light { color: #D1F8EF !important;}
.text-cyan-dark { color: #578FCA !important;}

.bg-green-light { background-color: #78cbbe !important;}
.bg-green { background-color: #41998b !important;}
.bg-green-dark { background-color: #218272 !important;}
.text-green-light { color: #78cbbe !important;}
.text-green { color: #41998b !important;}
.text-green-dark { color: #218272 !important;}

.bg-brown { background-color: #3E1019 !important; }
.text-brown { color: #3E1019 !important; }

.btn-x, .btn-twitter-x {
  border-color: transparent;
  background-color: #000 !important;
  color: #fff !important;
}

.borderless {
  border-color: transparent !important;
  box-shadow: none !important;
}

.dashboard-access {
  cursor: pointer;
}
.dashboard-access:hover {
  border: 1px solid #218272 !important;
  color: #218272 !important;
  font-weight: bold;
}

.sk-primary .sk-bounce-dot { background-color: black !important; }

.sidenav .app-brand { height: 66px; }
.navbar { padding: 12px !important; }
.navbar-notifications .dropdown-menu { margin-top: .5rem; width: 22rem; }

.table th, .table td {
  padding: 1rem 1.5rem !important;
}

.ng-arrow-wrapper { display: none !important; }
.ng-placeholder { display: none !important; }
.ng-value-icon { padding-left: 5px !important; }
.ng-value-label { padding-right: 5px !important; }
.ng-clear-wrapper { padding-top: 5px !important; margin-right: 3px !important;}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
  border-right: 1px solid #ccc !important;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left:hover {
  background-color: #999 !important; color: white !important;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  background-color: #eee !important; color: #333 !important;
}
.modal-backdrop {
  background-color: #fff !important;
  opacity: 0.95 !important;
}

@media (max-width: 992px) {
    
}

.light-style .sidenav .app-brand.demo {
    height: 66px;
  }
  
  .dark-style .sidenav .app-brand.demo {
    height: 66px;
  }
  
  .material-style .sidenav .app-brand.demo {
    height: 70px;
  }
  
  .app-brand-logo.demo {
    display: -ms-flexbox;
    display: flex;
    width: 30px;
    height: 30px;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
  }
  
  .app-brand-logo.demo svg {
    width: 20px;
    height: 11px;
  }
  
  .app-brand-text.demo {
    font-size: 1.1rem;
  }
  
  .layout-1 .layout-sidenav .app-brand.demo,
  .layout-1 .layout-sidenav .app-brand.demo + .sidenav-divider,
  .layout-reversed .layout-2 .layout-sidenav .app-brand.demo {
    display: none;
  }
  
  .layout-1 .layout-navbar .app-brand.demo,
  .layout-reversed .layout-2 .layout-navbar .app-brand.demo {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  
  .layout-1 .layout-navbar .layout-sidenav-toggle,
  .layout-reversed .layout-2 .layout-navbar .layout-sidenav-toggle,
  .layout-offcanvas .layout-navbar .layout-sidenav-toggle,
  .layout-fixed-offcanvas .layout-navbar .layout-sidenav-toggle {
    display: block !important;
  }
  
  @media (min-width: 992px) {
    .layout-offcanvas .layout-sidenav .layout-sidenav-toggle,
    .layout-fixed-offcanvas .layout-sidenav .layout-sidenav-toggle {
      display: none;
    }
  }
  
  /* *****************************************************************************
   * Navbar
   */
  
  .demo-navbar-messages .dropdown-toggle,
  .demo-navbar-notifications .dropdown-toggle,
  .demo-navbar-user .dropdown-toggle,
  .demo-navbar-messages.b-nav-dropdown .nav-link,
  .demo-navbar-notifications.b-nav-dropdown .nav-link,
  .demo-navbar-user.b-nav-dropdown .nav-link {
    white-space: nowrap;
  }
  
  .demo-navbar-messages .dropdown-menu,
  .demo-navbar-notifications .dropdown-menu {
    overflow: hidden;
    padding: 0;
  }
  
  @media (min-width: 992px) {
    .demo-navbar-messages .dropdown-menu,
    .demo-navbar-notifications .dropdown-menu {
      margin-top: .5rem;
      width: 22rem;
    }
  
    .demo-navbar-user .dropdown-menu {
      margin-top: .25rem;
    }
  }
  
  
  /* *****************************************************************************
   * Content
   */
  
  .demo-vertical-spacing > * + * {
    margin-top: 1.875rem !important;
    margin-bottom: 0 !important;
  }
  
  .demo-vertical-spacing-sm > * + * {
    margin-top: .9375rem !important;
    margin-bottom: 0 !important;
  }
  
  .demo-vertical-spacing-lg > * + * {
    margin-top: 5rem !important;
    margin-bottom: 0 !important;
  }
  
  .demo-inline-spacing > *,
  .demo-paragraph-spacing > p > * {
    margin: 0 .375rem .9375rem 0 !important;
  }
  
  .demo-paragraph-spacing > p {
    margin: 0;
  }
  
  .demo-blocks > * {
    display: block !important;
  }
  
  html:not(.material-style) .material-style-only {
    display: none !important;
  }
  
  .rtl-only {
    display: none !important;
    text-align: left !important;
    direction: ltr !important;
  }
  
  [dir=rtl] .rtl-only {
    display: block !important;
  }
  
  /* *****************************************************************************
   * Layouts
   */
  
  .layout-example-block {
    margin-top: 10px;
    padding: 10px;
    border: 1px solid rgba(0,0,0,.04);
    border-radius: 2px;
    background: rgba(0,0,0,.04);
    color: #c7254e;
  }
  .dark-style .layout-example-block {
    border-color: rgba(255,255,255,.2);
    background: rgba(255,255,255,.1);
  }
  .layout-example-block code {
    background: none;
    color: #666;
  }
  .dark-style .layout-example-block code {
    color: #fff;
  }
  
  .layout-example-block-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-pack: justify;
        justify-content: space-between;
    height: 500px;
  }
  
  .layout-example-block-sidenav {
    width: 24%;
    background: #607d8b !important;
  }
  .layout-example-block-sidenav code {
    color: #fff;
  }
  
  .layout-example-block-navbar {
    background: #3ca99e !important;
  }
  .layout-example-block-navbar code {
    color: #fff;
  }
  
  .layout-example-block-content {
    background: #9e9e9e !important;
  }
  .layout-example-block-content code {
    color: #fff;
  }
  
  .layout-example-block-1 .layout-example-block-content {
    width: 74%;
  }
  
  .layout-example-block-2 .layout-example-block-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    width: 74%;
  }
  .layout-example-block-2 > .layout-example-block {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
  }
  .layout-example-block-2 .layout-example-block-content {
    -ms-flex-positive: 1;
        flex-grow: 1;
  }
  
  .layout-example-block-1-no-sidenav .layout-example-block-content {
    width: 100%;
  }
  
  .layout-example-code {
    display: block;
    overflow: auto;
    margin: 0;
    padding: 30px;
    min-width: 0;
    width: 100%;
    background: #fff;
  }
  
  .dark-style .layout-example-code {
    background: #2f3238;
  }
  
  .layout-example-run {
    display: inline-block;
    margin: 3px;
    padding: 4px 6px;
    border: 1px solid #eee;
    background: transparent;
    white-space: nowrap;
    line-height: 1;
  }
  
  .dark-style .layout-example-run {
    border-color: rgba(255, 255, 255, .2);
  }
  
  .layout-example-block-3 .layout-example-block-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .layout-example-block-3 .layout-example-block-inner > .layout-example-block {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
  }
  .layout-example-block-3 .layout-example-block-inner .layout-example-block-container-fluid {
    -ms-flex-positive: 1;
        flex-grow: 1;
  }
  .layout-example-block-3 .layout-example-block-sidenav-horizontal {
    background: #607d8b !important;
  }
  .layout-example-block-3 .layout-example-block-container-fluid {
    background: #fff !important;
  }
  .layout-example-block-3 .layout-example-block-container-fluid code {
    color: #666 !important;
  }
  .layout-example-block-3 .layout-example-block-footer {
    background: #e6514a !important;
  }
  
  .dark-style .layout-example-block-content .layout-example-block:not(.layout-example-block-sidenav-horizontal) code {
    color: #000 !important;
  }