/* Minification failed. Returning unminified contents.
(2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,28): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(18,49): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(19,112): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(19,133): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(308,32): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(308,53): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(308,74): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(313,36): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(313,57): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(313,78): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(516,28): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(516,49): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(558,28): run-time error CSS1039: Token not allowed after unary operator: '-kbs-accent-color'
(563,21): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(563,42): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(563,63): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(570,32): run-time error CSS1039: Token not allowed after unary operator: '-kbs-accent-color'
(580,25): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(580,46): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(580,67): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(597,28): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(597,49): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(597,70): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(602,28): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(602,49): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(602,70): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(603,22): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(603,43): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(603,64): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(614,21): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(614,42): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(614,63): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(624,28): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(624,49): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(624,70): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(625,112): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(625,133): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(625,154): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(641,28): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(641,49): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(641,70): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(648,28): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(648,49): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(648,70): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(674,35): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(674,56): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(674,77): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(679,21): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(679,42): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(679,63): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(684,26): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(684,47): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(684,68): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(857,35): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(857,56): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(857,77): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(869,25): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(869,46): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(869,67): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(877,40): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(877,61): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(877,82): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(897,38): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(897,59): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(897,80): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(911,29): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(911,50): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(911,71): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(919,44): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(919,65): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(919,86): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(955,28): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(955,49): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(956,22): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(956,43): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(1050,35): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(1050,56): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(1064,22): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(1064,43): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(1114,17): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(1114,38): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(1119,28): run-time error CSS1039: Token not allowed after unary operator: '-kbs-accent-color'
(1121,17): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(1121,38): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(1125,28): run-time error CSS1039: Token not allowed after unary operator: '-kbs-accent-color'
(1127,17): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(1127,38): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(1194,36): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(1194,57): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(1199,36): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(1199,57): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(1368,32): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(1368,53): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(1369,112): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(1369,133): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(1380,21): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(1380,42): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(1404,17): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(1409,28): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(1418,28): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(1492,17): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(1496,17): run-time error CSS1039: Token not allowed after unary operator: '-kbs-accent-color'
(1501,34): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(1501,55): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(1509,17): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(1509,38): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
(1513,28): run-time error CSS1039: Token not allowed after unary operator: '-kbs-spec-color'
(1513,49): run-time error CSS1039: Token not allowed after unary operator: '-kbs-main-color'
 */
:root {
    --kbs-main-color: #141c31; /*#1E526D */
    --kbs-accent-color: #b71b53;
    --
}

body {
    /*
    padding: 0;
    margin: 0;
    background: #DFDEDD;
    color: var(--kbs-spec-color,var(--kbs-main-color));
    font: 0.9em "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
     */
}

.simSubmit{
    border: 1px solid var(--kbs-spec-color,var(--kbs-main-color));
    background: url("../Content/images/ui-bg_highlight-soft_75_1E526D_1x100.png") repeat-x scroll 50% 50% var(--kbs-spec-color,var(--kbs-main-color));
    color: #fff !important;
    font-size: 1.1em;
    padding: 5px 45px;
    text-decoration: none;
    border-radius: 5px;
}

.isDisabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
}

.hidden {
    display: none;
}
/*#region Header */

.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}
.dropdown-header > span.text:hover{
    font-weight : bold;
    color : cadetblue;
    cursor : pointer;
}
/*
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    float:right;
}
*/
.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
/*
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
}
*/
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  /*bottom: 100%;*/
  margin-bottom: 2px;
}
@media (min-width: 768px) {
    #page {
        margin: 0 auto;
        width: 90%;
    }
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

@media (max-width: 767px) {
    #page {
    }
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}

.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}

/*#region Page */

#page {
}

    #page section {
        background-color: #FFF;
        border-radius: 5px;
        border: 1px solid var(--kbs-spec-color,var(--kbs-spec-color,var(--kbs-main-color)));
        margin: 20px 0px;
    }

        #page section header {
            background-color: var(--kbs-spec-color,var(--kbs-spec-color,var(--kbs-main-color)));
            border-radius: 3px 3px 0px 0px;
            padding: 5px 20px;
            color: #FFF;
            font-size: 1.3em;
            font-weight: bold;
            margin: 0px;
        }

        #page section article {
            padding: 25px;
        }

.article-part-header {
    font-size: 1.5em;
    font-weight: bold;
}

.article-part-sub-header {
    font-style: italic;
}

.center {
    text-align: center;
}
/*#endregion */

/*#region Forms */

.requiredNotice {
    display: block;
    text-align: right;
    margin: 0px 30px 5px 0px;
    font-style: italic;
    margin-bottom: 10px;
}

.required,
.field-validation-error {
    color: Red;
    font-size: 1.2em;
    font-weight: bold;
}

.custom-validation-error {
    color: Red;
    font-size: 0.8em;
    font-weight: normal;
}

.field {
    margin-top: 5px;
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
}

    .field.left {
        text-align: left;
    }

    .field > div {
        display: inline-block;
        vertical-align: top;
    }

        .field > div .advice {
            display: block;
            color: #7A7A7A;
            font-size: 0.8em;
            font-style: italic;
            font-weight: normal;
            text-align:justify;
            /*text-shadow: 0em 0.1em 0.04em #AAA;*/
        }

        .field > div:first-child {
            text-align: right;
            width: 30%;
        }

        .field > div + div {
            text-align: left;
            margin-left: 8px;
            width: 65%;
        }

    .field div > input[type="text"],
    .field div > input[type="password"],
    .field div > textarea,
    .field div > select,
    .field div > span.ui-spinner,
    .field div > table {
        width: 100%;
    }

    .field div input[type="radio"],
    .field div input[type="checkbox"] {
        margin-right: 10px;
    }

    .field div > ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .field header {
        background-color: #f4e900 !important;
    }


.inline-field-create-project {
    margin-top: 5px;
    margin-bottom: 20px;
    width: 100%;
    text-align: right;
}

    .inline-field-create-project > div {
        display: block;
        vertical-align: top;
    }

    .inline-field-create-project div > ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .inline-field-create-project > div + div {
        text-align: left;
        margin-left: 8px;
        width: 65%;
    }

    .inline-field-create-project > div:first-child {
        text-align: left;
        margin-left: 10%;
    }

    .inline-field-create-project > div + div {
        text-align: left;
        margin-left: 10%;
    }

    .inline-field-create-project div > input[type="text"],
    .inline-field-create-project div > input[type="password"],
    .inline-field-create-project div > textarea,
    .inline-field-create-project div > table {
        width: 100%;
    }

    .inline-field-create-project div > select {
        width: 40%;
    }

    .inline-field-create-project div > div > span.ui-spinner,
    .inline-field-create-project div > div > input[type="text"] {
        width: 20%;
    }

.inline-field {
    display: inline-block;
    vertical-align: top;
    margin: 8px;
}

    .inline-field > label {
        display: block;
    }

    .inline-field > ul {
        margin: 0;
        padding: 0;
        display: block;
        list-style-type: none;
    }

    .inline-field > div .advice,
    span.advice {
        display: block;
        color: #7A7A7A;
        font-size: 0.8em;
        font-style: italic;
        font-weight: normal;
        text-align: justify;
        /*text-shadow: 0em 0.1em 0.04em #AAA;*/
    }

.advice_filter {
    color: #7A7A7A;
    font-size: 0.8em;
    font-style: italic;
    font-weight: normal;
}

.FilterAllState{
    width: 950px
}

.inline-field.FilterState .FilterStatecontent,
.inline-field.FilterCustom ul {
    border: solid 1px var(--kbs-spec-color,var(--kbs-main-color));
    border-radius: 5px;
    padding: 5px;
    display: block;
    float: left;
}

    .inline-field.FilterState .FilterStatecontent ul {
        display: block;
        float: left;
        padding: 0px;
        margin: 0px;
        width:940px;
    }

.inline-field.FilterCustom ul {
    background-color: #f1f1f1;
}

.inline-field.FilterCustom {
    float: right;
}

.inline-field.FilterState {
    width: 880px;
}

.inline-field.FilterState li {
    display: block;
    float: left;
    width: 280px;
}

.lg303{
    width:303px;
}

.lg303 select{
    width:100%;
}

fieldset {
    border: solid 1px var(--kbs-accent-color);
    margin-bottom: 20px;
}

    fieldset legend {
        color: var(--kbs-spec-color,var(--kbs-spec-color,var(--kbs-main-color)));
        font-weight: bold;
        padding: 4px;
    }

    fieldset.fieldsetmember {
        display: inline-block;
        border: solid 1px var(--kbs-accent-color);
        margin-bottom: 20px;
    }

        fieldset.fieldsetmember ul {
            margin: 0;
        }


        fieldset.fieldsetmember legend {
            color: var(--kbs-spec-color,var(--kbs-spec-color,var(--kbs-main-color)));
            font-weight: bold;
            padding: 4px;
        }

        fieldset.fieldsetmember > a {
            display: block;
        }

.fielsetdNomad {
    display: block;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    border: 2px solid var(--kbs-spec-color,var(--kbs-spec-color,var(--kbs-main-color)));
}

input[type="submit"],
.button {
    border: 1px solid var(--kbs-spec-color,var(--kbs-spec-color,var(--kbs-main-color)));
    background: var(--kbs-spec-color,var(--kbs-spec-color,var(--kbs-main-color)));
    color: #FFFFFF !important;
    font-size: 1.1em;
    padding: 5px 45px;
    text-decoration: none;
    border-radius: 5px;
}

    input[type="submit"]:hover,
    .button:hover {
        background: #FFFFFF;
        color: var(--kbs-spec-color,var(--kbs-spec-color,var(--kbs-main-color))) !important;
    }

    .button img {
        vertical-align: middle;
        border: none;
    }

.buttonDisabled {
    margin-right:25%;
    border: 1px solid var(--kbs-spec-color,var(--kbs-spec-color,var(--kbs-main-color)));
    background: url("../Content/images/ui-bg_highlight-soft_75_1E526D_1x100.png") repeat-x scroll 50% 50% var(--kbs-spec-color,var(--kbs-spec-color,var(--kbs-main-color)));
    color: #FFFFFF !important;
    font-size: 1.1em;
    padding: 5px 45px;
    text-decoration: none;
    border-radius: 5px;
      cursor: not-allowed;
      opacity: 0.5;
      text-decoration: none;
}

input[type="Text"],
input[type="Password"],
textarea,
select,
span.ui-spinner {
    border: 1px solid var(--kbs-spec-color,var(--kbs-spec-color,var(--kbs-main-color)));
    border-radius: 5px;
    padding: 5px;
    font: inherit;
}

.form-control, .custom-select {
    border: 1px solid var(--kbs-spec-color,var(--kbs-spec-color,var(--kbs-main-color)));
}

select {
    padding: 4px;
}

span.ui-spinner {
}

    span.ui-spinner > input {
        border: none;
        border-radius: initial;
        padding: initial;
        margin: 0;
    }


/*#endregion */

/*#region Table */

table.DataTable {
    border-collapse: collapse;
    width: 100%;
    margin: 0px 0 40px 0;
    border-bottom: solid 4px var(--kbs-spec-color,var(--kbs-spec-color,var(--kbs-main-color)));
    font-size: 0.8em;
}

    table.DataTable caption {
        color: var(--kbs-spec-color,var(--kbs-spec-color,var(--kbs-main-color)));
        font-weight: normal;
    }

    table.DataTable thead {
        background: var(--kbs-spec-color,var(--kbs-spec-color,var(--kbs-main-color)));
        color: #FFFFFF;
        font-weight: normal;
    }

        table.DataTable thead th:not(:first-child) {
            border-left: solid 1px #286E91;
        }

        table.DataTable thead th {
            padding: 6px 8px;
            font-weight: normal;
        }

            table.DataTable thead th.sortAsc {
                background: url('images/sortAsc.png') center bottom no-repeat;
            }

            table.DataTable thead th.sortDesc {
                background: url('images/sortDesc.png') center top no-repeat;
            }

            table.DataTable thead th:hover {
                background-color: #317291;
            }

            table.DataTable thead th a {
                display: block;
                text-decoration: none;
                color: inherit;
                font-weight: normal;
            }

    table.DataTable tr.Late td {
        background-color: rgba(255, 0, 0, 0.25);
    }

    table.DataTable tr td final_state_OK,
    table.DataTable tr td final_state_KO,
    table.DataTable tr td final_state_DEAD {
        font-weight: bold;
        color: red;
    }

    table.DataTable tr td final_state_OK {
        color: green;
    }

    table.DataTable tbody td {
        padding: 4px 8px;
        border-bottom: solid 1px #DFDEDD;
    }

        table.DataTable tbody td:not(:first-child) {
            border-left: dotted 1px #DFDEDD;
        }

    table.DataTable tbody tr:hover {
        background: #F1F1F1;
    }

    table.DataTable tr .row_command {
        width: 20px;
        height: 20px;
        display: inline-block;
        background-position: center;
        background-repeat: no-repeat;
        text-indent: 200%;
        white-space: nowrap;
        overflow: hidden;
    }

    table.DataTable tr .row_edit {
        background-image: url('images/edit.png');
    }

    table.DataTable tr .row_add {
        background-image: url('images/add.png');
    }

    table.DataTable tr .row_delete {
        background-image: url('images/delete.png');
    }

    table.DataTable tr .row_download {
        background-image: url('images/download.png');
    }

    table.DataTable tr .row_view {
        background-image: url('images/view.png');
    }

    table.DataTable tr .row_download_CV {
        background-image: url('images/CV_Icon.png');
    }

    table.DataTable tr .row_download_ML {
        background-image: url('images/ML_Icon.png');
    }


    table.DataTable tr ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

.icon_download {
    margin: 0 5px;
    float: left;
}

/* liste docs dans liste des projets */
table.DataTable .smallFont {
    font-size: 0.7em;
}

table.DataTable .docsList li {
    line-height: 10px;
}
.chbxNomad{
    transform: scale(1.5);
}

/*Onglet Nomad*/
#nomad {
    margin-top: 5px;
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
}

    #nomad.left {
        text-align: left;
    }

    #nomad > div {
        display: inline-block;
        vertical-align: top;
    }

        #nomad > div .advice {
            display: block;
            color: #7A7A7A;
            font-size: 0.8em;
            font-style: italic;
            font-weight: normal;
            /*text-shadow: 0em 0.1em 0.04em #AAA;*/
        }

        #nomad > div:first-child {
            text-align: left;
            width: 40%;
        }

        #nomad > div + div {
            text-align: left;
            margin-left: 8px;
            width: 20%;
        }

.trNomad {
    vertical-align: top
}

/*#endregion */

/*#region Onglets */

ul.tabs {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid var(--kbs-spec-color,var(--kbs-spec-color,var(--kbs-main-color)));
    font-weight: bold;
    margin-bottom: 20px;
}

    ul.tabs li {
        display: inline-block;
        margin-right: 10px;
    }

        ul.tabs li a {
            display: inline-block;
            color: var(--kbs-spec-color,var(--kbs-spec-color,var(--kbs-main-color)));
            text-decoration: none;
            padding: 6px 10px;
        }

            ul.tabs li:hover a,
            ul.tabs li a.active {
                color: #FFFFFF;
                background-color: var(--kbs-spec-color,var(--kbs-spec-color,var(--kbs-main-color)));
                border-top-left-radius: 5px;
                border-top-right-radius: 5px;
            }



div.vert-tabs {
    margin-top: 5px;
    margin-bottom: 20px;
    width: 100%;
}

    div.vert-tabs > ul:first-child {
        display: inline-block;
        vertical-align: top;
        width: 10%;
        list-style-type: none;
        margin: 0;
        padding: 0;
        border-right: 1px solid var(--kbs-spec-color,var(--kbs-spec-color,var(--kbs-main-color)));
        font-weight: bold;
        margin-right: 20px;
    }

        div.vert-tabs > ul:first-child li {
            display: block;
            margin-bottom: 10px;
            text-align: right;
        }


            div.vert-tabs > ul:first-child li a {
                display: block;
                color: var(--kbs-spec-color,var(--kbs-spec-color,var(--kbs-main-color)));
                text-decoration: none;
                padding: 6px 10px 10px 10px;
            }

                div.vert-tabs > ul:first-child li:hover a,
                div.vert-tabs > ul:first-child li a.active {
                    color: #FFFFFF;
                    background-color: var(--kbs-spec-color,var(--kbs-spec-color,var(--kbs-main-color)));
                    border-top-left-radius: 5px;
                    border-bottom-left-radius: 5px;
                }

    div.vert-tabs > div {
        display: inline-block;
        margin-left: 8px;
        width: 80%;
    }


/*#endregion */

ul.language-select {
    margin: 0;
    padding: 0;
    text-align: center;
}

    ul.language-select li {
        display: inline-block;
    }

        ul.language-select li a {
            text-decoration: none;
            margin: 6px;
            padding: 2px;
        }

            ul.language-select li a img {
                border: none;
                vertical-align: middle;
            }

.buttonLogin {
    border: 1px solid var(--kbs-spec-color,var(--kbs-main-color));
    background: var(--kbs-spec-color,var(--kbs-main-color));
    color: #FFFFFF !important;
    font-size: 1.1em;
    padding: 5px;
    text-decoration: none;
    border-radius: 5px;
    margin:auto;
    display:block;
    text-align:center;
    width:250px;
}
.buttonLogin:hover{
    text-decoration:none !important;
}


div.warning-message {
    margin: 20px 0px;
    padding: 10px;
    border-radius: 5px;
    font-size: 1.2em;
    border: solid 1px #634D00;
    background-color: #FFF2BA;
    color: #634D00;
}

div.error-message {
    margin: 20px 0px;
    padding: 10px;
    border-radius: 5px;
    font-size: 1.2em;
    border: solid 1px #870900;
    background-color: #FFBFBA;
    color: #870900;
}

div.info-message,
div.question-message {
    margin: 20px 0px;
    padding: 10px;
    border-radius: 5px;
    font-size: 1.2em;
    border: solid 1px #004F87;
    background-color: #BAE2FF;
    color: #004F87;
}

div.success-message {
    margin: 20px 0px;
    padding: 10px;
    border-radius: 5px;
    font-size: 1.2em;
    border: solid 1px #3A6000;
    background-color: #E2FFBA;
    color: #3A6000;
}


/* #region Édition utilisateur */
.Clear {
    clear: both;
}

.UserTeaser {
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
}

.UserPhotoSide {
    float: left;
    margin-top: 40px;
    display: block;
    max-width: 250px;
}

    .UserPhotoSide img {
        max-width: 250px;
    }

.UserDataSide {
    float: left;
    margin: 40px 0px 0px 70px;
    min-width: 60%;
}
/* #endregion */


/* #region Paramétrage des catégories */
table.SpecificCategoriesDataTable th {
    border: 1px solid #286e91;
}

table.SpecificCategoriesDataTable td.RowSpanned {
    border-bottom: 1px solid var(--kbs-spec-color,var(--kbs-main-color));
}


/* #endregion */


.ui-autocomplete {
    max-height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.ui-datepicker-current-day .ui-state-active {
    background: var(--kbs-spec-color,var(--kbs-main-color));
    color: #ffffff;
}

/* #region Paramétrage généraux */
ul.formationsList li {
    display: inline-block;
    margin: 5px 10px;
    width: 45%;
}
/* #endregion */


.tip {
    color: #7A7A7A;
    font-size: 0.8em;
    font-style: italic;
    font-weight: normal;
    text-align:justify;
}

.compeCle {
    background-color: #E2FFBA;
    font-weight: bold;
}
/* Final Decision */
.DecisionfinaleOK,
.final_state_OK {
    color: green;
    font-weight: bold;
}

.DecisionfinaleKO,
.final_state_KO {
    color: red;
    font-weight: bold;
}

.DecisionfinaleDEAD {
    color: gray;
    font-weight: bold;
}

.final_state_DELAY {
    color: purple;
    font-weight: bold;
}

.DecisionfinaleNA,
.final_state_NA {
    color: var(--kbs-spec-color,var(--kbs-main-color));
}

/*  Accordion Projects filters **/
.ui-accordion-header {
    border: 1px solid var(--kbs-accent-color);
    font-weight: bold;
    color: var(--kbs-spec-color,var(--kbs-main-color));
}

.ui-accordion .ui-accordion-content {
    border: 1px solid var(--kbs-accent-color);
    font-size: 0.8em;
    color: var(--kbs-spec-color,var(--kbs-main-color));
    overflow: visible;
}

/* Appointment's legend */
.legend .green_legend,
.legend .redlight_legend,
.legend .red_legend {
    margin: 15px;
    float: left;
    display: block;
    font-style: italic;
    color: #7a7a7a;
}

.legend .redlight_legend {
    margin: 0px 15px;
}

.legend span {
    width: 15px;
    height: 15px;
    display: block;
    margin: 5px;
    float: left;
}

.legend .green_legend span {
    background-color: green;
}

.legend .red_legend span {
    background-color: red;
}

.legend .redlight_legend span {
    background-color: rgba(255, 0, 0, 0.5);
}

.legend.projects {
    margin: 5px 15px 0px 15px;
    float: right;
}


/* Grv2InfoApp */
.Grv2InfoApp {
    font-size: 90%;
}

    .Grv2InfoApp table {
        width: 100%;
    }

        .Grv2InfoApp table caption {
            font-size: 110%;
            font-weight: bold;
        }

        .Grv2InfoApp table table {
            font-size: 80%;
        }

        .Grv2InfoApp table th,
        .Grv2InfoApp table td {
            font-weight: normal;
            padding: 2px;
            border: 1px solid var(--kbs-spec-color,var(--kbs-main-color));
            padding: 3px 8px;
        }

        .Grv2InfoApp table th {
            background-color: var(--kbs-spec-color,var(--kbs-main-color));
            color: #FFFFFF;
            text-align: left;
            width: 27%;
        }

/* Steps */
.ExceededDate {
    color: red;
    font-weight: bold;
}

/* Send Team Mail */
.SendTeamMail input,
.SendTeamMail textarea {
    width: 99%;
    margin-bottom: 25px;
}

.SendTeamMail textarea {
    min-height: 150px;
    max-width: 99%;
}

.SendTeamMail #submit {
    width: 30%;
}

/* Advanced student search */
.advStudentSearch input,
.advStudentSearch select {
    width: 70%;
    margin-bottom: 5px;
}

.advStudentSearch #advancedsearch_popupsubmit {
    width: 30%;
}

.advStudentSearch .textinput {
    width: 7%;
    display: block;
    float: left;
}

#create-DatetimPicker {
}


.odd-container {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    
}

.odd-container .odd-element {
    width: 100px;
    height: 100px;
    margin: 15px;

background-size:100px 100px;
}
.odd-Text{
    width: 100px;
    margin: 15px;
    text-wrap:normal;
    text-align:center;
    font-size:0.7em
}

.odd-container .odd-element[data-odd-index="1"] {
    background-image: url('images/odd/ODD-01.svg') ;
}

.odd-container .odd-element[data-odd-index="2"] {
    background-image: url('images/odd/ODD-02.svg') ;
}

.odd-container .odd-element[data-odd-index="3"] {
    background-image: url('images/odd/ODD-03.svg') ;
}

.odd-container .odd-element[data-odd-index="4"] {
    background-image: url('images/odd/ODD-04.svg') ;
}

.odd-container .odd-element[data-odd-index="5"] {
    background-image: url('images/odd/ODD-05.svg') ;
}
.odd-container .odd-element[data-odd-index="6"] {
    background-image: url('images/odd/ODD-06.svg') ;
}

.odd-container .odd-element[data-odd-index="7"] {
    background-image: url('images/odd/ODD-07.svg') ;
}

.odd-container .odd-element[data-odd-index="8"] {
    background-image: url('images/odd/ODD-08.svg') ;
}
.odd-container .odd-element[data-odd-index="9"] {
    background-image: url('images/odd/ODD-09.svg') ;
}
.odd-container .odd-element[data-odd-index="10"] {
    background-image: url('images/odd/ODD-10.svg') ;
}

.odd-container .odd-element[data-odd-index="11"] {
    background-image: url('images/odd/ODD-11.svg') ;
}

.odd-container .odd-element[data-odd-index="12"] {
    background-image: url('images/odd/ODD-12.svg') ;
}

.odd-container .odd-element[data-odd-index="13"] {
    background-image: url('images/odd/ODD-13.svg') ;
}

.odd-container .odd-element[data-odd-index="14"] {
    background-image: url('images/odd/ODD-14.svg') ;
}

.odd-container .odd-element[data-odd-index="15"] {
    background-image: url('images/odd/ODD-15.svg') ;
}
.odd-container .odd-element[data-odd-index="16"] {
    background-image: url('images/odd/ODD-16.svg') ;
}

.odd-container .odd-element[data-odd-index="17"] {
    background-image: url('images/odd/ODD-17.svg') ;
}

.odd-container .odd-element[data-selected="True"] {
border: 10px solid SpringGreen;
}
.odd-container .odd-element[data-selected="False"] {
border: 10px solid white;
}
.odd-info {
    background-image: url('images/i.png');
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
}
/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 25% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
}
/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }
    .moveRight {
        border: 1px solid var(--kbs-spec-color,var(--kbs-main-color));
    background: url("../Content/images/ui-bg_highlight-soft_75_1E526D_1x100.png") repeat-x scroll 50% 50% var(--kbs-spec-color,var(--kbs-main-color));
    color: #FFFFFF !important;
    font-size: 1.1em;
    padding: 5px 45px;
    text-decoration: none;
    border-radius: 5px;
    margin-left: 20%;
}

    .moveRight:hover {
        background: #FFFFFF;
        color: var(--kbs-spec-color,var(--kbs-main-color)) !important;
    }

.linkEvalBeU{
    margin-top:10px;
    color:red;
    border:solid;
    border-color:red;
    padding-left:10px;
    padding-right:10px;
    padding-top:2px;
    padding-bottom:0px;
    text-decoration:underline;
}

.footer {
    background-color: #f5f5f5;
}

.ui-state-active {
    background-color: rgb(246, 246, 246);
}

h2 {
    color: var(--kbs-main-color);
    font-size: 1.1em;
}

.dropdown.bootstrap-select.form-control {
    border: 1px solid var(--kbs-main-color);
    background-color: white;
}

.btn-light {
    background-color: white;
}

.bg-kbs-primary {
    background-color: var(--kbs-main-color) !important;
}

.navbar-dark {
    color: white;
}

#top-navbar .nav-link {
    padding-top: 0;
    padding-bottom: 0;

}

/*
 * Sidebar config
 */

.sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 100; /* Behind the navbar */
    padding: 80px 0 0; /* Height of navbar */
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

@media (max-width: 767.98px) {
    .sidebar {
        top: 5rem;
    }
}

.sidebar-sticky {
    position: relative;
    top: 0;
    height: calc(100vh - 48px);
    padding-top: .5rem;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sidebar-sticky {
        position: -webkit-sticky;
        position: sticky;
    }
}

.sidebar .nav-link {
    font-weight: 500;
    color: #333;
}

    .sidebar .nav-link .feather {
        margin-right: 4px;
        color: #999;
    }

    .sidebar .nav-link.active {
        color: #007bff;
    }

        .sidebar .nav-link:hover .feather,
        .sidebar .nav-link.active .feather {
            color: inherit;
        }

.sidebar-heading {
    font-size: .75rem;
    text-transform: uppercase;
}

.link-primary:link, .link-primary:visited, .link-primary:active {
    color: var(--kbs-main-color);
}

.link-primary:hover {
    color: var(--kbs-accent-color);
}

.pjt-header {
    font-weight: bold;
    border-right: solid 1px var(--kbs-spec-color,var(--kbs-main-color));
}

.pjt-no-border {
    border: none;
}

.Grv2InfoApp h5 {
    color: var(--kbs-spec-color,var(--kbs-main-color));
}

.btn-primary-kbs {
    background-color: var(--kbs-spec-color,var(--kbs-main-color));
    color: white;
}