.step-body {
    display: none;
}

.step-body.active {
    display: block;
}

.specific-modal-width .modal-dialog {
    width: 400px; /* Adjust the width as needed */
    max-width: 600px; /* Optional: Set a maximum width */
}

.tooltipcuco {
    position: relative;
    /*display: inline-block;*/
    cursor: pointer;
}

.tooltipcuco .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%; /* Position above the text */
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltipcuco:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.big-tooltip .tooltip-inner {
    text-align: left;
    white-space: pre-line;   /* interpreta \n como quebra de linha */
    max-width: 260px;        /* se quiseres aumentar a largura */
    font-size: 14px;         /* aumentar tamanho do texto */
    line-height: 1.4;
    padding: 8px 10px;
    font-family: "Open Sans", sans-serif;
}


.mt-action-dot
 {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50% !important;
    margin-left: 5px;
    margin-right: 5px;
}
[uib-tooltip] .tooltip {
    z-index: 1050 !important; /* Ensure this is higher than the DataTable's z-index */
}


-webkit-print-color-adjust:exact;

.ui-select-match-text{
display:inline-block;
overflow:hidden;
text-overflow: ellipsis;
width:95%;
}

.table-scrollable {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    border: 0;
    margin: 10px 0 !important;
}

.ui-select-bootstrap>.ui-select-match>.btn {
    text-align: left!important;
    width: 100%;
}


body > .ui-select-container.timezone-select .ui-select-dropdown,
body > .ui-select-container.country-select .ui-select-dropdown,
body > .ui-select-container.country-select,
body > .ui-select-container.timezone-select {
  z-index: 99999 !important;
  position: absolute !important;
}


div[id^="dreasonslistmapgroup"] .ui-select-bootstrap>.ui-select-choices, 
div[id^="dreasonslistmapgroup"] .ui-select-bootstrap>.ui-select-no-choice {  
    /*position:absolute;*/
    position: relative; 
    z-index: 99999;
    
}

div[id^="dlstsch"] .ui-select-bootstrap>.ui-select-choices, 
div[id^="dlstsch"] .ui-select-bootstrap>.ui-select-no-choice {  
    position:absolute !important;
    /*position: relative; */
    z-index: 99999 !important;
    
}

div[id^="dschdays"] .ui-select-bootstrap>.ui-select-choices, 
div[id^="dschdays"] .ui-select-bootstrap>.ui-select-no-choice {  
    position:absolute !important;
    z-index: 99999 !important;
    
}


div[id^="duserlistmapgroup"] .ui-select-bootstrap>.ui-select-choices, 
div[id^="duserlistmapgroup"] .ui-select-bootstrap>.ui-select-no-choice {  
    /*position:absolute;*/
    position: relative; 
    z-index: 99999;
    color: red;
    
}


.ui-select-bootstrap[id^="mfreasonlist"]>.ui-select-choices, 
.ui-select-bootstrap[id^="mfreasonlist"]>.ui-select-no-choice {
    position: absolute; 
    z-index: 99999;
    
}


/* [20230310] Volte a descomentar */
/* Todas as combos, depois do zoom abriam a caixa muito abaixo */
.ui-select-bootstrap>.ui-select-choices, 
.ui-select-bootstrap>.ui-select-no-choice {  
    /* position:absolute;
    position: unset; */
    z-index: 99999;
    
}

.dataTables_scrollHead {
    border-bottom: 0!important;
    /* border-bottom: 2px solid #e7ecf1!important; */
}

/*
.dataTables_scrollHeadInner {
    width: 100%!important;
}
*/
.DTFC_LeftBodyLiner{
    /*overflow-y: auto;*/
    overflow: hidden;
}


.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle {
    padding: 17px 10px 16px;
}

.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>img {
    margin-left: 5px;
    margin-top: -21px;
    height: 39px;
    display: inline-block;
}

/*
@media print {
  .visible-print  { display: inherit !important; }
  .hidden-print   { display: none !important; }
}
*/



@media print {
   
    body {
      -webkit-print-color-adjust: exact !important;
   
    }
    
    /*
    .fc-event {
        background-color: var(--fc-event-bg-color, #ff0000) !important;
    }
    */
    .visible-print  { display: inherit !important; }
    .hidden-print   { display: none !important; }
    
}

.fc-header-toolbar{display :none !important;} 
.fc-scroller.fc-scroller-liquid{overflow:visible !important;} 
.fc-view-harness.fc-view-harness-active{height:auto !important;}


.alert-warning-ligth {
  background-color: #fffbe6;
  border-color: #fffbe6;
  color: #c29d0b; }
  .alert-warning hr {
    border-top-color: #f7de79; }
  .alert-warning .alert-link {
    color: #927608; }

.alert-danger-ligth {
  background-color: #fbe1e3;
  border-color: #fbe1e3;
  color: #e73d4a; }
  .alert-danger hr {
    border-top-color: #f8cace; }
  .alert-danger .alert-link {
    color: #d71b29; }


/* Pica Ponto */

/*
* {
  box-sizing: border-box;
}
*/
/* Create two equal columns that floats next to each other */
.picaponto_column {
  float: left;
  width: 50%;
  padding: 10px;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  /*height: 300px; *//* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.picaponto_row:after {
  content: "";
  display: table;
  clear: both;
   /* height: 100vh;*/
}

.picaponto_btn {
    
    width: 80px;
    height: 80px;
    margin: 0px;
    /*box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;
    background-color: #008db1;*/
    font-size: 35px;
    font-weight: 600;
    color: #fff;
    border-radius: 50%;
    float: left;
}

.picaponto_password {
    margin-top: 20px;
    height: 48px; 
    display: flex;
    justify-content: center;
    align-items: center;
    color:#008db1;
    /*padding: 10px;*/
}

.picaponto_picar {
    margin-top: 18px
}

.picaponto_footer {
    margin-top: 50px;
}

@media screen and (max-height: 440px){
        
    .picaponto_btn {

        width: 48px;
        height: 48px;
        margin: 0px;
        /*box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;
        background-color: #008db1;*/
        font-size: 20px;
        font-weight: 400;
        color: #fff;
        border-radius: 50%;
        float: left;
    }
    
    .picaponto_footer {
        display: none;
    }

    .picaponto_password {
        height: 24px; 
        display: flex;
        justify-content: center;
        align-items: center;
        color:#008db1;
        padding-bottom: 20px;
    }
    
    .picaponto_picar {
        margin-top: 10px
    }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 720px) {
    
    .picaponto_column {
        float: left;
        width: 100%;
        /*padding: 10px;*/
        height: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .picaponto_btn {
        width: 48px;
        height: 48px;
        margin: 0px;
        /*box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;
        background-color: #008db1;*/
        font-size: 20px;
        font-weight: 400;
        color: #fff;
        border-radius: 50%;
        float: left;
    }
    
    .picaponto_footer {
        display: none;
    }
}


.image-cropper{
    width: 48px;
    height: 48px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.image-cropper-small{
    width: 40px;
    height: 40px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.profile-pic {
    /*
    display: inline;
    margin: 0 auto;
    margin-left: 0;
    height: 100%;
    width: auto;
    */
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: cover;
    object-position: center;
}

/* Cards com a mesma altura */

/* 1) As colunas da row passam a ter a mesma altura */
.row-eq-height {
    display: flex;
    flex-wrap: nowrap;      /* se quiseres evitar quebra de linha */
    align-items: stretch;   /* estica todas à mesma altura */
}

/* 2) Cada coluna é flex, para o .portlet poder ocupar 100% da altura */
.row-eq-height > [class*="col-"] {
    display: flex;
}

/* 3) O portlet ocupa sempre 100% da coluna e é uma coluna flex */
.row-eq-height .portlet {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;         /* altura total do card (ajusta à vontade) */
}

/* 4) O body ocupa o espaço restante e tem scroll interno */
.row-eq-height .portlet-body {
    flex: 1;
    position: relative;
    overflow-y: auto;
    /* height: auto;  <-- garantir que não fica preso a 300px */
}