html {
  font-size: 14px;
  font-family: 'Cairo' !important;
  background: #fff !important;
  letter-spacing: 0px;
}

table th {
    text-wrap-mode: nowrap;
}


/* Oculta el menú por defecto */
.fcmcs-user-tray {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding: 0.5rem;
  z-index: 9999;
  min-width: 200px;
}

/* Muestra el menú al hacer hover sobre el contenedor */
.fcmcs-user-hover:hover .fcmcs-user-tray {
  display: block;
}

/* Asegúrate de que el contenedor tiene posicionamiento relativo */
.fcmcs-user-hover {
  position: relative;
  display: inline-block;
}

/* Estilo opcional para los enlaces del menú */
.fcmcs-user-tray ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.fcmcs-user-tray li {
  margin-bottom: 0.5rem;
}

.fcmcs-user-tray li a {
  text-decoration: none;
  color: #333;
}

.fcmcs-user-tray li a:hover {
  text-decoration: underline;
}




/* pàgina de login */

body:not(.user-logged-in) .gin-secondary-toolbar {
    padding: 32px 0;
}

body:not(.user-logged-in) .region-breadcrumb {
	display: none;
}

body:not(.user-logged-in) .gin-breadcrumb-wrapper {
    background-image: url("/sites/default/files/logo-dark_0.png");
    background-repeat: no-repeat;
    background-size: 64px 42px;
    background-position: center left;
    height: 3em;
    width: 100px;
    position: relative;
}

body:not(.user-logged-in) .gin-breadcrumb-wrapper::after {
    content: "MyCloudSolutions";
    position: absolute;
    top: 10px;
    left: 80px;
    font-size: 120%;
    width: max-content;
}

/* final pàgina de login */



/* firma de contrato */
.fcmcs-contrato-submit.form-disabled{

}


.usr-estado-bloqueado .marker {
  background: red !important;
}

.page-title {
	letter-spacing:0px;
}

body {
	height: 100%;
}


.gin-secondary-toolbar .toolbar-secondary .toolbar-bar .toolbar-id--toolbar-icon-user .icon-user {
    overflow: visible;
    border: none;
}

.gin-secondary-toolbar .toolbar-secondary .toolbar-bar .toolbar-tab .toolbar-item {
    width: auto;
    height: auto;
}

.gin-secondary-toolbar .toolbar-secondary .toolbar-bar .toolbar-tab .toolbar-item .icon-user__image {
    width: auto;
    height: auto;
    max-height: 5.5em;
}

#block-gin-footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #2eaadc;
  color: white;
  text-align: center;
  z-index: 9;
  height: 30px;
}

.toolbar .toolbar-bar .toolbar-menu-administration .toolbar-icon::before {
	background: #2faee1;
}

.region-content .block-views {
  border: 1px solid #c9efff !important;
  border-radius: 0px !important;
  margin: 0.5em !important;
}

.pager__items {
  font-weight: 500;
}

table th {
  font-size: 12px;
  color: ;
  text-transform: uppercase;
}

.gin-secondary-toolbar {
  border-block-end: 1px solid rgb(201, 239, 255);
}

#toolbar-item-administration-tray, .toolbar-loading #toolbar-item-administration-tray {
  box-shadow: 0 0 0px rgba(0,0,0,.1),0 0px 0px 0px rgba(0,0,0,.03);
  border-bottom: 1px solid #c9efff;
}

#edit_type_chosen {
  border-radius: 0px;
  height:0px;
}

#edit-submit-bloques-dashboard--2,
#edit-submit-bloques-dashboard {
  border-radius: 0px;
  padding: 10px;
  border: 1px solid #2eaadc !important;
  background: #2eaadc;
  color: #fff;
}

#edit-submit-bloques-dashboard--2:hover,
#edit-submit-bloques-dashboard:hover {
  border-radius: 0px;
  padding: 10px;
  border: 1px solid #2eaadc !important;
  background: #fff;
  color: #2eaadc;
}

tr.estado-229 {
  border: 1px solid #dbdbdb;
  background-color: #ff540014;
}

.estado-228 {
	border: 1px solid #dbdbdb;
	background-color: #EEEEEE7D;
}

.estado-230 {
  border: 1px solid #dbdbdb;
  background-color: #00ff0014;
}

.pager {
  font-family: cairo;
  text-transform: uppercase;
}

.pager li{
	font-weight:500;
}

.view-footer {
  text-align: center;
}


.messages.messages--status {
  color: #fff;
  font-size: 20px;
  line-height: 1.2em;
}

.button--dismiss:hover {
	background-color: #ff0007;
}

.messages.messages--status {
  background: #31abdc;
}

.messages.messages--status .messages__header::before {
  background-color: #00f254;
}

.view-pedidos .view-header {
  background: #31abdd2e !important;
  padding: 10px !important;
}

#edit-submit-pedidos {
  border-radius: 0px !important;
  padding: 9px;
}

.chosen-container {
  border-radius: 0px !important;
}

.button {
  text-transform: uppercase;
  border-radius: 0px !important;
}


html.js.no-touchevents .dropbutton--extrasmall {
  min-width: 0;
  height: 1.75rem;
  min-height: 1.75rem;
  border-radius: 0px;
  border: 1px solid #009ee0;
}

.page-wrapper :focus, .ui-dialog :focus {
  box-shadow: none;
}


#toolbar-item-administration-tray {
  font-family: cairo;
  text-transform: uppercase;
}

.form-element {
  border: 1px solid #009ee0;
  border-radius: 0px;
}

/*
.form-element {
  padding: 3px;
}
*/

#edit-status {
  width: 150px;
}

#edit-field-biblioteca-target-id ul {
  margin-inline: 0px;
}

#edit-field-biblioteca-target-id--wrapper span {
  font-size: 16px;
  color: #000;
  font-weight: 500;
}

:not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox input {
 background-color: #0000003d;
}


.view-servidores-mcs .view-header {
  background: #31abdd2e !important;
  padding: 10px;
}

.view-gestion-usuarios .view-header {
  background: #31abdd2e !important;
  padding: 10px;
}


.view-servidores-mcs .button {
  background: #009ee0;
  color: #fff;
  margin: 0px;
}

.button.button--primary.boton-crear-contenido {
  margin: 0px;
}

.toggle-action-links, .toggle-servicio-links {
  background: #2eaadc !important;
  color: #fff;
  padding: 3px;
}

.toggle-action-links:hover, .toggle-servicio-links:hover {
  background: #000 !important;
  text-decoration: none;
  color: #fff;
}

.toggle-action-links {
	width: 96% !important;
}

.action-links {
  margin: 0px;
}

.server-status-on {
  font-weight: normal !important;
  padding: 3px 10px 3px 10px;
}

.server-status-off {
  color: #fff !important;
  font-weight: normal !important;
  padding: 3px 5px 3px 5px;
  background: red;
    text-align:center;
 }


.server-status-idl {
  color: #fff !important;
  font-weight: normal !important;
  padding: 3px 5px 3px 5px;
  background: #333;
    text-align:center;
 }
 
 .server-status-archived {
  color: #fff !important;
  font-weight: normal !important;
  padding: 3px 5px 3px 5px;
  background: #ffa700 !important;
  text-align:center;
 }

fieldset:not(.fieldgroup) {
  background: #ffffffd6;
  border-color: #c9efff;
}

.fieldset__label {
  font-size: 16px;
  text-transform: uppercase;
  font-weight:700 !important;
  color: #000;
}


.fieldset__label--group, .form-item__label {
  font-size: 13px;
  text-transform: uppercase;
  font-weight:500;
  color: ;
}


.views-field.views-field-view-node a {
  text-transform: uppercase !important;
}

.button, .button:not(:focus), .form-actions .button, .project__action_button, .action-link--icon-trash.action-link {
  border: 1px solid #2eaadc;
}

.field--type-entity-reference-revisions .field__items > .field__item {
  border-top: 1px solid #2eaadc !important;
}

.gin-secondary-toolbar {
  padding: 46px 0;
}

.view-entregas {
  margin-top: 15px;
}

.node-type-entrega_backup #block-gin-content {
  background: #fff;
  padding: 30px;
  border: 1px solid #c9efff;
  line-height: 30px;
}


.node-type-entrega #block-gin-content {
  background: #fff !important;
  padding: 30px;
  border: 1px solid #c9efff;
  line-height: 30px;
}

.view-razon-social .view-content {
  padding: 1em 2em;
  border: 0px !important;
  border-radius: 0px;
  box-shadow: none;
  text-transform: uppercase;
  background: #fff;
  font-size: 14px;
  color: #4f4f4f;
  font-weight: 600;
}

#block-gin-content .profile {
  background: #fff;
  padding: 20px;
  line-height: 29px;
}

.node.node--type-solicitud-bitdefender.node--promoted.node--view-mode-full .button {
  margin-top: 20px;
}

.toggle-servicio-links {
  background: black;
  color: #fff;
  text-align: center;
  margin: 0;
  width: 100%;
  display: block;
  font-weight: 500;
  text-decoration: none;
  line-height: 12px;
  padding: 11px 1px 11px 0px;
  text-transform: uppercase;
  width: 140px;
  font-size: 12px;
}

.views-field.views-field-field-razon-social {
  font-weight: bold;
}

.messages--error {
  color: #fff;
  background: #f00;
}

#gin-toolbar-bar {
  border-top: 6px solid #2eaadc;
}

.estado-272 {
  border-top: 2px solid #209520;
  border-bottom: 2px solid #209520;
}

.toggle-servicio-links {
  width: 169px !important;
}

.servicio-links-wrap .action-link {
  border-radius: 0px;
  width: 140px;
}


.field.field--name-user-picture.field--type-image.field--label-hidden.field__item {
  border-bottom: 1px solid #c9efff;
  text-align: left;
  margin-bottom: 11px;
}

#toolbar-item-user-secondary {
  font-family: cairo !important;
  text-transform: uppercase;
  color: #2eaadc;
  font-size: 14px;
}

.toolbar-lining.clearfix a {
  font-family: cairo !important;
  text-transform: uppercase;
  color: ;
  font-size: 12px;
}


.messages__content {
  margin-bottom: 12px;
}

.field.field--name-field-descripcion.field--type-string-long.field--label-above {
  border-top: 1px solid #c9efff;
  padding-top:10px;
  }
  
  #block-gin-footer p {
  margin-top: 4px;
}

.field--type-entity-reference-revisions .field__items > .field__item {
  margin-bottom: 1em !important;
}

#edit-field-agentes-adicionales-err-actions-ief-add {
  background-color: #009ee0;
  color: #fff;
}

#edit-field-agentes-adicionales-err-actions-ief-add:hover {
  background-color: #0085c7;
  color: #fff;
}

.estado-231 {
  background: #ff000024;
}

.views-field.views-field-field-estado {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
}

.toolbar-tab {
  font-family: cairo;
  text-transform: uppercase;
}

.views-field .marker {
  color: #fff;
  background: #00b73f;
  border-radius: 0px;
  text-transform: uppercase;
}

#edit-field-field-licencias-ms365-rev,
#edit-field-dispositivos-rev,
#edit-field-servidores,
#edit-field-agente-principal {
  background: #c9efff61;
}

.modulo-adicional-group {
  background: #eaf9ff;
  padding: 10px;
}

#edit-field-agentes-adicionales-err {
  background-color: #e6e6e661;
}

.claro-details {
  background: #eaf9ff;
  border: 1px solid #c9efff;
}

.claro-details__summary {
  background: #d1f2ff;
  border-bottom: 1px solid #c9efff;
  text-transform: uppercase;
}

table tr:hover {
	background:#2eaadc17;
}

.dropbutton-widget, html.js .dropbutton-widget {
  background-color: #fff;
  text-transform: uppercase;
}

.node-type-solicitud_mcs_server .enlace-entrega-servicio {
  float: left;
}
.node-type-solicitud_mcs_server .enlace-entrega-servicio {
  margin-left: 1px !important;
}

.node-type-solicitud_mcs_server .enlace-entrega-servicio {
  float: left;
}
.node-type-solicitud_mcs_server .enlace-entrega-servicio {
  margin-left: 1px !important;
}


.node-type-solicitud_mcs_server .field.field--name-field-servidores.field--type-entity-reference-revisions.field--label-above {
  background: #c9efff61;
  padding: 20px;
}


#edit-field-field-licencias-ms365-rev-form-0-field-compromiso,
#edit-field-periodicidad-list,
#edit-field-servidores-form-0-field-tipo-vcores,
#edit-field-agente-principal-form-0-field-tipo-servicio-ag-ad,
#edit-field-dispositivos-rev-form-0-field-extension-utm,
#edit-field-servidores-form-0-field-espacio-contratado {
  width: 150px;
}

.form-element:hover:focus {
  box-shadow: none !important;
}

.js-form-item .form-item__description {
	background-size: 13px 13px  !important;
}

.dropbutton__item:first-of-type > :focus:hover, .dropbutton__item:first-of-type > .button:focus:hover {
  box-shadow: none;
}

.node-type-solicitud_backup .field.field--name-field-agente-principal.field--type-entity-reference-revisions.field--label-above {
  background: #c9efff61;
  padding: 20px;
}

.node-type-solicitud_backup .field.field--name-field-agentes-adicionales-err.field--type-entity-reference-revisions.field--label-above {
  background: #e6e6e661;
  padding: 20px;
}

.node-type-solicitud_ms365 .field.field--name-field-field-licencias-ms365-rev.field--type-entity-reference-revisions.field--label-above {
  background: #c9efff61;
  padding: 20px;
}

.node-type-solicitud_zyxel .field.field--name-field-dispositivos-rev.field--type-entity-reference-revisions.field--label-above {
  background: #c9efff61;
  padding: 20px;
}

.node-type-solicitud_zyxel .button.button--primary.boton-crear-contenido.enlace-accion.enlace-entrega-servicio {
  margin-top: 20px;
}

.region-sticky__items__inner {
  border-bottom: 1px solid #c9efff;
  border-left: 4px solid #2eaadc;
  padding-left: 10px;
  height: 62px;
}

.region.region-sticky h1 {
  color: ;
}

#view-title-table-column {
  width: 275px;
}

.no-touchevents .dropbutton--extrasmall .dropbutton__item:first-of-type > * {
  line-height: 12px;
}

.dropbutton--multiple .dropbutton__item:first-of-type > * {
  border-radius: 0px;
}
.toolbar-horizontal .toolbar-tray .menu-item a:focus {
  box-shadow: none;
}

.node-type-solicitud_mcs_server .field.field--name-field-pedido-servidores.field--type-entity-reference-revisions.field--label-above {
  padding: 0px;
  margin-bottom: 0px;
}

.page-title {
  font-size: 24px;
}

.clearfix.text-formatted.field.field--name-field-txt-contr-aceptado.field--type-text-long.field--label-above {
  margin-top: 30px;
}

.views-exposed-form__item.views-exposed-form__item--preceding-actions.js-form-item.form-item.js-form-type-select.form-type--select.js-form-item-items-per-page.form-item--items-per-page label {
  font-size: 10px;
}

#edit_term_node_tid_depth_chosen {
  height: 0px;
}

#edit-items-per-page {
  width: 100%;
  height: 42px;
}

#edit-reset {
  margin-left: 3px;
}

#edit-title {
  height: 0px;
}

#edit_type__2_chosen {
  height: 0px;
}

#edit-user {
  height: 0px;
}


#edit_field_cat_tarifas_target_id_chosen {
  height: 0px;
}


body.path-tarifas .page-content.clearfix {
  height: 100vh;
}

body.path-user .page-content.clearfix {
  height: 100vh;
}


body.page-node-type-mcs-server .page-content.clearfix {
  height: 100vh;
}


body.node-view-mode .administrative-area::before {
  content: '(';
}

body.node-view-mode .administrative-area::after {
  content: ')';
}

.path-user .field--name-field-direccion .administrative-area::before {
  content:  normal !important;
}

.path-user .field--name-field-direccion .administrative-area::after {
  content:  normal  !important;
}


/* DARK MODE */


.gin--dark-mode[data-gin-focus="custom"], .gin--dark-mode [data-gin-focus="custom"] {
  color: #000;
}

.gin--dark-mode a.button--primary:hover {
  color: #fff;
}

.gin--dark-mode .edit.dropbutton__item.dropbutton-action a {
  color: #000;
}

.gin--dark-mode table tr:hover {
  background: #2eaadc36;
}

.gin--dark-mode .field__label {
  color: #fff;
}

.gin--dark-mode .field__item {
  color: #fff;
}

.gin--dark-mode .node-type-entrega_backup #block-gin-content {
  background: #ffffff30;
}

.gin--dark-mode #block-gin-content .profile {
  background: #ffffff30 !important;
}

.gin--dark-mode fieldset:not(.fieldgroup) {
  background: #ffffff1f;
  border-color: #fff;
}

.gin--dark-mode .fieldset__label {
  color: #fff;
}

.gin--dark-mode .region-content .block-views {
  background-color: #000;
}

.gin--dark-mode .region-content .block-views h2 {
  color: #fff;
}

.gin--dark-mode .field.field--name-title.field--type-string.field--label-above {
  color: #fff;
}

.gin--dark-mode .view-footer {
  color: #fff !important;
}

.gin--dark-mode .node-type-solicitud_mcs_server .field.field--name-field-servidores.field--type-entity-reference-revisions.field--label-above {
  background: #000;
}

.gin--dark-mode #edit-field-field-licencias-ms365-rev, .gin--dark-mode .gin--dark-mode #edit-field-dispositivos-rev, .gin--dark-mode #edit-field-servidores, .gin--dark-mode #edit-field-agente-principal {
  background: #000;
}

.gin--dark-mode .claro-details__summary {
  background: #000;
}

.gin--dark-mode  .file__size {
  color: #fff;
}

.gin--dark-mode .modulo-adicional-group {
  background: #313131 !important;
}


.gin--dark-mode .node-type-solicitud_backup .field.field--name-field-agente-principal.field--type-entity-reference-revisions.field--label-above {
  background: #79797961;
}
  
.gin--dark-mode #node-contrato-form {
  color: #fff !important;
}
  

/* DARK MODE */