/* 
    Document   : estilos.css
    Created on : 28/12/2020, 11:24:15 AM
    Author     : gcasfier45
    Description:
        Purpose of the stylesheet follows.
*/
body {
  background-color: #f7f7f7;
}
.white {
  background-color: white;
}
.group-check {
  padding-left: 15px;
}

.fieldset {
  border: 1px solid #ddd;
  padding: 0 1.4em 1.4em 1.4em;
  margin: 0 0 1.5em 0;
  -webkit-box-shadow: 0px 0px 0px 0px #000;
  box-shadow: 0px 0px 0px 0px #000;
  border-radius: 5px;
  background-color: #fcfcfc;
}

.legend {
  font-size: 1.2em;
  font-weight: bold;
  text-align: left;
}
.logo {
  width: 80px;
  height: auto;
  margin-bottom: 10px;
  margin-top: 10px;
}
.principal {
  /*font-family: "Fredericka the Great", cursive;*/
  color: black;
}
.principal2 {
  /*font-family: "Uncial Antiqua";*/
}
.li-middle {
  line-height: 1.615;
}

/* configuro el codigo directo de bootstrap 4.5 */
.modal-dialog {
  /*max-width: 740px;*/
  margin-left: auto;
  margin-right: auto;
}
.alert-custom {
  width: 89%;
}
.p-alert {
  margin-bottom: 0px;
}
#input-id:hover {
  cursor: pointer;
}
.legenmomentos:after {
  content: "\f059";
  margin-left: 10px;
  color: #6fc7c3;
  cursor: pointer;
}
.download:before {
  content: "\f1c3";
  font-size: 25px;
  color: #007829;
  cursor: pointer;
}
#adduser:before,
.addevent:before {
  content: "\f0fe";
  font-size: 25px;
  color: #66ccff;
  cursor: pointer;
}
#downloadexcel,
#adduser {
  margin-top: -40px;
  margin-right: 30px;
}
.detail:hover,
.edit:hover,
.delete:hover,
#adduser:hover,
.addevent:hover {
  color: #f8c000;
  text-decoration: none;
}

.detail:before {
  content: "\f022";
  font-size: 25px;
  color: #f8c000;
  cursor: pointer;
  margin-left: 10px;
}

.edit:before {
  content: "\f14b";
  font-size: 25px;
  color: #28d300;
  cursor: pointer;
  margin-left: 10px;
}
#acciones-td-table {
  width: 132px;
}
#delete {
  margin-top: -200px;
}
.delete:before {
  content: "\f1f8";
  font-size: 24px;
  color: #fe763a;
  cursor: pointer;
  margin-left: 10px;
}
#tooltipcustom {
  background-color: #14a24f;
  border-radius: 4px;
}

.leftcustomer {
  margin-left: 1px;
}

/* código para descripción colores de la agenda */
.color > p > span {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 5px;
}
#blue {
  margin-left: 0px;
  background-color: #006eaf;
}
#yellow {
  background-color: #fdfd96;
}
#green {
  background-color: #97d077;
}
#red {
  background-color: rgb(217, 120, 102);
}
#piel {
  background-color: #f7d547;
}
#moren {
  background-color: #ffb570;
}
#rojo {
  background-color: #9d999d;
}
#redcancel {
  background-color: #F2C4C6;
}
#purple {
  background-color: #8e1f4c;
}
/*NUevos colores */
#greenlight {
  background-color: #c5e0b5;
}
#bluelight {
  background-color: #a0b4de;
}
#graylight {
  background-color: #acaaa9;
}
#orangelight {
  background-color: #f99b66;
}
#yellowlight {
  background-color: #fbe48c;
}
#skincolorlight {
  background-color: #f7d4a6;
}
#multiple {
  background-color: #efb810;
}

/*NUevos colores 24 Dependencia-Sectores*/
#colordagrd {
  background-color: #87cefa;
}
#colordeaddp {
  background-color: #faebd7;
}
#colorgcorre {
  background-color: #7fffd4;
}
#colorgdiver {
  background-color: #f5f5dc;
}
#colorgetn {
  background-color: #5f9ea0;
}
#coloriessap {
  background-color: #d2691e;
}
#colorinder {
  background-color: #6495ed;
}
#colorinndig {
  background-color: #eee8aa;
}
#colorisvimed {
  background-color: #f08080;
}
#colorscomu {
  background-color: #90ee90;
}
#colorcult {
  background-color: #00ff00;
}
#colorsdesaeco {
  background-color: #ffff00;
}
#colorsedu {
  background-color: #6a5acd;
}
#colorsgestconlt {
  background-color: #a0522d;
}
#colorsinsoc {
  background-color: #dda0dd;
}
#colorsinfra {
  background-color: #8b4513;
}
#colorsjuven {
  background-color: #2e8b57;
}
#colorsmeamb {
  background-color: #ff1493;
}
#colorsmovil {
  background-color: #bdb76b;
}
#colorsmuj {
  background-color: #dc143c;
}
#colorsnovio {
  background-color: #8fbc8f;
}
#colorspartciud {
  background-color: #faf0e6;
}
#colorssalud {
  background-color: #778899;
}
#colorseguconv {
  background-color: #ffb6c1;
}
#pdlypp {
  background-color: #ededaf;
}
#orso {
  background-color: #ffb6af;
}
#formacion {
  background-color: #a2cadf;
}
#spctransversales {
  background-color: #c7f6d4;
}

@media (max-width: 1200px) {
  .alert-custom {
    width: 88.4%;
  }
}
@media (max-width: 991px) {
  .alert-custom {
    width: 87.3%;
  }
}

@media (max-width: 768px) {
  .modal-dialog {
    margin-left: 2%;
  }
  .alert-custom {
    width: 85.73%;
  }
}
@media (max-width: 736px) {
  .modal-dialog {
    margin-left: 0.05%;
  }
  .alert-custom {
    width: 85.5%;
  }
}
@media (max-width: 480px) {
  .modal-dialog {
    margin-left: 0.05%;
  }
  .alert-custom {
    width: 85.6%;
  }
}



/* Estilos para botones de acción en el modal de eventos */
.event-actions {
  flex-wrap: wrap;
  gap: 0.5rem;
}

.event-actions .btn {
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  border-radius: 0.375rem;
  transition: all 0.15s ease-in-out;
}

.event-actions .btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.event-actions .btn i {
  margin-right: 0.25rem;
}

@media (max-width: 768px) {
  .event-actions .btn {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
  }
}