body{
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 1.875rem;
    padding-bottom: 0;
}

/* NAVIGATION */
.navigation{
    height: 9.063rem;
    background-color: #F4F4F4;
    border-radius: 6.25rem;
}
@media(max-width: 63.9375em){
    .navigation{
        border-radius: 0;
        background-color: #fff;
        height: 100%;
        padding: 15px 0;
    }
    .navigation.not-home{
        background-color: transparent;
    }
    .navigation-bar{
        position: fixed;
        bottom: 0;
        left: 0;
        background-color: #fff;
        z-index: 4;
        border-radius: 20px 20px 0 0;
        width: 100vw;
        transform: translateY(100%);
        opacity: 0;
        visibility: hidden;
        transition: transform .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out;
        padding-bottom: 5vh;
        /* display: none; */
    }
    .navigation-bar.is-open{
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
    }
    .navigation-bar-list{
        width: 100vw;
        padding: 30px;
    }
    .navigation-bar-list-item{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }
    .navigation-bar-list-item.has-sub:hover .navigation-bar-submenu{
        z-index:5;
        left:50%;
        transform: translateX(-50%);
        width: 100%;
    }
}
.navigation-bar-list-item.has-sub:hover .navigation-bar-submenu{
    opacity: 1;
    visibility: visible;
}
.navigation-bar-submenu{
    position: absolute;
    top: 25px;
    padding: 15px;
    background-color: #F4F4F4;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 25%);
    min-width: 125px;
    opacity: 0;
    visibility: hidden;
    transition: transform .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out;
}
@media(min-width: 1024px){
    .navigation-wrapper{
        padding: 0 40px;
    }
}

.navigation-logo-item img{
    width: 200px;
    height: auto;
}
.navigation-logo-infos--title{
    color: hsl(288.53, 41.46%, 32.16%);
}


@media(max-width: 63.9375em){
    .hide-mobile{
        display: none!important;
    }
    body{
        padding: 0;
    }
}
@media(min-width: 64em){
    .hide-desktop{
        display: none!important;
    }
}
/* Footer */
footer .footer-wrapper{
    padding: 30px 15px;
}

/* Sem Overflow */
.no-overflow{
    overflow: hidden;
}

/* Filter */
.filtro{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 3;
    background-color: rgba(0,0,0,.5);
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
}
.filtro.is-showing{
    opacity: 1;
    visibility: visible;
}
/* Drawer */
.drawer-bar{
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #fff;
    z-index: 4;
    border-radius: 20px 20px 0 0;
    width: 100vw;
    transform: translateY(100%);
    opacity: 0;
    visibility: hidden;
    transition: transform .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out;
    /* display: none; */
}
.drawer-bar.is-open{
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}
.drawer-bar-close{
    position: absolute;
    top: -35px;
    right: 25px;
    color: #fff;
    font-size: 21px;
    font-weight: 700;
}
.drawer-bar .tag{
    width: max-content;
}
.drawer-bar-content{
    height: calc(100vh - 225px);
    overflow-y: auto;
}
.drawer-bar-search{
    padding:30px;
    position: sticky;
    top: 0;
    background-color: #fff;
    border-radius: 20px 20px 0 0;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 2px;
}
.drawer-bar-search input{
    background-color: #fff;
    border: 1px solid #716f6f;
    border-radius: 15px;
    box-shadow: none;
    color: #716f6f;
    padding: 0 15px;
    height: 50px;
    max-width: 100%;
}
.drawer-bar-list{
    width: 100vw;
    padding: 30px;
}
.drawer-bar-list-item:not(.drawer-button){
    padding: 15px;
    background-color: #F4F4F4;
    border-radius: 15px;
}
/* BGs*/
.bg-white{
    background-color: #ffffff;
}
/* Containers */
.container {
    width: 1200px;
    max-width: calc(100vw - 40px);
    margin: 0 auto;
}
.container.small{
    width: 750px;
}
.container.smaller{
    width: 350px;
}
.container-fluid {
    width: 100%;
    padding: 0 4.375rem;
    margin: 0 auto;
}

/* Alinhamentos */
.d-flex {
    display: flex;
}
.d-flex-1{
    flex: 1;
}
.d-flex-2{
    flex: 2;
}
.d-block {
    display: block;
}
.d-none{
    display: none!important;
}
.p-relative{
    position: relative;
}

.align-center {
    align-items: center;
}
.align-end {
    align-items: flex-end;
}
.align-start {
    align-items: flex-start;
}
.justify-center {
    justify-content: center;
}
.space-between {
    justify-content: space-between;
}
.justify-start {
    justify-content: flex-start;
}
.justify-end {
    justify-content: flex-end;
}
.d--flex-col {
    flex-direction: column;
}
.d--flex-col-reverse {
    flex-direction: column-reverse;
}
.flex-wrap-wrap{
    flex-wrap: wrap;
}
.d-grid {
    display: grid;
}
.d-grid-tc-1 {
    grid-template-columns: repeat(1, 1fr);
}
.d-grid-tc-2 {
    grid-template-columns: repeat(2, 1fr);
}
.d-grid-tc-3 {
    grid-template-columns: repeat(3, 1fr);
}
.d-grid-tc-4 {
    grid-template-columns: repeat(4, 1fr);
}
.d-grid-tc-5 {
    grid-template-columns: repeat(5, 1fr);
}
.d-grid-tc-6 {
    grid-template-columns: repeat(6, 1fr);
}
.d-grid-tc-7 {
    grid-template-columns: repeat(7, 1fr);
}
.d-grid-tc-8 {
    grid-template-columns: repeat(8, 1fr);
}
@media(max-width: 63.9375em){
    div:is(.d-grid-tc-1,.d-grid-tc-2,.d-grid-tc-3,.d-grid-tc-4,.d-grid-tc-5,.d-grid-tc-6, .d-grid-tc-7, .d-grid-tc-8){
        grid-template-columns: repeat(1, 1fr);
    }
}
.w-full{
    width: 100%;
}
.mw-full{
    width: max-content;
}
.w-auto{
    width: auto!important;
}
.h-full{
    height: 100%;
}
/* Gap */
.gap-5 {
    gap: 0.313rem!important;
}
.gap-sm{
    gap: 0.313rem!important;
}
.gap-10 {
    gap: 0.625rem;
}
.gap-15 {
    gap: 0.938rem;
}
.gap-20 {
    gap: 1.250rem;
}
.gap-30 {
    gap: 1.875rem;
}
.gap-50 {
    gap: 3.125rem;
}
.gap-100 {
    gap: 6.25rem;
}
.gap-200 {
    gap: 12.5rem;
}
.bold{
    font-weight: bold;
}
.uppercase{
    text-transform: uppercase;
}
.word-break-all{
    word-break: break-all;
}
.word-break-break{
    word-break: break-word;
}
.border-gray{
    border: 1px solid #ACA7A2;
}
.border-black{
    border: 1px solid #000000;
}
.border-bottom{
    border-bottom: 1px solid;
}
.border-color-gray{
    border-color: #ACA7A2;
}

.txt-gray{
    color: #626262!important;
}
.txt-orange{
    color: hsl(288.53, 41.46%, 32.16%)!important;
}
.txt-red{
    color: #CA0202!important;
}
.txt-white{
    color: #fff!important;
}
.txt-black{
    color: #000000!important;
}
.txt-black:hover{
    color: hsl(288.53, 41.46%, 32.16%)!important;
}
.txt-coal{
    color: #444444!important;
}
.txt-coal:hover{
    color: hsl(288.53, 41.46%, 32.16%)!important;
}
/* Margins */

.m-x-15 {
    margin: 0 0.313rem; /*50px*/
}
.m-y-50 {
    margin: 3.125rem 0; /*50px*/
}
.m-t-smaller {
    margin-top: 0.313rem; /*5px*/
}
.m-t-sm {
    margin-top: 0.938rem; /*15px*/
}
.m-t-md {
    margin-top: 1.563rem; /*25px*/
}
.m-t-lg {
    margin-top: 2.188rem; /*35px*/
}
.m-t-lx {
    margin-top: 3.125rem; /*50px*/
}
.m-t-lxx {
    margin-top: 6.25rem!important; /*100px*/
}
.m-b-smaller {
    margin-bottom: 0.313rem; /*5px*/
}
.m-b-sx {
    margin-bottom: 0.625rem; /*10px*/
}
.m-b-sm {
    margin-bottom: 0.938rem; /*15px*/
}
.m-b-md {
    margin-bottom: 1.563rem; /*25px*/
}
.m-b-lg {
    margin-bottom: 2.188rem; /*35px*/
}
.m-b-lx {
    margin-bottom: 3.125rem!important; /*50px*/
}
.m-b-lxx {
    margin-bottom: 6.25rem; /*100px*/
}
.m-l-smaller {
    margin-left: 0.313rem; /*5px*/
}
.m-l-sm {
    margin-left: 0.938rem; /*15px*/
}
.m-l-md {
    margin-left: 1.563rem; /*25px*/
}
.m-l-lg {
    margin-left: 2.188rem; /*35px*/
}
.m-l-lx {
    margin-left: 3.125rem; /*50px*/
}
.m-l-lxx {
    margin-left: 6.25rem!important; /*100px*/
}
/*Padding*/
.p-sm{
    padding:15px;
}
.p-bl-sx{
    padding-block:8px;
}
.p-in-sm{
    padding-inline:15px;
}
.p-b-md{
    padding-bottom: 25px;
}
/* Text Align */

.t--align-center {
    text-align: center;
}
.t--align-left {
    text-align: left;
}
.t--align-right {
    text-align: right;
}
/*Radius*/
.radius-sx{
    border-radius: 8px;
}
/* Buttons */
.btn.full{
    background-color: #444444;
    border:0;
}
.btn.full.orange{
    background-color: hsl(288.53, 41.46%, 32.16%);
    color: #fff;
    border:1px solid hsl(288.53, 41.46%, 32.16%)!important;
}
.btn.full.orange:hover{
    background-color: #444444;
    border:1px solid #444444!important;
}
.btn.full.light-orange{
    background-color: #FFC19D;
    border:1px solid #FFC19D!important;
    color: #000000;
}
.btn.full.light-orange:hover{
    background-color: #444444;
    color: #FFFFFF;
    border:1px solid #444444!important;

}
.btn.full:hover{
    background-color: hsl(288.53, 41.46%, 32.16%);
}

.btn.small{
    width: 150px;
    max-width: 100%;
}
.btn.disabled{
    pointer-events: none;
    background-color: #ddd;
}
.btn.disabled:hover{
    cursor: not-allowed;
}
/* .btn.danger{
    border: 1px solid #CA0202!important;
    color: #CA0202!important;
}
.btn.danger:hover{
    background-color: #CA0202;;
    color: #fff!important;
} */
.btn.red{
    background-color: #CA0202;
    color: #ffffff;
    border-color: #CA0202!important;
}
.btn.gray{
    background-color: #d9d9d9;
    color: #000000;
    border-color: #d9d9d9!important;
}

/* breadcrumb */
.highlight{
    background-color: hsl(171.43deg 80.41% 25.31%);
    color: hsl(60, 50%, 99%);
}
.low-highlight{
    background-color: #FFC19D!important;
}
/* Modal */
.modal-tempo{
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 100;
    padding: 60px 15px;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    transition: opacity .7s cubic-bezier(0.5, 0, 0, 1),
    visibility .7s cubic-bezier(0.5, 0, 0, 1);
}

.modal-tempo.is-open{
    opacity: 1;
    visibility: visible;
}
.modal-tempo-wrapper{
    position: relative;
    width: 750px;
    max-width: 100%;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
}
.modal-tempo.smaller .modal-tempo-wrapper{
    width: 400px;
}
.modal-tempo-header{
    padding: 30px;
}
.modal-tempo-header span{
    flex:1;
}
.modal-tempo-content{
    padding: 30px;
    padding-top: 0;
    background-color: #fff;
    border-top:0;
    color: #6b7480;
}
.modal-tempo-content .form-group input{
    width: 18.75rem; /*300px*/
    max-width: 100%;
    height: 2.813rem; /*45px*/
    border-radius: 0.625rem 0 0 0.625rem; /*10px*/
    border: 1px solid #000;
    border-right: 0;
    padding: 0.938rem; /*15px*/
}
.modal-tempo-button{
    padding: 10px 5px;
    height: 2.813rem; /*45px*/
    background-color: #287B28;
    border-radius: 0 0.625rem 0.625rem 0;
}
@media(max-width: 63.9375em){
    .modal-tempo-content .form-group input{
        border: 1px solid #000;
        border-radius: 0.625rem;
    }
    .modal-tempo-button{
        border-radius: 0.625rem;
    }
}

/* Alerts */
.message-error-content{
    padding: 15px;
    border-radius: 0.375rem;
    background-color: #f8d7da;
    border:1px solid #f5c2c7;
    color: #842029;
}
.alert{
    padding: 15px;
    position: relative;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.375rem;
}
.alert strong{
    line-height: 1.2;
}
.alert.alert-dismissible{
    padding-right: 47px;
}
.alert svg{
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
}
.alert.alert-danger{
    background-color: #f8d7da;
    border:1px solid #f5c2c7;
    color: #842029;
}
.alert.alert-success{
    background-color: #d1e7dd;
    border:1px solid #badbcc;
    color: #0f5132;
}
.alert.alert-warning{
    background-color: #fff3cd;
    border:1px solid #664d03;
    color: #664d03;
}
.alert.alert-info{
    background-color: #cff4fc;
    border:1px solid #b6effb;
    color: #055160;
}
.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: 0.375rem;
    opacity: 0.5;
}
.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem;
}
.alert .btn-close{
    box-sizing: content-box !important;
    line-height: inherit !important;
}
/* Steps */
.form-step {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    padding: 3rem;
    background-color: #F4F4F4;
}
@media(max-width: 63.9375em){
    .form-step{
        padding: 0;
        border-radius: 0;
        background: none;
        border:0;
    }
}
.cadastro-form.form-step#step-1 .form-step-body-text, .form-step#step-1 .form-step-body-information{
    width: 800px;
    max-width: 100%;
}
.form-step-body-text p{
    font-size: 0.875rem; /*14px*/
    line-height: 1.313; /*21px*/
}
.font-normal {
    font-weight: normal;
}
@media(max-width: 63.9375em){
    .page-header .page-header-wrapper{
        flex-direction: column;
        gap:30px;
    }
}


ul.form-stepper {
    counter-reset: section;
    margin-bottom: 3rem;
    position: relative;
}
ul.form-stepper .form-stepper-circle {
    position: relative;
}
ul.form-stepper .form-stepper-circle span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
.form-stepper-horizontal {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* justify-content: space-between; */

}
.form-stepper-horizontal.small-steps{
    gap:95px;
}
@media(max-width: 63.9375em){
    .multi-steps-form-container.small{
        overflow-x: hidden;
    }
    .multi-steps-form-container.small li:last-child{
        min-width: auto;
    }
}
ul.form-stepper > li:not(:last-of-type) {
    margin-bottom: 0.625rem;
    -webkit-transition: margin-bottom 0.4s;
    -o-transition: margin-bottom 0.4s;
    transition: margin-bottom 0.4s;
}
.form-stepper-horizontal > li:not(:last-of-type) {
    margin-bottom: 0 !important;
}
.multi-steps-cadastro .form-stepper-horizontal li{
    width: 100px;
}
.form-stepper-horizontal li {
    display: flex;
    transition: 0.5s;
}
@media(max-width: 63.9375em){
    .multi-steps-form-container{
        overflow-x: auto;
    }
    .form-stepper-horizontal li{
        min-width: 120px;
    }
    .form-stepper-horizontal li button{
        width: 80px;
    }
}

.form-stepper-horizontal li:nth-child(1):after {
    left: 1px;
}
.form-stepper-horizontal li:nth-child(2):after {
    right: 3px;
}
@media(max-width: 63.9375em){
    .form-stepper-horizontal li:nth-child(1):after{
        left: 25px;
    }
    .form-stepper-horizontal li:nth-child(2):after{
        right: 25px;
    }
}
.form-stepper-horizontal li.form-stepper-completed .form-stepper-list-item-icon::before {
    background-color: hsl(288.53, 41.46%, 32.16%);
}
.form-stepper-horizontal li:last-child {
    flex: unset;
}
ul.form-stepper li button .form-stepper-circle {
    position: relative;
    width: 6.25rem;
    height: 6.25rem;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    margin-right: 0;
    line-height: 1.7rem;
    text-align: center;
    background-color: #ffffff;
    border-radius: 50%;
    transition: background-color .4s ease-in-out;
}
ul.form-stepper li button .form-stepper-circle::before{
    content: '';
    width: 100%;
    height: 9px;
    background-color: #dee2e6;
    position: absolute;
    top: 50%;
    left: 100%;
}
ul.form-stepper li:last-child button .form-stepper-circle::before{
    display: none;
}
ul.form-stepper li button .form-stepper-circle svg{
    width: 2.6rem;
    height: 2.6rem;
    fill:#ACA7A2;
    position: relative;
    z-index: 3;
}
@media(max-width: 63.9375em){
    ul.form-stepper li button .form-stepper-circle{
        width: 4.25rem;
        height: 4.25rem;
    }
    ul.form-stepper li button .form-stepper-circle svg{
        width: 2.125rem;
        height: 2.125rem;
    }
}
.form-stepper .form-stepper-circle::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    height: 80%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    background-color: #F4F4F4;
    z-index: 2;
}
.form-stepper .form-stepper-active .form-stepper-circle svg{
    fill: hsl(171.43deg 80.41% 25.31%);
}
.form-stepper .form-stepper-active .form-stepper-list-item-label {
    color: hsl(171.43deg 80.41% 25.31%) !important;
}
.form-stepper .form-stepper-active .form-stepper-circle:hover {
    background-color: hsl(171.43deg 80.41% 25.31%) !important;
    color: #fff !important;
}
.form-stepper .form-stepper-unfinished .form-stepper-circle {
    background-color: #fff;
}
.form-stepper .form-stepper-unfinished .form-stepper-circle svg{
    width: 2.6rem;
    height: 2.6rem;
    fill: #ACA7A2;
}
@media(max-width: 63.9375em){
    .form-stepper .form-stepper-unfinished .form-stepper-circle svg{
        width: 2.125rem;
        height: 2.125rem;
    }
}
.form-stepper .form-stepper-completed .form-stepper-circle {
    background-color:hsl(171.43deg 80.41% 25.31%) !important;
}
.form-stepper .form-stepper-completed .form-stepper-circle svg{
    fill: hsl(171.43deg 80.41% 25.31%);
}
.form-stepper .form-stepper-completed .form-stepper-list-item-label {
    color: hsl(171.43deg 80.41% 25.31%) !important;
}
.form-stepper .form-stepper-active span.text-muted {
    color: #fff !important;
}
.form-stepper .form-stepper-completed span.text-muted {
    color: #fff !important;
}
.form-stepper .label {
    font-size: 1rem;
    margin-top: 0.5rem;
}
.form-step{
    position: relative;
}
.form-step-body{
    position: relative;
}
.form-step-custom{
    position:absolute;
    top: 3rem;
    left: 3rem;
    width: calc(100% - 6rem);
    min-height: 300px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .4s ease-in-out, visibility .4s ease-in-out;
}
.form-step-custom.is-showing{
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 1;
    visibility: visible;
}
#form-group-cursos{
    padding-left: 30px;
    display: none;
}
#form-group-cursos.is-showing{
    display: block;
}
.form-step-body .form-group-wrapper .form-group{
    padding: 30px 15px;
}
.form-step-body .form-group-wrapper.bg-gray{
    background-color: #E9E9E9;
}
.form-step-body .form-group-wrapper.bg-white{
    background-color: #F4F4F4;
    /* padding: 0 .938rem; */
}
/* .form-step-footer button, .form-step-footer [role=button]{
    min-width: 100px;
} */
/* List */
.list .list-header .list-col{
    padding: .938rem; /* 15px */
}
.list .list-content-item{
    background-color: #F4F4F4;
    padding: .938rem 0; /* 15px */
    border-radius: 35px;
}
.list .list-content-item.is-desclassified{
    background-color: #f8d7da;
    border:1px solid #f5c2c7;
    color: #842029;
}
.list .list-content-item .list-col{
    padding: 0 .938rem; /* 15px */
}
.list .list-content-item-content{
    padding: 0 .938rem; /* 15px */
}
.tabela-listagem .table-bordered{
    border-radius: 15px;
    overflow: hidden;
}
.table-inscricoes thead th{
    padding: .938rem; /* 15px */
    vertical-align: middle;
}
.table-inscricoes tbody td{
    padding: .938rem; /* 15px */
    vertical-align: middle;
}
.table-inscricoes tbody tr{
    transition: background-color .4s ease-in-out;
}
.table-inscricoes tbody tr:not(.empty) td:first-child{
    transition: background-color .4s ease-in-out;
}
.table-inscricoes tbody tr.is-active{
    background-color: #ddd;
}
.table-inscricoes tbody tr.is-active td{
    font-weight: 700;
}
.table-inscricoes tbody tr.is-active:not(.empty) td:first-child{
    background-color: hsl(288.53, 41.46%, 32.16%);
    color: #fff;
}
.table-inscricoes tbody tr.is-desclassified{
    background-color: #f8d7da;
    border:1px solid #f5c2c7;
    color: #842029;
}
.table-inscricoes tbody tr td .icon svg{
    color: #212529;
}
.table-legenda .table-legenda-item .color{
    width: 15px;
    height: 15px;
}
.table-legenda .table-legenda-item.is-active .color{
    background-color: hsl(288.53, 41.46%, 32.16%);

}
.table-legenda .table-legenda-item.is-desclassified .color{
    background-color: #f8d7da;
    border:1px solid #f5c2c7;
    color: #842029;
}
.list-content-item.is-active{
    background-color: hsl(288.53, 41.46%, 32.16%);
    color: #fff;
}
.dados-lista{
    padding: 1.875rem; /* 30px */
    border-radius: 25px;
    background-color: #F4F4F4;
}

/* Tempo de Serviço */
.tempo-servico-wrapper .tempo-card,.tempo-servico-wrapper .tempo-card-footer{
    padding: 1.875rem; /* 30px */
    background-color: #ffffff;
    border-radius: 20px;
}
.tempo-servico-wrapper .tempo-card.is-error{
    background-color: #f8d7da;
    border:1px solid #f5c2c7;
    color: #842029;
}
.tempo-servico-wrapper .tempo-card.is-validated{
    background-color: #d1e7dd;
    border:1px solid #badbcc;
    color: #0f5132;
}
.tempo-servico-wrapper .tempo-card-botoes{
    padding-left: 30px;
    border-left: 1px solid #ddd;
}
@media(max-width: 63.9375em){
    .tempo-servico-wrapper .tempo-card{
        border:1px solid #ddd;
    }
    .tempo-servico-wrapper .tempo-card-botoes{
        padding-left: 0;
        border-left: 0;
    }
}

/* Lista de Detalhamento */
.table-details{
    overflow: hidden;
    border-radius: 20px 20px 0 0;
}
@media(max-width: 63.9375em){
    .table-details{
        overflow: auto;
        border-radius: 0;
    }
}
.table-details .table-details-item:nth-child(odd){
    background-color: #fff;
}
.table-details .table-details-item:nth-child(even){
    background-color: #E9E9E9;
}
.table-details .table-details-title{
    min-width: 220px;
}
.table-details .table-details-title, .table-details .table-details-info{
    padding: 15px;
}
.table-details .table-details-info{
    width: 100%;
    border-left: 1px solid #000000;
}

/* tabela tempo */
.table-tempo .table-tempo-item > div{
    padding: 15px;
}
@media(max-width: 63.9375em){
    .table-tempo{
        margin-top: 15px;
    }
    .table-details-item{
        border:1px solid #ddd;
        padding: 10px;
        border-radius: 10px;
    }
    .table-details .table-details-title, .table-details .table-details-info{
        padding:0;
    }
    .table-details .table-details-info{
        border-left: none;
    }
    .table-details .table-details-item:nth-child(even){
        background-color: #ffffff;
    }
    .table-tempo-item{
        border-radius: 15px;
        border: 1px solid #E9E9E9;
    }
    .table-tempo-item-title-header{
        background-color: #E9E9E9;
        border-radius: 15px 15px 0 0;
    }
    .table-tempo-info{
        border-radius: 0 0 15px 15px;
    }
}
.table-tempo .table-separator{
    background-color: #ffffff;
    padding: 15px;
}
.table-tempo .table-tempo-item .table-tempo-title{
    background-color: #E9E9E9;
}
.table-tempo .table-tempo-item .table-tempo-info{
    background-color: #FFFFFF;
}
.table-tempo .table-tempo-item .table-tempo-footer{
    background-color: #E9E9E9;
}
.collapse:not(.show) {
  display: none !important;
}
[role=button] {
    cursor: pointer;
}

/* ShowConfirmation */
.confirmation{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: rgba(0,0,0,.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 101;
}
.confirmation .confirmation-body{
    max-width: 430px;
    background-color: #fff;
    padding:30px;
    border-radius: 15px;
}
.confirmation .confirmation-butttons button{
    height: 40px;
    border-radius: 10px;
    padding: 0 15px;
    color: #fff;
}
.confirmation .confirmation-butttons button svg{
    width: 18px;
    height: 18px;
}
.confirmation .confirmation-butttons button.confirmation-confirm{
    background-color: #287B28;
}
.confirmation .confirmation-butttons button.confirmation-confirm:hover{
    background-color: #1E6B1E;
}
.confirmation .confirmation-butttons button.confirmation-cancel{
    background-color: #CA0202;
}
.confirmation .confirmation-butttons button.confirmation-cancel:hover{
    background-color: #b60606;
}
.confirmation .confirmation-butttons button.confirmation-ok{
    background-color: #287B28;
}
.confirmation .confirmation-butttons button.confirmation-ok:hover{
    background-color: #1E6B1E;
}

.input-wrap .input-icon{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
}
.input-wrap input::-ms-reveal,
.input-wrap input::-ms-clear{
    display: none;
}
.input-wrap .input-icon .icon{
    width: 21px;
    height: 21px;
}
.input-wrap .input-icon svg{
    width: 21px;
    height: 21px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

/* search form */
.search__form{
    min-width: 20rem;
    position: relative;
}
.search__form input{
    background-color: #fff;
    border: 1px solid #666666;
    border-radius: .937rem;
    box-shadow: none;
    outline: none;
    color: #716f6f;
    height: 3.125rem;
    max-width: 100%;
    padding: 0 .9375rem 0 2.8125rem;
}
.search__form input:focus{
    border-color: hsl(288.53, 41.46%, 32.16%);
}
.search__form .search__form__icon{
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 2.8125rem;
}
.search__form .search__form__icon svg{
    stroke: #716f6f;
    width: 1.25rem;
    height: 1.25rem;
}