/*------------------------------------------------------------------
    File Name: custom.css
-------------------------------------------------------------------*/

/** ADD YOUR AWESOME CODES HERE **/

/* Geral */

table td {
   vertical-align: middle !important;
}

/* Classes gerais */


.tools-bg {
   height: 100vh;
   background: url('../src/images/layout_img/tech-bg.webp') center no-repeat;
   background-size: cover;
}

.fade-bg {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   background-color: rgba(0, 0, 0, 0.7);
}

.tools {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
}

.tools-title h4 {
   font-size: 25px;
   color: #fff;
}

.tools-icon {
   height: 200px;
   width: 200px;
   background-color: #fff;
   transition: 0.6s;
}

.tools-icon img {
   height: 100%;
   width: 100%;
}

.tool-link:hover .tools-icon {
   height: 225px;
   width: 225px;
}

.tool-subtitle {
   color: #fff;
   font-size: 16px;
}

.imagem-os {
   background-position: center;
   background-size: cover;
}

.imagem-os>button {
   background: transparent;
   border: none;
   position: absolute;
   top: 9px;
   right: 8px;
}

.imagem-os>button>i {
   font-size: 20px;
   color: red;
}

/* Dashboard */

@media (min-width: 992px) {

   .plus-card-button {
      position: absolute;
      top: 10px;
      right: 25px;
      height: 30px;
      width: 30px;
      border-radius: 100px;
      background-color: white;
   }
}

@media (max-width: 991px) {

   .couter_icon>div {
      width: 75px !important;
   }

   .plus-card-button {
      position: absolute;
      top: 44px;
      left: 136px;
      height: 40px;
      width: 40px;
      border-radius: 100px;
      background-color: white;
   }
}

/* Agendamentos */

.calendar-container {
   padding: 10px;
}

.loader-calendar {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   background: #ebebeb85;
   z-index: 2;
   display: none;
}

@media (min-width: 992px) {
   .dashboard-agendamentos>div {
      max-width: 20% !important;
   }
}

/* Chamados */

@media (min-width: 992px) {
   .dashboard-chamados>div {
      max-width: 20% !important;
   }
}

/* Checklist */

#checklist li {
   padding: 5px;
}

#checklist li:nth-child(odd) {
   background-color: #dfdfdf;
}

.checklist-item-in,
.checklist-item-out {
   align-items: center;
   border-radius: 100px;
   cursor: pointer;
   display: flex;
   height: 25px;
   justify-content: center;
   width: 25px;
}

.checklist-item-disabled {
   cursor: not-allowed;
   user-select: none;
   touch-action: none;
   pointer-events: none;
}