table {
font-size: 1rem;
line-height: 1.25rem;
text-align: left;
table-layout: fixed;
border-collapse: collapse;
width: 100%;
padding: 0;
margin: 0 0 1.875rem
}
table td, table th, table tr {
outline: 0
}
table tr:nth-child(even) {
    background-color: #f4f5f7
}
table td, table th {
padding: .6875rem 1.25rem;
}
table td {
    word-wrap: break-word;
}
table thead {
background-color: #f4f5f7;
box-shadow: 0 .25rem .25rem rgba(0,0,0,.25)
}
.table__btn {
    width: 2rem !important;
    height: 2rem !important;
    border-radius: .1875rem;
    min-width: 1.875rem !important;
    min-height: 1.875rem !important;
}

.info-bubble {
    position: relative
}

    .info-bubble svg {
        cursor: pointer
    }

.info-bubble svg:hover circle {
    stroke: var(--color)
}

        .info-bubble svg:hover path {
            fill: var(--color)
        }

        .info-bubble svg:hover + div {
            display: block
        }

table tbody tr:nth-child(4) .tooltip {
    top: unset;
    bottom: 55%
}


.tooltip {
    position: absolute;
    z-index: 200;
    top: 57%;
    right: 95%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 600px;
    padding: .9375rem 1.25rem;
    line-height: 1.5;
    text-align: left;
    background: #f4f5f7;
    border: .0625rem solid #b3b3b3;
    box-shadow: 0 .25rem .25rem rgba(0,0,0,.25);
    display: none
}

.tooltip span {
    font-family: RobotoBold,sans-serif
}

.login {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
min-height: calc(100vh - 14.5rem)
}

.login__logos {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
margin-bottom: 1.5625rem
}

.login__product-logo {
max-width: 6rem;
margin-right: .625rem;
margin-bottom: .625rem
}

.login__product-logo img {
    border-radius: 50%
}

.login__company-logo {
max-width: 19.75rem
}

.login__form {
width: 100%;
max-width: 36.875rem;
padding: 2.8125rem;
border: .0625rem solid #ccc;
margin-bottom: 16vh
}

.login__title {
margin-bottom: 1.5625rem
}

.login__field {
position: relative;
margin-bottom: 1.5625rem
}

.login__field--last {
margin-bottom: .9375rem
}

.login__field label {
position: absolute;
top: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 1.25rem;
font-size: .75rem;
background: #fff;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out
}

.login__field span {
position: absolute;
top: calc(100% + .1875rem);
left: 1.25rem;
font-size: .6875rem;
color: #d93025;
display: none
}

.login__field input {
height: 3.125rem !important;
background: #fff;
padding-left: 1.25rem
}

.login__field input:-webkit-autofill:focus {
    background: red
}

.login__checkbox {
margin-bottom: .9375rem
}

.login__checkbox label {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    flex-shrink: 0;
    height: 100%;
    padding: .5rem .625rem;
    margin-right: .625rem;
    cursor: pointer
}

.login__checkbox label span {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .625rem;
    border: .125rem solid #cfd0d0;
    cursor: pointer
}

.login__checkbox input[type=checkbox]:checked + label span {
    background-image: url(../img/check.svg);
    background-color: var(--color);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    border-color: var(--color)
}

.login__btn {
color: #fff;
height: 3.125rem !important;
background: var(--color);
border-color: var(--color);
}

.login__btn:hover {
    color: #000;
    background: #f4f5f7;
    border-color: #b3b3b3;
}

.btn-inv {
    color:#646464;
    opacity:0.65;
    background-color: #f4f5f7;
    border: .0625rem solid #b3b3b3;
    margin-right: .625rem;
}

    .btn-inv svg {
        fill: #646464;
        /*fill-opacity: 0.6;*/
    }

    .btn-inv:hover {
        color:#fff;
        background-color: var(--color);
        border: .0625rem solid var(--color);
    }

        .btn-inv svg:hover path, .btn-inv:hover path {
            fill: #fff;
            fill-opacity: 1;
        }
input:read-only {
    background-color: #fbfbfb;
}

.controls__btn--filters {
    border: .0625rem solid #b3b3b3;
}
.filters_nobourder {
    padding-bottom: .625rem;
}

main{
    margin-bottom:2rem;
}
.insert__placeholder {
    opacity: 0.5;
    position: relative;
    top: -5%;
}

/*Home page*/
.home__slogan {
    color: var(--color);
    font-size: 28px;
    font-family: RobotoBold,sans-serif;
    text-align: center;
    padding: 12px 0 20px
}

.home__color-section {
    background: #f4f5f7;
    padding: 15px 25px
}

    .home__color-section .home__text:first-child {
        margin-bottom: 5px
    }

.home .text-bold {
    font-family: RobotoBold,sans-serif
}

.home__img {
    border: 1px solid #cfcfcf;
    margin-bottom: 15px
}

.home__cols {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 100px
}

.home__col {
    padding: 0 25px
}

.home__subtitle {
    font-size: 18px;
    font-family: RobotoBold,sans-serif
}

.home__col-title {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start
}

.home__number {
    font-size: 36px;
    line-height: 36px;
    margin-right: 15px
}

.home__img img {
    width: 100%
}

.home__actions {
    margin-left: 10px;
    padding-left: 43px;
    border-left: 4px solid var(--color)
}

.home__action-item {
    position: relative
}

    .home__action-item:not(:last-child) {
        margin-bottom: 50px
    }

.home__action-step {
    position: absolute;
    left: -57px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: #fff;
    font-size: 16px;
    font-family: RobotoBold,sans-serif;
    border-radius: 2px;
    background: var(--color);
    z-index: 0
}

.home .mb-5 {
    margin-bottom: 5px;
    line-height: 1.5;
    text-align: justify;
    text-justify: auto;
}

.home .mb-15 {
    margin-bottom: 15px
}

.home .mb-25 {
    margin-bottom: 25px
}

.home .mb-40 {
    margin-bottom: 40px
}

.home .mb-50 {
    margin-bottom: 50px;
}
.home__col {
    flex: 1;
}