#equipement-liste-baies-detail {
    max-height: 760px;
    overflow-y: auto;
}

#module-equipement .top-buffer {
    margin-top: 2em;
}

#module-equipement .spacer {
    margin-top: 20px;
}

#module-equipement .clearfix {
    clear: both;
}

/**
 * Contenu d'une baie (tiroir > cassette > position ou routeur > module > interface (port))
 */
#module-equipement-position .mux,
#module-equipement-position .tiroir,
#module-equipement-position .routeur {
    padding: 14px 0 14px 0;
    border-bottom: 1px solid #ffffff;
}

#module-equipement-position .mux > span,
#module-equipement-position .tiroir > span,
#module-equipement-position .routeur > span {
    padding-left: 20px;
    font-weight: bold;
}

#module-equipement-position .odd {
    background-color: #f7f7f7;
}

#module-equipement-position .even {
    background-color: #fbfbfb;
}

#module-equipement-position .row {
    margin: 6px 0 6px 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    /* alignement horizontal */
    align-items: center;
}

#module-equipement-position .pos-header,
#module-equipement-position .pos {
    border: 1px solid #8b8b8b;
    height: 14px;
    width: 14px;
    margin: 1px;
    display: inline-block;
    text-align: center;
    vertical-align: center;
    font-size: 9px;
}

#module-equipement-position .pos {
    cursor: pointer;
    color: #424242;
}

#module-equipement-position .mux > .row  .selected,
#module-equipement-position .tiroir > .row  .selected,
#module-equipement-position .routeur > .row  .selected {
    border: 1px solid #ff00da;
    box-shadow: inset 0 0 4px 1px #ff00da;
}

#module-equipement-position .tiroir > .row  .idrouteoptique-actif {
    box-shadow: inset 0 0 4px 0 #434343;
}

@keyframes blink-position {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

#module-equipement-position .mux > .row  .selected-connexion,
#module-equipement-position .tiroir > .row  .selected-connexion,
#module-equipement-position .routeur > .row  .selected-connexion {
    animation-name: blink-position;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-duration: 300ms;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    -o-animation-direction: alternate;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

#module-equipement-position .mux > .row  .title,
#module-equipement-position .tiroir > .row  .title,
#module-equipement-position .routeur > .row  .title {
    width: 100px;
    height: 12px;
    margin: 1px;
    display: inline-block;
    text-align: right;
    vertical-align: center;
    font-size: 10px;
    padding-right: 4px;
}

#module-equipement-position .mux > .row  .libre,
#module-equipement-position .tiroir > .row  .libre,
#module-equipement-position .routeur > .row  .libre {
    background-color: #ffffff;
}

#module-equipement-position .mux > .row  .occupee,
#module-equipement-position .tiroir > .row  .occupee,
#module-equipement-position .routeur > .row  .occupee {
    background-color: #81F781;
}

#module-equipement-position .mux > .row  .hs,
#module-equipement-position .tiroir > .row  .hs,
#module-equipement-position .routeur > .row  .hs {
    background-color: #b52f32;
}

#module-equipement-position .mux > .row  .a_epissurer,
#module-equipement-position .tiroir > .row  .a_epissurer,
#module-equipement-position .routeur > .row  .a_epissurer {
    background-color: #8181F7;
}

#module-equipement-position .mux > .row  .enlever_epissure,
#module-equipement-position .tiroir > .row  .enlever_epissure,
#module-equipement-position .routeur > .row  .enlever_epissure {
    background-color: #ad56ff;
}

#module-equipement-position .mux > .row  .a_jarretierer,
#module-equipement-position .tiroir > .row  .a_jarretierer,
#module-equipement-position .routeur > .row  .a_jarretierer {
    background-color: #fff700;
}

#module-equipement-position .mux > .row  .enlever_jarretiere,
#module-equipement-position .tiroir > .row  .enlever_jarretiere,
#module-equipement-position .routeur > .row  .enlever_jarretiere {
    background-color: #ff8f2b;
}

#module-equipement-position .mux > .row  .jarretierer_pre_cablage,
#module-equipement-position .tiroir > .row  .jarretierer_pre_cablage,
#module-equipement-position .routeur > .row  .jarretierer_pre_cablage,
.module-equipement-position-legende  .jarretierer_pre_cablage {
    background-color: #eac2b9;
}

#module-equipement-position .mux > .row  .pre_jarretiere,
#module-equipement-position .tiroir > .row  .pre_jarretiere,
#module-equipement-position .routeur > .row  .pre_jarretiere,
.module-equipement-position-legende  .pre_jarretiere {
    background-color: #69e9f1;
}

.module-equipement-position-legende {
    padding: 6px;
    font-size: 12px;
    width: 100%;
}

.module-equipement-position-legende div {
    float: left;
    margin-right: 10px;
}

.module-equipement-position-legende .legende {
    display: inline-block;
    margin-right: 4px;
    border: 1px solid #8b8b8b;
    width: 10px;
    height: 10px;
}

.module-equipement-position-legende .libre {
    background-color: #ffffff;
}

.module-equipement-position-legende .occupee {
    background-color: #81F781;
}

.module-equipement-position-legende .hs {
    background-color: #b52f32;
}

.module-equipement-position-legende .a_epissurer {
    background-color: #8181F7;
}

.module-equipement-position-legende .enlever_epissure {
    background-color: #ad56ff;
}

.module-equipement-position-legende .a_jarretierer {
    background-color: #fff700;
}

.module-equipement-position-legende .enlever_jarretiere {
    background-color: #ff8f2b;
}

#module-equipement-refresh {
    float: right;
}

#module-equipement-refresh span {
    display:block;
    width: 24px;
    height: 24px;
    background:url("/images/refresh-128.png") 0 0 no-repeat;
    background-size: 24px 24px;
    cursor: pointer;
}

#module-equipement-detail .link {
    padding: 6px;
    border-bottom: 1px solid #ffffff;
}

#module-equipement-detail .odd {
    background-color: #f7f7f7;
}

#module-equipement-detail .even {
    background-color: #fbfbfb;
}

.equipement-recherche-resultat-liste {
    font-size: 0.8em;
    margin-top: 10px;
}

.equipement-recherche-resultat-liste .result {
    height: 90px;
    color: #0091da;
    border-bottom: 1px solid #f5f5f5;
    margin: 6px 0;
}

.equipement-recherche-resultat-liste .result a,
.equipement-recherche-resultat-liste .result a:hover {
    color: #0091da;
    text-decoration: underline;
}

.equipement-recherche-resultat-liste .result ul {
    margin-top: 5px;
    list-style-type: none;
    padding-left: 10px;
}

.equipement-recherche-resultat-liste .result li {
    color: #000000;
    font-weight: normal;
    font-size: smaller;
}