:root {
  --color_1: #0000BE;
  --color_2: #D9E906;
  --color_3: #D10028;
  --color_4: #787877;
  --color_black: #2B2320;
  --color_white: #fff;
  --color_text: #132D4E;
  --color_green: #D9E906;
  --color_grey: #9197AE;
  --color_blue: #0000BE;
  --color_blue-main: #0C188D;
  --color_blue-main-50: #0c188d75;
  --color_black: #000000;
  --mobile: 700px;
  --space: 20px;
  --radius: 8px;
  --font-family-helvetica: Helvetica;
  --font-style-normal: normal;
  --font-weight-bold: bold;
  --font-weight-normal: normal;
  --boxshadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.45);
  --textshadow: 0px 3px 4px rgba(0, 0, 0, 0.5);
  --bigscreen: 1280px;
  --mediumscreen: 769px;
}

body {
  font-size: 16px;
}

body,
img,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
}

/* img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
} */
h1 {
  font-size: 1.8rem;
  font-weight: 700;
}

h2 {
  font-size: 1.5rem;
  font-weight: 700;
}

h3 {
  font-size: 1.3rem;
  font-weight: 700;
}

h4 {
  font-size: 1.2rem;
  font-weight: 700;
}

h5 {
  font-size: 1.1rem;
  font-weight: 700;
}

h6 {
  font-size: 1rem;
  font-weight: 700;
}

p {
  font-size: 1.1rem;
}

.zeiss-container,
.header,
.side-menu,
.main,
.footer {
  width: 100%;
  color: var(--color_black);
}

.zeiss-container {
  height: 100vh;
  overflow-y: auto;
  position: relative;
}

@media only screen and (min-width: 769px) {
  .zeiss-container {
    display: grid;
    grid-template-areas: "head head" "sidemenu main" "footer footer";
  }
}

.zeiss-container .container-level2 {
  padding: 20px;
}

@media only screen and (min-width: 769px) {
  .zeiss-container .container-level2 {
    padding: 5px;
  }
}

.zeiss-container .container-level2.nav-menu {
  display: grid;
  grid-template-columns: 1fr;
  align-content: space-between;
  height: 95%;
}

@media only screen and (min-width: 769px) {
  .zeiss-container .container-level2.nav-menu {
    height: 100%;
    padding: 20px 5px;
  }
}

@media only screen and (min-width: 769px) {
  .zeiss-container .container-level2.nav-menu .backbutton {
    display: none;
  }
}

.zeiss-container .container-level2.nav-menu .nav-list {
  display: flex;
  justify-content: center;
}

.zeiss-container .container-level2.nav-menu .nav-list ul {
  text-align: center;
}

.zeiss-container .container-level2.nav-menu .nav-list ul li {
  padding: 10px;
  text-align: center;
}

@media only screen and (min-width: 769px) {
  .zeiss-container .container-level2.nav-menu .nav-list ul li {
    font-size: 0.9rem;
  }
}

.zeiss-container .container-level2.nav-menu .nav-list ul li img {
  display: block;
  margin: 0 auto;
  max-width: 35px;
}

@media only screen and (min-width: 769px) {
  .zeiss-container .container-level2.nav-menu .nav-list ul li img {
    max-width: 32px;
    height: auto;
  }
}

.zeiss-container .container-level2.nav-menu .user {
  display: flex;
  justify-content: center;
}

.header {
  background-color: var(--color_white);
  height: 10%;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  grid-area: head;
}

@media only screen and (min-width: 769px) {
  .header {
    height: 100%;
  }
}

.header .mainbar {
  background-color: var(--color_blue-main);
  height: 50%;
  display: grid;
  grid-template-columns: 1fr auto;
  align-content: center;
  justify-content: center;
}

@media only screen and (min-width: 769px) {
  .header .mainbar {
    display: none;
  }
}

.header .mainbar .menuicon {
  margin-top: 4px;
  margin-left: 10px;
  cursor: pointer;
}

.header .toolbar {
  height: 50%;
  color: var(--color_blue-main);
  /* display: grid;
  grid-template-columns: 56% 1fr;
  align-content: first baseline;
  align-items: center;
  gap: 10px; */
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media only screen and (max-width: 769px) {
  .k-widget .k-window {
    width: 100% !important;
  }
}

@media only screen and (min-width: 769px) {
  .header .toolbar {
    grid-template-columns: 1fr 1fr 1fr;
    height: 100%;
  }
}

.header .toolbar .logo {
  display: none;
}

@media only screen and (min-width: 769px) {
  .header .toolbar .logo {
    display: block;
    padding-left: 8px;
  }
}

.header .toolbar .logo img {
  height: 50px;
  margin: 1rem 2rem;
}

.header .toolbar .module {
  display: grid;
  justify-content: start;
  padding-left: 10px;
}

@media only screen and (min-width: 769px) {
  .header .toolbar .module {
    justify-content: center;
  }
}

.header .toolbar .module h2 {
  font-size: 1.2rem;
}

.header .toolbar .tools {
  display: flex;
  justify-content: end;
  padding-right: 10px;
}

.header .toolbar .tools h5 {
  display: none;
}

.header .toolbar .tools .buttons {
  cursor: pointer;
  transition: all 150ms ease-out;
  scale: 0.9;
  background: transparent linear-gradient(180deg, #16248A 0%, #22A9DB 100%) 0% 0% no-repeat padding-box;
  min-width: 40px;
  min-height: 40px;
  border-radius: 50%;
  border: none;
  color: transparent;
}

.header .toolbar .tools .buttons:hover {
  scale: 1;
}

.header .toolbar .tools .edit {
  background: url("/images/icons/edit.svg") no-repeat center center, linear-gradient(180deg, #16248A 0%, #22A9DB 100%) 0% 0% no-repeat padding-box;
}

.header .toolbar .tools .open {
  background: url("/images/icons/open.svg") no-repeat center center, linear-gradient(180deg, #16248A 0%, #22A9DB 100%) 0% 0% no-repeat padding-box;
}

.header .toolbar .tools .download {
  background: url("/images/icons/download.svg") no-repeat center center, linear-gradient(180deg, #16248A 0%, #22A9DB 100%) 0% 0% no-repeat padding-box;
}

.header .toolbar .tools .upload {
  background: url("/images/icons/upload.svg") no-repeat center center, linear-gradient(180deg, #16248A 0%, #22A9DB 100%) 0% 0% no-repeat padding-box;
}

.header .toolbar .tools .trash {
  background: url("/images/icons/trash.svg") no-repeat center center, linear-gradient(180deg, #16248A 0%, #22A9DB 100%) 0% 0% no-repeat padding-box;
}

.header .toolbar .tools .aproved {
  background: url("/images/icons/aproved.svg") no-repeat center center, linear-gradient(180deg, #16248A 0%, #22A9DB 100%) 0% 0% no-repeat padding-box;
}

.header .toolbar .tools .desaproved {
  background: url("/images/icons/desaproved.svg") no-repeat center center, linear-gradient(180deg, #16248A 0%, #22A9DB 100%) 0% 0% no-repeat padding-box;
}

.header .toolbar .tools .new {
  background: url("/images/icons/new.svg") no-repeat center center, linear-gradient(180deg, #16248A 0%, #22A9DB 100%) 0% 0% no-repeat padding-box;
}

.header .toolbar .tools .notify {
  background: url("/images/icons/notify.svg") no-repeat center center, linear-gradient(180deg, #16248A 0%, #22A9DB 100%) 0% 0% no-repeat padding-box;
}

.header .toolbar .tools .payoff {
  background: url("/images/icons/payoff.svg") no-repeat center center, linear-gradient(180deg, #16248A 0%, #22A9DB 100%) 0% 0% no-repeat padding-box;
}

.header .toolbar .tools .save {
  background: url("/images/icons/save.svg") no-repeat center center, linear-gradient(180deg, #16248A 0%, #22A9DB 100%) 0% 0% no-repeat padding-box;
}

.header .toolbar .tools .pdf {
  background: url("/images/icons/pdf.svg") no-repeat center center, linear-gradient(180deg, #16248A 0%, #22A9DB 100%) 0% 0% no-repeat padding-box;
}

.header .toolbar .tools .xls {
  background: url("/images/icons/xls.svg") no-repeat center center, linear-gradient(180deg, #16248A 0%, #22A9DB 100%) 0% 0% no-repeat padding-box;
}

.side-menu {
  /* background-color: var(--color_blue-main); */
  height: 100vh;
  transition: all 300ms ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
  color: var(--color_white);
  transform: translateX(-100vw);
  grid-area: sidemenu;
  z-index: 1000;
}

@media only screen and (min-width: 769px) {
  .side-menu {
    transform: translateX(0vw);
    position: relative;
    width: 130px;
    height: 100%;
  }
}

.side-menu .backbutton {
  opacity: 1;
  cursor: pointer;
}

.side-menu .user {
  position: relative;
}

.side-menu .user img {
  transition: all 300ms ease-out;
  scale: 0.9;
  cursor: pointer;
}

.side-menu .user img:hover {
  scale: 1;
}

.side-menu .user input[type=checkbox] {
  position: absolute;
  right: 10px;
  width: 50px;
  height: 50px;
  opacity: 0;
  z-index: 11;
}

.side-menu .user .user-menu {
  background-color: var(--color_white);
  border-radius: 8px;
  border: solid 1px var(--color_blue-main);
  padding: 16px;
  position: absolute;
  bottom: 100%;
  /* right: -50%; */
  right: 0;
  z-index: 0;
  color: var(--color_blue-main);
  opacity: 0;
  transform: translateY(-10%);
  transition: all 200ms ease-in-out;
  cursor: pointer;
}

.side-menu .user .user-menu a {
  text-decoration: none;
  color: var(--color_blue-main);
}

.side-menu .user .user-menu a:hover {
  text-decoration: underline;
}

.side-menu .user input[type=checkbox]:checked+div {
  opacity: 1;
  z-index: 10;
  transform: translateY(0px);
}

.side-menu .nav-list ul li {
  transition: all 300ms ease-in-out;
}

.side-menu .nav-list ul li img {
  transition: all 300ms ease-out;
  scale: 0.9;
}

.side-menu .nav-list ul li img:hover {
  scale: 1;
}

.side-menu.green {
  background-color: var(--color_green);
}

.side-menu.green .nav-list ul li {
  filter: invert(1);
}

.side-menu.blue {
  background-color: var(--color_blue-main);
}

.side-menu.black {
  background-color: var(--color_black);
}

.side-menu.grey {
  background-color: var(--color_grey);
}

.side-menu.open {
  transform: translateX(0vw);
  z-index: 10000;
}

.side-menu.closed {
  transition: all 300ms ease-in-out;
}

@media only screen and (min-width: 769px) {
  .side-menu.closed .nav-list {
    padding: 5px 0px;
    width: 60px;
  }
}

@media only screen and (min-width: 769px) {
  .side-menu.closed .nav-list ul li {
    transition: all 300ms ease-in-out;
    font-size: 0px !important;
    line-height: 1.6rem;
  }

  .side-menu.closed .nav-list ul li img {
    display: block;
    width: 20px;
    height: auto;
    transition: all 300ms ease-in-out;
    scale: 0.9;
  }

  .side-menu.closed .nav-list ul li img:hover {
    scale: 1;
  }
}

@media only screen and (min-width: 769px) {
  .side-menu.closed {
    width: 70px;
    transition: all 300ms ease-in-out;
  }
}

@media only screen and (min-width: 769px) {
  .side-menu.closed .user img {
    width: 40px;
    height: auto;
  }
}

.main {
  background-color: transparent;
  height: 87%;
  overflow: hidden;
  grid-area: main;
  width: 100%;
}

.main .general-info {
  position: relative;
}

.main .general-info .aditional-info {
  background-color: #F7F7F7;
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: all 300ms ease-out;
  transform: translate(-100vw);
}

.main .general-info .aditional-info h5 {
  color: var(--color_text);
}

.main .general-info .aditional-info img {
  width: auto;
  height: auto;
  max-width: 100%;
}

.main .general-info .aditional-info.open {
  transform: translateX(0vw);
}

@media only screen and (min-width: 769px) {
  .main .general-info {
    aspect-ratio: 16/9;
    width: 100%;
    height: auto;
  }

  .main .general-info .aditional-info {
    display: none;
  }
}

@media only screen and (min-width: 769px) {
  .main {
    height: 91vh;
    width: calc(100vw - 150px);
    overflow-y: auto;
  }
}

.main img {
  width: 100%;
  height: auto;
  max-height: 100%;
}

.main .mobile {
  display: block;
}

@media only screen and (min-width: 769px) {
  .main .mobile {
    display: none;
  }
}

.main .desk {
  display: none;
}

@media only screen and (min-width: 769px) {
  .main .desk {
    display: block;
  }
}

.footer {
  background-color: var(--color_2);
  height: 3%;
  overflow: hidden;
  text-align: center;
  display: grid;
  align-content: center;
  grid-area: footer;
  position: relative;
}

@media only screen and (min-width: 769px) {
  .footer {
    height: 100%;
  }
}

.footer h6 {
  color: var(--color_black);
}

.footer .animatedtext {
  animation: moveToLeft 16s linear infinite;
  animation-direction: normal;
}

@keyframes moveToLeft {
  0% {
    transform: translateX(50vw);
  }

  100% {
    transform: translateX(-50vw);
  }
}

.info-card {
  background-color: var(--color_white);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3215686275);
  border-radius: 8px;
  margin: 8px auto;
  padding: 10px;
}

.info-card.control {
  text-align: center;
}

.info-card.control img {
  display: block;
}

.info-card.control .back-button-to-general-info {
  cursor: pointer;
  text-align: left;
  margin: 10px;
}

.info-card.control .user-aditional-info {
  text-align: center;
  margin: 10px auto;
  transition: all 300ms ease-out;
  scale: 0.9;
}

.info-card.control .user-aditional-info:hover {
  scale: 1;
}

.space {
  padding: 10px;
}

/* LOGIN */
.container-slider {
  position: absolute;
  background-image: url("/images/ui/BlueGuard-_430-x-932.jpg");
  background-size: cover;
  background-position: right top;
  height: 100%;
  width: 100%;
  animation: animate 10s linear infinite;
}

@media only screen and (min-width: 769px) {
  .container-slider {
    background-image: url("/images/ui/BlueGuard_1920-x-1280.jpg");
    background-position: right top;
    animation: animate-desk 10s linear infinite;
  }
}

@keyframes animate {
  0% {
    background-image: url("/images/ui/BlueGuard-_430-x-932.jpg");
    background-size: cover;
    background-position: right top;
  }

  20% {
    background-image: url("/images/ui/CleaningSolutions-1-_430-x-932.jpg");
    background-size: cover;
    background-position: right top;
  }

  40% {
    background-image: url("/images/ui/ClearView-_430-x-932.jpg");
    background-size: cover;
    background-position: right top;
  }

  60% {
    background-image: url("/images/ui/PhotoFusion-_430-x-932.jpg");
    background-size: cover;
    background-position: right top;
  }

  80% {
    background-image: url("/images/ui/SL _430 x 932.jpg");
    background-size: cover;
    background-position: right top;
  }

  100% {
    background-image: url("/images/ui/BlueGuard-_430-x-932.jpg");
    background-size: cover;
    background-position: right top;
  }
}

@keyframes animate-desk {
  0% {
    background-image: url("/images/ui/BlueGuard_1920-x-1280.jpg");
    background-size: cover;
    background-position: right top;
  }

  20% {
    background-image: url("/images/ui/CleaninSolutions-1_1920-x-1280.jpg");
    background-size: cover;
    background-position: right top;
  }

  40% {
    background-image: url("/images/ui/ClearView_1920-x-1280.jpg");
    background-size: cover;
    background-position: right top;
  }

  60% {
    background-image: url("/images/ui/PhotoFusion_1920-x-1280.jpg");
    background-size: cover;
    background-position: right top;
  }

  80% {
    background-image: url("/images/ui/SL_1920-x-1280.jpg");
    background-size: cover;
    background-position: right top;
  }

  100% {
    background-image: url("/images/ui/BlueGuard_1920-x-1280.jpg");
    background-size: cover;
    background-position: right top;
  }
}

.container.login {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  flex-direction: column;
  padding: 0px;
}

.login-logo {
  display: none;
  width: 100%;
  height: 20%;
  align-content: center;
  justify-content: center;
}

.login-logo img {
  opacity: 0;
  width: 100%;
  max-width: 120px;
}

@media only screen and (min-width: 769px) {
  .login-logo img {
    opacity: 0;
  }
}

.wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column;
  height: 50%;
  bottom: 0px;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.4);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  transition: all 250ms ease-in-out;
}

@media only screen and (min-width: 769px) {
  .wrapper {
    width: 80%;
    height: 60%;
    position: relative;
  }
}

@media only screen and (min-width: 1025px) {
  .wrapper {
    width: 40%;
    height: 60%;
    position: relative;
  }
}

@media only screen and (min-width: 1300px) {
  .wrapper {
    width: 50%;
    height: 60%;
    position: relative;
  }
}

.wrapper img {
  height: auto;
  display: inline-block;
}

small {
  display: grid;
  grid-template-columns: 35px auto;
  gap: 10px;
  text-align: center;
  padding: 8px;
  margin-top: 16px;
  align-items: center;
  justify-content: center;
}

small span img {
  width: 100%;
}

.form {
  width: 100%;
  height: 100%;
  /*  background-color: var(--color_white); */
  display: grid;
  gap: 10px;
}

.form div {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  align-items: center;
  align-content: center;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
}

.form div .user-login {
  width: 100%;
}

.form div .user-inputs {
  width: 80%;
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin: 5px auto;
  border-radius: 50%;
}

.form input[type=text],
.form input[type=password] {
  padding: 10px 12px;
  border: 1px solid #ccc;
  /* border-radius: 4px; */
  width: calc(100% - 24px);
  font-size: 14px;
  margin: 5px auto;
  border-radius: 20px;
}

.form button {
  background: transparent linear-gradient(180deg, var(--primario) 0%, #22A9DB 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, #16248A 0%, #22A9DB 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 5px;
  opacity: 1;
  color: white;
  font-size: 14px;
  padding: 10px 12px;
  border: none;
  cursor: pointer;
  width: 80%;
}

.form button:hover {
  background-color: var(--color_blue-main);
}

.recover-password {
  text-align: center;
  color: var(--color_black);
  font-size: 14px;
  text-decoration: none;
}

.recover-password:hover {
  text-decoration: underline;
}

/*
.k-draghandle.k-state-selected:hover,
.k-ghost-splitbar-horizontal,
.k-ghost-splitbar-vertical,
.k-list>.k-state-highlight,
.k-list>.k-state-selected,
.k-marquee-color,
.k-panel>.k-state-selected,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-state-selected,
.k-state-selected:link,
.k-state-selected:visited,
.k-tool.k-state-selected {
  background-color: var(--color_blue-main);
  border-color: var(--color_blue-main);
}

.k-grid td.k-state-selected:hover,
.k-grid tr.k-state-selected:hover {
  background-color: var(--color_blue-main);
  background-image: none;
}

.k-list>.k-state-focused.k-state-selected,
.k-listview>.k-state-focused.k-state-selected,
.k-state-focused.k-state-selected,
td.k-state-focused.k-state-selected {
  box-shadow: inset 0 0 3px 1px #0000BE;
}

.k-state-focused.k-state-selected {
  box-shadow: inset 0 0 3px 1px #0000BE;
}
*/

/* ISRAEL */
.side-menu .user .user-menu.show {
  opacity: 1;
  z-index: 10;
  transform: translateY(0px);
}

/* FIN ISRAEL */
.slideshow,
.slideshow:after {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 0;
}

.slideshow:after {
  content: "";
  background: transparent url(../images/pattern.png) repeat top right;
  background-size: cover;
}

.slideshow li span {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  color: transparent;
  background-size: cover;
  background-position: top right;
  background-repeat: none;
  opacity: 0;
  z-index: 0;
  -webkit-backface-visibility: hidden;
  animation: imageAnimation 30s linear infinite 0s;
}

.slideshow li:nth-child(1) span {
  background-image: url("/images/ui/BlueGuard-_430-x-932.jpg");
}

@media only screen and (min-width: 769px) {
  .slideshow li:nth-child(1) span {
    background-image: url("/images/ui/BlueGuard_1920-x-1280.jpg");
  }
}

.slideshow li:nth-child(2) span {
  background-image: url("/images/ui/CleaningSolutions-1-_430-x-932.jpg");
  animation-delay: 6s;
}

@media only screen and (min-width: 769px) {
  .slideshow li:nth-child(2) span {
    background-image: url("/images/ui/CleaninSolutions-1_1920-x-1280.jpg");
  }
}

.slideshow li:nth-child(3) span {
  background-image: url("/images/ui/ClearView-_430-x-932.jpg");
  animation-delay: 12s;
}

@media only screen and (min-width: 769px) {
  .slideshow li:nth-child(3) span {
    background-image: url("/images/ui/ClearView_1920-x-1280.jpg");
  }
}

.slideshow li:nth-child(4) span {
  background-image: url("/images/ui/PhotoFusion-_430-x-932.jpg");
  animation-delay: 18s;
}

@media only screen and (min-width: 769px) {
  .slideshow li:nth-child(4) span {
    background-image: url("/images/ui/PhotoFusion_1920-x-1280.jpg");
  }
}

.slideshow li:nth-child(5) span {
  background-image: url("/images/ui/SL _430 x 932.jpg");
  animation-delay: 24s;
}

@media only screen and (min-width: 769px) {
  .slideshow li:nth-child(5) span {
    background-image: url("/images/ui/SL_1920-x-1280.jpg");
  }
}

/* Animation for the slideshow images */
@keyframes imageAnimation {
  0% {
    opacity: 0;
    animation-timing-function: ease-in;
  }

  8% {
    opacity: 1;
    animation-timing-function: ease-out;
  }

  17% {
    opacity: 1;
  }

  25% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

/* Show at least something when animations not supported */
.no-cssanimations .slideshow li span {
  opacity: 1;
}

@media screen and (max-width: 1140px) {
  .slideshow li div h3 {
    font-size: 100px;
  }
}

@media screen and (max-width: 600px) {
  .slideshow li div h3 {
    font-size: 50px;
  }
}

.expenses {
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 20px;
}

.expenses label {
  display: inline-block;
}

/* GASTOS */
/* #divVistaGasto div span.vistaLabel {
  width: 20%;
  display: inline-block;
} */

#divVistaGasto br {
  display: none;
}

/* Nuevas ventanas */
/*
.k-switch-container {
  scale: 0.8 !important;
  background: #e9e9e9 !important;
  border: 1px #bbb solid !important;
  border-radius: 4px !important;
  height: 35px !important;
  display: flex !important;
  align-items: center !important;
}
  */

.boxPrincipal #boxProveedorDatos.vistaContactoDatos {
  /* display: grid;
  grid-template-columns: 30% auto;
  gap: 40px; */
  display: flex;
}

.boxPrincipal #boxProveedorDatos.vistaContactoDatos .vistaContactoFoto img {
  width: 100%;
}

.boxPrincipal #boxProveedorDatos.vistaContactoDatos .card-info-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.boxPrincipal #boxProveedorDatos.vistaContactoDatos .card-info-container .card-continer-options {
  width: 100%;
}

.boxPrincipal #boxProveedorDatos.vistaContactoDatos .card-info-container .card-continer-options label {
  padding: 0;
  border: none !important;
}

.boxPrincipal #boxProveedorDatos.vistaContactoDatos .card-info-container .card-continer-options .cols3 {
  justify-content: start;
  align-items: center;
}

.boxPrincipal #boxProveedorDatos.vistaContactoDatos .card-info-container .card-continer-options .cols3 span.k-switch-container {
  scale: 0.8;
  width: 84px !important;
  top: 3px !important;
  position: absolute !important;
  right: 58px !important;
}

#divVistaProveedor .container-card-contact span,
#divVistaProveedor .container-card-contact input {
  max-height: 50px;
}

#divVistaProveedor .container-card-contact #boxProveedorContacto.boxPrincipal {
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 0.25rem;
  margin-top: 1rem;
}

#divVistaProveedor .container-card-contact #boxProveedorContacto.boxPrincipal div {
  /* display: grid;
  grid-template-columns: auto auto;
  align-items: center; */
  width: 100%;
  display: flex;
  align-items: center;
}

#divVistaProveedor .container-card-contact #boxProveedorContacto.boxPrincipal div input {
  min-width: 140px;
}

/*
.k-window-content.k-content .container-tab div label,
.k-window-content.k-content .container-tab div input {
  padding: 5px !important;
  font-size: 1rem;
  border: var(--color_blue-main-50) 1px solid;
}

#cxp-proveedores-banco-frm {
  box-sizing: border-box !important;
}
  */

.gastosmain {
  display: grid;
  grid-template-columns: 100% !important;
  gap: 8px !important;
  align-items: center;
}

.gastosmain .grid-2-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0px 10px;
}

.gastosmain .grid-2-col div {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0px;
  align-items: center;
  margin: 0.25rem 0;
}

/* .gastosmain .grid-1col {
  margin-top: -20px;
} */

.gastosmain .grid-1col div {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0px;
  align-items: center;
}

/*
.k-animation-container,
.k-animation-container *,
.k-animation-container ::after,
.k-block .k-header,
.k-dialog .k-window-content,
.k-list-container,
.k-widget,
.k-widget *,
.k-widget ::before {
  box-sizing: border-box !important;
}
*/

/*# sourceMappingURL=zeiss.css.map */

/* STYLES BY CHARLIE */
.calc-center {
  background: red !important;
  top: calc(75% - 500px) !important;
}

.boxPrincipal {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  align-items: baseline !important;
}

.boxPrincipal__basicInfo {
  display: flex !important;
  gap: 2.5% !important;
  width: 100% !important;
}

.boxPrincipal__basicInfo--imgUser {
  width: 25% !important;
}

.boxPrincipal__basicInfo--dataUser {
  display: flex;
  align-items: center;
  width: 72.5% !important;
  /* background: red !important; */
}

.boxPrincipal__basicInfo--switchActive {
  width: 110px !important;
  position: absolute !important;
  /* left: calc(25% - 110px) !important;
  top: 0px !important; */
  top: 3px !important;
  right: 38px !important;
}

.k-switch {
  width: 84px !important;
  background: transparent !important;
}

.k-switch-off.k-state-focused,
.k-switch-off:focus {
  box-shadow: none !important;
}

.k-switch-on.k-state-focused,
.k-switch-on:focus {
  box-shadow: none !important;
}

/*
.k-tabstrip .k-content.k-state-active {
  height: 100% !important;
}
  */

#cxp-proveedores-forma_cheque-div,
#cxp-proveedores-iva-div,
#cxp-proveedores-zona_importacion-div,
#cxp-proveedores-id_externo-div,
#cxp-proveedores-pais-div,
#cxp-proveedores-credito-div {
  display: flex;
  align-items: center;
  padding: 0.25rem 0;
}

.k-widget .k-dropdown {
  width: 100%;
  height: 34px;
  display: flex;
  align-items: center;
}

.k-dropdown-wrap.k-state-default {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  border: var(--color_blue-main-50) 1px solid !important;
}

.k-dropzone {
  border-radius: 4px;
  border: var(--color_blue-main-50) 1px solid !important;
}

.w-100 {
  width: 100%;
}

.h-38 {
  height: 38.4px;
}

.my-1 {
  margin: 25rem 0;
}

.flex {
  display: flex;
}

.justify-center {
  justify-content: center;
}

.items-center {
  align-items: center;
}

.justify-end {
  justify-content: flex-end;
}

.bg-transparent {
  background: transparent;
}

.k-button:focus,
.k-button:active {
  background-color: #0C188D !important;
}

.k-button.k-state-focused,
.k-button:active {
  border-color: #0C188D !important;
  box-shadow: 0 0 4px 1px #0000BE !important;
}

input.k-textbox,
input {
  width: 100%;
  padding: 0.5rem;
  border-radius: 4px;
  outline: none;
  font-size: 0.8rem;
  line-height: 1rem;
  border: 1px solid var(--color_blue-main-50);
}

input.k-textbox:focus {
  border-color: var(--color_blue-main);
}

.k-tabstrip .k-content.k-state-active {
  padding: 2rem 0.25rem;
}

.k-state-selected {
  background-color: var(--color_blue-main);
  border-color: var(--color_blue-main-50);
}

.k-grid tr.k-state-selected:hover {
  background-color: var(--color_blue-main);
}

.k-switch-on:hover .k-switch-handle {
  border-color: var(--color_blue-main-50);
  color: var(--color_blue-main);
  background-color: var(--color_blue-main);
}

.k-switch-on .k-switch-handle {
  border-color: var(--color_blue-main-50);
  color: var(--color_blue-main);
  background-color: var(--color_blue-main);
}

.k-switch-on .k-switch-container {
  color: var(--color_blue-main);
}

.k-switch-on:hover .k-switch-container {
  color: var(--color_blue-main);
}

.container-card-contact {
  width: 90%;
}

.container-card-contact span {
  width: 15%;
  display: flex;
  justify-content: flex-end;
  padding: 0 0.25rem;
  font-weight: 600;
  color: var(--color_blue-main);
}

h1,
h2,
h3 {
  color: var(--color_blue-main);
}

span.vistaLabel {
  min-width: 20%;
  max-width: 20%;
  display: flex;
  justify-content: flex-end;
  padding: 0 0.25rem;
  font-weight: 600;
  text-align: right;
  color: var(--color_blue-main);
}

.vistaContactoDatos {
  width: 100%;
}

.card-continer-options {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.25rem;
}

.card-continer-options input {
  width: auto;
}

label {
  margin: 0;
}