/* Color Theme Swatches in Hex */
.color-theme_logo-1-hex {
    color: #52A8F2;
}

.color-theme_logo-2-hex {
    color: #3C92A6;
}

.color-theme_logo-3-hex {
    color: #41BFB3;
}

.color-theme_logo-4-hex {
    color: #79F2E6;
}

.color-theme_logo-5-hex {
    color: #0D0D0D;
}

/* Color Theme Swatches in RGBA */
.Th1 {
    background-color: rgba(82, 168, 242, 1);
}

.Th2 {
    background-color: rgba(60, 146, 166, 1);
}

.Th3 {
    background-color: rgba(65, 191, 179, 1);
}

.Th4 {
    background-color: rgba(121, 242, 230, 1);
}

.Th5 {
    background-color: rgba(13, 13, 13, 1);
}

div.ZoneInfo {
    margin-left: 0;
    padding: 12px 10px 0px;
}



.ThNav li.active, .ThNav li.active a, .ThNav li.active a *, .ThNav li.active a:hover, .ThNav li.active a:hover *, div.ThNavx {
    color: white;
    font-weight: bold;
    background-color: #abd9e9;
}

.ThNav li a {
    color: rgba(13, 13, 13, 1);
    font-weight: normal;
}

    .ThNav li a:hover, .ThNav li a:hover * {
        background-color: white;
    }

nav.ThNav {
    border-bottom-color: #abd9e9;
    border-bottom-width: 2px;
    margin-bottom: 0;
    border-radius: 0;
}

.ThNav, .ThNav * {
    background-color: rgba(171, 217, 233, 1);
}



div.FillVScreen {
    height: calc(100vh - 63px);
}

div.ThMessage {
    border-color: #79F2E6;
    border-style: dotted;
    border-width: 1px;
    border-radius: 5px;
}

/* Logo  X = 15px = (60 (H) - 30(I))/2 */
.navbar img {
    max-height: 60px; /* I */
    width: auto;
    /*margin: 15px auto;  X */
}

/* H = 20(line-hight) + 2 * 20 = 60 */
.navbar-nav > li > a {
    padding-top: 20px; /* (H - 20) / 2 */
    padding-bottom: 20px; /* (H - 20) / 2 */
}


i.fa-thumbs-up {
    color: cornflowerblue;
}

i.fa-thumbs-down {
    color: red;
}

tr.Accepted > * {
    background-color: #C884AF;
    color: white;
}

tr.AcceptedWithReserves > * {
    background-color: #9C5B8D;
    color: white;
}

tr.Refused > * {
    background-color: #FABB00;
}

/******** Idicateurs Greg********/
tr.ZeroReserve > * {
    background-color: #D9FDB1;
}

tr.ToDoETR > * {
    background-color: white;
}

tr.ToDoETRZeroMajeur > * {
    background-color: #F2FDA1;
}

tr.ToDoSetics > * {
    background-color: #9FCFFF;
}

tr.HasNewMessage > * {
    font-weight: bold;
}

tr.HasNewMessage.ETR > * {
    background-color: yellow;
}

/******** Idicateurs Mehdi ********/
tr.ETR > * {
    background-color: lightblue;
}

tr.Setics > * {
    background-color: #9C5B8D;
    color: white;
}

tr.Valide > * {
    background-color: lightgreen;
}

/***********************************/

#AcceptanceTests-GridTests tr:hover {
    font-weight: bold;
}

tr.SelectedTest {
    font-weight: bold;
}


td.Retour {
    background-color: yellow;
    font-weight: bold;
}

div.bordered {
    border: 1px solid rgb(51, 122, 183);
    border-radius: 10px;
}


/************************* Grid Recettes *****************************/
#AcceptanceTests-GridTests td.gcType {
    background-clip: padding-box;
    text-align: center;
}

    #AcceptanceTests-GridTests td.gcType span {
        border-radius: 100px;
        padding: 6px;
    }

    #AcceptanceTests-GridTests td.gcType.ZeroReserve span {
        background-color: #D9FDB1;
        color: #D9FDB1;
    }

    #AcceptanceTests-GridTests td.gcType.ToDoETRZeroMajeur span {
        background-color: #F2FDA1;
        color: #F2FDA1;
    }

    #AcceptanceTests-GridTests td.gcType.ToDoETR span {
        background-color: white;
        color: white;
    }

    #AcceptanceTests-GridTests td.gcType.ToDoSetics span {
        background-color: #9FCFFF;
        color: #9FCFFF;
    }

    #AcceptanceTests-GridTests td.gcType.Accepted span {
        background-color: #C884AF;
        color: #C884AF;
    }

    #AcceptanceTests-GridTests td.gcType.AcceptedWithReserves span {
        background-color: #9C5B8D;
        color: #9C5B8D;
    }

    #AcceptanceTests-GridTests td.gcType.Refused span {
        background-color: #FABB00;
        color: #FABB00;
    }