/* Paleta de colores */
:root {
    --primary-color: rgb(15, 73, 70); /*Background*/
    --secondary-color: rgb(224, 223, 215); /*Paletas*/
    --dark-color: rgb(27, 28, 29); /* Es el mismo que usa Semantic para los menús invertidos*/
}

.ui.segment,.ui.segments {
    background-color: var(--secondary-color);
}

#pc-page {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 100%;
}

#pc-navbar {
    float: left;
    display: flex;
    flex-flow: row nowrap;
}

#pc-content {
    flex-grow: 1;
    justify-self: stretch;
    max-height:100%;
    overflow: hidden;
    /* align-self: stretch; */
    /* Hay que usar path relativos para las rutas */
    background-image: url("./images/backsecci.png");
    background-size: cover;
}

body {
    background-color: #DCDCDC;
}

/* corrige barra de navegación invisible*/
.ui.secondary.inverted.menu {
    background-color: var(--dark-color);
}

.container {
    padding-left: 70px;
}

.ui.form .error.message {
    display: inline;
}

.ui.label {
    border: 1px solid rgba(34, 36, 38, 0.15);
    border-right: 1px solid  rgba(34, 36, 38, 0.05);
}

/* fixes menu*/
.dropdown.item>.menu {
    margin-top : 2px!important;
    z-index: 1001;
}
.ui.dropdown .menu>.item {
    align-self: stretch;
}

/*navbar*/


.ui.inverted.secondary.menu {
    max-height: 40px;
    flex-grow: 1;
    /* width: 100% /* para pantalla celular */
}
.ui.inverted.secondary.menu .item {
    max-height: 36px;
}

#pc-logo {
    display: none;
}
#ee-logo {
    display: none;
}
#pc-profile {
    display: none;
}
.pc-title {
    display: none;
}
.pc-nav-label {
    display: none;
}

/* dialogos en frente */
.in-front {
    z-index: 1000;
}

#entity-dropdown {
    width: 180px;
    white-space: nowrap;
}
#entity-dropdown > .text.content {
    overflow: hidden;
}

#entity-dropdown > .menu{
    height: calc(100vh - 40px);
    width: 70vw;
}

#entity-dropdown > .menu > .menu{
    max-height: calc(100% - 101.5px);
}

#entity-dropdown > .menu > .divider{
    margin: 0;
}

@media only screen and (min-width: 960px) {
    #pc-logo {
        display: flex;
    }
    #ee-logo {
        display: flex;
    }
    #pc-profile {
        display: flex;
    }
    .pc-title {
        display: block;
    }
    .pc-nav-label {
        display: block;
        margin-left:0.36em;
    }
    #entity-dropdown > .menu{
        width: 320px;
    }
}

.gutter-vertical {
    cursor: row-resize
}