﻿/*Color*/
.imgToPrimaryColor{
    filter: drop-shadow(0px 1000px 0 var(--colorPrimary));
    transform: translateY(-1000px);
}
.imgToPrimaryColor2{
    filter: drop-shadow(0px 40000px 0 var(--colorPrimary))!important;
    transform: translateY(-40000px)!important;
}

.imgToWhite{
    filter: drop-shadow(0px 40000px 0 white);
    transform: translateY(-40000px);
}


.bg-success{
    background-color:var(--colorSuccess)!important;
}
.bg-primary{
    background-color:var(--colorPrimary)!important;
}
.bg-complementaryone {
    background-color:var(--colorComplementaryOne)!important;
}

.bg-blue{
    background-color: #0096FF!important;
}

.bg-complementarytwo{
    background-color:var(--colorComplementaryTwo)!important;
}
.bg-complementarythree {
    background-color: var(--colorComplementaryThree) !important;
}

.border-complementarytwo {
    border-color: var(--colorComplementaryTwo) !important;
}
.border-complementarythree {
    border-color: var(--colorComplementaryThree) !important;
}

.colorWhiteToPrimary {
    filter: invert(27%) sepia(99%) saturate(7368%) hue-rotate(342deg) brightness(80%) contrast(100%);
/*    filter: invert(25%) sepia(88%) saturate(6101%) hue-rotate(339deg) brightness(78%) contrast(107%);*/
}
.colorWhiteToComplementaryOne {
    filter: invert(26%) sepia(0%) saturate(4171%) hue-rotate(295deg) brightness(44%) contrast(79%);
}

.colorBlack{
    color:black!important;
}

.filterBlackToPrimary {
    filter: invert(10%) sepia(80%) saturate(6017%) hue-rotate(345deg) brightness(99%) contrast(98%);
}
.filterBlackToComplementaryTwo {
    filter: invert(71%) sepia(21%) saturate(2%) hue-rotate(314deg) brightness(109%) contrast(86%);
}

.colorComplementaryOne{
    color:var(--colorComplementaryOne)!important;
}
.colorComplementaryTwo{
    color:var(--colorComplementaryTwo)!important;
}
.colorComplementaryFour{
    color:var(--colorComplementaryFour)!important;
}

.colorLabel {
    color: var(--colorLabel);
}

.btn-close:focus {
    box-shadow: none !important;
}

/*Fonts*/
.fontOpenSans {
    font-family: "Open sans" !important;
}

.fontOpenSansBold {
    font-family: "Open sans" !important;
    font-weight: bold;
}

.fontHermes {
    font-family: "Hermes" !important;
}

.fontHermesBold {
    font-family: "HermesBold" !important;
}

/*Text*/
.text-decoration-none {
    text-decoration: none !important;
}

.textDisabled{
    color:var(--colorDisabled);
}
.textDisabled:hover{
    color:var(--colorDisabled);
}

.textPrimary{
    color:var(--colorPrimary)!important;
}

.linkComplementary{
    color:var(--colorComplementary)!important;
}

.textComplementaryOne {
    color: var(--colorComplementaryOne) !important;
}

.textComplementaryTwo {
    color: var(--colorComplementaryTwo) !important;
}

.textWhite{
    color:white!important;
}

/*Others*/
header {
    background: linear-gradient(90deg, var(--colorPrimary) 0%, var(--colorPrimary) 73.02%, var(--colorPrimaryDark) 100%);
}

html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.btn-link{
    background-color:transparent;
    border:none;
    padding:0px;
    color:var(--colorPrimary);
}

.btn-c-active:disabled {
    opacity:0.7;
}

body {
/*    utilizamos apenas com footer fixed*/
/*  margin-bottom: 60px;*/
    margin-bottom:0px!important;
}

#container-principal {
    min-height: calc(100vh - 236px);
    margin-bottom:50px;
}

body .container{
    margin-top:80px;
}

.container-menu-notifications{
    margin-top:0px!important;
}

.border-radius-10{
    border-radius:10px;
}

.border-radius-30 {
    border-radius: 30px;
}

.tx-40 {
    font-size: 40px !important;
}
.tx-30{
    font-size: 30px !important;
}
.tx-20{
    font-size: 20px !important;
}
.tx-18 {
    font-size: 18px !important;
}
.tx-16 {
    font-size: 16px !important;
}
.tx-15 {
    font-size: 15px !important;
}
.tx-14 {
    font-size: 14px !important;
}
.tx-12 {
    font-size: 12px !important;
}
.tx-10 {
    font-size: 10px !important;
}
.tx-8 {
    font-size: 8px !important;
}
.max-width-10 {
    max-width: 10px;
}
.max-width-15 {
    max-width: 15px;
}
.max-width-20 {
    max-width: 20px;
}
.max-width-25 {
    max-width: 25px;
}
.max-width-50 {
    max-width: 50px;
}
.max-width-75 {
    max-width: 75px;
}
.max-width-100 {
    max-width: 100px;
}
.max-width-200 {
    max-width: 200px;
}
.max-width-300 {
    max-width: 300px;
}
.max-width-100p
{
    max-width:100%;
}
.width-120{
    width:120px !important;
}
.height-120 {
    height: 120px !important;
}
.max-height-500{
    max-height:500px!important;
}
.max-height-450 {
    max-height: 450px !important;
}
.max-height-350 {
    max-height: 350px !important;
}
.max-height-200{
    max-height:200px !important;
}
.max-height-100 {
    max-height: 100px;
}
.max-height-38{
    max-height:38px;
}
.max-height-20 {
    max-height: 20px;
}
.max-height-15 {
    max-height: 15px;
}

.mt-10n{
    margin-top:-10px;
}

.image-30{
    height:30px;
}

.width-60p{
    width:60%!important;
}

.width-200px{
    width:200px !important;
}
.width-150px{
    width:150px !important;
}
.width-100px {
    width: 100px !important;
}
.width-40px {
    width: 40px !important;
}
.width-30px {
    width: 30px !important;
}
.width-20px {
    width: 20px !important;
}

.lh-18 {
    line-height: 18px;
}

.height-100px {
    height: 100px !important;
}
.height-150px {
    height: 150px !important;
}
.height-200px{  
    height:200px!important;
}
.height-40px {
    height: 40px !important;
}
.height-30px {
    height: 30px !important;
}
.height-20px {
    height: 20px !important;
}
.width-80p {
    width: 80% !important;
}
.width-90p {
    width: 90% !important;
}
.mw-800 {
    min-width: 800px;
}
.mw-300{
    min-width:300px;
}
.mw-200{
    min-width:200px;
}
.mw-160 {
    min-width: 160px;
}
.mw-150 {
    min-width: 150px;
}
.mw-120{
    min-width:120px;
}
.mw-100{
    min-width:100px;
}
.mw-60 {
    min-width: 60px;
}
.mw-50{
    min-width:50px;
}

.mw-1000{
    min-width:1000px!important;
}

.min-height-60vh{
    min-height:60vh;
}
.mh-500 {
    min-height: 500px;
}
.mh-450 {
    min-height: 450px!important;
}
.mh-400{
    min-height:400px;
}
.mh-300{
    min-height:300px;
}
.mh-290{
    min-height:290px;
}
.mh-250 {
    min-height: 250px;
}
.mh-200 {
    min-height: 200px;
}
.mh-160 {
    min-height: 160px;
}
.mh-150 {
    min-height: 150px;
}
.mh-140 {
    min-height: 140px;
}
.mh-120{
    min-height:120px;
}
.mh-65 {
    min-height: 65px;
}
.mh-50{
    min-height:50px;
}
.mh-20 {
    min-height: 20px;
}

.overflow-x-none{
    overflow-x:hidden!important;
}
.overflow-y-scroll {
    overflow-y: scroll !important;
}

.overflow-y-auto {
    overflow-y: auto !important;
}

.tx-black{
    color:black!important;
}
.tx-white{
    color:white !important;
}

.dropdown-menu-principal::after{
    display:none !important;
}

.dropdown-menu {
    position: absolute !important;
}

#dropdown-menu-global {
   height:  calc(100vh - 60px);
   margin-left:-15px;
}

#dropdown-menu-global hr{
    color: white;
    height: 2px !important;
    opacity: 100 !important;
    margin-left: 15px;
    margin-right: 15px;
}

#dropdown-menu-global .dropdown-item:focus,
#dropdown-menu-global .dropdown-item:hover{
    background-color:transparent!important;
}
   
#dropdown-menu-global .dropdown-item:hover {
    background-color: transparent !important;
    text-decoration: underline;
}

.navbar-header{
    padding-top:0px!important;
    padding-bottom:0px!important;
}

.navbar-notification-icon {
    background-image: url("/assets/images/notifications.png");
    display: inline-block;
    width: 1.0em;
    height: 1.0em;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.navbar-logo {
    /* background-image: url("/assets/images/log-caminhos.svg"); */
    display: inline-block;
    width: 4.5em;
    height: 55px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.navbar-logo img {
    width: 4.5em;
    height: 55px;
    padding-bottom: 5px;
}

.menu-item{
    border-left:7px solid transparent;
}
.menu-item.active {
    border-left:7px solid white!important;
}

.bg-colorPrimary{
    background-color: var(--colorPrimary)
}

.arrow-black{
    border-color:black!important;
}
.arrow {
    margin-left:10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}

.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-bottom:5px;
}

.btn-dropdown:focus{
    box-shadow:none!important
}

.btn-white-modal {
    border-color: var(--colorComplementaryTwo);
    color:black;
    background-color:white;
}


.btn-white-nohover {
    border-color: var(--colorComplementaryTwo);
    color: var(--colorComplementaryOne) !important;
}
.btn-white {
    border-color: var(--colorComplementaryTwo);
    color:var(--colorComplementaryTwo)!important;
}

.btn-white-primary {
    background-color: white;
    border-color: white;
    color: var(--colorPrimary) !important;
}

.btn-white-secondary {
    background-color: white;
    border-color: white;
    color: black !important;
}

.btn-white:hover {
    font-weight:bold !important;
    color:var(--colorComplementaryOne)!important;
}

.btn-primary {
    background-color: var(--colorPrimary);
    border-color: var(--colorPrimary);
}
.btn-primary:hover {
    background-color: var(--colorPrimaryDark);
    border-color: var(--colorPrimaryDark);
}
.btn-primary:focus {
    background-color: var(--colorPrimaryDark);
    border-color: var(--colorPrimaryDark);
}

.btn-primary-inverse {
    background-color: transparent;
    border-color: var(--colorPrimary);
    color: var(--colorPrimary);
}
.btn-primary-inverse:hover {
    
    border-color: var(--colorPrimaryDark);
    color: var(--colorPrimaryDark);
}
 .btn-primary-inverse:focus {
    
    border-color: var(--colorPrimaryDark);
    color: var(--colorPrimaryDark);
}

.btn-primary:disabled, .btn-primary.disabled {
    background-color: var(--colorComplementaryOne) !important;
    border: none !important;
}

.dropdown-notifications{
    width:90vw;
}

.object-fit-none{
    object-fit:none !important;
}
.object-fit-cover{
    object-fit:cover!important;
}

.object-fit-contain{
    object-fit:contain!important;
}

.container-menu-notifications div:last-child hr {
    display: none;
}

.mouse-pointer{
    cursor:pointer;
}

.mouse-default{
    cursor:default!important;
}

#menu-notifications-badge{
    position: absolute;
    background-color: var(--colorComplementaryTwo);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    right: 0px;
    color: var(--colorPrimary);
}

.navbar-notifications{
    min-width: 20px;
}

.break-word{
    word-break: break-word !important;
}

#input-subheader-title {
    text-transform: uppercase !important;
}

/* Estilo para Modal de Loading */
/*Loading ou Aguarde...*/
.loading {
    position: fixed;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99; /*9;*/
    padding-left: 30px;
    padding-right: 30px;
}
.loading img{
    margin: 0 auto;
}

#loading-image {
    margin: 0 auto;
    position: absolute;
    top: 45%;
    z-index: 100; /*10;*/
}

#loading {
    z-index: 9999999; /*9;*/
}
#loading .fa {
    color: var(--colorWhite)
}

.select2{
    width:100% !important;
}

.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 0.5px solid var(--colorComplementaryTwo) !important;
}

.select2-search__field {
    width: 100% !important;
    font-size: 14px !important;
    padding-left: 10px !important;
}

input, textarea, select, select2 {
    border-radius: 0.25rem;
    border: 0.5px solid var(--colorComplementaryTwo);
    width: 100%;
    margin-bottom: 0.5rem;
    padding: 0.7rem 1.13rem;
    font-size: 0.8125rem;
}

input[type=radio] {
    margin-bottom: 0px!important;
    padding: 08px !important;
    margin-right:10px;
}

.input-lg {
    width: 100%;
    position: relative;
}

.form-icon {
    position: absolute;
    right: 1.7rem;
    top: 0.62rem;
    cursor: pointer;
}

.border-left-primary{
    border-left:5px solid var(--colorPrimary);
}

.session-skill-6{
    background-color:rgb(0,0,0) !important;
    /* background-color: var(--colorComplementaryOne) !important; */
    color:white!important;
}
.session-skill-5{
    background-color:rgba(0,0,0,0.8)!important;
    /* background-color: var(--colorComplementaryOne) !important; */
    color:white!important;
}
.session-skill-4 {
    background-color: rgba(0,0,0,0.6) !important;
    /* background-color: var(--bcolorComplementaryOne) !important; */
    color:white!important;
}
.session-skill-3 {
    background-color: rgba(0,0,0,0.4) !important;
    /* background-color: var(--colorComplementaryOne) !important; */
    color:white!important;
}
.session-skill-2 {
    background-color: rgba(0,0,0,0.2) !important;
    color: var(--colorComplementaryOne) !important;
    /* background-color: var(--colorComplementaryOne) !important; */
    /* color:white!important; */
}
.session-skill-1 {
    background-color: rgba(0,0,0,0.1) !important;
    color:var(--colorComplementaryOne)!important;
    /* background-color: var(--colorComplementaryOne) !important; */
    /* color:white!important; */
}
.session-skill-0 {
    background-color: white!important;
    border:1px solid var(--colorComplementaryTwo)!important;
    color:var(--colorComplementaryOne)!important;
}

.session-topic-active
{
    background-color: var(--colorComplementaryOne) !important;
    color:white!important;
}

.badge-topic.active{
    background-color: var(--colorPrimary)!important;
}

.session-topic-inactive{
    background-color: white!important;
    border:1px solid var(--colorComplementaryTwo)!important;
    color:var(--colorComplementaryOne)!important;
}

.session-skill.active
{
    background-color:var(--colorPrimary)!important;
    color:white!important;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.rotating {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}

.img-error-indicator{
    width:15px;
    height:15px;
}

.select2-selection__choice {
    color: white !important;
    background-color: var(--colorPrimary) !important;
    font-size: 12px;
    font-family: "Open sans" !important;
    font-weight:bold;
}
.select2-selection__choice__remove{
    color:white !important;
}

.select2-selection__rendered {
    line-height: 41px !important;
    padding-left: 10px;
}
.select2-container .select2-selection--single,.select2-selection--multiple {
    height: 41px !important;
    padding-left: 10px;
}
.select2-selection__arrow {
    height: 40px !important;
}

.dropdown-icon-down{
    height:10px;
    width:15px;
}

.btn-c {
    border: none;
    color: #fff;
    text-align: center;
    font-family: Hermes;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    padding: 1rem;
    border-radius: 0.375rem;
    background-color: var(--colorComplementaryThree);
    margin-top: 1.5rem;
    pointer-events: none;
}

.btn-c-active {
    pointer-events: initial !important;
    background-color: var(--colorPrimary) !important;
}

.pointer-events-initial
{
    pointer-events: initial !important;
}

.padding-8px{
    padding:8px!important;
}

.subheader {
    background-image: url("/assets/images/subheader.png");
    background-size: cover;
    margin-bottom: -100px;
    position: absolute;
    width: 100%;
    height: 65px;
    left: 0px;
    top: 59px;
    display: flex;
    align-items: center;
}

.subheader-content {
    border-left: 5px solid var(--colorPrimary);
    padding-left: 50px;
}

.subheader-content img {
    margin-top: -12px;
    margin-right: 20px;
    width: 30px;
}

.menu-user-photo {
    width: 40px;
    height: 40px;
    object-fit: fill;
    background-color: transparent;
    border-radius: 50%;
    border: 2px solid white;
    margin: 5px;
}

.circle-60 {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.circle-140{
    width:140px;
    height:140px;
    border-radius:50%;
}

.circle-30 {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.circle-50 {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.circle-70 {
    width: 70px!important;
    height: 70px!important;
    border-radius: 50%;
}
.circle-100 {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
.circle-90 {
    width: 90px;
    height: 90px;
    border-radius: 50%;
}

.border-radius-50p {
    border-radius: 50%;
}

.border-radius-10 {
    border-radius: 10px;
}

.user-photo-container{
    width:45px;
    height:45px;
}

.invalid-input {
    /* border: 2px solid var(--colorPrimary)!important; */
    border: 2px solid var(--bgDanger)!important;
}

.selectable{
    cursor:pointer;
}

.carousel-control-prev, .carousel-control-next{
    width:auto!important;
}
.carousel-control-prev{
    margin-left:-50px;
}
.carousel-control-next{
    margin-right:-50px;
}
.carousel .carousel-indicators button {
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

.badge.bg-primary {
    color: white !important;
}

.page-container {
    max-width: 1400px;
    margin: 0 auto;
}

.pb-value, .pb-total {
/*    margin-top:-25px;*/
}

.pb-value {
    color: var(--colorPrimary);
}

.text-right {
    text-align: right !important;
}

.navbar-toggler-icon{
    width:2.0em;
    height:2.0em;
}

input::-ms-reveal,
input::-ms-clear {
    display: none;
}

.fc-h-event{
    background-color:transparent!important;
    border:2px solid transparent!important;
}

@media only screen and (max-width : 480px) {
    .tx-sm-10{
        font-size:10px!important;
    }
}




footer, .sticky-md-top {
    z-index: 999 !important;
}

textarea {
    resize: none!important;
}

.pill{
    display:block;
    width:20px;
    height:20px;
    border-radius:50%;
}

.primary-pill{
    background-color:var(--colorPrimary)!important;
}

.red-pill{
    background-color:var(--bgDanger)!important;
}
.blue-pill{
    background-color:#0096FF!important;
}

.gray-pill {
    background-color: #ececec !important;
}
.green-pill {
    background-color: green !important;
}

.yellow-pill {
    background-color: rgba(var(--bs-warning-rgb)) !important;
}

.grayscale {
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
}

.markupprogress-span
{
    word-wrap:normal!important;
}
.markupprogress-pb{
    height:30px;
    position:relative;
    margin-top:-22px;
}

.btn:focus {
    box-shadow: none !important;
}

#btn-voltar:hover{
    color:var(--colorPrimary)!important;
}

#div-select-country .select2-selection{
    background-color: transparent!important;
    border:0px!important;
}

#div-select-country .select2-dropdown.select2-dropdown--below
{
    width: 150px!important;
}

#div-select-country-onboarding .select2-selection{
    background-color: transparent!important;
    border:0px!important;
}
 .select2-dropdown-onboarding {
      width: 200px !important;
      margin-left:-130px;
  }
#div-select-country-onboarding .select2-dropdown.select2-dropdown--below
{
    width: 150px!important;
}

#div-select-country-onboarding{
    max-height: 50px;
}
.img-container img{
    filter: invert(0%)!important;
}

.img-invert{
    filter: invert(100%)!important;
}


.objective-line {
    height: 10px;
    width: 50px;
    position: relative;
    background-color: var(--colorPrimary);
    /* left: calc(50% - 50px); */
    margin-top: 33px;
}

.text-notransform
{
    text-transform: none!important;
}
/* Extra Small Devices, Phones */
@media (max-width: 1400px) {
    .tx-sm-14 {
        font-size: 14px !important;
    }

    
}

@media (min-width: 1400px) {

    .tx-lg-18 {
        font-size: 18px !important;
    }
}

@media (min-width: 768px) {
    .w-md-75 {
        width: 75% !important;
    }

    html {
        font-size: 16px;
    }

    .dropdown-notifications {
        width: calc(20vw);
    }
}

@media only screen and (min-width : 480px) {
    .border-xs-end {
        border-right: 1px solid #dee2e6 !important
    }
    .border-xs-bottom {
        border-bottom: 1px solid #dee2e6 !important
    }

    .height-md-200{
        min-height:200px!important;
    }
    .width-md-200{
        min-width:200px!important;
    }
    .mh-md-160{
        min-height:160px!important;
    }
    .mw-md-160 {
        min-width: 160px !important;
    }

    .position-md-fixed{
        position:fixed!important;
    }
    .fixed {
        position: fixed;
        width: 25%;
    }

    .width-md-160 {
        width: 160px !important;
    }

    .height-md-160 {
        height: 160px !important;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .subheader {
        height:115px;
    }
    body .container {
        margin-top: 130px;
    }
    .subheader-content img {
       
        width: 40px;
    }
    .border-sm-end {
        border-right: 1px solid #dee2e6 !important
    }
    .border-sm-bottom {
        border-bottom: 1px solid #dee2e6 !important
    }
    .tx-md-30 {
        font-size: 30px !important;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .border-md-end {
        border-right: 1px solid #dee2e6 !important
    }
    .border-md-bottom-none {
        border-bottom: none!important;
    }
    .tx-md-18 {
        font-size: 18px !important;
    }
}

.border-radius-10 {
    border-radius: 10px;
}

.border-radius-4 {
    border-radius: 4px;
}

.row-onboarding-welcome{
    max-width:800px;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple{
    background-color:transparent!important;
}

.div-language
{
    top:0px;
}


.btn-matchmanual.btn-primary-inverse
{
    pointer-events: none!important;
}

.border-primary{
    border-color: var(--colorPrimary) !important;
}

.truncate-multiline {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* número de linhas */
    overflow: hidden;
}


.card-body-translate p{
    color:unset !important;
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .border-lg-end {
        border-right: 1px solid #dee2e6 !important
    }
    .border-lg-bottom {
        border-bottom: 1px solid #dee2e6 !important
    }
}
/*
.fc-highlight{
    border-radius:4px;
    background-color:var(--colorPrimary)!important;
    color:white!important;
}*/

.step-button:not(.collapsed)
{
    pointer-events: none;
}

.dataTable  tbody, .dataTable {
  min-height: 300px!important;
}



.dataTable tbody tr {
  max-height: 100px!important;
}



@media only screen and (min-width : 768px) {
    .border-start-md-1 {
        border-left: 1px solid #dee2e6 !important;
    }
}

.custom-border-responsive {
  border-bottom: 1px solid #dee2e6;
}

@media (min-width: 768px) {
  .custom-border-responsive {
    border-bottom: none;
  }
}