/*menú hexagonal*/

*, *:after, *:before {
    box-sizing: inherit;
}

* {
    margin: 0;
    padding: 0;
    border: 0 none;
    position: relative;
}

:root {
    --sinSerif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    --Nhexa: 4;
    --gap: 2vw;
    --size: calc(calc(100vw / var(--Nhexa)) - var(--gap));
}

/*section.hexmenu {
  margin: calc(var(--size) * .7) auto 0;
  width: 60%;
  display: grid;
  grid-template-columns: repeat(var(--Nhexa), 1fr);
  grid-gap: var(--gap);
}

article {
  background: #ffffff;
  width: var(--size);
  height: calc(var(--size) / 1.1111111);
  clip-path: url(#hexagono);
  clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
  margin-right: calc(var(--size) / 2);
  color: #0A4081;
  overflow: hidden;
}*/

article:nth-child(2n) {
    margin: calc(var(--size) * -.47) calc(var(--size) * -.25) 0 calc(var(--size) * -.75);
}

/*article::before {
	content: '';
	float: left;
	width: 25%;
	height: 100%;
	clip-path: polygon(0% 0%, 100% 0%, 0% 50%, 100% 100%, 0% 100%);
	shape-outside: polygon(0% 0%, 100% 0%, 0% 50%, 100% 100%, 0% 100%);
}*/

/*article:hover img {
  transform: translate(-50%, -50%) rotate(-110deg);
}*/

h1 {
    width: 100vw;
    background: #FF0066;
    position: sticky;
    top: 0;
    z-index: 1;
    margin-bottom: calc(var(--size) * .55 + var(--gap));
    padding: 2vh 0;
    text-align: center;
    font-weight: 400;
    color: #fff;
}

/*figure {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  max-width: 75%;
  height: 100%;
  font-size: calc(9 / var(--Nhexa) * 1vw);
  line-height: 1;
  color: ##0A4081;
  transition: .75s .05s;
  hyphens: auto;
  text-align: center;
  margin: .5em auto;
}*/
.contMenuSistemas {
    margin-top: 5%;
}

.menuSistemas {
    background: white;
    padding: 60px 30px;
    margin: 0 5%;
    text-align: center;
    font-size: 1.5rem;
    box-shadow: 0 2px 4px 0 rgba(34,36,38,.12), 0 2px 10px 0 rgba(34,36,38,.15);
}

    .menuSistemas h3 {
        font-size: 60%;
        border-bottom: 1px solid #e6e6e6;
        padding-bottom: 14px;
    }

    .menuSistemas p {
        font-size: 50%;
        line-height: 1.4;
        font-weight: 100;
        width: 80%;
        color: #333;
        margin: 0 auto;
    }

    .menuSistemas a {
        line-height: 1.4;
    }

.colorLine {
    width: 80%;
    border-bottom: 1px solid #e6e6e6;
    margin: 25px auto;
}

.colorLine1 {
    width: 30%;
    height: 2px;
    background: #9A8147;
    margin-left: auto;
    margin-right: auto;
    margin-top: -26px;
}

.ui.table td.bgIndMedio {
    background: #eeb317;
    text-align: center !important;
    padding: 15px !important;
    color: white;
    font-weight: 600;
    cursor: pointer;
}

    .ui.table td.bgIndMedio .indNum {
        border-radius: 50%;
        background: white;
        padding: 2px 8px;
        color: #eeb317;
    }

.ui.table td.bgIndBajo {
    background: #34b46a;
    text-align: center !important;
    padding: 15px !important;
    color: white;
    font-weight: 600;
    cursor: pointer;
}

    .ui.table td.bgIndBajo .indNum {
        border-radius: 50%;
        background: white;
        padding: 2px 8px;
        color: #34b46a;
    }

.ui.table td.bgIndAlto {
    background: #e6525c;
    text-align: center !important;
    padding: 15px !important;
    color: white;
    font-weight: 600;
    cursor: pointer;
}

    .ui.table td.bgIndAlto .indNum {
        border-radius: 50%;
        background: white;
        padding: 2px 8px;
        color: #e6525c;
    }

input[type="color"] {
    min-width: 90%;
    height: 100%;
    background: transparent;
}

select {
    min-height: 37px !important;
    height: 37px !important;
}

.newAction {
    margin: 15px 0px;
}

.verAgregarAccBit {
    margin-top: 5px !important;
}

.nombreResp {
    font-weight: normal;
}

.nuevaAccTable th {
    background: #9aa0b5 !important;
}

.bitacoraHist td {
    vertical-align: top;
    padding-top: 20px;
    padding-bottom: 20px;
}

.nombreAccion {
    font-size: 20px;
}

.ui.card.contIndicador {
    width: 100%;
}

.ui.small.modal.addInter > .header {
    font-size: 16px !important;
}

.ui.small.modal.addInter textarea {
    max-height: 60px !important;
}

.contIndicador {
    width: 100%;
    margin-top: 15px;
    display: table;
}

.btn-addAcc {
    float: right;
    margin-top: 25px !important;
    padding: 10px !important;
    width: 100% !important;
}

.btn-addAcc2 {
    color: #2185d0 !important;
}

.iconprioridadBaja {
    padding: 4px 15px;
    border-radius: 50%;
    background: #34b46a;
    color: white;
    font-weight: bold;
    font-size: 16px;
}

.contBitac {
    padding: 15px 15px 15px 8% !important;
}

.iconoAcord {
    width: 20px;
    float: left;
    z-index: 1;
    padding-top: 8px;
}

.tituloAcord {
    margin-top: 0px !important;
    float: right;
    width: 95%;
}

    .tituloAcord .content {
        padding-bottom: 10px !important;
    }

.title.active .datosSituacion .label {
    background: inherit;
}

.avatarAc {
    padding-top: 13px;
}

.tituloBitac {
    display: inline-block;
    width: 100%;
}

.iconprioridadAlta {
    padding: 4px 15px;
    border-radius: 50%;
    background: #e6525c;
    color: white;
    font-weight: bold;
    font-size: 16px;
}

#FechaSituacion {
    font-size: 12px;
    border: none;
    text-align: right;
    width: 150px !important;
    float: right;
    color: #888888;
}

.ui.icon.input > i.icon {
    z-index: 1;
}

.accAnt {
    padding: 20px;
    background: rgba(155, 169, 220, 0.23);
}

.contModalInd {
    max-height: 600px;
    overflow-y: auto;
}

.iconResp {
    padding: 9px 15px;
    border-radius: 50%;
    background: #94e2db;
    color: white;
    font-weight: bold;
    font-size: 16px;
}

.datosCreacion {
    color: #31537b;
    font-size: 1.2em;
    font-weight: 600 !important;
    padding: 0px 0px 10px;
    width: 100%;
}

.newAction td, .newAction th {
    text-align: left;
}

.datosCreacion .ui.grid > .column:not(.row) {
    padding: 0px;
}

.detalleNotif {
    float: right;
    margin-top: 5px !important;
}

    .detalleNotif a.active.item {
        border-bottom: none !important;
    }

.seccAccAnt {
    padding-top: 10px;
}

.seccSitAnt {
    padding-top: 10px;
}

.hm-agregarSit {
    display: table !important;
    width: 100% !important;
    padding-bottom: 10px !important;
    padding-top: 15px !important;
}

.ui.modal > .content > .description {
    max-width: 100%;
}

.tituloSituacion {
    color: #325988 !important;
    font-size: 14px !important;
    font-weight: bold !important;
    text-align: center !important;
}

.tituloAccion {
    color: #00B5AD !important;
    font-size: 14px !important;
    font-weight: bold !important;
    text-align: center !important;
}

.refSituacion {
    float: left;
    text-align: left;
    color: #2185d0 !important;
}

.refAcc {
    float: left;
    text-align: left;
    font-weight: bold;
    color: #2185d0 !important;
}

.bitSituaciones {
    margin-top: 20px !important;
}

    .bitSituaciones .card {
        width: 32% !important;
    }

.btnGralSit {
    border-radius: 0 !important;
    padding: 0px !important;
}

.seccSituaciones {
    padding: 10px 8px 10px 14px;
    cursor: pointer;
}

.btn-addSit {
    border-radius: 0 !important;
    padding: 10px;
    border-right: 1px solid #dededf;
    cursor: pointer;
    background: #eee;
    margin-top: -4px;
    margin-bottom: -4px;
    height: 38px;
}

.datosSituacion {
    font-size: 12px;
    color: #676767;
    padding: 10px 0;
    text-align: left;
    line-height: normal;
}

.btn-solRecurso {
    padding: .78571429em 1.5em !important;
}

.agregarDatosSitBit {
    margin-top: 20px 0px;
    padding: 10px;
    background: rgba(28, 49, 74, 0.1) !important;
}

.tableRecBit {
    margin-top: 30px;
}

.btns_bitacora {
    margin-top: 20px;
    display: table;
    width: 100%;
}

.tabSit {
    margin-top: 20px;
    border: none !important;
}

.accionesPorSit a {
    text-decoration: underline !important;
    color: #4183c4 !important;
}

.tb_bitacora th {
    background-color: white !important;
    padding: 15px !important;
}

.bitacoraHist th {
    background-color: white !important;
}

tr.SitInicBitacora td {
    padding-top: 10px !important;
    vertical-align: top;
}

.indCapitulo {
    text-align: center !important;
    width: 220px;
}

.NombreCap {
    min-width: 200px;
}

/*.textTrunc{
    max-height: 60px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
  }*/

.textTrunc {
    display: block;
    display: -webkit-box;
    max-height: calc(1rem * 1.4 * 2);
    font-size: 1rem;
    line-height: 1.2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

.tableBit {
    overflow: auto;
    margin-top: 20px;
}

.labelInc {
}

    .labelInc label {
        width: 100px !important;
        margin-right: 0px !important;
        min-width: 100px;
    }

.addInter .ui.grid > .column:not(.row) {
    padding-top: 5px !important;
    padding-bottom: 0px !important;
}

.formAction {
    width: 100%;
}

.InfoAccDeSit {
    background: #f3f5fb;
    padding: 30px !important;
}

.ui.table thead th.tituloAccion {
    color: #00B5AD !important;
    font-size: 14px !important;
    font-weight: normal !important;
    text-align: center !important;
}

#verAccDeSit {
    cursor: pointer;
}

.ui.label.Estatus {
    color: white !important;
    width: 100%;
    text-align: center;
}

@media only screen and (min-width: 1100px) {
    :root {
        --Nhexa: 6;
    }
}

@media only screen and (max-width: 1099px) {
    section.hexmenu {
        width: 80%;
    }
}

@media only screen and (max-width: 600px) {
    :root {
        --Nhexa: 2;
    }

    section.hexmenu {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    input[type="color"] {
        min-width: 100%;
        min-height: 50px;
        background: transparent;
    }

    .bs-docs-example {
        width: 100%;
    }

    div.year {
        float: none;
    }

    .labelInc label {
        width: 99% !important;
    }
}

.ui.table thead th.tituloTabla {
    background: #f3f5fb !important;
    padding: 3px !important;
    color: #1c314a !important;
    text-align: center;
    text-transform: uppercase;
    border-bottom: none;
}

.txt_secc {
    text-transform: uppercase;
}

div.calendar input {
    min-width: 150px !important;
}

.ui.calendar.FechaLimiteAccion .ui.popup.calendar {
    top: 30px !important;
}

.mensajeTbody {
    width: 100%;
}