.Navigation_Item {
    display: inline-block;
    cursor: pointer;
    line-height: 20px;
    margin-right: 20px;
    color: var(--font-color-main);
    font-size: 10pt;
}
.Navigation_Item img {
    height: 20px;
    margin-right: 5px;
    float: left;
    background: var(--font-color-main);
}
.Navigation_Item:hover,
.Navigation_Item_Active {
    color: var(--background-color-main);
}
    .Navigation_Item:hover img,
    .Navigation_Item_Active img {
        background: var(--background-color-main);
    }




.Status {
    display:inline-block;
    font-size:10pt;
    padding:5px;
    color: #FFFFFF;
    border-radius: var(--border-radius-small);
}

.Status_New {
    color: #0094FF;
    background: #0094FF22;
    border: 1px solid #0094FF;
}
.Status_Active {
    color: #6CB64F;
    background: #6CB64F22;
    border: 1px solid #6CB64F;
}
.Status_Paused {
    color: #004A7F;
    background: #004A7F22;
    border: 1px solid #004A7F;
}
.Status_Completed {
    color: #666666;
    background: #66666622;
    border: 1px solid #666666;
}
.Status_Error {
    color: #FF0000;
    background: #FF000022;
    border: 1px solid #FF0000;
}

.Button_Add {
    display: inline-block;
    padding: 5px;
    background: #FFFFFF;
    border-radius: 25px;
    color: var(--background-color-main);
    width: 32px;
    text-align: center;
    border: 1px solid var(--background-color-secondary);
    cursor: pointer;
    box-shadow: var(--box-shadow-big);
}
.Button_Add:hover {
    background: var(--background-color-main);
    color: #FFFFFF;
}
.Button_Add_Grey {
    background: var(--background-color-light);
}

.Box {
    margin: 40px;
    padding: 20px;
    background: #FFFFFF;
    border-radius: var(--border-radius-small);
    text-align: left;
    border: 1px solid var(--background-color-secondary);
    box-shadow: var(--box-shadow-big);
}
.Box_Column {
    display: inline-block;
    margin-right: 80px;
    float: left;
}

.Content {
    max-width: 1000px;
    min-height: 100%;
    margin: auto;
}
.Language {
    display: inline-block;
    padding: 10px;
    background-color: #F9F9FA;
    border: 1px solid var(--background-color-secondary);
    border-radius: var(--border-radius-small);
    text-align:right;
}
.Language_Remove {
    display: none;
    position: absolute;
    background: #FF0000;
    border-radius: 25px;
    width: 20px;
    text-align: center;
    color: #FFFFFF;
    transform: translate(0px, -20px);
    cursor:pointer;
}
.Language:hover .Language_Remove {
    display:inline-block;
}


.Popup_Background {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: .7;
    background: #000000;
    z-index: 20;
}
.Popup {
    background-color: #FFFFFF;
    border-radius: var(--border-radius-small);
    box-shadow: var(--box-shadow-big);
    padding: 20px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    z-index: 21;
}

.Table {
    overflow-x:auto;
}
.Table thead {
    position: sticky;
    z-index: 2;
    top: 0;
}
    .Table thead td {
        background-color: var(--background-color-main);
        font-weight: bold;
        color: #FFFFFF;
        border-radius: 7px;
        border: 2px solid transparent;
        vertical-align:middle !important;
    }
    .Table td {
        background-color: #FFFFFF;
    }
.Table tr:nth-child(even) td {
    background-color: #FAFAFA;
}
    .Table thead td.Table_Check {
        background-color: transparent;
    }
    .Table_Check {
        max-width: 43px;
        min-width: 43px;
        width: 43px;
    }

.Table2 td {
    padding:5px;
}

help {
    display: inline-block;
    position: absolute;
    background: url('/images/help.png') center center no-repeat var(--font-color-main);
    color: #FFFFFF;
    padding: 5px;
    width: 20px;
    height: 20px;
    font-size: 0;
    border-radius: 10px;
    margin-left: 10px;
    cursor: help;
    z-index: 1;
}
    help:hover {
        background: var(--font-color-main);
        width: auto;
        height: auto;
        padding: 20px;
        font-size: 12pt;
        z-index: 2;
    }

    help select,
    help input {
        display:none !important;
    }
    help:hover select,
    help:hover input {
        display:inline-block !important;
    }

    .localisation {
        display: inline-block;
    }

.Status_Light {
    display: inline-block;
    width: 17px;
    height: 17px;
    border-radius: 9px;
    float: left;
    margin-right: 5px;
}
.Status_Light_Red {
    background: #FF0000;
}
.Status_Light_Green {
    background: #008800;
}
.Textbox_Unit {
    float: left;
    width: 0px;
    overflow: visible;
    transform: translate(10px, 11px);
}

.Selectable {
    border: 2px solid var(--background-color-light);
}

    .Selectable:hover {
        border: 2px solid var(--background-color-secondary);
    }

.Selectable_Active,
.Selectable_Active:hover {
    border: 2px solid var(--background-color-main);
}


.Project_Status {
    padding: 5px 10px;
    border-radius: var(--border-radius-small);
    display:inline-block;
}

.Error {
    font-weight: normal;
    font-size: 12pt;
    color: #FF0000;
}
.Success {
    font-weight: normal;
    font-size: 12pt;
    color: #008800;
}

.Loading {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: .7;
    background: #FFFFFF;
    z-index: 1000000;
    border-radius: 20px;
}

    .Loading .loader {
        position: absolute;
        left: calc(50% - 20px);
        top: calc(50% - 20px);
    }


.NewSample {
    text-align: center;
    transform: translate(0px, calc(50% - 70px));
}

.Sample_Source {
    background: #FFFFFF;
    display: inline-block;
    border-radius: 20px;
    padding: 40px;
    text-align: left;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0.796192px 2.38858px -0.625px, rgba(0, 0, 0, 0.05) 0px 2.41451px 7.24352px -1.25px, rgba(0, 0, 0, 0.05) 0px 6.38265px 19.148px -1.875px, rgba(0, 0, 0, 0.05) 0px 20px 60px -2.5px;
    width: 400px;
    text-align: center;
    margin: 40px;
    cursor: pointer;
    border: 1px solid var(--background-color-light);
    vertical-align: middle;
}

    .Sample_Source:hover {
        box-shadow: rgba(98, 90, 214, 0.1) 0px 0.796192px 2.38858px -0.625px, rgba(98, 90, 214, 0.1) 0px 2.41451px 7.24352px -1.25px, rgba(98, 90, 214, 0.1) 0px 6.38265px 19.148px -1.875px, rgba(98, 90, 214, 0.1) 0px 20px 60px -2.5px;
    }

.Sample_Source_Title {
    font-size: 16pt;
    font-weight: bold;
    margin: 20px;
}
.Sample_Source_Description {
    height:40px;
}

.Help_Image {
    box-shadow: rgba(0, 0, 0, -0.25) 0px 0.796192px 2.38858px -0.625px, rgba(0, 0, 0, 0.25) 0px 2.41451px 7.24352px -1.25px, rgba(0, 0, 0, 0.25) 0px 6.38265px 19.148px -1.875px, rgba(0, 0, 0, 0.25) 0px 20px 60px -2.5px;
    border-radius: var(--border-radius-medium);
    margin:20px;
}

.Navigation_Toggle {
    display: none;
    background: var(--font-color-main);
    height: 30px;
    margin: 10px;
    z-index: 100000;
    position: absolute;
    right: 0px;
    top: 0px;
}