/*************/
/*** Bases ***/
/*************/
.vigie-btn {
    height: 3.5rem;
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer;
    width: 100%;
}
.vigie-btn.small {
    height: 2.5rem;
}
.vigie-btn-rounded {
    border: none !important;
    border-radius: 10px !important;
}
.vigie-btn-extra-rounded {
    border-radius: 59px !important;
}
.vigie-btn-circle {
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    border-radius: 10rem;
    border: none;
    text-align: center;
}
.vigie-btn-link {
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration-line: underline;
    background-color: transparent;
    border: none;
}
.btn-width-180px {
    width: 180px !important;
}

/***********************/
/*** Disabled button ***/
/***********************/
.vigie-btn:disabled {
    opacity: .65;
}
.vigie-btn-disabled-gey:disabled {
    background-color: var(--light_grey) !important;
    color: var(--dark_grey) !important;
}
.vigie-btn-outline-disabled-gey:disabled {
    color: var(--dark_grey) !important;
    border-color: var(--light_grey) !important;
}

/**************/
/*** Filled ***/
/**************/
.vigie-btn.vigie-btn-ok {
    background-color: var(--vigie-ok);
}
.vigie-btn.vigie-btn-danger {
    background-color: var(--vigie-danger);
}
.vigie-btn-circle.active {
    background-color: var(--vigie-ok);
}
.vigie-btn-circle.inactive {
    background-color: var(--vigie_grey_2);
}

/***************/
/*** Outline ***/
/***************/
.vigie-btn.vigie-btn-outline-ok:not(.vigie-btn-outline-disabled-gey:disabled) {
    background-color: var(--white);
    border-color: var(--vigie-ok);
    color: var(--vigie-ok) !important;
}
.vigie-btn.vigie-btn-outline-danger {
    background-color: var(--white);
    border-color: var(--vigie-danger);
    color: var(--vigie-danger) !important;
}
.vigie-btn.vigie-btn-outline-grey {
    background-color: var(--white);
    border-color: var(--vigie_grey);
    color: var(--vigie_grey);
}

/* Primary Red */
.vigie-btn.vigie_btn-danger {
    background-color: var(--vigie-danger) !important;
    color: white;
    width: 166px;
}
.vigie_btn-danger:hover{
    background-color: var(--vigie-danger) !important;
    color: #ffffff !important;
    fill: #ffffff !important;
}

/*************/
/*** Hover ***/
/*************/
.vigie-btn-outline-ok:hover:not(.vigie-btn-outline-disabled-gey:disabled) {
    background-color: var(--vigie-ok) !important;
    color: var(--white) !important;
    fill: var(--white) !important;
}
.vigie-btn-outline-danger:hover {
    background-color: var(--vigie-danger) !important;
    color: var(--white) !important;
    fill: var(--white) !important;
}


/*************/
/*** Fonts ***/
/*************/
.button_text_16 {
    font-family: 'Lato';
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 19px !important;
    text-align: center !important;
    color: var(--white) !important;
    fill: var(--white) !important;
}
.button_text_16.vigie-btn-outline-ok:not(.vigie-btn-outline-disabled-gey:disabled) {
    color: var(--vigie-ok) !important;
}.button_text_16.vigie-btn-outline-ok:hover:not(.vigie-btn-outline-disabled-gey:disabled) {
     color: var(--white) !important;
     fill: var(--white) !important;
}
.button_text_16.vigie-btn-outline-danger {
    color: var(--vigie-danger) !important;
}.button_text_16.vigie-btn-outline-danger:hover {
     color: var(--white) !important;
     fill: var(--white) !important;
 }
.button_text_18 {
    font-family: 'Lato';
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 22px !important;
    text-align: center !important;
    letter-spacing: -0.408px !important;
    color: var(--white) !important;
}
.vigie-btn-link.vigie-btn-ok{
    color: var(--vigie-ok) !important;
}
.vigie-btn-link.vigie-btn-danger{
    color: var(--vigie-danger) !important;
}
.vigie-btn-link.vigie-btn-disabled{
    color: var(--vigie_grey_3) !important;
}


.button_text_13 {
    font-family: 'Lato';
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    line-height: 19px !important;
    text-align: center !important;
    color: var(--white) !important;
    fill: var(--white) !important;
}
/*******************/
/*** Link button ***/
/*******************/

/*******************/
/*** BOTTOM BAR ***/
/*******************/
.bottom_bar_container{
    position: fixed !important;
    bottom: 0;
    height: 5rem;
    background: var(--white);
    box-shadow: 0px 4px 13px 4px var(--vigie_box_shadow);
    margin-left: -3rem;
    padding: 0 2rem;
    z-index: 1000;
    left: 0;
    right: 0;
}

.info_selected_sensors{
    position: absolute;
    left: 22rem;
}