/*
Theme Name: Evidența Gestiunii Deșeurilor
Theme URI: https://app.mediu.eco/
Author: mediu.eco
Author URI: https://app.mediu.eco/
Description: Tema app.mediu.eco
Version: 1.1
License: Proprietary
Tags: saas
Template: satellitum-saas
*/

@import url(https://fonts.bunny.net/css?family=roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i);

body,h1,h2,h3,h4,h5{
    font-family: 'Roboto', sans-serif;
}

.text-dark {
    color: #000000 !important;
}

.header-title small{
    line-height: 1.4;
    opacity: 1;
}

.bg-img {
  background-size: contain;
}

.logo a img {
  max-height: 88px;
}

header.sidebar-header.bg-info {
  background-color: #f9fafb !important;
}

.sidebar.sidebar-color-info .menu.menu-bordery > .menu-item.active > .menu-link::before,
.sidebar.sidebar-color-info .menu.menu-bordery > .menu-item:hover > .menu-link::before {
  background-color: #206240 !important;
}

.pace .pace-progress {
  background: #206240;
}

.table-actions .disabled {
  pointer-events: all;
}

.header img.avatar {
  border: 2px solid #206240;
  box-sizing: content-box;
}

.text-branded {
  color: #206240 !important;
}

.menu .dropdown-toggle::after {
  color: #206240;
}

.logo a {
  color: #4d5259;
}

.sidebar.sidebar-color-info .menu-submenu .menu-item.active > .menu-link .dot::after,
.sidebar.sidebar-color-info .menu-submenu .menu-item:hover > .menu-link .dot::after {
  background-color: #206240;
  border-color: #206240;
}

.header-action .lookup input {
  width: 280px;
  border-radius: 0;
  height: 30px;
}

#customers code {
  white-space: initial;
}

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

.dataTables_length,
.dataTables_filter,
.dataTables_info,
.dataTables_paginate {
  padding: 20px;
}

table.dataTable tr th:first-child,
table.dataTable tr td:first-child {
  padding-left: 20px;
}

.page-item.active .page-link,
.page-item.active .page-link:focus,
.page-item.active .page-link:hover {
  background-color: #bd22c8;
  border-color: #bd22c8;
  font-weight: 500;
}

.modal-content table td {
  font-weight: 400;
}

.show > .btn-info-outline.dropdown-toggle {
  color: #ffffff;
}

.site-select-wrapper {
  line-height: 32px;
  margin-left: 40px !important;
}

.site-select-wrapper select {
  color: #4d5259;
  border: 1px solid #ebebeb;
  height: 30px;
  width: 200px;
  max-width: 100%;
  padding: 4px;
  font-family: Newsreader, sans-serif;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0;
  outline: none !important;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: inline-block;
}

.site-select-wrapper label {
  margin: 0 4px 0 0;
  display: inline;
}

.gap-multiline-items-2 > * {
  margin: 4px 8px 4px 0;
}

.timer-text {
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
  vertical-align: bottom;
  padding: 12px 0;
  color: black;
}

.timer-text a:hover {
  text-decoration: underline;
}
.timer-text a {
  text-decoration: none;
  color: black;
}

.timer .nb {
  display: inline-block;
  line-height: 1;
  padding: 10px 8px;
  font-size: 18px;
  font-weight: bold;
}

.timer span {
  display: block;
  font-size: 11px;
  font-weight: normal;
}

.timer {
  display: inline-block;
}

.tooltip-inner {
  font-size: 13px;
  padding: 8px 10px;
  max-width: 250px;
  text-align: left;
}

.mw-500 {
  max-width: 500px !important;
}

.gap-multiline-items-2 > * {
  margin: 4px 8px 4px 0;
}

.callout h5 {
  margin-right: 25px;
  white-space: nowrap;
  font-weight: 800;
}

.callout .close {
  margin: -2px 0 0 0;
}

ol {
  padding-inline-start: 16px;
}

.brand-logo {
  max-height: 65px;
}

.menu-item .fa-bell {
  color: #43972d;
  -webkit-animation-iteration-count: 10;
  animation-iteration-count: 10;
}

.menu-item .fa-tree {
  color: #43972d;
  -webkit-animation-iteration-count: 20;
  animation-iteration-count: 20;
}

.menu-item .fa-plus {
  color: #43972d;
  -webkit-animation-iteration-count: 5;
  animation-iteration-count: 5;
}

.swal2-container {
  z-index: 1100;
}

#modal-change-plan .modal-header {
  display: none;
}

#modal-change-plan .modal-body {
  background-color: #f5f6fa;
  padding: 2rem;
}

.price-interval del {
  font-size: 20px;
  position: relative;
  text-decoration: none;
  margin: 0 10px 0 0;
}

.price-interval del:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 2px solid #463a7085;
  height: calc(52% - 0px);
  width: 112%;
  transform: rotateZ(-10deg);
}

.swal2-close:focus {
  outline: none;
}

.close-toolbar {
  position: absolute;
  right: 30px;
  top: 14px;
}

.hero-illustration {
  display: contents;
}

.sync-sites-table {
  max-height: 800px;
  overflow-y: auto;
}

.sync-sites-table .fa-exclamation-triangle {
  color: #ffb200;
  font-size: 22px;
}

.sync-sites-table .fa-exclamation-circle {
  color: #ef3030;
  font-size: 24px;
}

.sync-sites-table .fa-check-circle {
  color: #206240;
  font-size: 24px;
}

.sync-site-icon {
  text-align: center;
}

#wfai_article_body {
  height: 300px;
}
#wfai_editor-toolbar {
  margin-bottom: 10px;
}

#wfai_article_body button {
  margin-right: 10px;
}

#wfai_article_body .ql-snow .ql-editor img {
  max-width: 800px;
  width: auto;
  height: auto;
  display: block;
  margin: 10px 0;
}

#wfai_article_body .ql-editor strong {
  font-weight: 600;
}

#wfai_usage {
    display: block;
    width: 200px;
    position: absolute;
    top: 18px;
    right: 30px;
    font-size: 18px;
    color: #206240;
    text-align: right;
}

.btn-info-outline {
    color: #206240;
    background-color: transparent;
    border-color: #206240;
}

.btn-info, .btn-info.disabled, .btn-info:disabled {
    background-color: #206240;
    border-color: #206240;
    color: #fff;
}

.text-branded {
    color: #206240 !important;
}

.sidebar.sidebar-color-info .menu.menu-bordery > .menu-item.active > .menu-link::before, .sidebar.sidebar-color-info .menu.menu-bordery > .menu-item:hover > .menu-link::before {
    background-color: #206240 !important;
}

#wfai_featured_image_wrapper{
    display: none;
}

#wfai_featured_image_wrapper img{
    display: block;
    max-width: 40%;
}

.btn-info:not([disabled]):not(.disabled).active, .btn-info:not([disabled]):not(.disabled):active, .show>.btn-info.dropdown-toggle {
    background-color: #1f7a4b;
    border-color: #1f7a4b;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-info:hover {
    background-color: #1f7a4b;
    border-color: #1f7a4b;
    color: #fff;
}


.btn-info-outline:hover {
    color: #fff;
    background-color: #1f7a4b;
    border-color: #1f7a4b;
}

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

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

a {
    color: #206240;
}

b,strong{
    font-weight: 600;
}

.red-warning{
    color: #ef3030;
}

.green-warning,
.subtitle b,
.subtitle strong{
    color: #00944a;
    font-weight: 400;
}

.subtitle p {
    margin-top: 0;
    margin-bottom: 0.2rem;
    line-height: 1.2;
}

.cod-deseu {
    background-color: #ffffff;
    border: 1px solid #4d5259;
    padding: 4px 12px;
    border-radius: 4px;
    margin: 4px 4px 4px 0px;
    color: #4d5259;
    font-weight: bold;
    width: 33%;
    flex-grow: 1;
}

.wrapper-coduri{
    margin-top: 10px;
    display: flex;
  flex-wrap: wrap;

}

label.require::after, label.required::after {
    content: '*';
    color: #f96868;
    font-weight: 500;
    margin-left: 8px;
    font-size: 28px;
    vertical-align: middle;
}

.custom-control-label::before {
    top: .125rem;
    width: 18px;
    height: 18px;
    background-color: #fcfdfe;
    border: 1px solid #a9a9a9;
    pointer-events: initial;
}

.custom-control-label{
    font-weight: 400;
}

.custom-control-label span{
    font-weight: 300;
}

label{
    letter-spacing: 0;
}

.menu-link .title {
    font-size: 18px;
}

.sidebar-sm {
    width: 240px;
}

.logo a img {
    max-height: 88px;
}

body, label {
    font-size: 16px;
}

.form-control {
    color: #69717d;
    font-size: 16px;
}

.sidebar-sm ~ .topbar, .sidebar-sm ~ main {
    margin-left: 240px;
}

.sidebar-header, .sidebar-footer {
    height: 88px;
}

.sidebar-header .logo-icon {
    text-align: center;
    flex-basis: 60px;
    font-size: 1.25rem;
    flex-shrink: 0;
    margin-left: -5px;
}

.card-trash{
    background: #FFFFFF;
    border: 1px solid #eaeaea;
    border-radius: 6px;
    max-width: 420px;
}

.card-trash .text-branded{
    color: #FFF !important;
    text-align: center;
}

.card-trash-code {
    width: calc(100% + 2.5rem);
    height: 86px;
    color: #FFF;
    margin: -1.25rem;
    font-size: 22px;
    padding: 10px;
    margin-bottom: 10px;
    text-align: center;
}

.card-trash-code-location{
    width: calc(100%);
    height: 62px;
    color: #FFF;
    font-size: 22px;
    padding: 10px;
    margin-bottom: 10px;
    text-align: left;
    position: relative;
}

.card-trash-code-table{
    color: #FFF;
    font-size: 22px;
}

.card-trash-code-location span,
.card-trash-code span,
.card-trash-code-table span{
    display: block;
    clear: both;
    font-size: 14px;
}

.card-trash-code-cell-white{
    background: rgb(255 255 255 / 85%);
}

hr {
    border-top-color: rgb(77 82 89 / 38%);
    margin: 2rem auto;
}

.btn-dark {
    background-color: #545454;
    border-color: #545454;
    color: #fff !important;
}

.alege-coduri-deseuri,
.select2-container{
    max-width: 100%;
}

.btn-select2{
    margin-top: 0px !important;
    padding-top: 7px;
}

.card-trash-code-remove,
.card-trash-code-location-remove {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #FFF;
    background-color: #ef3030;
    height: 100%;
    width: 28px;
    font-size: 28px;
    padding: 3px;
}

.card-trash-code-remove:hover,
.card-trash-code-location-remove:hover{
    background-color: #e77272;
    cursor:pointer;
}

.coduri-deseuri-wrapper-edit .card-trash-code-stock-remove{
    display: none;
}

.card-trash-table{
    color:#FFF;
    font-size: 20px;
    font-weight: 400;
}

.card-trash-table span{
    font-size: 14px;
    font-weight: 300;
}

.card-trash-transport{
    font-size: 14px;
}

.card-trash-transport .fs-20{
    font-size: 14px !important;
}

.card-trash .label {
    font-size: 16px !important;
    font-weight: 400;
}

.card-trash-transport .label{
    font-size: 14px !important;
    font-weight: 400;
}

.card-gestiune{
    flex-direction: row;
    align-items: left;
    gap: 10px;
    background: #206240;
    color: #FFF;

}

.sat-label-large{
    font-size: 22px;
    flex: 1;
    padding-top: 8px;
}

.card-trash-alerta-transport {
    position: absolute;
    top: -20px;
    left: -20px;
    color: #ff0000;
    background-color: #ffda4c;
    height: 38px;
    width: 38px;
    font-size: 38px;
    padding: 10px;
    box-sizing: content-box;
    border-radius: 14px;
    border: 5px solid #db1919;
}

#registru_deseuri_activ{
    font-size: 22px;
    border-radius: 4px;
    border-color: #206240;
    border-width: 2px;
    padding: 4px;
    flex: 1;
}

@media (max-width: 991px) {
    .sidebar-expand-lg.sidebar-sm {
        left: -240px;
    }
}

@media (max-width: 1200px) {
    .card-gestiune{
        flex-direction: column;
    }
}

.style1{
    --dd-overlay: rgba(0, 0, 0, 0.75);
    --dd-background: #FFFFFF;
    --dd-text1: #333333;
    --dd-text2: #FFFFFF;
    --dd-primary: #009973;
    --dd-gradient: linear-gradient(45deg, #009973 0%, rgb(118, 240, 203) 100%) !important;
    --dd-radius: 0.35em;
    --dd-shadow: 0 0 2.5em rgba(0, 0, 0, 0.1);
    --dd-range: rgba(0, 0, 0, 0.05);
}

.form-datepicker{
    padding: 2px;
    margin-left: 4px;
    border-radius: 2px;
    padding: 5px 12px;
    line-height: inherit;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    color: #69717d;
    font-size: 16px;
    font-weight: 400;
}

.poza-gestiune img{
    max-height: 200px;
}

.btn-group-sm>.btn, .btn-sm {
    font-size: 12px;
    padding: 2px 6px;
    line-height: 20px;
}

.table-row-firma{
    background: #206240;
    color:#FFF;
}

.table-row-firma:hover{
    background: #2b714d !important;
}

.table-row-firma tr{
    color:#FFF;
}

.table-row-firma .table-actions .table-action{
    color: #FFF;
}

.callout-info h3, .callout-info h4, .callout-info h5, .callout-info h6, .callout-info a{
    color: #faa64b;
}

.callout-info {
    border-left-color: #faa64b;
}

.callout-success h3, .callout-success h4, .callout-success h5, .callout-success h6, .callout-success a {
    color: #397958;
}

.callout-success {
    border-left-color: #397958;
}

.btn .fa{
    font-size: 18px;
    line-height: 16px;
    vertical-align: middle;
    margin-bottom: 2px;
    margin-right: 8px;
}

.adauga-coduri-deseuri{
    display: inline;
    width: 100%;
}

.adauga-coduri-deseuri-um{
    display: inline;
    width: 20%;
}

.adauga-coduri-deseuri-stare{
    display: inline;
    width: 22%;

}

.adauga-coduri-deseuri-btn{
    display: inline;
    padding: 10px 10px 8px;
}

.aduga-coduri-deseuri-lista{
    padding: 8px 0px;
}

.select2-container--bootstrap-5 .select2-selection{
    border: 1px solid #ebebeb !important;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered{
    color: #69717d !important;
}

.card-trash .form-control{
    display: inline;
    width: 70%;
}

.orange-warning{
    color: #f49700;
}

.sat_ajax_rotating {
  -webkit-animation: sat_spin 1.5s linear infinite;
  -moz-animation: sat_spin 1.5s linear infinite;
  animation: sat_spin 1.5s linear infinite;
}

@-moz-keyframes sat_spin {
  100% {
    -moz-transform: rotate(-360deg);
  }
}
@-webkit-keyframes sat_spin {
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
@keyframes sat_spin {
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

a.text-link{
    color: #078846;
    text-decoration: underline;
}

h3 strong{
    font-weight: 600;
}

.registration-form input[name="nme_complet"] {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.registration-form .callout{
    margin-left: 0px !important;
    width: 100%;
    background: #fff3f3;
}

.trial-bar{
    width: 100%;
    padding: 10px;
    background: #abd1be;
}

.trial-bar-ended{
    width: 100%;
    padding: 10px;
    background: #d1abab;
}

.trial-bar a.btn{
    float:right;
    color: #FFF !important;
}

.trial-bar h2{
    color: #206240;
    font-size: 20px;
    float: left;
    padding-top: 6px;
    font-weight: 400;
    text-shadow: #ffffff70 1px 0 5px;
}

.trial-bar-ended h2{
    color: #a31313;
    font-size: 20px;
    float: left;
    padding-top: 6px;
    font-weight: 400;
    text-shadow: #ffffff70 1px 0 5px;
}

* {
  box-sizing: border-box;
}

.sat-responsive-table-wrapper {
  width: 100%;
  max-width: 1000px;
  padding: 1em;
}

.sat-responsive-table-wrapper label{
    margin: 0px;
}

/* Table column sizing
================================== */
.stock-code-cell { width: 40%; }
.stock-quantity-cell { width: 25%; }
.stock-storage-cell { width: 35%; }

.stock-list-actions-cell { width: 10%; }
.stock-list-date-cell { width: 15%; }
.stock-list-code-cell { width: 25%; }
.stock-list-quantity-cell { width: 15%; text-align: center;}
.stock-list-storage-cell { width: 15%; text-align: center;}
.stock-list-notes-cell { width: 20%; }

.transport-code-cell { width: 30%; }
.transport-quantity-cell { width: 15%; text-align: center;}
.transport-purpose-cell { width: 15%; text-align: center;}
.transport-operation-cell { width: 20%; text-align: center;}
.transport-storage-cell { width: 20%; text-align: center;}

.transport-list-actions-cell { width: 15%; }
.transport-list-date-cell { width: 15%; }
.transport-list-code-cell { width: 40%; }
.transport-list-document-cell { width: 20%; }
.transport-list-notes-cell { width: 10%; }


/* Apply styles
================================== */
.sat-responsive-table {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  color:#222;
  
  .sat-responsive-table-row {
    width: 100%;
    display: flex;
    border-top: 1px solid #ededed;

    .sat-responsive-table-cell {
      box-sizing: border-box;
      flex-grow: 1;
      padding: 0.8em 0.4em 0.4em;
      overflow: hidden;
      list-style: none;
      color:#222;

      &.column-heading {
        background-color: #FFF;
        color: #222;
        padding: 0.8em 1.4em;
      }

      .sat-responsive-table-cell--heading {
        display: none;
      }
      

      .sat-responsive-table-cell--content {
        a {
            color: #20613f;
        }
        
        .webinar-date {
          font-weight: 700;
        }
      }

      .sat-responsive-table-cell--content-cod{
        color:#FFF;
      }

      .sat-responsive-table-cell--content input{
        display: inline;
      }
    }
  }

  .stock-list-actions-cell,
  .transport-list-actions-cell{
    padding-left: 1em !important;
  }

  .sat-responsive-table-row--head{
    border: none;
  }
}

/* Responsive
==================================== */
@media all and (max-width: 750px) {
  .is-striped {
    background-color: white;
  }
  
  .sat-responsive-table--collapse  {
    display: block;
    width: 100%;
    box-shadow: none;
    
    .sat-responsive-table-row {
        box-sizing: border-box;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 2em;
        border-radius: 6px;
        background: #fffccc;
        box-shadow: 1px 1px 8px #cfcfcf;
        font-size: 16px;

      .sat-responsive-table-cell {
        width: 100% !important;
        display: flex;
        align-items: center;

        .sat-responsive-table-cell--heading {
          display: inline-block;
          flex: 1;
          max-width: 120px;
          min-width: 120px;
          color: #222;
          font-weight: 700;
          border-right: 1px solid #ccc;
          margin-right: 1em;
        }

        .sat-responsive-table-cell--heading-cod{
            color:#FFF;
        }

        .sat-responsive-table-cell--content {
          flex: 2;
          padding-left: 1em;
        }

        .sat-responsive-table-cell--content-cod{
            color:#FFF;
        }
      }
    }
    
    .topic-cell {
      background-color: #999999;
      color: white;
      font-weight: 700;
      order: -1;
      
      .sat-responsive-table-cell--content {
        padding-left: 0 !important;
      }
    }
    
    .sat-responsive-table-row--head {
      display: none;
    }
  }
}

.no-flexbox .sat-responsive-table {
  display: block;
  
  &.sat-responsive-table-cell {
    width: 100%;
  }
}

.table-action.hover-danger{
    color:#dc4747 !important;
}

.table-actions .fa {
  font-size: 1.8em;
}

.header-stock{
    background-image: url(img/header_stoc.png);
    background-size: contain;
    background-position: right bottom;
    background-repeat: no-repeat;
}

.header-transport{
    background-image: url(img/header_transport.png);
    background-size: contain;
    background-position: right bottom;
    background-repeat: no-repeat;
}