/*FUENTE*/
@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');
/*GENERAL*/
:root {
  --c-primario:   #6C1250;
  --c-secundario: #2B50B9;
  --c-poscuro:    #7a1d6c;
  --c-soscuro:    #02093D;

  --c-pendiente:  #d1d1d1;
  --c-procesado:  #bcdfc7;
  --c-rechazado:  #e9c4ca;
  --c-sustituido: #eeeab5;

  --c-amarillo:   #F9E79F;
  --c-verde:      #A9DFBF;
  --c-naranja:    #FAD7A0;
  --c-azul:       #AED6F1;
  --c-morado:     #D2B4DE;
  --c-rojo:       #F5B7B1;
  --c-aqua:       #69D4DA;
  --c-celeste:    #78CAF5;
  --c-rey:        #78A5F5;
  --c-gris:       #D5DBDB;
}

html,
body {
  height: 100%;
  border: 0 !important;
  margin: 0 !important;
}
body {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: normal;
}
body.role-anonymous.path-frontpage {
  overflow: hidden;
  background: #7f259d;
}
body.role-anonymous .page-wrapper {
  /*background-position: center right;
  background-image: url(../assets/fondo2.png) !important;
  background-repeat: no-repeat;*/
  background: -webkit-linear-gradient(129deg, #7f259d,#4c1976,#241149);
  background: linear-gradient(129deg, #7f259d,#4c1976,#241149);
  margin: 0;
  height: 100%;
}
table tbody td {
  font-weight: 300;
}
table td {
  font-weight: 300;
}
/*COLORES*/
.preservece-amarillo {
  background-color: var(--c-amarillo);
}
.preservece-verde {
  background-color: var(--c-verde);
}
.preservece-naranja {
  background-color: var(--c-naranja);
}
.preservece-azul {
  background-color: var(--c-azul);
}
.preservece-morado {
  background-color: var(--c-morado);
}
.preservece-rojo {
  background-color: var(--c-rojo);
}
.preservece-aqua {
  background-color: var(--c-aqua);
}
.preservece-celeste {
  background-color: var(--c-celeste);
}
.preservece-rey {
  background-color: var(--c-rey);
}
.preservece-gris {
  background-color: var(--c-gris);
}
/*GENERAL INTERNO*/
body.role-authenticated .fieldset__label,
body.role-authenticated .fieldset__label--group,
body.role-authenticated .form-item__label {
  color: var(--c-poscuro);
}
body.role-authenticated .gin-secondary-toolbar {
  padding-left: 25px;
  padding-right: 25px;
  margin: 0 !important;
}
body.role-authenticated .gin-secondary-toolbar .toolbar-secondary .toolbar-bar .toolbar-tab .toolbar-item {
  color: white;
}
body.role-authenticated .gin-secondary-toolbar .toolbar-secondary .toolbar-bar .toolbar-tab .toolbar-item:hover {
  color: white;
}
body.role-authenticated .toolbar.toolbar-secondary .toolbar-bar .toolbar-tab > .toolbar-icon::before,
body.role-authenticated .toolbar.toolbar-secondary .toolbar-bar .toolbar-tab > .responsive-preview-icon::before {
  background-color: white;
}
body.role-authenticated .toolbar.toolbar-secondary .toolbar-bar .toolbar-tab > .toolbar-icon:hover::before {
  background-color: white;
}
body.role-authenticated .gin-breadcrumb__list {
  display: none;
}

/*HEADER ACCESO*/
body.role-anonymous header.region-sticky {
  background: transparent;
  padding-top: 200px;
  padding-bottom: 40px;
  position: relative;
}
body.role-anonymous header.region-sticky::before {
  content: "";
  width: 250px;
  height: 140px;
  position: absolute;
  display: inline-block;
  background-position: center;
  background-image: url(../assets/logo-perservece-white.png) !important;
  background-repeat: no-repeat;
  background-size: contain;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-height: 580px) {
  body.role-anonymous header.region-sticky {
    padding-top: 30px;
  }
  body.role-anonymous header.region-sticky::before {
    width: 150px;
    height: 84px;
  }
  body.role-anonymous header.region-sticky .region-sticky__items {
    display: none;
  }
}
/*LOGIN Y CONTRASEÑA*/
body.role-anonymous .gin-breadcrumb__link {
  color: white;
}
body.role-anonymous .gin-breadcrumb__item:first-of-type .gin-breadcrumb__link::before {
  background-color: white;
}
body.role-anonymous .page-content {
  margin-bottom: 0;
}
body.role-anonymous .sticky-shadow {
  display: none;
}
body.role-anonymous .block-system-main-block > form.user-login-form,
body.role-anonymous .block-system-main-block > form.user-pass {
  width: 400px;
  margin: 25px auto;
}
body.role-anonymous .region-sticky__items .block-page-title-block {
  justify-content: center;
}
body.role-anonymous .is-horizontal .tabs--primary,
body.role-anonymous .is-horizontal .tabs--secondary {
  justify-content: center;
}
body.role-anonymous .page-title {
  color: white;
}
body.role-anonymous .is-horizontal .tabs--primary .tabs__link {
  border: solid transparent 1px;
}
body.role-anonymous .is-horizontal .tabs--primary .tabs__link.is-active {
  border: solid white 1px;
}
body.role-anonymous .is-horizontal .tabs--primary .tabs__link,
body.role-anonymous .is-horizontal .tabs--primary .tabs__link.is-active {
  color: white;
}
body.role-anonymous .is-horizontal .tabs--primary .tabs__link:hover {
  background: var(--c-poscuro);
}
/*HEADER INTERNO*/
body.role-authenticated #toolbar-item-administration-tray {
  border-bottom: solid 2px var(--c-poscuro);
  background: -webkit-linear-gradient(90deg, #ffffff,#e0c2f5);/* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(90deg, #ffffff,#e0c2f5);/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
body.role-authenticated .toolbar-horizontal .toolbar-tray .menu-item--expanded.menu-item--expanded,
body.role-authenticated .toolbar .toolbar-tray-horizontal .toolbar-menu {
  /*background-color: transparent;*/
}
/*COORDINADOR*/
body.role-authenticated.role-coordinador .gin-secondary-toolbar {
  background: #D62BA1;
}
body.role-authenticated.role-coordinador .gin-secondary-toolbar .toolbar-secondary .toolbar-bar .toolbar-tab:hover .toolbar-icon {
  background-color: #660033;
}
/*GESTOR*/
body.role-authenticated.role-gestor .gin-secondary-toolbar {
  background: var(--c-secundario);
}
body.role-authenticated.role-gestor .fieldset__label,
body.role-authenticated.role-gestor .fieldset__label--group,
body.role-authenticated.role-gestor .form-item__label {
  color: var(--c-secundario);
}
body.role-authenticated.role-gestor table th,
body.role-authenticated.role-gestor table th .form-item__label {
  color: var(--c-secundario);
}
body.role-authenticated.role-gestor .gin-secondary-toolbar .toolbar-secondary .toolbar-bar .toolbar-tab:hover .toolbar-icon {
  background-color: var(--c-soscuro);
}
/*BANNERS*/
.preservece-inbox-banner {
  background-image: url(../assets/banner-inbox-b.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-blend-mode: revert;
  background-color: var(--c-poscuro);
  position: relative;
  height: 120px;
  margin-top: 25px;
  margin-bottom: 25px;
  border-radius: 10px;
  overflow: hidden;
}
.preservece-inbox-banner::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5;
  background: -webkit-linear-gradient(90deg, #0334b0,#ee25b1);
  background: linear-gradient(90deg, #0334b0,#ee25b1);
  mix-blend-mode: plus-lighter;
}
.preservece-ordenes-banner {
  background-image: url(../assets/banner-ordenes-b.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-blend-mode: revert;
  background-color: var(--c-poscuro);
  position: relative;
  height: 120px;
  margin-top: 25px;
  margin-bottom: 25px;
  border-radius: 10px;
  overflow: hidden;
}
.preservece-ordenes-banner::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5;
  background: -webkit-linear-gradient(90deg, #0334b0,#ee25b1);
  background: linear-gradient(90deg, #0334b0,#ee25b1);
  mix-blend-mode: plus-lighter;
}
.preservece-medicos-banner {
  background-image: url(../assets/banner-medicos-b.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-blend-mode: revert;
  background-color: var(--c-poscuro);
  position: relative;
  height: 120px;
  margin-top: 25px;
  margin-bottom: 25px;
  border-radius: 10px;
  overflow: hidden;
}
.preservece-medicos-banner::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5;
  background: -webkit-linear-gradient(90deg, #0334b0,#ee25b1);
  background: linear-gradient(90deg, #0334b0,#ee25b1);
  mix-blend-mode: plus-lighter;
}
.preservece-notificaciones-banner {
  background-image: url(../assets/banner-notificaciones-b.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-blend-mode: revert;
  background-color: var(--c-poscuro);
  position: relative;
  height: 120px;
  margin-top: 25px;
  margin-bottom: 25px;
  border-radius: 10px;
  overflow: hidden;
}
.preservece-notificaciones-banner::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5;
  background: -webkit-linear-gradient(90deg, #0334b0,#ee25b1);
  background: linear-gradient(90deg, #0334b0,#ee25b1);
  mix-blend-mode: plus-lighter;
}
/*BANDEJA DE ENTRADA*/
.preservece-inbox .view-filters .fieldset--group .form-checkboxes {
  display: flex;
  flex-direction: row;
}
.preservece-inbox .view-filters .fieldset--group .form-checkboxes .form-type--checkbox {
  margin-right: 25px;
}
.preservece-inbox .view-filters .fieldset--group .form-checkboxes .form-type--checkbox .form-item__label {
  color: black;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.preservece-inbox .view-filters .fieldset--group .form-checkboxes .form-type--checkbox .form-item__label::before {
  content: "";
  width: 23px;
  height: 23px;
  display: inline-block;
  margin-right: 8px;
  position: relative;
  border-radius: 100%;
  background: #f6f6f6;
}
.preservece-inbox .view-filters .fieldset--group .form-checkboxes .form-type--checkbox.form-item--field-estatus-value-1 .form-item__label::before {
  background: var(--c-pendiente);
}
.preservece-inbox .view-filters .fieldset--group .form-checkboxes .form-type--checkbox.form-item--field-estatus-value-2 .form-item__label::before {
  background: var(--c-procesado);
}
.preservece-inbox .view-filters .fieldset--group .form-checkboxes .form-type--checkbox.form-item--field-estatus-value-3 .form-item__label::before {
  background: var(--c-rechazado);
}
.preservece-inbox .view-filters .fieldset--group .form-checkboxes .form-type--checkbox.form-item--field-estatus-value-4 .form-item__label::before {
  background: var(--c-sustituido  );
}
.preservece-inbox .view-content {
  padding: 0;
}
.preservece-inbox .view-content table.views-table {
  border-collapse: collapse;
  border-radius: 10px;
  overflow: hidden;
  margin: 0;
}
.preservece-inbox .view-content table.views-table .preservece-estatus-1,
.preservece-inbox .view-content table.views-table .preservece-estatus-2,
.preservece-inbox .view-content table.views-table .preservece-estatus-3,
.preservece-inbox .view-content table.views-table .preservece-estatus-4 {
  filter: brightness(130%);
  transition: filter 0.5s ease-in-out;
}
.preservece-inbox .view-content table.views-table .preservece-estatus-1 {
  background: var(--c-pendiente);
}
.preservece-inbox .view-content table.views-table .preservece-estatus-2 {
  background: var(--c-procesado);
}
.preservece-inbox .view-content table.views-table .preservece-estatus-3 {
  background: var(--c-rechazado);
}
.preservece-inbox .view-content table.views-table .preservece-estatus-4 {
  background: var(--c-sustituido);
}

.preservece-inbox .view-content table.views-table .preservece-estatus-1:hover,
.preservece-inbox .view-content table.views-table .preservece-estatus-2:hover,
.preservece-inbox .view-content table.views-table .preservece-estatus-3:hover,
.preservece-inbox .view-content table.views-table .preservece-estatus-4:hover {
  filter: contrast(100%);
}
/*ORDENES*/
.preservece-ordenes .view-content table .views-field-field-imagen img {
  width: 180px;
  height: auto;
}