/* group.blade ######################################################################################################*/

/* titulo e texto com background branco (pagina das empresas do grupo)_______________________________________________*/
.content-title {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: white;
    color: rgb(61, 58, 58);
}

/* __________________________________________________________________________________________________________________*/


/* Tamanho dos titulos ______________________________________________________________________________________________*/
.content-title span {
    font-size: x-large;
}

/*___________________________________________________________________________________________________________________*/

.content-text {
    max-width: 930px;
    margin: auto;
    text-align: justify;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 2;
}

/* conteudo dos titulos  ____________________________________________________________________________________________*/
.content-text p {
    text-align: justify;
    margin-top: 0px;
    margin-bottom: 1em;
}

/*___________________________________________________________________________________________________________________*/

.content-text-qualidade {
    max-width: 930px;
    margin: auto;
    text-align: justify;
    line-height: 2;
}

/* conteudo dos titulos  ____________________________________________________________________________________________*/
.content-text-qualidade p {
    text-align: justify;
    margin-top: 0px;
    margin-bottom: 1em;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .content-text-qualidade p {
        text-align: left;
    }

    .content-text p {
        text-align: left;
    }
}


/*___________________________________________________________________________________________________________________*/


/* Titulos que estão na Qualidade(group) ____________________________________________________________________________*/
.h3_title_qualidade {
    padding-top: 30px;
    text-align: left;
    max-width: 930px;
    margin: auto;
}

/*___________________________________________________________________________________________________________________*/

.carousel-control-prev img {
    height: 50px;
}

.carousel-control-next img {
    height: 50px;
}

.carousel-item.history {
    height: 500px;
}


@media screen and (max-width: 768px) and (min-width: 300px) {
    .carousel-item.history {
        height: 60vw;
    }
}

.content-historia {
    background-color: white;
    padding-top: 20px;
    padding-bottom: 40px;
}

.content-historia.row {
    margin-top: 20px;
    margin-bottom: 20px;
}

.font-year {
    text-align: center;
    padding-top: 20px;
    height: 50px;
}

.year-block a {
    text-decoration: none;
    color: #000;
}

.year-block:hover {
    border-bottom: 3px solid #C2D500;
}

.year-block.active {
    border-bottom: 3px solid #C2D500;
    font-family: 'robotobold';
}


/* conteudo dos anos(timeline)(group) _______________________________________________________________________________*/
.content-historia .container .row {
    background-color: #fff;
    border-bottom: 2px solid rgba(0, 0, 0, 0.164);
}

@media screen and (max-width: 1200px) {
    .content-historia .container .row {
        background-color: #fff;
        border-bottom: 0px;
    }

    .year-block {
        border-bottom: 2px solid rgba(0, 0, 0, 0.164);
    }

}

.col-xl.col-lg-1.col-md-1.col-sm-2.col-2.year-block {
    height: 50px;
}

@media screen and (max-width: 991px) {
    .tab-content {
        padding-top: 30px;
    }

    .font-year {
        font-size: 15px;
        padding-top: 9px;
        line-height: 140%;
        text-align: -webkit-center;
        text-transform: uppercase;
        padding-right: 0px;
        padding-left: 0px;
    }

    .col-xl.col-lg-1.col-md-1.col-sm-2.col-2.year-block {
        height: 40px;
    }

}

@media screen and (max-width: 576px) {
    .font-year {
        font-size: 14px;
        padding-top: 5px;
        line-height: 140%;
        text-align: -webkit-center;
        text-transform: uppercase;
        padding-right: 0px;
        padding-left: 0px;
    }

    .col-xl.col-lg-1.col-md-1.col-sm-2.col-2.year-block {
        height: 30px;
    }
}


/*__________________________________________________________________________________    _________________________________*/
@media screen and (min-width: 991px) {
    .tab-content {
        padding-top: 50px;
    }
}

.tab-content {
    max-width: 930px !important;
    margin: auto;
}

.tab-content h4 {
    line-height: 1.6;
    font-family: robotobold;
}


/* mapa img _________________________________________________________________________________________________________*/
.contentmapa {
    background-color: #fff;
    z-index: -1;
    padding-top: 20px;
    width: 100%;
}


/* reponsive img */
@media screen and (min-width: 991px) and (max-width: 1200px) {
    .contentmapa {
        padding-top: 20px;
    }
}

@media screen and (min-width: 767px) and (max-width: 991px) {

    .col-lg-12.col-ms-12.col-sm-12 {
        padding: 0px;

    }

    .contentmapa {
        padding-top: 20px;
    }
}

@media screen and (min-width: 575px) and (max-width: 767px) {
    .contentmapa {
        padding-top: 10px;
    }

    .col-lg-12.col-ms-12.col-sm-12 {
        padding: 0px;

    }
}

@media screen and (min-width: 300px) and (max-width: 575px) {
    .contentmapa {
        padding-top: 8px;
    }

    .col-lg-12.col-ms-12.col-sm-12 {
        padding: 0px;

    }
}

/*___________________________________________________________________________________________________________________*/


/* Estrategia (group)_______________________________________________________________________________________________ */

.containerestrategia {
    background-color: white;
    padding-top: 20px;
    padding-bottom: 50px;
}

.estrategiarow {
    margin: auto;

}

.estrategiarow .row {
    padding-bottom: 20px;
    padding-top: 20px;
}

.icon-stratety {
    display: inline-block;
    margin-bottom: 15px;
    margin-top: 40px;
    text-align: center;
    font-size: 6rem;
    color: #3C3C3B;

}

.icon-stratety:hover {
    color: #C2D500;
}

@media screen and (min-width: 0px) and (max-width: 575px) {
    .icon-stratety {
        display: inline-block;
        margin-bottom: 15px;
        margin-top: 15px;
        text-align: center;
        font-size: 5rem;
        color: #3C3C3B;

    }

    .containerestrategia {
        padding-top: 10px;
        padding-bottom: 25px;
    }
}


/*___________________________________________________________________________________________________________________*/

.content {
    background-color: #fff;
    padding-bottom: 50px;
    padding-top: 50px;
}


/* Titulo mais conteudo quando é usado (jumbtron)(titulo com background cinzento ___________________________________ */
.jumbotron-midlebar {
    text-align: center;
    vertical-align: middle;
    line-height: 100px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.jumbotron-midlebar h2 {
    font-size: x-large;
}

/* Titulos com background cinzento */
@media screen and (min-width: 575px) and (max-width: 991px) {
    .jumbotron-midlebar {
        padding-top: 35px;
        padding-bottom: 35px;
    }
}

@media screen and (min-width: 300px) and (max-width: 575px) {
    .jumbotron-midlebar {
        line-height: 26px;
        padding-top: 26px;
        padding-bottom: 25px;
    }

    .jumbotron-midlebar h2 {
        font-size: 22px;
    }

    .jumbotron-midlebar h3 {
        font-size: 22px;
    }
}

/*___________________________________________________________________________________________________________________*/


/***********************______________________________pin_____________________________________************************/
.pin {
    width: 20px;
    height: 20px;
    border-radius: 50% 50% 50% 0;
    background: rgb(0, 162, 216);
    position: absolute;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);

    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -o-animation-name: bounce;
    -ms-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    -ms-animation-duration: 1s;
    animation-duration: 1s;
}

.pin:after {
    content: '';
    width: 10px;
    height: 10px;
    margin: 5px 0 0 5px;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    border-radius: 50%;
}

.pulse {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    height: 13px;
    width: 13px;
    margin: 20px 0 0 3px;
    -webkit-transform: rotateX(55deg);
    -moz-transform: rotateX(55deg);
    -o-transform: rotateX(55deg);
    -ms-transform: rotateX(55deg);
    transform: rotateX(55deg);
    z-index: -2;
}

.pulse:after {
    content: "";
    border-radius: 50%;
    height: 40px;
    width: 40px;
    position: absolute;
    margin: -13px 0 0 -13px;
    -webkit-animation: pulsate 1s ease-out;
    -moz-animation: pulsate 1s ease-out;
    -o-animation: pulsate 1s ease-out;
    -ms-animation: pulsate 1s ease-out;
    animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-box-shadow: 0 0 1px 2px #00A8E1;
    box-shadow: 0 0 1px 2px #00A8E1;
    -webkit-animation-delay: 1.1s;
    -moz-animation-delay: 1.1s;
    -o-animation-delay: 1.1s;
    -ms-animation-delay: 1.1s;
    animation-delay: 1.1s;
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -o-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}

.pins-map {
    background-image: url(../img/mapa.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    height: 30vw;
}

@media screen and (min-width: 991px) and (max-width: 1200px) {
    .pins-map {
        height: 40vw;
    }
}

@media screen and (min-width: 767px) and (max-width: 991px) {
    .pins-map {
        height: 46vw;
    }
}

@media screen and (min-width: 575px) and (max-width: 767px) {
    .pins-map {
        height: 50vw;
    }
}

@media screen and (min-width: 300px) and (max-width: 575px) {
    .pins-map {
        height: 50vw;
    }
}

/*Hover tooltips on pins*/
.field-tip {
    position: relative;

}

.field-tip .tip-content {
    position: absolute;
    text-align: center;

    border-bottom: 3px solid #00A8E1;
    font-size: 15px;
    top: -10px;
    right: 9999px;
    width: 120px;
    margin-left: 35px;
    margin-right: -120px;
    padding: 10px;
    color: #fff;
    background: rgba(0, 0, 0, 0.705);
    -webkit-box-shadow: 2px 2px 5px #aaa;
    -moz-box-shadow: 2px 2px 5px #aaa;
    box-shadow: 2px 2px 5px #aaa;
    opacity: 0;
    -webkit-transition: opacity 250ms ease-out;
    -moz-transition: opacity 250ms ease-out;
    -ms-transition: opacity 250ms ease-out;
    -o-transition: opacity 250ms ease-out;
    transition: opacity 250ms ease-out;
}

.field-tip .tip-content:before {
    content: ' ';
    position: absolute;
    top: 50%;
    left: -16px;
    width: 0;
    height: 0;
    margin-top: -8px;
    border: 8px solid transparent;
    border-right-color: rgba(0, 0, 0, 0.705);
}

.pin:hover ~ .tip-content {
    /*right:-20px;*/
    opacity: 1;
}


/* bloco com info sobre o mapa (o html esta comentado na pagina group.blade)_________________________________________*/
/*.spanmapa{
    text-align: center;
    height: 100%;
    border: 0px solid rgba(123, 123, 123, 0.498039);
    border-radius: 4px;
    color: rgb(153, 153, 153);
    line-height: 140px;
    transition-duration: 0.6s;


    font-weight: 400;
    background-color: rgba(255, 255, 255, 0.795);
    box-shadow: rgba(0, 0, 0, 0.685) 1px 3px 7px 1px;
}

.spanmapa p {
    text-align: center;
    font-size: 18px;
    font-family: arial;

}
.spanmapa span{
    font-size: 40px;
    font-family: arial;
}

.spanmapa:hover {
    background-color: #555555;
    color: #fff;
}

.mapcontentrow{
    padding-bottom: 30px;
}*/
/*___________________________________________________________________________________________________________________*/


/* Card das maquinas na pagina das empresas do grupo _______________________________________________________________ */
.card-header {
    text-align: left;
    margin-bottom: 0px;
    font-size: 16px;
    background-color: #C2D500;
    color: white;
}

/*.card-header:hover {
    background-color: #00A8E1;
    -webkit-transition: width 5s;
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
}
*/
/*___________________________________________________________________________________________________________________*/


/* Imagem Parallax */
.contentimg {
    padding-right: 0;
    padding-left: 0;
}

@media screen and (min-width: 440px) and (max-width: 1200px) {
    .contentimg {
        padding: 170px;
    }
}

@media screen and (min-width: 300px) and (max-width: 440px) {
    .contentimg {
        padding: 100px;
    }

}

/* .parallax-slider {
    height: 400px!important;
    width: 500px!important;
    top: 22px;
    right: 0;
    left: 0px;
}*/

/* =====================================================================================================================
Responsive
==================================================================================================================== */


/* ###################### Pin ############################ */
@media screen and (min-width: 991px) and (max-width: 1200px) {
    .pin {
        width: 20px;
        height: 20px;
    }
}

@media screen and (min-width: 767px) and (max-width: 991px) {
    .pin {
        width: 18px;
        height: 18px;
    }
}

@media screen and (min-width: 575px) and (max-width: 767px) {
    .pin {
        width: 16px;
        height: 16px;
    }
}

@media screen and (min-width: 300px) and (max-width: 575px) {
    .pin {
        width: 14px;
        height: 14px;
    }
}


/* ################# Pin com After ####################### */
@media screen and (min-width: 991px) and (max-width: 1200px) {
    .pin:after {
        width: 10px;
        height: 10px;
        margin: 5px 0 0 5px;
    }
}

@media screen and (min-width: 767px) and (max-width: 991px) {
    .pin:after {
        width: 8px;
        height: 8px;
        margin: 5px 0 0 5px;
    }
}

@media screen and (min-width: 575px) and (max-width: 767px) {
    .pin:after {
        width: 7px;
        height: 7px;
        margin: 4px 0 0 5px;
    }
}

@media screen and (min-width: 300px) and (max-width: 575px) {
    .pin:after {
        width: 6px;
        height: 6px;
        margin: 4px 0 0 4px;
    }
}


/* ######################## Pulse ######################## */
@media screen and (min-width: 991px) and (max-width: 1200px) {
    .pulse {
        border-radius: 50%;
        height: 13px;
        width: 13px;
        margin: 20px 0 0 3px;
    }
}

@media screen and (min-width: 767px) and (max-width: 991px) {
    .pulse {
        height: 12px;
        width: 12px;
        margin: 16px 0 0 3px;
    }
}

@media screen and (min-width: 575px) and (max-width: 767px) {
    .pulse {
        height: 10px;
        width: 10px;
        margin: 14px 0 0 3px;
    }
}

@media screen and (min-width: 300px) and (max-width: 575px) {
    .pulse {
        height: 8px;
        width: 8px;
        margin: 13px 0 0 3px;
    }
}


/* ################### Pulse com After ################### */
@media screen and (min-width: 991px) and (max-width: 1200px) {
    .pulse:after {
        height: 30px;
        width: 30px;
        margin: -8px 0 0 -8px;
    }
}

@media screen and (min-width: 767px) and (max-width: 991px) {
    .pulse:after {
        height: 28px;
        width: 28px;
        margin: -7px 0 0 -7px;
    }
}

@media screen and (min-width: 575px) and (max-width: 767px) {
    .pulse:after {
        height: 24px;
        width: 24px;
        margin: -7px 0 0 -7px;
    }
}

@media screen and (min-width: 300px) and (max-width: 575px) {
    .pulse:after {
        height: 18px;
        width: 18px;
        margin: -5px 0 0 -5px;
    }
}


/* Posição dos Pines */
.field-tip.portugal {
    position: absolute;
    left: 46.6%;
    bottom: 50.5%;
}

.field-tip.mexico {
    position: absolute;
    left: 31.5%;
    bottom: 42%;
}

.field-tip.china {
    position: absolute;
    left: 65%;
    bottom: 46.5%;
}

.field-tip.brasil {
    position: absolute;
    left: 39.1%;
    bottom: 19.5%;
}

@media screen and (min-width: 991px) and (max-width: 1200px) {
    .field-tip.portugal {
        left: 45.5%;
        bottom: 50.5%;
    }

    .field-tip.mexico {
        left: 25%;
        bottom: 42%;
    }

    .field-tip.china {
        left: 70.6%;
        bottom: 46.5%;
    }

    .field-tip.brasil {
        left: 35%;
        bottom: 19.8%;
    }
}

@media screen and (min-width: 767px) and (max-width: 991px) {
    .field-tip.portugal {
        left: 44.8%;
        bottom: 50%;
    }

    .field-tip.mexico {
        left: 21.3%;
        bottom: 41%;
    }

    .field-tip.china {
        left: 73.7%;
        bottom: 45.5%;
    }

    .field-tip.brasil {
        left: 32.5%;
        bottom: 19%;
    }
}

@media screen and (min-width: 575px) and (max-width: 767px) {
    .field-tip.portugal {
        left: 44.3%;
        bottom: 50.5%;
    }

    .field-tip.mexico {
        left: 19%;
        bottom: 45%;
    }

    .field-tip.china {
        left: 75.5%;
        bottom: 46.5%;
    }

    .field-tip.brasil {
        left: 31.5%;
        bottom: 22%;
    }
}

@media screen and (min-width: 310px) and (max-width: 575px) {
    .field-tip.portugal {
        left: 44.2%;
        bottom: 53.3%;
    }

    .field-tip.mexico {
        left: 19.5%;
        bottom: 45.5%;
    }

    .field-tip.china {
        left: 74%;
        bottom: 49%;
    }

    .field-tip.brasil {
        left: 31.5%;
        bottom: 25%;
    }
}


/* Texto dos Pinos */
@media screen and (min-width: 991px) and (max-width: 1200px) {
    .field-tip .tip-content {
        top: -16px;
        width: 100px;
        margin-left: 24px;
    }
}

@media screen and (min-width: 767px) and (max-width: 991px) {
    .field-tip .tip-content {
        top: -16px;
        width: 94px;
        margin-left: 20px;
        font-size: 14px;
    }
}

@media screen and (min-width: 575px) and (max-width: 767px) {
    .field-tip .tip-content {
        top: -16px;
        width: 84px;
        margin-left: 20px;
        font-size: 14px;
    }
}


@media screen and (min-width: 300px) and (max-width: 575px) {
    .field-tip .tip-content {
        top: -13px;
        width: 54px;
        margin-left: 16px;
        font-size: 11px;
    }
}


/* =====================================================================================================================

==================================================================================================================== */

h5 {
    line-height: 1.6;
}
/* =====================================================================================================================
    styles for quality certificates
==================================================================================================================== */
@media screen and (min-width: 575px) and (max-width: 1200px) {
    .card-body2 {
        padding-bottom: 60px;
    }

}

.logo-company-service {
    filter: grayscale(100%);
    width: 5.5em;
    margin-top: 2em;
}

.logo-company-service:hover {
    filter: grayscale(0);
}

.acordion-logo{
    padding-left: 3em;
    vertical-align: top !important;
    border: none;
}

.activ {
    filter: grayscale(0) !important;
}

.panel-group {
    flex: 1;
    display: flex;
}

@media screen and (max-width: 425px) {
    .panel-group {
        display: block;
    }
}

@media screen and (min-width: 425px) and (max-width: 628px) {
    #SocemBrasil, #SocemInpact {
        clear: left !important;
    }

    .acordion-logo {
        float: left !important;
    }

}

@media screen and (min-width: 629px) and (max-width: 768px) {
    #SocemMaxiplas {
        clear: left !important;
    }

    .acordion-logo {
        float: left !important;
    }

}

@media screen and (min-width: 769px) and (max-width: 968px) {
    #SocemInpact {
        clear: left !important;
    }

    .acordion-logo {
        float: left !important;
    }

}

@media screen and (min-width: 1200px) {
    .panel-group {
        margin-left: 5.75em;
        flex-direction: row;
    }
}


.slideshow-clientes {
    background-color: white;
    vertical-align: middle;
    padding-top: 25px;
    padding-bottom: 50px;
}

img.d-block.w-90 {
    max-width: 80%;
    float: none;
    margin: 0 auto;
}

.col-4.col-lg-3.col-xs-4 {
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 10px;
    padding-bottom: 6px;
    float: none;
    margin: 0 auto;
}

.carousel-indicators.clients li {
    background-color: hsla(0, 0%, 0%, 0.4) !important;
}

.carousel-indicators.clients .active {
    background-color: hsla(0, 0%, 0%, 0.6) !important;
}

.carousel-indicators.clients {
    margin-bottom: -30px !important;
}

.content-machines {
    background-color: #fff;
}

.container-table {
    background-color: white;
    text-align: left;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
    padding-bottom: 65px;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0rem;
    background-color: transparent;
}

.container-fluid {
    margin-top: 85px;
}

/*production*/
.clientes-imagem {
    text-align: center;
    background-color: #fff;
}

.container-tabtext {
    text-align: center;
    padding-left: 400px;
    padding-right: 400px;
    padding-top: 40px;
}

/*tnmold*/

.jumbotron-moldes30tn {
    padding-bottom: 20px;
}


/* conteudo das maquinas */

.card-header[data-toggle="collapse"][aria-expanded="true"] i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: transform 550ms ease;
}

.card-header[data-toggle="collapse"][aria-expanded="false"] i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(0deg);
    transition: transform 550ms ease;
}

.card-header2[data-toggle="collapse"][aria-expanded="true"] i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: transform 550ms ease;
}

.card-header2[data-toggle="collapse"][aria-expanded="false"] i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(0deg);
    transition: transform 550ms ease;
}

.card-header2.line {
    border-bottom: 1px solid #d0d0d0;
}

.card-header2.line-last {
    border-bottom: 0px solid #d0d0d0;
}

.card-body {
    text-align: left !important;
    font-size: 13px;
    padding: 0px !important;
}

.card-body td p {
    color: #adadad;
    text-align: left;

}

.card-body th {
    width: 166px;
    padding-left: 20px;

}

.card-body td {
    text-align: right;
    padding-right: 20px;
}

.card-header span {
    line-height: 2;
}

.card-header2 {
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
    border-radius: 0;
    background-color: #eeeeee;
}

.card-header button {
    padding: unset;
    cursor: pointer;

}

.card-header2 span {
    color: black;
}

.content-machines .col-xl-4.col-lg-4.col-md-6.col-sm-6.col-12 {
    padding-top: 15px;
}



.card-header:first-child {
    border-radius: 0 !important;
}

.collapse.show {
    border-radius: 0 !important;
}


@media screen and (min-width: 0px) and (max-width: 575px) {

    .card-body th {
        width: 180px;
    }
}

@media screen and (min-width: 0px) and (max-width: 991px) {
    .row.linha {
        padding-bottom: 20px;
    }
}

@media screen and (min-width: 991px) and (max-width: 1200px) {
    .container-table {
        width: 920px;
    }
}

@media screen and (min-width: 767px) and (max-width: 991px) {
    .container-table {
        width: 710px;
    }
}

@media screen and (min-width: 575px) and (max-width: 767px) {
    .container-table {
        width: 560px;

    }
}

@media screen and (min-width: 300px) and (max-width: 605px) {
    .container-table {
        width: 100%;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 15px;
        padding-right: 15px;
    }
}