/* Auth */
.auth .brand-logo img {
    width: 160px;
}
/* General */
.btn.btn-sm, .btn-group-sm > .btn, .ajax-upload-dragdrop .btn-group-sm > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group-sm > .swal2-styled, .ajax-upload-dragdrop .btn-sm.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-sm.swal2-styled {
    border-radius: 3px;
}
.bg-purple {
    background-color: #7978E9;
    color: #fff;
}
.btn-purple {
    background-color: #7978E9;
    border-color: #7978E9;
    color: #fff;
}
.btn-sm {
    padding: 5px 10px;
}
.icon-xs {
    font-size: 12px !important;
}
.navbar {
    box-shadow: 0px 0px 12px -7px #818181;
    z-index: 99;
}
.sidebar {
    z-index: 9;
    padding-top: 15px;
}
.page-body-wrapper {
    padding-top: 0px;
}
.sidebar-icon-only .sidebar .nav .nav-item .nav-link i.menu-icon {
    color: #484848;
}
.badge-acta-type {
    position: relative;
    top: -3px;
    margin-left: 5px;
    font-weight: bold;
    font-size: 14px;
}
.badge-acta-type:first-child {
    margin-left: 0px;
}
.frame {
    border: none;
    width: 100%;
    min-height: 800px;
}
.bg-light-blue {
    color: #215266;
    background-color: #00b8ff4d !important;
}
.bg-light-blue li {
    background-color: transparent;
}
.text-light-blue {
    color: #215266 !important;
}
.bg-light-blue li {
    background-color: transparent;
    color: #215266;
}
.bg-light-warning {
    color: #664600;
    background-color: #ffefcc !important;
}
.text-light-warning {
    color: #664600 !important;
}
.bg-light-warning li {
    background-color: transparent;
    color: #664600;
}
.bg-light-success {
    color: #287655;
    background-color: #b1ffc98c !important;
}
.bg-light-success li {
    background-color: transparent;
}
.text-light-success {
    color: #287655 !important;
}
.btn-xxs {
    padding: 5px !important;
    text-align: center;
    margin-right: 0px !important;
}
.btn-xxs i {
    font-size: 12px !important;
}
.btn-group-c label.btn {
    margin: 0 !important;
}
.btnNewPdf {
    width: 100%;
    padding: 14px !important;
    margin-top: 5px;
}
#dropSection {
    border: 3px dotted #9d9d9d;
    height: 130px;
    position: relative;
}
#dropSection:after {
    content: "Penjar Arxiu";
    text-align: center;
    margin-top: 50px;
    font-size: 13px;
    position: absolute;
    left: 0;
    right: 0;
}
.dragHover {
    background: #00a1ff36;
    border-color: #0244c8;
}
.iframeActa {
    border: none;
    width: 100%;
    height: 1000px;
}
.stickySection {
    position: sticky;
    top: 95px;
}
.tab-content-visita {
    padding: 0px;
    border: none;
}
.nav-pills-visita {
    border: none;
    padding: 0px;
}
.nav-pills-visita .bg-light-warning.active {
    color: #664600 !important;
    background-color: #ffc107 !important;
}
.nav-pills-visita .bg-light-success.active {
    color: #ccffea;
    background-color: #287655 !important;
}
.nav-pills-visita .bg-light-blue.active {
    color: #ccffea;
    background-color: #0d6efd !important;
}
.nav-pills-visita button {
    font-weight: bold;
}
#offCanvasPdf {
    z-index: 99999999;
    width: 700px;
}
#offCanvasComunicat {
    z-index: 99999999;
    width: 900px;
}
.btnPrevPdf {
    position: fixed;
    right: 0;
    top: 50%;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .count-indicator .count {
    left: 53%;
    top: -7px;
    width: 17px;
    height: 17px;
}
.list-notifications {
    overflow-x: auto;
    max-height: 200px;
}
.card-cc {
    border: none;
    box-shadow: none;
    border-radius: 0px;
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}
.small-tab {
    font-weight: normal;
}
.checks-exp-def {
    font-weight: normal;
}
.checks-exp-def .form-check-input:checked {
    background-color: #00cf49;
    border-color: #00cf49;
}
.bg-success {
    background-color: #00cf49 !important;
    border-color: #00cf49;
}

.card-counter {
    box-shadow: 2px 2px 10px #DADADA;
    margin: 5px;
    padding: 20px 10px;
    background-color: #fff;
    height: 100px;
    border-radius: 5px;
    transition: .3s linear all;
    position: relative;
    overflow: hidden;
  }

  .card-counter:hover{
    box-shadow: 4px 4px 20px #DADADA;
    transition: .3s linear all;
  }

  .card-counter.primary{
    background-color: #007bff;
    color: #FFF;
  }

  .card-counter.danger{
    background-color: #ef5350;
    color: #FFF;
  }  

  .card-counter.success{
    background-color: #66bb6a;
    color: #FFF;
  }  

  .card-counter.info{
    background-color: #26c6da;
    color: #FFF;
  }  

  .card-counter i{
    font-size: 5em;
    opacity: 0.2;
  }

  .card-counter .count-numbers{
    position: absolute;
    right: 35px;
    top: 20px;
    font-size: 32px;
    display: block;
  }

  .card-counter .count-name{
    position: absolute;
    right: 35px;
    top: 65px;
    text-transform: capitalize;
    display: block;
    font-size: 14px;
    text-decoration: none;
    color: #ffffff;
  }

.frameComunicat {
    width: 100%;
    height: 1100px;
}
.title-type-exp {
    font-size: 15px;
    position: relative;
    top: -10px;
    color: #0244c8;
}

.frameCorreu {
    width: 100%;
    height: 1000px;
}
.numActaRed {
    border-color: red;
}

.txtActaMesos-w {
    font-size: 12px;
    position: absolute;
    bottom: 0;
    left: 20%;
}
.txtActaMesos {
    width: 40px;
    display: inline-block;
    text-align: center;
    border: none;
}

@media screen and (min-width: 992px){
    .modal-lg {
        max-width: 60%;
    }
}