@import url('https://fonts.googleapis.com/css2?family=Momo+Trust+Display&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Elms+Sans:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Momo+Trust+Display&display=swap');

a{
  color: #023543 !important;
}

.dropdown-menu>.active>a{
  background-color: #023543 !important;
}

.crmEntityFormView .actions{
  border-top: 0px !important;
}

/*INICIO SESIÓN*/
#content-container{
  min-height: calc(100vh - 320px);
  align-content: center;
}

#navbar > div.navbar-right.menu-bar > ul > li.dropdown.open > ul > li:nth-child(1){
  display: none;
}

#navbar > div.navbar-right.menu-bar > ul > li.weblink.dropdown.open > ul > li.divider{
  display: none;
}

.btn-primary{
  color: white !important;
  background-color: #023543 !important;
  border-color: #023543 !important;
}

.btn-primary:hover{
  background-color: #095a6f !important;
  border-color: #095a6f !important;
}

.btn-primary:active{
  background-color: #095a6f !important;
  border-color: #095a6f !important;
}

/* #navbar > div.navbar-right.menu-bar.xrm-entity.xrm-editable-adx_weblinkset > ul > li:nth-child(1){
  display: none;
} */

/* #navbar > div.navbar-right.menu-bar > ul > li:nth-child(1){
  display: none;
} */

#navbar > div.navbar-right.menu-bar > ul > li:nth-child(6){
  display: none;
}

#navbar > div.navbar-right.menu-bar.xrm-entity.xrm-editable-adx_weblinkset > ul > li:nth-child(2){
  display: none;
}

#navbar > div.navbar-right.menu-bar > ul > li:nth-child(2){
  display: none;
}

/* #navbar > div.navbar-right.menu-bar > ul > li:nth-child(4){
  display: none;
} */ 

body > div.navbar.navbar-inverse.navbar-static-top > div.container > div.navbar-header > div.visible-sm-block.visible-md-block.visible-lg-block.navbar-brand{
  margin-top: -25px;
  margin-left: -20px;
}

body > div.navbar.navbar-inverse.navbar-static-top > div.container > div.navbar-header{
  margin-top: 20px;
}

body > div.navbar.navbar-inverse.navbar-static-top > div.container > div.navbar-header > button{
  margin-top: 0px;
  background-color: black;
}

#navbar{
  margin-top: 10px;
}

#mainContent > div.row > div:nth-child(1) > form > div > div:nth-child(5){
  display: none;
}

#content > ul{
  display: none;
}

#content > ul > li:nth-child(2){
  display: none;
}

#content > ul > li:nth-child(3){
  display: none;
}

#mainContent > div.row > div:nth-child(2){
  display: none;
}

#mainContent > div.row > div:nth-child(1) > form > div > div:nth-child(6) > div > a{
  display: none;
}

#mainContent > div.row{
  display: flex;
  justify-content: center;
}

#mainContent > div.row > div:nth-child(1) > form > div > div:nth-child(3) > label{
  word-break: break-word;
}

#navbar .dropdown-menu{
  border: 1px solid black !important;
}

/*TABLA*/
#content_form{
  min-height: calc(100vh - 244px);
  margin-bottom: 0px;
}

body > div.container{
  min-height: calc(100vh - 244px);
  margin-bottom: 0px;
}

#content_form > div.page-heading > div > ul{
  display: none;
}

.table {
  border-bottom: 1px solid lightgray !important;
}

table{
  border: 1px solid lightgrey;
}

#content_form > div.page-heading > div > div.page-header{
  border-bottom: 0px solid #eee !important;
}

#EntityListControl > div{
  background-color: lightgrey !important;
  padding-top: 15px;
  border: 1px solid;
}

#EntityListControl > div > div > div > div.view-toolbar.grid-actions.clearfix{
  padding-left: 10px;
  padding-right: 12px;
}

#EntityListControl > div > div > div > div.view-pagination > div > ul > li.disabled > a{
  background-color: lightgrey !important;
}

#mainContent > div.entitylist{
  background-color: whitesmoke;
  /* padding-bottom: 15px;
  padding-top: 30px; */
}

.grid-actions{
    border-bottom: 0px solid #eee !important; 
    margin-bottom: 0px !important;  
    padding-bottom: 9px;
}

table tbody tr:nth-child(odd) {
  background-color: #D7E9EE !important;
}

table tbody tr:nth-child(even) {
  background-color: #F0F7F9 !important;
}

#mainContent > div.case-deflection > div{
  display: none;
}

body > div.container > div.page-heading > ul{
  display: none;
}

#EntityListControl > div > div > div > div.view-toolbar.grid-actions.clearfix > div > div:nth-child(3) > a{
  color: white !important;
  background-color: #023543 !important;
  border-color: #023543 !important;
}

#EntityListControl > div > div > div > div.view-toolbar.grid-actions.clearfix > div > div:nth-child(3) > a:hover{
  background-color: #095a6f !important;
  border-color: #095a6f !important;
}

.btn-default{
  color: #023543 !important;
  border-color: #023543 !important;
}

.btn-default:hover{
  color: #023543 !important;
  border-color: #023543 !important;
}

.pagination>.active>a{
  background-color: #095a6f !important;
  color: white !important;
}

.pagination>.active>a:hover{
  background-color: #095a6f !important;
}

.pagination>.active>a:focus{
  background-color: #095a6f !important;
}

/*CASO*/
#mainContent > div.entitylist > div > div.view-empty.message{
  text-align: center;
  background-color: #D7E9EE;
  height: 36px;
  border: 1px solid lightgray;
  padding-top: 8px;
}

#EntityFormControl_5f06cefa423444fc861b0462fcc7bc76_EntityFormView > div.tab.clearfix > div > div > fieldset > table > tbody > tr:nth-child(1){
  display: none;
}

#EntityFormControl_5f06cefa423444fc861b0462fcc7bc76_EntityFormView > div.tab.clearfix > div > div > fieldset > table > tbody > tr:nth-child(2){
  display: none;
}

#EntityFormControl_5f06cefa423444fc861b0462fcc7bc76_EntityFormView > div.tab.clearfix > div > div > fieldset > table > tbody > tr:nth-child(3){
  display: none;
}

#EntityFormControl_5f06cefa423444fc861b0462fcc7bc76_EntityFormView > div.tab.clearfix > div > div > fieldset > table > tbody > tr:nth-child(7){
  display: none;
}

#EntityFormControl_5f06cefa423444fc861b0462fcc7bc76_EntityFormView > div.tab.clearfix > div > div > fieldset > table > tbody > tr:nth-child(5){
  background-color: #F0F7F9 !important;
}

#EntityFormControl_5f06cefa423444fc861b0462fcc7bc76_EntityFormView > div.tab.clearfix > div > div > fieldset > table > tbody > tr:nth-child(9){
  background-color: #F0F7F9 !important;
}

/*CREAR CASO*/
#EntityFormControl_a5fe9a5d4cb8413db02e77d2214eb5ad_EntityFormView > div.tab.clearfix > div > div > fieldset > table > tbody > tr:nth-child(1){
  display: none;
}

#EntityFormControl_a5fe9a5d4cb8413db02e77d2214eb5ad_EntityFormView > div.tab.clearfix > div > div > fieldset > table > tbody > tr:nth-child(2){
  display: none;
}

#EntityFormControl_a5fe9a5d4cb8413db02e77d2214eb5ad_EntityFormView > div.tab.clearfix > div > div > fieldset > table > tbody > tr:nth-child(3){
  display: none;
}

#EntityFormControl_a5fe9a5d4cb8413db02e77d2214eb5ad_EntityFormView > div.tab.clearfix > div > div > fieldset > table > tbody > tr:nth-child(5){
  background-color: #F0F7F9 !important;
}

#EntityFormControl_a5fe9a5d4cb8413db02e77d2214eb5ad_EntityFormView > div.tab.clearfix > div > div > fieldset > table > tbody > tr:nth-child(7){
  display: none;
}

#EntityFormControl_a5fe9a5d4cb8413db02e77d2214eb5ad_EntityFormView > div.tab.clearfix > div > div > fieldset > table > tbody > tr:nth-child(9){
  background-color: #F0F7F9 !important;
}

.page-header{
  border-bottom: 0px !important;
}

.breadcrumb{
  display: none;
}

/*EDITAR CASO*/
#EntityFormPanel > div.row.form-custom-actions > div:nth-child(1) > div > button.cancel-case-link.btn-danger.btn{
  display: none;
}

#EntityFormPanel > div.row.form-custom-actions > div:nth-child(1) > div > button.close-case-link.btn-success.btn{
  display: none;
}

/* #UpdateButton{
  display: none;
} */

/*DETALLE DEL PEDIDO*/
#EntityFormControl_1ad57f6c697742d2bef35838f01f4d30_EntityFormView > div:nth-child(7) > div > div > fieldset > table > tbody > tr:nth-child(1){
  background-color: #F0F7F9 !important;
}

input{
  background-color: white !important;
  border: 1px solid #949494 !important;
}

.crmEntityFormView .cell{
  margin-bottom: 0px !important;
}

textarea{
  background-color: white !important;
}

#EntityFormControl_1ad57f6c697742d2bef35838f01f4d30_EntityFormView > div:nth-child(7) > div > div > fieldset > table > tbody > tr:nth-child(3){
  background-color: #F0F7F9 !important;
}

#EntityFormControl_1ad57f6c697742d2bef35838f01f4d30_EntityFormView > div:nth-child(7) > div > div > fieldset > table{
   background-color: #F0F7F9 !important;
}

#Customer_Contacts > div > div.view-toolbar.grid-actions.clearfix > div > div:nth-child(1) > a{
  color: white !important;
  background-color: #023543 !important;
  border-color: #023543 !important;
}

#Customer_Contacts > div > div.view-toolbar.grid-actions.clearfix > div > div:nth-child(1) > a:hover{
  background-color: #095a6f !important;
}

#EntityFormControl_1ad57f6c697742d2bef35838f01f4d30_EntityFormView > div:nth-child(7) > div > div > fieldset > table > tbody > tr:nth-child(2){
  display: none;
}

#EntityFormControl_1ad57f6c697742d2bef35838f01f4d30_EntityFormView > div:nth-child(11) > div > div > fieldset > table > tbody > tr:nth-child(1){
  background-color: #F0F7F9 !important;
}

.crmEntityFormView .cell {
  padding: 15px 15px 15px !important;
}

.crmEntityFormView .tab-title{
  border-bottom: 0px !important;
}

#EntityFormControl_EntityFormView > div.tab.clearfix > div > div > fieldset:nth-child(2) > table > tbody > tr:nth-child(2){
  display: none;
}

#EntityFormControl_EntityFormView > div.tab.clearfix > div > div > fieldset:nth-child(2) > table > tbody > tr:nth-child(3){
  display: none;
}

#EntityFormControl_EntityFormView > div.tab.clearfix > div > div > fieldset:nth-child(2) > table > tbody > tr:nth-child(5){
  display: none;
}

#EntityFormControl_EntityFormView > div.tab.clearfix > div > div > fieldset:nth-child(2) > table > tbody > tr:nth-child(6){
  display: none;
}

#EntityFormControl_EntityFormView > div.tab.clearfix > div > div > fieldset:nth-child(2) > table > tbody > tr:nth-child(7){
  display: none;
}

#EntityFormControl_EntityFormView > div.tab.clearfix > div > div > fieldset:nth-child(2) > table > tbody > tr:nth-child(8){
  display: none;
}

/*CREAR OPOR*/
#EntityFormControl_EntityFormView > div.tab.clearfix > div > div > fieldset:nth-child(1) > table > tbody > tr:nth-child(1){
  background-color: #F0F7F9 !important;
}

#EntityFormControl_EntityFormView > div.tab.clearfix > div > div > fieldset:nth-child(1) > table > tbody > tr:nth-child(5){
  display: none;
}

.crmEntityFormView .section-title.show-bar{
  border-bottom-width: 0px !important;
}

/*REGISTRAR OPOR*/
#EntityFormControl_EntityFormView > div.tab.clearfix > div > div > fieldset > table > tbody > tr:nth-child(3){
  background-color: #F0F7F9 !important;
}

/*CREAR CONTACTO DE LA OPOR*/
#EntityFormControl_EntityFormView > div.tab.clearfix > div > div > fieldset > table > tbody > tr:nth-child(7){
  background-color: #F0F7F9 !important;
} 

/*EDITAR CUENTA*/
#Contacts > div > div.view-toolbar.grid-actions.clearfix > div > div:nth-child(2) > a{
  color: white !important;
  background-color: #095a6f !important;
}

#Contacts > div > div.view-toolbar.grid-actions.clearfix > div > div:nth-child(2) > a:hover{
  background-color: #023543 !important;
}

/*CREAR CUENTA*/
#EntityFormControl_EntityFormView > div.tab.clearfix > div > div > fieldset:nth-child(1) > table{
  background-color: #F0F7F9 !important;
}

/*HOME*/
body > section.page_section.section-default.color-inverse{
  display: none;
}

body > section:nth-child(19) > div.container > div > div > h1{
  display: none;
}

body > section:nth-child(19) > div.container > div > div > a{
  display: none;
}

body > section.page_section.section-landing{
  display: none;
}

body > section:nth-child(19) > div > div > div{
  padding-left: 0px !important;
  padding-right: 0px !important;
}

body > section:nth-child(19) > div > div > div > div > div > div:nth-child(4) > div > div.ppFlexContainer > a{
  margin-top: 0px !important;
  color: white !important;
}

body > section:nth-child(19) > div > div > div > div > div > div:nth-child(4) > div > div.ppFlexContainer > a:hover{
  background-color: #095a6f !important;
}

/*POLÍTICA DE SOPORTE*/
body > section:nth-child(19) > div > div > div > div > div > div:nth-child(3) > div.col-md-12.columnBlockLayout > a:hover{
  background-color: #023543 !important;
  color: white !important;
}

#mainContent > div{
  word-break: break-word;
}

/*ART DE CONOCIMIENTO*/
#found-my-answer-bottom-comments{
  display: none;
}

body > div.page-heading > div > div > div.pull-right > div{
  display: none;
}

.imagePolSop{
  width: -webkit-fill-available !important;
  margin-top: 15px;
  margin-bottom: 15px;
}

.tituloArtPolSop{
  margin-top: 25px !important;
  margin-bottom: 5px !important;
  color: rgb(0, 222, 161);
  font-weight: bold;
}

/*NAV*/
body > div.navbar.navbar-inverse.navbar-static-top > div.container > div.navbar-header{
  margin-left: 0px !important;
  margin-right: 0px !important;
}

body > div.navbar.navbar-inverse.navbar-static-top > div.skip-to-content{
  display: none;
}

.navbar-brand{
  padding: 0px !important;
  height: 0px !important;
}

/* FOOTER */

body > footer > div.footer-top.hidden-print > div > div > div > div > div > h3{
  color: #023543 !important;
}

body > footer > div.footer-top.hidden-print > div > div > div > div > div > p{
  color: #023543 !important;
}

footer .footer-top {
  background-color: rgb(2, 53, 67) !important;
}

body > footer > div.footer-top.hidden-print{
  background-color: rgb(2, 53, 67) !important; 
  height: 20vh;
}

footer .footer-bottom {
  /*background-color: #9c9c9c82 !important;*/ 
  display: none;
  background-color: rgb(2, 53, 67) !important; 
  height: 15vh;
}

footer .footer-bottom ul li a{
  /*color: #023543 !important;*/
  color: white !important;
}

footer .footer-bottom h4 {
  color: #023543 !important;
}

body > footer > div.footer-bottom.hidden-print > div > div > div.col-md-4.col-sm-12.col-xs-12.text-left > div > div > p{
  color: #023543 !important;
}

/* OCULTAR FOOTER STANDARD */

body > footer > div.footer-bottom.hidden-print > div{
  display: none;
}

/* Ocultar busqueda del menu */
#search{
  display: none;
}

/* Acomodar paginacion */
.pagination {
    margin-bottom: 20px !important;
}

/*
Ocultar Programa de asociados del menu "es un portal de partners todos van a ser partners"
*/
li.weblink.dropdown > a[title="Programa de asociados"] {
  display: none !important;
}

.homelink img {
  vertical-align: middle;
  margin-top: 0 !important;
}

body, h1, h2, h3, h4, h5, h6, p, a, span, input, button{
    font-family: "Inter",'Segoe UI', sans-serif;
    /*font-weight: 400;*/
    font-style: normal;
}

/* NAVBAR */

.navbar-static-top.navbar-inverse{
  /*background-color: #9c9c9c82 !important;*/
  background-color: white !important;
  border-bottom: solid  1px #ddd;
}

/* FOCUS DEL NAVBAR */
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus{
  /*background-color: #9c9c9c82 !important;*/
  background-color: #14414d !important;
  color: white !important;
}

.navbar-inverse .navbar-nav > li > a:hover {
  /*background-color: #9c9c9c82 !important;*/
  background-color: #14414d !important;
  border-bottom: 4px solid rgb(2 28 37);
  color: white !important;
}

.navbar-inverse .navbar-nav > li > a:focus {
  outline: none !important;
}

.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a.dropdown-toggle {
  font-family: 'Inter', 'Segoe UI', sans-serif !important;
  /*color: #023543 !important;*/
  /* color: white !important; */
}

/* Esconder cosas del navbar */

/* #navbar > div.navbar-right.menu-bar > ul > li.weblink.dropdown.open > ul > li:nth-child(2) > a{
  display: none;
}

#navbar > div.navbar-right.menu-bar > ul > li.weblink.dropdown.open > ul > li:nth-child(1) > a{
  display: none;
} */

/* Posicionamiento del menu */
/* .navbar-brand {
  display: flex !important;
  align-items: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: auto !important;
} */

/* Esta regla la dejamos como origen de escritorio; la variante móvil la definimos abajo en media queries */
/* .navbar .container {
  display: flex;
  justify-content: center;
  align-items: center;
} */

/* .navbar-header {
  margin-right: auto; 
} */

/* Mantengo tu declaración por defecto; en desktop la adaptamos en @media */
/* .navbar-nav {
  display: flex;
  justify-content: center;
  flex-grow: 1;
} */

/* .navbar-right {
  margin-left: auto; 
} */

/* Fondo drop del menu */
.dropdown-menu {
  background-color: #023543 !important; /* Fondo del menú desplegable */
  border: 1px solid #023543 !important;
}

.dropdown-menu > li > a {
  color: white !important; /* Texto del submenú */
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #14414d !important; /* Fondo hover */
  color: white !important; /* Texto hover */
  border-bottom: 2px solid rgb(2 28 37);
}

/* Letra del fondo del drop del menu */
.navbar-inverse .navbar-text,
.navbar-inverse .navbar-right > li > a {
  color: white !important;
}

.navbar-inverse .navbar-right > li > a:hover {
  color: white !important;
  border-bottom: 2px solid rgb(2 28 37);
}

.dropdown-menu>li>a {
    font-family: "Inter",'Segoe UI', sans-serif;
    /*font-weight: 400;*/
    /* font-style: normal;
    font-weight: bold; */
}

/* Bordes redondeados del dropdown */
 /*.dropdown-menu {
  /*border-radius: 10px !important;        /* Redondeado general */
   /* overflow: hidden !important;           /* Hace que el fondo siga el borde */
   /* border: 1px solid #023543 !important;  /* Mantiene tu borde original */
 /*

/* Redondeado en los items internos */
/* .dropdown-menu > li > a {
    padding: 10px 18px !important;
} */

/* Ocultar divider */
/* .dropdown-menu .divider{
  display: none;
} */

/* Hover también con bordes correctos */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: #14414d !important;  /* Puedes mantener o cambiar */
    color: white !important;
}

#gethelp {
  display: none;
  padding: 0 !important;
  margin: 0 !important;
}

footer {
    margin-top: 80px !important; /* ajustá el valor a gusto */
}

/* body > div.navbar.navbar-inverse.navbar-static-top > div.container > div.navbar-header > div.visible-xs-block > div > div{
  display:none;
} */

/* --------------------------------------------------
   RESPONSIVE: Desktop (horizontal) / Mobile (vertical)
   -------------------------------------------------- */

/* ========== DESKTOP: >=768px -> MENÚ HORIZONTAL ========== */
@media (min-width: 768px) {}

  /* Aseguramos el layout horizontal del header */
  /* .navbar .container {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;}

  /* Header mantiene flex para alinear logo y elementos */
  /* .navbar-header {
    display: flex !important;
    align-items: center !important;
    margin-right: 0 !important;
  } */

  /* Menú en fila */
  /* .navbar-nav {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    flex-grow: 1 !important;
    float: none !important;} /* quitamos float:none conflictivo y gestionamos con flex */
 

  /* .navbar-nav > li {
    display: inline-block !important;
    float: left !important;
    white-space: nowrap !important;
  } */

  /* Restauramos el comportamiento normal en desktop: ocultar hamburguesa */
  /* .navbar-toggle {
    display: none !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  } */

  /* Aseguramos que el collapse no interfiera en desktop */
  /* .navbar-collapse {
    display: block !important;
    position: static !important;
    width: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }



/* ========== MÓVIL / TABLET: <768px -> MENÚ VERTICAL (STACK) ========== */
@media (max-width: 767px) {

  /* Contenedor apila para permitir el colapso vertical */
  /* .navbar .container {
    display: block !important;
  } */

  /* Forzamos collapse vertical y ancho completo */
  /* .navbar-collapse {
    width: 100% !important;
    float: none !important;
    max-height: none !important;
    overflow: visible !important;
    position: relative !important;
  } */

  /* Menú apilado (uno debajo del otro) */
  /* .navbar-nav {
    float: none !important;
    display: block !important;
    justify-content: flex-start !important;
    flex-grow: 0 !important;
  } */

  /* .navbar-nav > li {
    float: none !important;
    display: block !important;
    width: 100% !important;
  } */

  /* .navbar-collapse .navbar-nav > li > a {
    display: block !important;
    width: 100% !important;
  } */

  /* Alinear logo + hamburguesa en móvil */
  /* .navbar-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-right: 0 !important;
  } */

  /* Mostrar hamburguesa y ubicarla con margen a la izquierda como tenías */
  /* .navbar-toggle {
    display: block !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: 25px !important;} /* ajustá si querés más/menos separación */
   
}

/* --------------------------------------------------
   FIN RESPONSIVE
   -------------------------------------------------- */


/* @media (max-width: 480px) {
    .search-container {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%;
        max-width: 100%;
        gap: 4px; /* Espacio mínimo entre elementos} */
    

    /* .search-container select {
        flex: 0 0 25%; /* Selector ocupa 25% */
        /* font-size: 12px;
        padding: 4px;} */
    

    /* .search-container input[type="text"] {
        flex: 1; /* Ocupa el espacio restante */
        /* font-size: 12px; */
        /* padding: 4px;
        min-width: 0;} /* Evita desbordes */
      

    /* .search-container button {
        flex: 0 0 35px; /* Botón fijo */
        /* padding: 4px;
        font-size: 12px;} */