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

/* SISTEMA DE DISEÑO */
:root {
    --nav--width: 92px;

    /* Colores */

    /* Colores primarios */

        /* Azul noche */
    --azul-noche-O-80: #050910;
    --azul-noche-O-50: #0D1828;
    --azul-noche-O-20: #15263F; /* Text-color*/
    --azul-noche: #1A2F4F; /* button border color */
    --azul-noche-C-20: #485972;
    --azul-noche-C-50: #8C97A7;
    --azul-noche-C-80: #D1D5DC;

        /* Verde brote */
    --verde-brote-O-80: #2D3324;
    --verde-brote-O-50: #708059;
    --verde-brote-O-20: #B2CC8E;
    --verde-brote: #DFFFB2;
    --verde-brote-C-20: #E5FFC1;
    --verde-brote-C-50: #EFFFD8;
    --verde-brote-C-80: #F9FFF0;

    /* Colores secundarios */
    --azul-dia: #7FC7F0;
    --azul-dia-C-50: #BFE3F7;
    --verde-matcha: #C1F5C0;
    --verde-matcha-C-50: #E0FAE0;
    --violeta-cyber: #6A67E1;
    --violeta-cyber-C-50: #B5B3F0;
    --violeta-cyber-C-80: #E1E1F9;

    /* Colores neutrales*/

        /* Claros */
    --casi-blanco: #FEFEFE;
    --AN-95: #F6F6F8;
    --AN-90: #E8EAED;

        /* Oscuros */
    --cielo-tormenta-O-50: #262C34;
    --cielo-tormenta-O-20: #3D4652;
    --cielo-tormenta: #4C5767;
    --cielo-tormentae-C-20: #707985;
    --cielo-tormenta-C-50: #A5ABB3;
    --cielo-tormenta-C-80: #DBDDE1;

    /*Colores feedback*/
    --color-error: #F85151;
    --color-success: #73BE67;
    --color-warning: #E19651;

    /*Colores content*/
    --rojo-fresa: #D3424B;
    --fresa-claro: #DC686F;
    --naranja-ladrillo: #EE744D;
    --amarillo-platano: #FCC865;
    --verde-rana: #A4D763;
    --verde-rana-oscuro: #62813B;
    --verde-jungla: #37C85F;
    --azul-agua: #5FD4DC;
    --azul-mediterraneo: #5A75D4;
    --violeta-espectaculo: #AB7EE4;
    --rosa-muneca: #EB53AE;


    /*font-sizes*/
    --fs-900:9.375rem;
    --fs-800:6.25rem;
    --fs-700:3.5rem;
    --fs-600:2rem;
    --fs-500:1.75rem;
    --fs-400:1.125rem;
    --fs-300:1rem; /*normal font size*/
    --fs-200:0.875rem; /*small font size*/

    /* font-families */
    --ff-sans: "Poppins", sans-serif;

    /* font weights*/
    --fg-big: 600;
    --fg-medium: 500;
    --fg-small: 400;

    /* z index */

    --z-fixed: 100;
}
/* ------------------------- */
/* RESET */
/* ------------------------- */
/* BASE */
p, span, select, textarea {
    color: var(--azul-noche-O-20);
    background-color: transparent;
    margin:0;
}
ol {
    margin:0;
}

*, ::before, ::after {
    box-sizing: border-box;
}

body {
    /* position: relative;
    margin: 0; */
    padding: .0rem 0 0 100px;
    font-family: var(--ff-sans);
    font-size: var(--fs-300);
    transition: .5s;
    color:var(--azul-noche-O-20);
}

h1 {
    margin: 0;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}



/* Add padding body*/
.body-pd {
    padding: 0.0rem 0 0 260px;
    color:var(--azul-noche-O-20);
}

/* ------------------------- */
/* CUSTOMIZE */
/* ------------------------- */

/* BUTTONS */
.btn{
    border-radius: 0px !important;
    margin: 0;
	display: inline-flex;
    width: auto;
    position: relative;
    white-space: nowrap;
    text-decoration: none;
    place-items: center;
    justify-content: space-around;
    /* text inside buttons */
	font: var(--ff-sans);
    color: var(--azul-noche-O-20);
}
    /* STANDARD BUTTONS */
.AMAT-btn-primary{
    border: 1px solid var(--azul-noche) !important;
	background-color: var(--verde-brote);

}
.AMAT-btn-secondary{
    background-color: var(--AN-90);
	border-width: 0;
}
.AMAT-btn-terciary{
	border-width: 0;
    display: flex;
    height: 100%;
    align-items:center;
    /* background-color: var(--casi-blanco); */
    background-color: transparent;
}
.AMAT-btn-terciary-transparent{
	border-width: 0;
    display: flex;
    height: 100%;
    align-items:center;
    background-color: transparent;
}
.AMAT-btn-cancel{
	border-width: 0;
    display: flex;
    height: 100%;
    align-items:center;
    background-color: var(--rojo-fresa);
    color: var(--casi-blanco);
}

.AMAT-btn-big{
    padding: 0px 32px 0px 32px;
    font-size: var(--fs-300);
    font-weight:var(--fg-medium) ;
	height: 48px;
	min-width: 116px;
}

.AMAT-btn-medium{
    padding: 0px 32px 0px 32px;
    font-size: var(--fs-300);
    font-weight:var(--fg-medium) ;
	height: 40px;
	min-width: 116px;
}
.AMAT-btn-small{
    padding: 0px 16px 0px 16px;
    font-size: var(--fs-200);
    font-weight:var(--fg-medium) ;
	height: 32px;
	min-width: 116px;
}

.AMAT-btn-big-dropdown{
    padding: 0px 32px 0px 32px;
    font-size: var(--fs-300);
    font-weight:var(--fg-medium) ;
	height: 48px;
	min-width: 144px;
}

.AMAT-btn-medium-dropdown{
    padding: 0px 16px 0px 16px;
    font-size: var(--fs-300);
    font-weight:var(--fg-medium) ;
	height: 40px;
	min-width: 112px;
}
.AMAT-btn-small-dropdown{
    padding: 0px 8px 0px 8px;
    font-size: var(--fs-200);
    font-weight:var(--fg-medium) ;
	height: 32px;
	min-width: 93px;
}

.AMAT-btn-big-dropdown-icon{
    padding: 0px 32px 0px 32px;
    font-size: var(--fs-300);
    font-weight:var(--fg-medium) ;
	height: 48px;
	min-width: 172px;
}

.AMAT-btn-medium-dropdown-icon{
    padding: 0px 16px 0px 16px;
    font-size: var(--fs-300);
    font-weight:var(--fg-medium) ;
	height: 40px;
	min-width: 140px;
}
.AMAT-btn-small-dropdown-icon{
    padding: 0px 8px 0px 8px;
    font-size: var(--fs-200);
    font-weight:var(--fg-medium) ;
	height: 32px;
	min-width: 117px;
}

.AMAT-btn-primary:hover{
    background:  var(--violeta-cyber-C-50);
    border: 1px  var(--azul-noche) solid;
    color: var(--azul-noche);
}

.AMAT-btn-primary:focus{
    background:  var(--azul-noche);
    border: 1px  var(--azul-noche) solid;
    color: var(--verde-brote);
}

.AMAT-icon-button:disabled, .AMAT-btn-primary:disabled{
    background:  var(--cielo-tormenta-C-80);
    border: 1px  var(--cielo-tormenta-C-50) solid;
    color: var(--cielo-tormenta-C-50);
}

/* SECONDARY */
.AMAT-icon-button:hover, .AMAT-btn-secondary:hover{
    background:  var(--azul-noche-C-80);
    /* border: 1px  #D1D5DC solid; */
    color: var(--azul-noche);
}

.AMAT-icon-button:focus, .AMAT-btn-secondary:focus{
    background:  var(--azul-noche-C-50);
    /* border: 1px #8C97A7 solid; */
    color: var(--azul-noche-O-50);
}

.AMAT-icon-button:disabled, .AMAT-btn-secondary:disabled{
    background:  var(--cielo-tormenta-C-80);
    /* border: 1px  #DBDDE1 solid; */
    color: var(--cielo-tormenta-C-50);
}

/* TERCIARY */
.AMAT-icon-button:hover, .AMAT-btn-terciary:hover, .AMAT-btn-terciary-transparent:hover{
    background:  transparent;
    color: var(--violeta-cyber);
}

.AMAT-icon-button:focus, .AMAT-btn-terciary:focus, .AMAT-btn-terciary-transparent:focus{
    background: var(--AN-90) ;
    color: var(--azul-noche-C-20);
}

.AMAT-icon-button:disabled, .AMAT-btn-terciary:disabled, .AMAT-btn-terciary-transparent:disabled{
    background:  transparent;
    color: var(--cielo-tormenta-C-50);
}

/* BTNS TOGGLE */

.AMAT-btn-toggle{
    margin-left: 2px;
    /* position: fixed; */
    min-width: 32px;
    width: auto;
    padding: 0;
    display: inline;
    font-size: var(--fs-400);
}
.AMAT-icon-style{
    font-size: var(--fs-400);
    font-weight: var(--fg-big);
    vertical-align: middle;
}
.AMAT-icon-button{
    border: 0;
    aspect-ratio: 1/1;
    height: 100%;
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;

    position: relative;

}

/* INPUTS DE BÚSQUEDA */
.AMAT-search-input-container{
    width: 128px;
    height: 40px;
    padding: 0px 16px 0px 16px;
    border: solid;
    border-width: 1px;
    border-color: var(--azul-noche-C-50);
    border-radius: 0;
    justify-content: space-between;
    margin-right: 8px;
    margin-top: 0;margin-left: 0;margin-bottom: 0;
    float: right;
    display: flex;
    align-items:center;
}

.AMAT-search-input-long{
    background: transparent;
    border:0;
    border-radius: 0;
    width: 100%;
    height: 100%;
    display: flex;
    padding: 0;
    font-size: var(--fs-300);
    font-weight: var(--fg-small);
    color: var(--azul-noche-C-50);
    transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
/* BARRAS DE BÚSQUEDA */
.search-content{
    width: 100%;
    height: 100%;
    background: transparent;
    border-radius: 0;
    border: 1px var(--azul-noche-C-20) solid;
}

.form-search{
    height: 100%;
}

/* TABLA ESCENARIOS Y TESTS */

.AMAT-line-table{
    width: 100%;
    height: 60px;
    border-radius: 0px;
    border:0;
    margin: 0;
    margin-bottom: 1%;
    white-space: nowrap;
    text-decoration: none;
    justify-content: end;
    align-items: center;
    position: relative;
    background-color: var(--AN-95);
}

.AMAT-table-main-button{
    border: 0;
    height: 100%;
    font: var(--ff-sans);
    color: var(--azul-noche-O-20);
    width: inherit;
    background: transparent;
    position: absolute;
    text-align-last: left;
}
.AMAT-icon-table-button{
    border: 0;
    aspect-ratio: 1/1.25;
    height: 100%;
    float: right;
    align-items: center;
    justify-content: center;
    background: transparent;
    display: flex;
    position: relative;

}
.AMAT-table-main-button:hover, .AMAT-icon-table-button:hover{
    background-color: var(--AN-90);
}

.breadcrumb-item > a{
    color:var(--azul-noche-O-20) !important;
    text-decoration: none !important;
 }
 .breadcrumb-item > a:hover { 
    font-weight: bold !important; 
 }
.breadcrumb-item.active{
    font-weight: bold;
}

/* TEXTOS */
.AMAT-txt-big {
    font-weight:var(--fg-medium);
    color: var(--azul-noche-O-20);
    font-size:var(--fs-500);

}

a {
    text-decoration: none;
}

/* CSS PILLS TABS */
.nav-pills .nav-link {
    color: var(--azul-noche-C-50) !important;
    /* background-color: var(--azul-noche-C-80) !important; */
    background-color: transparent !important;
    padding-bottom: 1px;
    padding-top: 1px;
    font-size: 17.5px;
    font-weight: 400;
    border-radius: 0px;
    height: 32px;
    display: flex;
    align-items: center;
    padding-left: 8px;
    padding-right: 8px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: var(--azul-noche-C-20) !important;
    background-color: transparent !important;
    padding-bottom: 1px;
    padding-top: 1px;
/* Opción 1: Borde inferior simple */
    border-bottom: 4px solid #B2CC8E;
    font-size: 17.5px;
    font-weight: 700;
}


.jconfirm.jconfirm-material .jconfirm-box {
    padding: 32px !important; /* Cambia este valor al que necesites */
}