﻿.ModalAusencias-header {
   padding: 10px;
}

.ModalAusencias-footer {
   padding: 5px
}

.btnModal {
   padding: 6px;
   border-radius: 0.15rem;
}

.ModalAusencias-body {
   text-align: center;
}

.btnIconEdit {
   color: black;
}

   .btnIconEdit:hover {
      transform: scale(1.2);
      transition: all 0.1s linear;
   }

.btnIconDelete {
   color: #d94c4c;
}

   .btnIconDelete:hover {
      transform: scale(1.2);
      transition: all 0.1s linear;
   }

.TotalDiasModal {
   margin-top: 40px;
}

@media (max-width:767px) {
   .TotalDiasModal {
      margin-top: 18px;
      margin-bottom: 0px;
   }

   .RadioBtnList {
      flex-direction: column;
   }

   .liRadio {
      display: inherit;
      flex: 1;
      width: 100%;
      text-align: left;
   }

   .DateFieldsModal {
      width: 50%;
   }

   .TimeFieldsModal {
      width: 50%;
   }

   .TempoTotalField {
      width: 100%;
   }

   .flatpickr-calendar.static.open {
      width: 90px;
   }
}

.SpacingModal {
   margin-top: 12px;
}

.RadioBtnList {
   display: flex;
   list-style: none;
   margin-top: 20px;
   padding: 0;
}

.liRadio {
   flex: 1;
   text-align: center;
}

.DateFieldsModal {
   width: 41%;
}

.TimeFieldsModal {
   display: block;
   width: 33%;
}

.TempoTotalField {
   width: 33%;
}

.BtnsPopUpDiaCompleto {
   display: flex;
}

.BtnsPopUp {
   display: flex;
}

.spanContainer {
   background-color: #f4f4f4;
   margin: auto;
   margin-top: 8px;
   border-radius: 0.15rem;
}

.DateInfoSpan {
   background-color: #58c4f4;
   height: 30px;
   display: flex;
}

.flatpickr-calendar.static.open {
   max-width: 138px;
}

.timePicker[disabled] {
   cursor: not-allowed;
}

.TriggerClassEnable {
   pointer-events: all;
   cursor: pointer;
}


/* Pop Ups para mensagens internas do portal */
/*.PopUpMensagens .modal-content {
   width: 280px;
   height: 120px;
   left: 20%;
}

.PopUpMensagens .modal-content i {
   color: #0074B3;
   cursor: pointer;
   padding:5px;
   position:absolute;
}

.PopUpMensagens .modal-content textarea {
   width: 225px;
   height: 40px;
   padding: 5px;
}

.PopUpMensagens .modal-content .modal-header {
   height: 40px;
}*/
