@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");

:root {
  --vz-vertical-menu-bg: var(--color-white);

  --font-primary: "Lato", sans-serif; /* "Jacquarda Bastarda 9", serif; */
  --color-primary: #ea4e3b;
  --color-secondary: #f7a940;
  --color-green: #80d6c9;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-grey: #d3d3d3;
  --color-darkgrey: #a9a9a9;
  --color-bg: #f5f8fa;

  --border-radius-primary: 20px;
  --border-radius-secondary: 10px;
  --border-radius-small: 5px;

  --gap-primary: 20px;
  --gap-secondary: 10px;
  --gap-small: 5px;

  --margin-primary: 20px;
  --margin-secondary: 10px;
  --margin-small: 5px;

  --padding-primary: 20px;
  --padding-secondary: 10px;
  --padding-small: 5px;
}

* {
  font-family: var(--font-primary) !important;
}

.page-content {
  min-height: 100vh;
  background-color: var(--color-bg);
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] {
  min-height: auto;
}

span {
  font-weight: bold;
}

input[type="button"]:hover,
button[type="submit"]:hover,
.page-content button:hover {
  background-color: var(--color-secondary) !important;
}

select:not(:disabled),
input:not([type="button"]):not(:disabled) {
  background-color: var(--color-white);
}

select:disabled,
input:disabled {
  background-color: light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3));
  color: light-dark(rgb(84, 84, 84), rgb(170, 170, 170));
}

/* Scroll */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-thumb {
  background: var(--color-primary);
}

/* Topbar */
#page-topbar .btnBack .arrow_back {
  width: 20px;
  height: 14px;
  transform: rotate(90deg);
  transition: 0.3s;
}

#page-topbar .btnBack:hover .arrow_back {
  transform: rotate(90deg) scale(1.1);
}

#page-topbar .btnBack .arrow_back span {
  background-color: var(--vz-header-item-sub-color);
  position: absolute;
  height: 2px;
}

#page-topbar .btnBack .arrow_back span:nth-child(1) {
  left: 1px;
  top: 5px;
  width: 20px;
  transform: rotate(90deg);
}

#page-topbar .btnBack .arrow_back span:nth-child(2) {
  left: 3px;
  top: 13px;
  width: 10px;
  transform: rotate(45deg);
}

#page-topbar .btnBack .arrow_back span:nth-child(3) {
  left: 9px;
  top: 13px;
  width: 10px;
  transform: rotate(-45deg);
}

#page-topbar .header-item:hover {
  background-color: var(--vz-header-item-bg);
  transition: all 0.5s ease;
  cursor: pointer;
}

#page-topbar .profile {
  gap: var(--padding-secondary);
}

#page-topbar .contact > i,
#scrollbar .logout > i {
  font-size: 25px;
}

/* Menú lateral */
#layout-wrapper .navbar-menu,
#layout-wrapper .navbar-brand-box {
  background-color: var(--color-primary);
  border: none;
}

#scrollbar .simplebar-content-wrapper {
  /*position: fixed;*/
}

/**/

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"]
  .navbar-menu
  .navbar-nav
  .nav-item:hover
  > .nav-link:not(.active) {
  background-color: var(--color-primary);
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"]
  .navbar-menu
  .navbar-nav
  .nav-item:hover
  > div {
  background-color: var(--color-primary) !important;
}

/**/

#scrollbar .simplebar-content > .container-fluid > .logout {
  position: absolute;
  bottom: 0;
  margin: 15px 20px 0 20px;
  padding: 0 5px;
}

#scrollbar .simplebar-content > .container-fluid > .logout a {
  display: flex;
  align-items: center;
  color: var(--color-white);
}

#scrollbar .simplebar-content > .container-fluid > .logout a:hover > * {
  color: var(--color-black);
}

#scrollbar .simplebar-content > .container-fluid > .logout a span {
  font-weight: normal;
  margin-left: var(--margin-secondary);
  font-size: 15px;
}

#scrollbar .simplebar-content > .container-fluid > .logout a i {
  font-size: 25px;
}

:is([data-layout="vertical"])[data-sidebar-size="sm"] .navbar-menu {
  padding-bottom: 20px;
}

:is([data-layout="vertical"])[data-sidebar-size="sm"] .nav-link.menu-link,
:is([data-layout="vertical"])[data-sidebar-size="sm"] .logout {
  margin: 15px 17.5px 0 17.5px !important;
}

:is([data-layout="vertical"])[data-sidebar-size="sm"]
  .nav-link.menu-link:hover
  span {
  color: var(--color-white) !important;
}

:is([data-layout="vertical"])[data-sidebar-size="sm"] .logout a span {
  display: none;
}

/* AJUSTAR LOS ICONOS DEL MENU */

#scrollbar .nav-item > .menu-link {
  margin: 15px 20px 0 20px;
  padding: 7px 5px;
  border-radius: 5px;
}

#scrollbar .nav-item > .menu-link:after {
  color: var(--color-white) !important;
  right: 25px;
}

#scrollbar
  .nav-item
  > .menu-link:not([data-bs-toggle="collapse"][aria-expanded="true"]):after {
  transform: rotate(0deg);
}

#scrollbar .nav-item > .menu-link:hover > *,
#scrollbar .nav-item > .menu-dropdown .nav-link:hover > * {
  color: var(--color-black);
}

#scrollbar .nav-item > .menu-link:hover > .neg,
#scrollbar .nav-item > .menu-link.active > .neg {
  display: flex !important;
}

#scrollbar .nav-item > .menu-link:hover > .pos,
#scrollbar .nav-item > .menu-link.active > .pos {
  display: none !important;
}

#scrollbar .nav-item > .menu-link:hover:after {
  color: var(--color-black) !important;
}

#scrollbar .nav-item > .menu-link.active,
#scrollbar .nav-item > .menu-dropdown .nav-link.active {
  background-color: var(--color-secondary);
}

#scrollbar .nav-item > a > span {
  font-weight: normal;
  margin-left: var(--margin-secondary);
  font-size: 15px;
  color: var(--color-white);
}

#scrollbar .nav-item > a.active > span,
#scrollbar .nav-item > a.active > i {
  color: var(--color-black);
}

#scrollbar .nav-item > a > i {
  font-size: 25px;
  line-height: initial;
  color: var(--color-white);
}

#scrollbar .nav-item > .menu-link > div {
  /*min-height: 37.5px;*/
  min-width: 28px;
  display: flex;
  align-items: center;
}

#scrollbar .nav-item > .menu-link > div > img {
  width: 25px;
  height: 25px;
  align-self: center;
}

#scrollbar .nav-item > .menu-dropdown ul a {
  margin: 10px 20px 0 20px;
  padding: 7px 5px !important;
  border-radius: 5px;
}

#scrollbar .nav-item > .menu-dropdown ul a::before {
  background-color: transparent !important;
}

/* Datatable */
.dataTables_wrapper > .bottom {
  padding-top: var(--padding-secondary);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-secondary);
}

.dataTables_wrapper > .bottom > .info-left > .dataTables_info {
  padding: 0;
}

.dataTables_wrapper > .bottom > .pagination-right {
  display: flex;
  align-items: center;
  gap: var(--gap-primary);
}

.dataTables_wrapper > .bottom > .pagination-right > .dataTables_length > label {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 3px;
}

.dataTables_wrapper .pagination-right > .dataTables_length > label > select {
  margin: 0 var(--margin-small);
}

/* Filepond */
div.filepond:hover,
div.filepond label:hover {
  cursor: pointer;
}

/* Login */
#login,
#password-update,
#password-reset {
  display: flex;
}

/* #login > .leftCont {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 50px;
  background-image: url(../images/login_back.jpg);
  background-size: cover;
} */

#register .auth-one-bg,
#password-reset .auth-one-bg,
#password-update .auth-one-bg,
#login .auth-one-bg {
  background-image: url(../images/login_back.jpg) !important;
  background-size: cover;
}

#register .auth-one-bg .bg-overlay,
#password-reset .auth-one-bg .bg-overlay,
#password-update .auth-one-bg .bg-overlay,
#login .auth-one-bg .bg-overlay {
  background: none;
  opacity: 0.6 !important;
}

/* #login > .leftCont > .cuadradoTopLeft {
  position: absolute;
  top: 0;
}

#login > .leftCont > .cuadradoTopLeft > span {
  width: 80px;
  height: 80px;
  position: absolute;
}

#login > .leftCont > .cuadradoTopLeft > span.primary {
  top: 80px;
  background-color: var(--color-primary);
}

#login > .leftCont > .cuadradoTopLeft > span.secondary {
  left: 80px;
  background-color: var(--color-secondary);
}

#login > .leftCont > .logoCont {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#login > .leftCont > .logoCont > span {
  color: var(--color-white);
}

#login > .leftCont > .servicesCont {
  margin: 0 100px;
  display: flex;
  gap: 30px;
  text-align: center;
}

#login > .leftCont > .servicesCont > .service {
  width: 100%;
  padding: var(--padding-primary);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-secondary);
  background-color: var(--color-white);
  border-radius: var(--border-radius-small);
}

#login > .leftCont > .servicesCont > .service.reduce > svg {
  margin-bottom: 15px;
  height: 85px;
}

#login > .leftCont > .servicesCont > .service.zoom > svg {
  margin-bottom: -10px;
  height: 110px;
  width: 110px;
}

#login > .leftCont > .servicesCont > .service > div {
  display: flex;
  flex-direction: column;
  gap: var(--gap-secondary);
}

#login > .leftCont > .servicesCont > .service > div > span {
  min-height: 55px;
  font-size: 18px;
}

#login > .leftCont > .servicesCont > .service > div > div {
  display: flex;
  flex-direction: column;
  gap: var(--gap-small);
}

#login > .rightCont {
  padding: 50px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
} */

#login .logoTextoCont,
#password-reset .logoTextoCont,
#password-update .logoTextoCont,
#register .logoTextoCont {
  display: flex;
  flex-direction: column;
  gap: var(--gap-primary);
}

/* #registerCont .logoCont > img,  */
#password-reset  .logoCont > img,
#password-update  .logoCont > img,
#login  .logoCont > img {
  align-self: center;
}

#login .logoTextoCont span:first-child,
#password-reset .logoTextoCont span:first-child,
#password-update .logoTextoCont span:first-child,
#register div span:first-child {
  color: var(--color-primary);
  text-transform: uppercase;
}

#password-reset .form-check,
#password-update .form-check,
#login .form-check {
  display: flex;
  justify-content: space-between;
}
  
#password-reset .form-check a,
#password-update .form-check a,
#login .form-check a {
  color: var(--color-primary);
}

#register .card,
#password-reset .card,
#password-update .card,
#login .card {
  border-color: var(--color-primary);
}

#login > .rightCont > .loginTop > .formLoginCont .form-check input:checked {
  background-color: #25a0e2;
}

#login .loginTop .formLoginCont .form-check > a,
#login .loginBottom > span:nth-child(2),
#register .registerBottom span:nth-child(2),
#password-update .registerBottom span:nth-child(2),
#password-reset .resetBottom span:nth-child(2) {
  color: var(--color-primary);
}

#login .btnLogin,
#password-reset .btnReset,
#password-update .btnReset,
#register .btnRegister {
  border-radius: var(--border-radius-primary);
  background-color: var(--color-primary);
  border: none;
}

#login .btnLogin:hover,
#password-reset .btnReset:hover,
#password-update .btnReset:hover,
#register .registerTop .btnRegister:hover {
  background-color: var(--color-secondary);
}

#login .registerContainer a,
#password-reset .loginContainer a,
#password-update .loginContainer a,
#register .loginContainer a {
  color: var(--color-primary);
  font-weight: bold;
}

#login .formLoginCont .form-check > a:hover,
#login .registerContainer > a:hover,
#reset .loginContainer > a:hover,
#password-update .loginContainer > a:hover,
/* #login > .rightCont > .loginTop > .formLoginCont .form-check > a:hover, */
/* #login > .rightCont > .loginTop > .registerContainer > a:hover, */
#registerCont .loginContainer a:hover {
  color: var(--color-secondary);
  text-decoration: underline;
}

#password-reset .resetBottom,
#password-update .resetBottom,
#login .loginBottom {
  text-align: center;
}

/********/
/* Register */
#registerCont {
  height: 100vh;
  padding: 0 var(--padding-primary);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

#registerCont .registerTop {
  display: flex;
  flex-direction: column;
}

#registerCont .registerTop .logoTextoCont {
  width: 80%;
  display: flex;
  flex-direction: column;
  gap: var(--gap-primary);
  align-items: center;
  align-self: center;
  text-align: center;
}

#register .inputFlex {
  display: flex;
  gap: 1rem;
}

#registerCont > .registerBottom {
  margin-bottom: var(--margin-primary);
}

/* Home */
#home .homeCont,
#home .newsRow {
  gap: 20px;
  padding: var(--padding-primary);
}

#home .homeCont > .title {
  text-align: center;
}

#home .homeCont > .content {
  display: flex;
  gap: var(--gap-primary);
}

#home .card {
  border-radius: 10px;
}

#home .communicationsCard,
#home .newsletterCard,
#home .homeCont .taxRefundCard,
#home .homeCont .all4DrivingCard {
  flex-direction: column;
  padding: 20px;
  width: calc(50% - 10px);
}

#home .card .card-body {
  padding: 0;
  flex: none;
}

#home .card .btnRow {
  margin: 0 !important;
}

#home .card .card-body > .row {
  gap: 20px !important;
  /* padding: 0 !important; */
}
/* TODO */
#home .card .card-body > .row > .card-body {
  margin-bottom: 0;
}

#home .homeCont > .content > .modulo {
  padding: var(--padding-primary);
  width: calc(50% - var(--gap-secondary));
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-secondary);
  background-color: var(--color-primary);
  color: var(--color-white);
  border-radius: var(--border-radius-secondary);
}

#home .homeCont > .content > .modulo:hover {
  background-color: var(--color-secondary);
}

#home .homeCont > .content > .modulo:hover img,
#home .homeCont > .content > .modulo:hover span {
  transform: scale(1.1);
  transition: 0.3s;
  cursor: pointer;
}

.tax-refund {
  height: 50px;
  font-size: 20px;
  justify-content: center;
  background-color: #eea799;
  color: white;
  margin-bottom: 20px !important;
}
.all4driving-txt {
  height: 50px;
  font-size: 20px;
  justify-content: center;
  background-color: #f7aa45;
  color: white;
  margin-bottom: 20px !important;
}

/* SweetAlert - Info home */
.swal2-container > .swal2-popup {
  overflow: visible !important;
  padding: 0;
}

.swal2-container .swal2-html-container {
  font-family: var(--font-primary);
  padding: 30px;
  margin: 0;
  overflow: visible;
}

.swal2-container .swal2-html-container > div > div.info {
  background-color: var(--color-secondary);
  border: solid 2px var(--color-primary);
  position: absolute;
  top: -25px;
  left: calc(50% - 25px);
  border-radius: 50%;
  padding: 8px;
}

.swal2-container .swal2-html-container > div {
  display: flex;
  flex-direction: column;
}

.swal2-container .swal2-html-container > div > .red {
  color: var(--color-primary);
  font-weight: bold;
}

.swal2-container .swal2-html-container > div > .title {
  font-size: 22px;
  font-weight: bold;
}

.swal2-container .swal2-html-container > div > span {
  font-size: 14px;
  font-weight: normal;
}

.swal2-container .swal2-html-container > div > span > a {
  color: var(--color-primary);
  text-decoration: underline;
}

/* SweetAlert - Permisos usuario */
.swal2-container .permissionsHeader > span {
  font-size: 16px !important;
}

.swal2-container .permissionsHeader > span:first-child {
  font-size: 14px !important;
  text-transform: uppercase;
  font-weight: bold;
}

.swal2-container .tblUserPermissions th,
.swal2-container .tblUserPermissions td {
  font-size: 14px;
}

.swal2-container .tblUserPermissions td > input {
  border-color: var(--color-primary);
}

.swal2-container .tblUserPermissions td > input:checked {
  background-color: var(--color-primary);
}

.swal2-container .btnUpdtPermissions {
  padding: var(--padding-small) var(--padding-primary);
  background-color: var(--color-primary);
  color: var(--color-white);
  border-radius: var(--border-radius-primary);
  border: none;
  font-size: 14px;
}

/* Dashboard */
#dashboard .subirFacturaCont,
#dashboard .firstLayerCont,
#dashboard .secondLayerCont,
#invoices .subirFacturaCont,
#requirements .subirFacturaCont,
#dossiers .subirFacturaCont {
  margin-bottom: var(--margin-primary) !important;
  display: flex;
}

#dashboard .secondLayerCont {
  margin: 0 !important;
}

#dashboard .subirFacturaCont,
#requirements .subirFacturaCont,
#invoices .subirFacturaCont,
#dossiers .subirFacturaCont {
  flex-direction: row;
  padding: var(--padding-primary);
}
#requirements .subirFacturaCont > .texto div,
#invoices .subirFacturaCont > .texto div,
#dossiers .subirFacturaCont > .texto div,
#dashboard .subirFacturaCont > .texto div {
  flex-direction: row;
  font-size: 18px;
}
#invoices .subirFacturaCont > .texto div .span, 
#requirements .subirFacturaCont > .texto div .span, 
#dossiers .subirFacturaCont > .texto div .span, 
#dashboard .subirFacturaCont > .texto div .span {
  font-weight: normal;
}

#requirements .subirFacturaCont > .texto,
#invoices .subirFacturaCont > .texto,
#dossiers .subirFacturaCont > .texto,
#dashboard .subirFacturaCont > .texto {
  align-content: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 0 var(--padding-primary);
}

#dashboard .subirFacturaCont > .texto > span,
#requirements .subirFacturaCont > .texto > span,
.subirFacturaCont > .texto > span:not(.taxRefundTitle),
#invoices .subirFacturaCont > .texto > span,
#dossiers .subirFacturaCont > .texto > span {
  font-weight: normal;
}

#dashboard .subirFacturaCont > .texto > .title,
#invoices .subirFacturaCont > .texto > .title,
#requirements .subirFacturaCont > .texto > .title,
#dossiers .subirFacturaCont > .texto > .title {
  font-size: 25px;
  font-weight: bold;
}
.subirFacturaCont > .texto > .span {
  font-size: 18px;
}

#dashboard .card {
  border-radius: 8px;
}
.subirFacturaCont {
  border-color: #eea799 !important;
  border: 8px;
  border-style: solid;
  border-radius: 16px !important;
}
.taxRefundTitle{
  width: fit-content;
  font-size: 25px;
  font-weight: bold;
  padding: 10px;
  border-radius: 8px;
  background-color: #eea799;
  color: white;
  margin-bottom: 5px;
}

.taxRefundDescr{
  color: #eea799;
  font-weight: bold;
}

#dashboard > .subirFacturaCont > .btn,
#requirements > .subirFacturaCont > .btn,
#invoices > .subirFacturaCont > .btn,
#dossiers .subirFacturaCont > .btn {
  position: relative;
  padding-left: 0;
}

#dashboard > .subirFacturaCont > .btn > .info,
#requirements > .subirFacturaCont > .btn > .info,
#invoices > .subirFacturaCont > .btn > .info,
#dossiers .subirFacturaCont > .btn > .info {
  background-color: #eea799;
  border: solid 5px var(--color-primary);
  position: absolute;
  top: -10px;
  left: -23px;
  border-radius: 50%;
  padding: 8px;
}

#dashboard > .subirFacturaCont > .btn > .info:hover,
#requirements > .subirFacturaCont > .btn > .info:hover,
#invoices > .subirFacturaCont > .btn > .info:hover,
#dossiers .subirFacturaCont > .btn > .info:hover {
  background-color: var(--color-primary);
}

#dashboard > .subirFacturaCont > .btn > a,
#requirements > .subirFacturaCont > .btn > a,
#invoices > .subirFacturaCont > .btn > a,
#dossiers .subirFacturaCont > .btn > a {
  padding: var(--padding-primary);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--gap-primary);
  background-color: #eea799;
  border-radius: var(--border-radius-secondary);
}

#dashboard > .subirFacturaCont > .btn > a > span,
#requirements > .subirFacturaCont > .btn > a > span,
#invoices > .subirFacturaCont > .btn > a > span {
  font-size: 54px;
  color: var(--color-white);
}

#dossiers .subirFacturaCont > .btn > a > span {
  font-size: 30px;
  color: var(--color-white);
}

#dashboard > .subirFacturaCont > .btn > a > img,
#requirements > .subirFacturaCont > .btn > a > img,
#invoices > .subirFacturaCont > .btn > a > img,
#dossiers .subirFacturaCont > .btn > a > img {
  filter: invert(46%) sepia(70%) saturate(5518%) hue-rotate(327deg)
    brightness(1000%) contrast(100%);
}

#dashboard > .subirFacturaCont > .btn > a > *,
#requirements > .subirFacturaCont > .btn > a > *,
#invoices > .subirFacturaCont > .btn > a > *,
#dossiers .subirFacturaCont > .btn > a > * {
  transition: 0.3s;
}

#dashboard > .subirFacturaCont > .btn > a:hover,
#requirements > .subirFacturaCont > .btn > a:hover,
#invoices > .subirFacturaCont > .btn > a:hover,
#dossiers .subirFacturaCont > .btn > a:hover {
  cursor: pointer;
  background-color: var(--color-secondary);
}

#dashboard > .subirFacturaCont > .btn > a:hover > *,
#requirements > .subirFacturaCont > .btn > a:hover > *,
#invoices > .subirFacturaCont > .btn > a:hover > *,
#dossiers .subirFacturaCont > .btn > a:hover > * {
  transform: scale(1.1);
}

#dashboard > .firstLayerCont .leftCont {
  display: flex;
  gap: var(--gap-secondary);
}

#dashboard > .firstLayerCont .leftCont .dinero {
  width: calc(50% - var(--gap-small));
  height: 100%;
  padding: var(--padding-primary);
  align-items: center;
  justify-content: center;
}

#home > .newsRow .newsletterCard .card-body .card, 
#home > .newsRow .communicationsCard .rowCommunications .card, 
#home > .homeCont .dinero {
  width: calc(50% - 10px) !important;
  padding: var(--padding-primary);
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
}

#dashboard > .firstLayerCont .leftCont .dinero img,
#home > .homeCont .dinero img {
  filter: invert(29%) sepia(95%) saturate(3965%) hue-rotate(-11deg)
    brightness(92%) contrast(101%);
  min-height: 100px;
}

#dashboard > .firstLayerCont .leftCont .dinero:first-child img {
  filter: invert(76%) sepia(24%) saturate(773%) hue-rotate(126deg)
    brightness(96%) contrast(90%);
}
#home > .homeCont .dinero:first-child img {
  filter: invert(76%) sepia(24%) saturate(773%) hue-rotate(126deg)
    brightness(96%) contrast(90%);
  max-height: 100px;
}

#dashboard > .firstLayerCont .leftCont .dinero div {
  align-items: center;
  display: flex;
  flex-direction: column;
  text-align: center;
}

#dashboard > .firstLayerCont .leftCont .dinero div span:first-child,
#home > .homeCont .dinero div span:first-child {
  color: var(--color-primary);
  font-size: 30px;
}

#dashboard > .firstLayerCont .dinero:first-child div span:first-child,
#home > .homeCont .dinero:first-child div span:first-child {
  color: var(--color-green);
}

#dashboard > .firstLayerCont .leftCont .dinero div span:last-child, 
#home > .homeCont .dinero div span:last-child {
  font-weight: normal;
}

#dashboard > .firstLayerCont .leftCont .dinero div p,
#home > .homeCont .dinero div p {
  margin: 0;
  font-size: 18px;
}

#dashboard > .firstLayerCont .leftCont .dinero div p span, 
#home > .homeCont .dinero div p span {
  color: var(--color-green);
}

#dashboard > .firstLayerCont .leftCont .dinero .recuperar p span {
  color: var(--color-primary);
}

#dashboard > .firstLayerCont .rightCont .estadisticasCont,
#home > .homeCont .estadisticasCont,
#dashboard > .firstLayerCont .rightCont .notificacionesCont {
  margin-left: var(--margin-secondary);
}

#dashboard .firstLayerCont .rightCont .estadisticasCont > .cardsCont {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-secondary);
}
#home .newsRow .newsletterCard .card-body ,
#home .homeCont .card-body .rowRefund {
  margin: 0 0 20px 0 !important;
  gap: 20px !important;
  text-align: center;
}



#home .btnIndex,
#home .btnAll4Driving {
  padding: 0 !important;
  margin-top: 20px !important;
}

#home .homeCont .selectChartCard,
#home .homeCont .estadisticasCont {
  margin: 0 !important;
  padding: 0 !important;
  gap: 20px !important;
  flex: none;
  color: var(--vz-card-color);
}
#home .homeCont .selectChartCard {
  margin-top: 20px !important;
}

#dashboard .firstLayerCont .rightCont .estadisticasCont > .cardsCont .card,
#home .homeCont .estadisticasCont .card {
  width: calc(50% - 10px);
  padding: var(--padding-primary);
  margin: 0;
  flex-direction: row;
  align-items: center;
  gap: var(--gap-secondary);
}

#dashboard .firstLayerCont .rightCont .estadisticasCont .card > i,
#home .homeCont .estadisticasCont .card > i/* ,
#dossiers .cardsDatosCont > .card i */ {
  font-size: 45px;
  color: #eea799;
}
#dossiers .cardsDatosCont > .card i {
  font-size: 45px;
  color: #a5a5a5;
}

#dossiers .cardsDatosCont > .card > div span.price {
  font-size: 18px;
  font-weight: bold;
  color: var(--color-primary);
}

#dashboard .firstLayerCont .rightCont .estadisticasCont .card span:first-child,
#home .homeCont .estadisticasCont .card span:first-child {
  color: var(--color-primary);
  font-size: 20px;
}

#dashboard .firstLayerCont .rightCont .notificacionesCont .verTodo {
  color: var(--color-primary);
  font-weight: normal;
}

#dashboard .firstLayerCont .rightCont .notificacionesCont .verTodo:hover {
  text-decoration: underline;
  cursor: pointer;
}

#dashboard .firstLayerCont .rightCont .notificacionesCont .card {
  margin: 0;
  padding: var(--padding-secondary);
  gap: var(--gap-secondary);
}

#dashboard .firstLayerCont .rightCont .notificacionesCont .card > .card span {
  font-weight: normal;
}

#dashboard .firstLayerCont .rightCont .notificacionesCont .card > .card .title {
  color: var(--color-primary);
  font-weight: bold;
}

#dashboard .firstLayerCont .rightCont .notificacionesCont .card > .card input {
  padding: var(--padding-small) var(--padding-primary);
  align-self: center;
  background-color: #eea799;
  /* background-color: var(--color-primary); */
  color: var(--color-white);
  border-radius: var(--border-radius-primary);
  border: none;
}

#dashboard .secondLayerCont .leftCont {
  margin: 0 var(--margin-primary) 0 0;
  height: 100%;
}

#dashboard .secondLayerCont .leftCont .header {
  display: flex;
  align-items: center;
}

#dashboard .secondLayerCont .leftCont .header > div {
  display: flex;
  justify-content: flex-end;
}

#home .selectChart,
#dashboard .secondLayerCont .leftCont .header .selectChart {
  padding: var(--padding-small) var(--padding-secondary);
  border: solid 1px var(--color-grey);
  border-radius: var(--border-radius-primary);
  outline: none;
}

#home .selectChart:last-child,
#dashboard .secondLayerCont .leftCont .header .selectChart:last-child {
  margin-left: var(--margin-small);
}

#dashboard .secondLayerCont .rightCont {
  padding: var(--padding-primary);
  margin: 0;
}

#dashboard .secondLayerCont .rightCont table th:first-child {
  text-align: left;
  padding-left: var(--padding-primary);
}

#dashboard .secondLayerCont .rightCont table td {
  width: calc(100% / 3);
  padding: var(--padding-primary);
}

#dashboard .secondLayerCont .rightCont table td > div {
  display: flex;
  align-items: center;
  gap: var(--gap-secondary);
}

#dashboard > .tblExpedientesCont {
  padding: var(--padding-primary);
  margin-bottom: var(--margin-primary) !important;
}

.tblExpedientesCont td button,  /* ESTO SOBRA!! REVISAR */
.tblFacturasPendientesCont td button :not#cancel_invoice,
.tblFacturasPendientesCont td button :not#avoid_cancellation,
.tblFacturasPendientesCont td button,
.tblRequerimientosCont td button,
.tblHistorialCont td button {
  padding: 0;
  background-color: transparent;
  border: none;
}

#companyInfo .bankData {
  padding: var(--padding-primary);
  justify-content: center;
  margin-bottom: var(--margin-primary);
}
#companyInfo .select2-selection--single,
#provider-details .select2-selection--single {
  margin: 0 !important;
  height: 38px !important;
}
#companyInfo .bankData .datosBancariosCont {
  margin-top: var(--margin-secondary);
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-secondary);
}

#companyInfo .bankData .datosBancariosCont .select2 {
  width: calc(calc(100% / 3) - calc(10px / 3)) !important;
}
#companyInfo .select2-container span {
  height: 42px !important;
}

#companyInfo .bankData .datosBancariosCont .select2 > .selection > span{
  margin: 0 !important;
  width: 364.92px !important;
}

#companyInfo .bankData .datosBancariosCont input {
  width: 100%;
  padding: var(--padding-secondary);
  flex: 1 1 calc(calc(100% / 3) - var(--gap-secondary));
  border: solid 1px var(--color-grey);
  border-radius: var(--border-radius-small);
  outline: none;
}

#companyInfo .card input[type="button"] {
  margin-top: var(--margin-primary);
  padding: var(--padding-small) var(--padding-primary);
  background-color: var(--color-primary);
  color: var(--color-white);
  border-radius: var(--border-radius-primary);
  border: none;
}

#companyInfo .card div:last-child {
  align-self: center;
}

.select2-bank-country {
 width: 33%;
}
/* Profile */
#profile .card {
  padding: var(--padding-primary);
  justify-content: center;
  margin-bottom: var(--margin-primary);
}

#profile > div:first-child > .card {
  min-height: 400px;
  margin: 0 var(--margin-primary) 0 0;
  gap: var(--gap-small);
  position: relative;
}

#profile > div:first-child > .card .config {
  position: absolute;
  top: 20px;
  left: 20px;
  transition: 0.3s;
}

#profile > div:first-child > .card .config:hover {
  transform: rotate(60deg);
}

#profile > div:first-child > .card > span:nth-child(3) {
  color: var(--color-primary);
}

#profile .card input[type="button"] {
  margin-top: var(--margin-primary);
  padding: var(--padding-small) var(--padding-primary);
  background-color: var(--color-primary);
  color: var(--color-white);
  border-radius: var(--border-radius-primary);
  border: none;
}

#profile .card > .informationCont {
  margin-top: var(--margin-secondary);
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-secondary);
}

#profile .card > .informationCont > div {
  display: flex;
  flex: 1 1 calc(calc(100% / 3) - var(--gap-secondary));
  gap: var(--gap-small);
}

#profile .card > .informationCont > div > span:first-child,
#profile .card > .informationCont > div .cnae,
#profile .card > .notificationsCont > div span {
  color: var(--color-primary);
}

#profile .card > .informationCont > div > span:last-child,
#profile .card > .notificationsCont > div > div > span {
  font-weight: normal;
}

#profile .card > .informationCont > div > button {
  padding: 0;
  display: flex;
  border: none;
  background-color: transparent;
}

#profile .card > .notificationsCont {
  margin-top: var(--margin-secondary);
  display: flex;
  flex-direction: column;
  gap: var(--gap-secondary);
}

#profile .card > span:last-child {
  margin-top: var(--margin-primary);
  align-self: flex-end;
  color: var(--color-primary);
}

#profile .card > span:last-child:hover {
  color: var(--color-secondary);
  text-decoration: underline;
  cursor: pointer;
}

#profile .card > .datosBancariosCont {
  margin-top: var(--margin-secondary);
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-secondary);
}

#profile .card > .datosBancariosCont > input {
  width: 100%;
  padding: var(--padding-secondary);
  flex: 1 1 calc(calc(100% / 3) - var(--gap-secondary));
  border: solid 1px var(--color-grey);
  border-radius: var(--border-radius-small);
  outline: none;
}

#profile .card > div:last-child {
  align-self: center;
}

/* Dossiers */
#dossiers .card,
#clientInvoices .card,
#invoices .card,
#requirements .card,
#invoice-details .formInvoiceDetailData,
#notifications > .card {
  margin-bottom: var(--margin-primary);
  padding: var(--padding-primary);
  justify-content: center;
}

#invoice-details > .card select,
#invoice-details > form > .card input ,
#contact > .card > div select {
  width: 100%;
  height: 40px;
  padding: var(--padding-secondary);
  flex: 1 1 calc(calc(100% / 3) - var(--gap-secondary));
  border: solid 1px var(--color-grey);
  border-radius: var(--border-radius-small);
  outline: none;
}

#dossiers .cardsDatosCont {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-secondary);
}

#dossiers .cardsDatosCont > .card {
  width: calc(17% - 8px);
  padding: var(--padding-secondary);
  flex-direction: row;
  align-items: center;
  gap: var(--gap-secondary);
}

#dossiers .cardsDatosCont > .card:last-child {
  width: calc(49% - 6px);
}

#dossiers .cardsDatosCont .subirFacturaCont .btn > .info {
  left: -20px;
}

#dossiers .cardsDatosCont .subirFacturaCont .btn > a {
  gap: 10px;
}

#dossiers .cardsDatosCont .subirFacturaCont .title {
  font-size: 20px;
  color: var(--color-black) !important;
}

#dossiers .cardsDatosCont .subirFacturaCont .red {
  font-size: 16px;
}

#dossiers .cardsDatosCont .subirFacturaCont span:last-child {
  font-size: 14px;
}

#dossiers .formDossierData form,
#dossiers .formDossierData .divNotAdmin {    
  display: flex !important;
  align-items: flex-end;
  justify-content: space-between;
}

#invoice-details .formInvoiceDetailData form {    
  display: flex !important;
  align-items: flex-end;
  justify-content: space-between;
}

/* Requerimientos */
#requirements .tblRequerimientosCont td a.btn {
  padding: var(--padding-small) var(--padding-primary);
  background-color: var(--color-primary);
  color: var(--color-white);
  border-radius: var(--border-radius-primary);
  border: none;
}

#requirements .tblRequerimientosCont td > a.btn:hover {
  background-color: var(--color-secondary);
}

/* Detalles de los requerimientos */
#requirement-details .card,
.messagesCont {
  padding: var(--padding-primary);
}

#requirement-details > .card,
.messagesCont{
  margin: 0;
}

#requirement-details .card .titleCont > span {
  font-size: 25px;
}

#requirement-details .card .titleCont > div .resumen {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: start;
  font-weight: normal;
}

#home .card input,
#requirement-details .card .titleCont > div .actions input,
#requirement-details .card .filesCont > input,
#invoice-details > form > .card button[type="submit"],
#dossiers .card form button[type="submit"],
#dossiers .card form .btnNewRequirement,
#communications .btnNewCommunication,
#communications .rowCommunications .card a,
#home .rowCommunications .card a,
#home .newsRow .card .card-header a,
#invoice-details .formInvoiceDetailData button[type="submit"],
#invoice-details a.dfdBtn,
#clientInvoices a.dfdBtn,
#requirements .btnNewRequirement,
#clientInvoices .btnNewClientInvoice,
#requirements #additional-docs button,
#requirement-details button[type="submit"],
#requirements button[type="submit"],
#configuration button[type="submit"],
#communication-create button[type="submit"],
#communication-update button,
.messagesCont > .newMessage .btnPublish {
  padding: var(--padding-small) var(--padding-primary);
  background-color: var(--color-primary);
  color: var(--color-white);
  border-radius: var(--border-radius-primary);
  border: none;
}

#home .card .btnAll4Driving input { 
  background-color: var(--color-secondary);
}

#home .card .btnAll4Driving input:hover{ 
  background-color: var(--color-primary) !important;
}

#home .newsRow .card-title {
  font-size: 20px;
  color: var(--color-primary);
}

.secondaryBtn {
  padding: var(--padding-small) var(--padding-primary);
  background-color: gray;
  color: var(--color-white);
  border-radius: var(--border-radius-primary);
  border: none;
}
.secondaryBtn:hover {
  padding: var(--padding-small) var(--padding-primary);
  background-color: var(--color-secondary);
  color: var(--color-white);
  border-radius: var(--border-radius-primary);
  border: none;
}

#requirement-details .card .filesCont > span,
/* #invoice-details > .messagesCont > span,
#requirement-details .card .messagesCont > span, */
.messagesCont > span {
  font-size: 20px;
}

#requirement-details .card .filesCont > .files .card:last-child {
  margin: 0;
}

#requirement-details .card .filesCont > input {
  align-self: center;
}

.messagesCont > .messages {
  height: 300px;
  overflow-y: scroll;
  margin: 0 -20px;
  border-bottom: var(--vz-card-border-width) solid var(--vz-card-border-color);
}

/* #invoice-details > .messagesCont > .messages .msg,
#requirement-details .card .messagesCont > .messages .msg, */
.messagesCont > .messages .msg {
  padding: 20px;
}

/* #invoice-details > .messagesCont > .messages .msg.private,
#requirement-details .card .messagesCont > .messages .msg.private,
#dossiers */ 
.messagesCont > .messages .msg.private {
  background-color: #f9dacdab;
}

/* #invoice-details > .messagesCont > .messages .msg.private:first-child,
#requirement-details .card .messagesCont > .messages .msg.private:first-child, */
/* #dossiers */ 
.messagesCont > .messages .msg.private:first-child {
  margin-top: 20px;
}

/* #invoice-details > .messagesCont > .newMessage .actions input,
#requirement-details .card .messagesCont > .newMessage .actions input,
#dossiers .messagesCont > .newMessage .actions input { */
.messagesCont > .newMessage .actions input {
  border-color: var(--color-primary);
}

/* #invoice-details > .messagesCont > .newMessage .actions input:checked,
#requirement-details .card .messagesCont > .newMessage .actions input:checked,
#dossiers .messagesCont > .newMessage .actions input:checked { */
.messagesCont > .newMessage .actions input:checked {
  background-color: var(--color-primary);
}
#requirement-details .actions{
  align-items: anchor-center;
}

/* Mis facturas */
#clientInvoices table i,
#invoices table i,
#dashboard table i,
#invoice-details i .bx-download,
#dossiers table i,
#notifications table i{
  font-size: 25px;
  color: var(--color-black);
  font-family:  var(--font-primary);
}


#requirements table i {
  font-size: 20px;
  color: var(--color-black);
  font-family:  var(--font-primary);
}

#clientInvoices .filtrosCont,
#invoices .filtrosCont {
  margin: 0 -5px;
}

#clientInvoices .filtrosCont > div,
#invoices .filtrosCont > div {
  padding: 5px;
}

.flatpickr-calendar input:not([type="button"]) {
  background-color: transparent;
}

#clientInvoices > div {
  background-color: transparent;
  border-color: transparent;
}

#clientInvoices div > .downloadCont {
  font-size: 18px;
}

#clientInvoices .btnExport {
  background-color: #f7d4a6;
  color: red;
  border-radius: 16px;
}

/* Comunicaciones */
#home .rowCommunications,
#communications .rowCommunications {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-primary);
}

#communications .rowNewCommunication {
    --vz-gutter-x: 1.5rem;
    --vz-gutter-y: 0;
    text-align: end;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--vz-gutter-y));
    margin-right: calc(-.5 * var(--vz-gutter-x));
    margin-left: calc(-.5 * var(--vz-gutter-x));
}

#communications .card {
  padding: var(--padding-primary);
  max-width: calc(calc(100% / 3) - var(--gap-primary));
  border: none;
}

#home .rowCommunications .card > span,
#communications .card > span {
  font-size: 18px;
  margin: var(--margin-secondary) 0;
  text-transform: uppercase;
  text-align: center;
}

#home .rowCommunications .card > a ,
#communications .card > a {
  align-self: flex-end;
}

#home .rowCommunications .card > a > input,
#communications .card > a > input {
  border-radius: var(--border-radius-primary);
  background-color: var(--color-primary);
  color: var(--color-white);
  border: none;
  padding: var(--padding-small) var(--padding-primary);
}

/* Home comunicaciones */
.rowHomeNews .col{
  flex:none;
}

/* Detalles de la comunicación */
#communication-details > .card {
  padding: var(--padding-primary);
  margin: 0;
}

#communication-details > .card > span:first-child {
  text-transform: uppercase;
  font-size: 28px;
  text-align: center;
  color: var(--color-primary);
}

#communication-details > .card > div {
  margin-top: var(--margin-primary);
  display: flex;
  gap: var(--gap-primary);
}

#communication-details > .card > div > img {
  align-self: flex-start;
}

/* Contacto */
#contact > .left {
  padding-right: var(--padding-secondary);
}

#contact > .card,
#contact > div > .card {
  padding: var(--padding-primary);
  margin: 0;
}

#contact > .left > .card:first-child {
  margin-bottom: var(--margin-secondary);
}

#contact > .left > .card {
  gap: var(--gap-secondary);
}

#contact > .left > .card > div {
  display: flex;
  align-items: center;
  gap: var(--gap-small);
}

#contact > .left > .card > div i {
  font-size: 20px;
}

#contact > .left > .card > div:not(.btnDownload) span {
  font-weight: normal;
}

#contact > .left > .card > .btnDownload {
  padding: var(--padding-primary);
  justify-content: center;
  gap: var(--gap-primary);
  background-color: var(--color-primary);
  border-radius: var(--border-radius-secondary);
  color: white;
  font-size: 25px;
}

#contact > .left > .card > .btnDownload:hover {
  background-color: var(--color-secondary);
  cursor: pointer;
}

#contact > .left > .card > .btnDownload:hover > * {
  transform: scale(1.1);
}

#contact > .left > .card > .btnDownload > * {
  transition: 0.3s;
}

#contact > .left > .card > .btnDownload i {
  font-size: 40px;
}

#contact > .card > div > .leftCont,
#contact > .card > div > .rightCont {
  display: flex;
  flex-direction: column;
  gap: var(--gap-secondary);
}

#contact > .card > div > .leftCont > div > input {
  width: calc(50% - var(--gap-small));
}

#contact > .card > div input,
#contact > .card > div select,
#contact > .card > div textarea {
  padding: var(--padding-secondary);
  border-radius: var(--border-radius-secondary);
  border: solid 1px var(--color-grey);
  outline: none;
}

#contact > .card > div select {
  width: auto;
  flex: auto;
}

#contact > .card > div .filepond {
  margin: 0 !important;
}

#contact > .card > div > .rightCont > select,
#contact > .card > div > .rightCont > textarea {
  margin-left: var(--margin-primary);
}

#contact > .card > div > .rightCont > textarea {
  height: -webkit-fill-available;
}

#contact > .card > input {
  padding: var(--padding-small) var(--padding-primary);
  margin-top: var(--margin-primary);
  align-self: flex-end;
  border-radius: var(--border-radius-primary);
  border: none;
  background-color: var(--color-primary);
  color: var(--color-white);
}

/* Facturas */
#invoices .filtrosCont {
  margin-top: 10px;
}

#invoices .tblFacturasRecientesCont,
#clientInvoices .misFacturasCont {
  margin-bottom: 0;
}

#invoices .tblFacturasRecientesCont .downloadCont,
#dashboard .tblExpedientesCont .downloadCont,
#dossiers .tblExpedientesCont .downloadCont,
#clientInvoices .misFacturasCont .downloadCont,
#companies .tblEmpresasCont .downloadCont,
#users .tblUsersCont .downloadCont,
#providers .tblProvidersCont .downloadCont {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#clientInvoices .misFacturasCont .downloadCont,
#companies .tblEmpresasCont .downloadCont,
#users .tblUsersCont .downloadCont,
#providers .tblProvidersCont .downloadCont {
  margin-bottom: 10px;
}

#invoice-details .card a:not(.dfdBtn),
#invoices .tblFacturasRecientesCont .downloadCont a,
#dashboard .tblExpedientesCont .downloadCont a,
#dossiers .tblExpedientesCont .downloadCont a,
#clientInvoices .misFacturasCont .downloadCont a,
#companies .tblEmpresasCont .downloadCont a,
#users .tblUsersCont .downloadCont a,
#providers .tblProvidersCont .downloadCont a {
  display: flex;
  align-items: center;
  padding: 0 10px;
}

#invoice-details .card a.dfdBtn{
  display: flex;
  align-items: center;
}
#invoice-details .card a i,
#invoices .tblFacturasRecientesCont .downloadCont a i,
#dashboard .tblExpedientesCont .downloadCont a i,
#dossiers .tblExpedientesCont .downloadCont a i,
#clientInvoices .misFacturasCont .downloadCont a i,
#companies .tblEmpresasCont .downloadCont a i,
#users .tblUsersCont .downloadCont a i ,
#providers .tblProvidersCont .downloadCont a i {
  font-size: 25px;
}

#invoices .tblFacturasRecientesCont .downloadCont a span.short,
#dashboard .tblExpedientesCont .downloadCont a span.short,
#dossiers .tblExpedientesCont .downloadCont a span.short,
#clientInvoices .misFacturasCont .downloadCont a span.short,
#companies .tblEmpresasCont .downloadCont a span.short,
#users .tblUsersCont .downloadCont a span.short,
#providers .tblProvidersCont .downloadCont a span.short {
  display: none;
}
.filtrosCont .form-control {
  background-color: #eea799 !important;
  color: #ffffff !important;
  border: none !important;
}

.filtrosCont .form-control::placeholder {
  color: #ffffff !important;
  opacity: 0.85;
}

.filtrosCont select.form-control option {
  color: #000000;
}

.filtrosCont .search-icon {
  color: #ea4e3b !important;
}

.auth-one-bg-position {
  height: 100% !important;
}

/* Subir factura */
#invoice-upload > .inputsUpload > .card > form {
  padding: var(--padding-primary);
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
}

#invoice-upload > .inputsUpload > .card > form > div:not(.buttons) {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#invoice-upload > .inputsUpload > .card > form .buttons {
  justify-content: center;
  display: flex;
  align-items: center;
}

#invoice-upload > .inputsUpload > .card > form > div > img {
  filter: invert(29%) sepia(95%) saturate(3965%) hue-rotate(-11deg)
    brightness(92%) contrast(101%);
}

#invoice-upload > .inputsUpload .historialCarga {
  padding-left: 40px;
}

#invoice-upload > .inputsUpload .historialCarga > span {
  color: var(--color-primary);
  font-size: 18px;
}

#invoice-upload > .inputsUpload .historialCarga .historial,
#invoice-upload > .inputsUpload .historialCarga .historial > div {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

#invoice-upload > .inputsUpload .historialCarga .historial > div {
  max-height: 300px;
  overflow-y: auto;
}

#invoice-upload > .inputsUpload .historialCarga .historial > span {
  text-align: center;
}

#invoice-upload > .inputsUpload .historialCarga .historial > div span {
  font-weight: normal;
  text-align: center;
}

#invoice-upload > .inputsUpload .historialCarga .historial > div > div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding-left: var(--padding-small);
}

#invoice-upload > .inputsUpload .historialCarga .historial > div > div span {
  width: 115px;
}

#invoice-upload > .inputsUpload > .card div > .devolucion {
  margin: 40px var(--margin-primary) 0 var(--margin-primary);
  padding: var(--padding-primary);
  display: flex;
  align-items: center;
  background-color: var(--color-primary);
  border-radius: var(--border-radius-primary);
  border: none;
}
#invoice-upload > .inputsUpload > .card div > a.devolucion {
  align-self: normal;
  background-color: gray;
}

#invoice-upload > .inputsUpload > .card div > .devolucion:hover {
  background-color: var(--color-secondary);
}

#invoice-upload > .inputsUpload > .card div > .devolucion:hover > img {
  transform: rotate(-365deg);
}

#invoice-upload > .inputsUpload > .card div > .devolucion > img {
  margin-right: var(--margin-small);
  color: var(--color-white);
  border-radius: 50%;
  border: double 10px var(--color-white);
  transition: 0.6s;
}

#invoice-upload > .inputsUpload > .card div > .devolucion > span {
  color: var(--color-white);
  max-width: 190px;
  text-transform: uppercase;
  text-align: center;
  font-weight: normal;
  font-size: 20px;
}

/* Detalles de la factura */
#invoice-details > form {
  margin-bottom:  var(--margin-primary);
}

#invoice-details > form > .card,
#configuration > .card {
  padding: var(--padding-primary);
  margin: 0;
}

#invoice-details > form > .card > div {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-secondary);
}

#invoice-details > form > .card > div > div {
  width: calc(50% - var(--gap-small));
}

#invoice-details > form > .card > div > div.doble,
#invoice-details > form > .card > div > div > div.doble,
#invoice-details > form > .card > div > div.tlf > div {
  display: flex;
  gap: var(--gap-secondary);
}

#invoice-details > form > .card > div > div.doble > div,
#invoice-details > form > .card > div > div > div.doble > div,
#invoice-details > form > .card > div > div.tlf > div > * {
  width: calc(50% - var(--gap-small));
}

/* Configuracion */
#configuration .card > span {
  font-size: 20px;
}

#configuration .card > form > div {
  display: flex;
  flex-wrap: wrap;
  margin: 10px -10px 0 -10px;
}

#configuration .card > form > div > .section {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px;
}

#configuration .card > form > div > .section > span {
  color: var(--color-primary);
  font-size: 16px;
}

#configuration .card > form > div > .section > div {
  display: flex;
  align-items: center;
  padding: 0 10px 0 0;
}

#configuration .card > form > div > .section > div > input {
  padding: var(--padding-secondary);
  border-radius: var(--border-radius-secondary);
  border: solid 1px var(--color-grey);
  outline: none;
}

#configuration .card > form > input {
  padding: var(--padding-small) var(--padding-primary);
  background-color: var(--color-primary);
  color: var(--color-white);
  border-radius: var(--border-radius-primary);
  border: none;
  align-self: center;
}

/* Empresas y usuarios (listado) */
#companies > .card,
#users > .card,
#providers > .card {
  margin: 0;
  padding: var(--padding-primary);
}

#companies > .card table i,
#users > .card table i ,
#providers > .card table i {
  color: var(--color-black);
}

/* Empresas y usuarios (detalles) */
#company-details .card-header > ul,
#user-details .card-header > ul {
  margin-left: -16px;
  margin-right: -16px;
}

#company-details .card-header > ul li a,
#user-details .card-header > ul li a {
  color: var(--color-black);
  font-weight: bold;
}

#company-details .card-header > ul li a.active,
#user-details .card-header > ul li a.active {
  background-color: var(--color-green);
}

#company-details .card-header > ul li a.active::after,
#user-details .card-header > ul li a.active::after {
  background-color: var(--color-black);
}

#company-details .card-body .btnUpdate,
#provider-details .card-body .btnUpdate,
#user-details .card-body .btnUpdate {
  padding: var(--padding-small) var(--padding-primary);
  background-color: var(--color-primary);
  color: var(--color-white);
  border-radius: var(--border-radius-primary);
  border: none;
}

#company-details .card-body #tblUsers,
#user-details .card-body #tblEmpresas {
  margin: 0 !important;
}

#company-details #tblUsers_wrapper .dataTables_scrollHeadInner,
#company-details #tblUsers_wrapper .dataTables_scrollHeadInner > table,
#user-details #tblEmpresas_wrapper .dataTables_scrollHeadInner,
#user-details #tblEmpresas_wrapper .dataTables_scrollHeadInner > table {
  width: 100% !important;
}

#company-details .card-body #usersPermissions .card{
  width: calc(33% - 4px);
  max-width: calc(33% - 4px);
  margin: 0;
}

/* Iframes All4Driving */
iframe {
  height: 70vh;
}

/* Notificaciones */
#notifications .tblMessagesCont > span {
  margin-bottom: 10px;
}

.dfd_swal_btn_margin {
  margin-bottom:  20px !important;
}

.select2-container .select2-selection--single {
  height: calc(1.5em + 0.80rem + 5px) !important;
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  border: 1px solid #ced4da !important;
  border-radius: 0.375rem;
  margin-top: 0.25rem !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 1.5;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: calc(1.5em + 0.80rem + 5px) !important;
}


/* Responsive */
@media (max-width: 1199px) {
  #login > .leftCont {
    gap: var(--gap-primary);
  }

  #login > .leftCont > .cuadradoTopLeft > span {
    width: 60px;
    height: 60px;
  }

  #login > .leftCont > .cuadradoTopLeft > span.primary {
    top: 60px;
  }

  #login > .leftCont > .cuadradoTopLeft > span.secondary {
    left: 60px;
  }

  #login > .leftCont > .servicesCont {
    padding: 0 var(--padding-primary);
    flex-wrap: wrap;
    gap: var(--gap-primary);
  }

  #login > .leftCont > .servicesCont > .service {
    width: calc(50% - var(--gap-secondary));
    gap: var(--gap-small);
    padding: var(--padding-secondary);
  }

  #dossiers .cardsDatosCont > .card,
  #dossiers .cardsDatosCont > .subirFactura {
    width: calc(33.33% - (var(--gap-secondary) / 1.5));
    margin: 0;
  }

  #dossiers .cardsDatosCont > .subirFacturaCont {
    width: 100% !important;
  }

  #dossiers .cardsDatosCont .subirFacturaCont .btn > a > img {
    width: 60px;
  }

  #requirement-details {
    flex-direction: column;
  }

  #requirement-details > div:first-child > .card {
    margin: 0 0 var(--margin-primary) 0;
  }

  #requirement-details > div > .card {
    min-height: 400px !important;
  }

  #communications .card {
    max-width: calc(50% - var(--gap-secondary));
  }

  #communication-details > .card > div {
    flex-direction: column;
  }

  #communication-details > .card > div > img {
    align-self: center;
  }
}

@media (max-width: 991px) {
  #login {
    flex-direction: column-reverse;
  }

  #login > .rightCont {
    padding: 80px 150px var(--padding-primary);
  }

  #login .loginBottom {
    margin-top: var(--margin-primary);
  }

  #login > .leftCont {
    height: auto;
    padding: calc(var(--padding-primary) * 2) 0;
  }

  #login > .leftCont > .logoCont {
    display: none;
  }

  #login > .leftCont > .servicesCont {
    padding: 0;
    gap: var(--gap-secondary);
  }

  #login > .leftCont > .servicesCont > .service {
    width: calc(50% - var(--gap-small));
  }

  #login > .leftCont > .servicesCont > .service > div > span {
    min-height: auto;
  }

  #dashboard .subirFacturaCont,
  #invoices .subirFacturaCont {
    flex-direction: column;
    gap: var(--gap-primary);
  }

  #dashboard > .subirFacturaCont > .btn,
  #invoices > .subirFacturaCont > .btn {
    padding: var(--vz-btn-padding-y) var(--vz-btn-padding-x);
  }

  #dashboard > .subirFacturaCont > .btn > .info,
  #invoices > .subirFacturaCont > .btn > .info {
    left: -5px;
  }

  #dashboard .firstLayerCont,
  #dashboard .secondLayerCont,
  #profile {
    flex-direction: column;
  }

  #dashboard .firstLayerCont .rightCont > div {
    margin-left: 0 !important;
  }

  #dashboard .firstLayerCont .rightCont > div:last-child {
    margin-top: var(--margin-primary) !important;
  }

  #dashboard .firstLayerCont .rightCont .estadisticasCont .card {
    justify-content: center;
    text-align: center;
  }

  #dashboard .firstLayerCont .estadisticasCont .card > i {
    font-size: 40px !important;
  }

  #dashboard .secondLayerCont .leftCont {
    margin: 0 0 var(--margin-primary) 0;
  }

  .dataTables_wrapper > .bottom > .pagination-right {
    flex-direction: column;
    gap: var(--gap-secondary);
  }

  #profile > div:first-child > .card {
    margin: 0 0 var(--margin-primary) 0;
    min-height: auto;
  }
}

@media (max-width: 767px) {
  #navbar-nav .nav-item .menu-dropdown > ul {
    padding-left: 25px !important;
  }

  #scrollbar li.inicio {
    display: list-item !important;
  }

  #scrollbar li img.neg {
    display: block !important;
  }

  #scrollbar li img.pos {
    display: none;
  }

  #login > .rightCont {
    padding: 80px 100px var(--padding-primary) 100px;
  }

  #invoice-upload > .inputsUpload > .card > form {
    flex-direction: column;
    gap: 20px;
  }

  #invoice-upload > .inputsUpload > .card div > .devolucion {
    width: 100%;
    margin: 0;
    justify-content: center;
  }

  /*#invoice-upload .dataTables_wrapper > .bottom {
    flex-direction: column;
    gap: var(--gap-primary);
  }*/

  #profile .card > .informationCont > div {
    flex: 1 1 calc(50% - var(--gap-secondary));
  }

  #contact {
    flex-direction: column;
    gap: 10px;
  }

  #contact .left {
    padding: 0;
  }

  #configuration .card > div {
    margin: var(--margin-secondary) 0 0 0;
  }

  #configuration .card > div > .section {
    padding: var(--padding-secondary) 0;
  }

  #configuration .card > div > .section > div {
    padding: 0;
  }
}

@media (max-width: 576px) {
  #login > .rightCont {
    padding: 80px 40px var(--padding-primary) 40px;
  }

  #login > .leftCont > .servicesCont {
    margin: 0 calc(var(--margin-primary) * 2);
  }

  #dashboard .firstLayerCont .rightCont .estadisticasCont > .cardsCont .card {
    flex: 100%;
  }

  #dashboard .firstLayerCont .rightCont .estadisticasCont .card > i {
    font-size: 45px !important;
  }

  #dashboard .secondLayerCont .leftCont .header {
    flex-direction: column;
    gap: var(--gap-secondary);
  }

  #dashboard .secondLayerCont .leftCont .header > div {
    justify-content: center;
  }

  #invoices .tblFacturasRecientesCont .downloadCont a span,
  #dashboard .tblExpedientesCont .downloadCont a span,
  #dossiers .tblExpedientesCont .downloadCont a span,
  #clientInvoices .misFacturasCont .downloadCont a span,
  #companies .tblEmpresasCont .downloadCont a span,
  #users .tblUsersCont .downloadCont a span,
  #providers .tblProvidersCont .downloadCont a span {
    display: none;
  }

  #invoices .tblFacturasRecientesCont .downloadCont a span.short,
  #dashboard .tblExpedientesCont .downloadCont a span.short,
  #dossiers .tblExpedientesCont .downloadCont a span.short,
  #clientInvoices .misFacturasCont .downloadCont a span.short,
  #companies .tblEmpresasCont .downloadCont a span.short,
  #users .tblUsersCont .downloadCont a span.short ,
  #providers .tblProvidersCont .downloadCont a span.short {
    display: block;
  }

  /**/

  .dataTables_wrapper > .bottom {
    flex-direction: column;
  }

  .tblExpedientesCont > span,
  .tblHistorialCont > span,
  .tblRequerimientosCont > span {
    margin-bottom: var(--margin-secondary);
  }

  #dossiers .cardsDatosCont > .card
  #dossiers .formDossierData {
    width: 100% !important;
  }

  #dossiers .cardsDatosCont > .card:not(:last-child) {
    margin: 0;
  }

  #requirement-details > div:first-child > .card > div:nth-child(2) > div,
  #requirement-details > div:last-child > .card > div:last-child {
    margin-top: var(--margin-primary);
    flex-wrap: wrap;
    justify-content: center;
  }

  #requirement-details > div:first-child > .card > div:nth-child(2) input {
    margin: 0 !important;
  }

  #profile .card > .notificationsCont > div {
    gap: var(--gap-primary);
  }

  #home .rowCommunications .card,
  #communications .card {
    max-width: 100%;
    margin: 0;
  }

  #communication-details > .card > div > img {
    width: -webkit-fill-available;
  }

  #contact > .card > div {
    flex-direction: column;
  }

  #contact > .card > div > .leftCont > div {
    flex-direction: column;
    gap: var(--gap-secondary);
  }

  #contact > .card > div > .leftCont > div > input {
    width: 100%;
  }

  #contact > .card > div > .rightCont {
    margin-top: var(--margin-secondary);
  }

  #contact > .card > div > .rightCont > select,
  #contact > .card > div > .rightCont > textarea {
    margin: 0;
  }

  #contact > .card > div > .rightCont > textarea {
    height: 100px;
  }

  #dossiers .subirFacturaCont {
    padding: var(--padding-secondary);
  }

  #dossiers .subirFacturaCont .taxRefundTitle {
    font-size: 18px;
    padding: 6px;
  }

  #dossiers .subirFacturaCont .title {
    font-size: 18px;
  }

  #dossiers .subirFacturaCont .taxRefundDescr {
    font-size: 14px;
  }

  #dossiers .subirFacturaCont .span {
    font-size: 14px;
  }

  #dossiers .subirFacturaCont > .btn > a {
    padding: var(--padding-small);
    gap: var(--gap-small);
  }

  #dossiers .subirFacturaCont > .btn > a > span {
    font-size: 16px;
  }

  #dossiers .subirFacturaCont > .btn > a > img {
    width: 40px;
  }

  #dossiers .subirFacturaCont > .btn > .info {
    left: -10px;
    top: -10px;
    padding: 5px;
    transform: scale(0.8);
  }
}
.forbidden-card {
    min-height: 260px;
    text-align: center;
}

.forbidden-card i {
    font-size: 3rem;
    color: #dc3545;
}