/*
 * Project: TED
 * Contractor: ARHS-Developments
 */
/*----LOADING COMPONENT----*/
div#loading {
    position: fixed;
    left: 43%;
    top: 35%;
    z-index: 6946;
    width: 250px;
    height: 50px;
    background: url('../images/loading-bg.png') left top no-repeat;
    text-align: center;
}

* html div#loading {
    position: absolute;
}

a {
    text-decoration: underline;
    overflow-wrap: break-word;
}

div#loading p {
    margin: 0;
    margin-top: 5px;
    padding: 0;
}

#jsContainer .overflow {
    overflow: auto;
    max-height: 50%;
    padding: 30px;
}

#jsContainer fieldset label {
    font-size: 0.9em;
}

#jsContainer div ul {
    list-style: none;
    text-align: left;
}

#jsContainer div ul.tree li {
    width: auto;
}

#jsContainer div ul.tree li ul {
    margin-left: 20px;
    max-width: 80%;
}

#jsContainer div ul label {
    font-weight: normal;
}

/*---First submit button----*/
.firstSubmit {
    position: absolute;
    left: -34567px;
}

/*---Update button for JS disable language change----*/
input.lgJsOff {
    background-color: #36c;
    border: 0 none;
    border-radius: 5px;
    color: #fff;
    font: 0.9em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
    overflow: visible;
    padding: 2px 6px;
    transition: all 0.1s linear 0s;
    width: auto !important;
}

/*---Hide legend for quicksearch----*/
legend.quick-search {
    display: none;
    left: -10000px;
    position: absolute;
}

/*---Ensure quick search field is at least as wide than text below----*/
#quickSearchCriteria {
    width: 20em;
}

/*---Breadcrumb as text---*/
.op-breadcrumb li a {
    color: #666;
    position: relative;
    text-decoration: none;
}

/*HomePage*/
html:not            ([lang*=""]            ) legend {
    display: none;
}

.main-container div.basicForm fieldset.validation div.buttonContainer input {
    padding-left: 20px;
    padding-right: 20px;
}

.main-container p .checkbox {
    margin-left: 10px;
}

.main-Container {
    padding-right: 10px;
    padding-left: 10px;
}

@media ( min-width: 992px) {
    #middle-column {
        padding-left: 0
    }
}

.op-breadcrumb {
    padding-left: 12px;
}

.op-breadcrumb li a {
    color: #666;
    text-decoration: none;
    position: relative;
}

.op-breadcrumb li a:hover, .op-breadcrumb li a:focus {
    text-decoration: underline;
}

/* basic styles. */
.no-margin-top {
    margin-top: 0;
}

/* alert message. */
.alert.alert-icon {
    padding-left: 50px;
    position: relative;
}

.alert-icon i.fa {
    position: absolute;
    left: 15px;
    top: 12px;
}

/* page title */

/* datepicker. */
.datepicker-icon {
    cursor: pointer;
}

.glyphicon-log-in {
    padding-right: 0.5em;
}

.btn {
    padding: 2px 5px;
}
.btn-primary {
    background-color: #36c;
    border-color: #36c;
    color: #fff;
}

.btn-primary-native {
    padding: 5px 10px;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background-color: #59f;
    border-color: #59f;
    color: #fff;
}

h1, .h1 {
    font-family: georgia;
    font-size: 2em;
}

h2, .h2 {
    font-family: georgia;
    font-size: 1.8em;
}

h3, .h3 {
    font-family: georgia;
    font-size: 1.5em;
}

h4, .h4 {
    font-family: georgia;
    font-size: 1.2em;
}

h5, .h5 {
    font-family: georgia;
    font-size: 1.2em;
}

.icon-link-external:before {
    color: #36C;
    font-size: 0.9em;
    font-weight: lighter;
}

.icon-magnifying-glass::before {
    vertical-align: middle;
}

/* TED */
.ted h1.page-title {
    background-color: #FFF;
    color: #2C862D;
}

a.help-icon {
    margin-top: 20px;
    content: "\e904";
    display: inline-block;
    padding: 2px;
    border: 1px solid #999;
    border-radius: 3px;
    text-decoration: none;
    line-height: 100%;
}

a.help-icon-inline {
    margin-top: 0px;
}

div.contact-form {
    background-color: #EEE;
    border: 1px solid #DDD;
    padding: 10px;
}

input.contact-form, select.contact-form, textarea.contact-form {
    width: 100%;
    border: 1px solid #000;
    border-radius: 2px;
    margin-bottom: 1em;
}

.mandatory::after {
    vertical-align: middle;
}

[data-required=true]:after {
    content: '*';
    color: red;
    margin-left: 0.5em;
}

div.menu-calendar-box {
    margin-top: 15px;
    width: 100%;
    border: 1px solid #DDD;
    line-height: 1.1em;
    word-wrap: break-word;
}

div.release-calendar-box {
    width: 100%;
    border-top: 1px solid #DDD;
    background-color: #eee;
    padding: 5px;
}

a.menu_release_calendar {
    text-decoration: none;
}

a.menu_release_calendar:hover {
    text-decoration: underline;
}

.icon-calendar:before {
    padding-right: 0.5em;
}

div.nextUpdate {
    padding: 0px 0px 0px 5px;
    display: table-cell;
    vertical-align: bottom;
    float: none;
    height: 42px;
}

div.calendar-box-margin {
    margin: 10px;
}

.no-padding {
    padding: 0px;
}
.no-padding-right {
    padding-right: 0px;
}
.no-padding-left {
    padding-left: 0px;
}

.no-margin {
    margin: 0px;
}

.green-box {
    border: 1px solid #2C862D;
    border-radius: 3px;
}

.grey-box {
    border: 1px solid #DDD;
    padding: 10px 5px
}

.background-green {
    background-color: #2C862D;
}

.background-grey {
    background-color: #eee;
}

.text-white {
    color: #FFF;
}

.text-green {
    color: #2C862D;
}

.text-center {
    text-align: center;
}

.text-bold {
    font-weight: bold;
}

.text-bold a {
    font-weight: normal;
    text-decoration: none;
}

.text-bold a:hover {
    text-decoration: underline;
}

.oj-release {
    padding-left: 5px;
    padding-right: 0px;
    float: right;
}

.height-max {
    height: 100%;
}

.right-border {
    border-right: 1px solid #DDD;
}

.ojsDateBox {
    padding: 3px 0px;
}

.link-no-underline-grey {
    text-decoration: none;
    color: #444;
}

.link-no-underline-grey:focus, .link-no-underline-grey:hover {
    text-decoration: underline;
    color: #666;
}

ul, ol {
    margin-bottom: 0px;
}

.red {
    color: red;
}

.marquee {
    width: 100%;
    overflow: hidden;
}

.menu-spacer {
    height: 25px;
}

h1, h2, h3, h4, h5 {
    color: #2C862D;
}

h2.rssHeading {
    margin-top: 0px;
}

h2 {
    font-weight: bold;
}

li.bullet-rss-square {
    list-style: none;
    content: '\e908';
}

li.bullet-rss-square::before {
    color: #F70;
    content: '\e908';
    font-size: 1.1em;
    margin-right: 5px;
    vertical-align: middle;
}

li[class^="bullet-"]::before, li[class*=" bullet-"]::before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

hr.menu {
    margin-bottom: 10px;
    margin-top: 10px;
    border-width: 2px 0 0;
}

.op-h-nav-content li a {
    border-bottom: 0 none;
    border-radius: 5px 5px 0 0;
    display: inline-block;
    font-weight: normal;
    margin-left: 2px;
    padding: 0.5em;
    text-decoration: none;
}

.op-h-nav-content li a.selected {
    color: #000;
    background-color: #FFF;
    border: 1px solid #ccc;
    border-bottom: 0 none;
}

.op-h-nav-content li {
    list-style: outside none none;
    display: inline-block;
}

.op-h-nav-content {
    background-color: #eee;
    clear: both;
    display: block;
    margin: 0;
    padding: 8px 0 0;
    position: relative;
    border: 1px solid #ccc;
    border-bottom: 0px solid #ccc;
}

th {
    background-color: #ddd;
    border-right: 1px solid #fff;
}

thead th:last-child {
    background-color: #ddd;
    border-right: 0px none #ddd;
}

td {
    border-right: 1px solid #ccc;
}

tr td:last-child {
    border-right: 0px none #fff;
}

table, .main-container table {
    margin-bottom: 0px;
}

li.expcolMarker {
    list-style: outside none none;
    display: block;
    background-color: #eee;
}

.help-accordion .help-level > li > a {
    display: inline-block;
}

div.help-level-content.helpContent.help-level {
    background-color: #fff;
}

ul.help-level {
    background-color: #fff;
}

li.expcolMarker::before {
    color: #36C;
    content: '\e909';
    font-size: 1.5em;
    margin-right: 5px;
    margin-left: 5px;
    vertical-align: middle;
    text-decoration: none;
}

li.expcolMarker.selected::before {
    color: #070;
    content: '\e90a';
    font-size: 1.5em;
    margin-right: 0px;
    margin-left: 5px;
    vertical-align: middle;
    text-decoration: none;
}

li[class^="expcolMarker"]::before, li[class*=" expcolMarker"]::before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

li.left-menu-aside > a:before {
    padding-left: 15px;
}

label {
    margin-right: 0.5em;
}

.op-header .op-site-subtitle {
    left: 182px;
}

.radio-inline {
    margin: 4px 0 0 20px;
}

.margin-bottom-2 {
    margin-bottom: 2px;
}

.margin-radio-sure {
    margin: 0px 3px 0px 20px !important;
}
.ted-2020 .margin-radio-sure {
    margin: 4px 3px 0 5px !important;
}

.no-margin-sure {
    margin: 0px !important;
}

.no-padding-sure {
    padding: 0px !important;
}

.text-weight-normal {
    font-weight: normal;
}

.textarea {
    width: 100%;
}

.height-10-em {
    height: 10em !important;
}

.left-menu-collapse {
    color: #444;
    text-decoration: none;
}

.left-menu-collapse:hover {
    color: #444;
}

.color-link {
    color: #36c;
}

.no-underline {
    text-decoration: none;
    vertical-align: text-bottom;
    font-size: 16px;
}

.left-menu-no-underline {
    text-decoration: none;
}

.left-menu-no-underline:hover {
    text-decoration: none;
}

.left-menu-no-underline:focus {
    text-decoration: none;
}

.bold {
    font-weight: bold;
}

.margin-right-2 {
    margin-right: 2px;
}

.margin-right-5 {
    margin-right: 5px !important;
}

.margin-right-10 {
    margin-right: 10px;
}

.margin-right-20 {
    margin-right: 20px;
}

.latest-change {
    padding-left: 5px;
}
.latest-expert-box{
    padding-left: 108px;
}
@media screen and (max-width: 1000px){
    .latest-change {
        padding-left: 0px;
    }
    .latest-expert-box{
        padding-left: 0px;
    }
}

.margin-left-2 {
    margin-left: 2px !important;
}

.margin-left-5 {
    margin-left: 5px !important;
}

a.no-underline:hover {
    text-decoration: underline;
}

ul.op-h-nav-content > li.noticeTab:first-child {
    margin-left: 10px;
}

ul.op-h-nav-content > li.selected {
    color: #000;
    background-color: #FFF;
    border: 1px solid #ccc;
    border-bottom: 0 none;
}

ul.op-h-nav-content > li.multi {
    padding: 0.5em;
}

div.cancelDoc {
    color: red;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 20px;
}

p.docAction > * {
    padding-left: 5px;
}

.titleViewer22{
    border-bottom: 1px solid #ccc;
    padding: 10px 10px 0 10px;
}

.descriptionViewer22{
    font-family: sans-serif;
    font-weight: bold;
}

.contentViewer22{
    font-family: sans-serif
}

div#docContent > table.data > tbody > tr > th {
    vertical-align: baseline;
    background-color: inherit;
    text-align: right;
    border-right: 1px solid #eee;
}

div#docContent > table.data > tbody > tr > th:after {
    content: ':';

}

div#docContent > table.data > tbody > tr > * {
    border-top: 1px solid #ccc;
    vertical-align: baseline;
}


div#docContent > table.data > tbody > tr > td:last-child {
    font-weight: normal;
}

div#docContent > table.data {
    width: 100%;
}

div#docContent > table.data > tbody > tr {
    background-color: #eee;
    font-weight: bold;
}

div#docContent > table.data > tbody > tr.bgGreen {
    background-color: inherit;
}

div#docContent > table.data > tbody > tr.bgGreen > th {
    border-right: none;
}

div#docContent > table.data > tbody > tr:last-child {
    border-bottom: 1px solid #ccc;
    vertical-align: baseline;
}

li.family-leaf {
    list-style: none;
}

table.family {
    margin-bottom: 15px;
    border: 1px solid #ccc;

}

table.family {
    margin-bottom: 15px;
    border: 1px solid #ccc;

}

.family tr {
    border-bottom: 1px solid #ccc;
}

.family tr:last-child {
    border-bottom: none;
}


td.title {
    font-weight: bold;
}

.nounderline {
    text-decoration: none;
}

.btn-sm {
    font-size: 13px;
}

.dropdown-menu {
    font-size: 13px;
}

.valign-mid {
    vertical-align: middle !important;
}

/** Arrows from displaytag */
.main-container table thead tr th a {
}

.main-container table thead tr th.sortable a {
    text-decoration: none !important;
}

.main-container table thead tr th.sortable a:after {
    content: "\e91f";
    margin-left: 5px;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.main-container table thead tr th.order1 a:after {
    content: "\e91d";
    margin-left: 5px;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}

.main-container table thead tr th.order2 a:after {
    content: "\e91e";
    margin-left: 5px;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.main-container table thead tr th.noBg {
    background: none;
}

.main-container table thead tr th a.noBg {
    background: none;
}

.main-container table thead tr th a, .main-container table thead tr th a:visited {
    padding-right: 12px;
}

.ui-menu {
    list-style: none;
    width: 300px;
    padding: 0;
}

.ui-menu-item {
    padding: 3px 5px;
}

/*Dashboard*/
.badge {
    margin-left: 5px;
}

#saved_searches {
    padding-top: 10px;
}

#followed_documents_table_wrapper {
    padding-top: 15px;
}

#saved_searches_table_wrapper {
    padding-top: 15px;
}

#followed_documents {
    padding-top: 15px;
}

#last_searches {
    padding-top: 15px;
}

span.icon-rss-square {
    font-size: 1.9em;
    color: #36c;
    margin-right: 5px;
    vertical-align: middle;
}

.nav-tabs {
    background-color: #eee;
    border: 1px solid #ddd;
    padding: 10px 0 0 20px;
}

.btn .caret {
    padding-top: 3px;
}

.nounderline {
    text-decoration: none !important;
}

.tab-content {
    border: 1px solid #ddd;
    border-top: 0px;
    padding: 10px;
}

.nav > li > a {
    text-decoration: none
}


.modal-body .form-group {
    margin-right: 0;
}

#search-profile-periodicity {
    width: auto;
}

.modal-title {
    font-size: 1.5em;
    display: inline;
}

.modal-footer .btn-primary {
    padding: 5px 10px;
}

.dropdown-menu > li > a {
    text-decoration: none;
}

.glyphicon-bell {
    border: 1px solid #999;
    border-radius: 3px;
    color: #36c;
    display: inline-block;
    font-size: large;
    line-height: 100%;
    padding: 2px;
}

@media (max-width: 767px) {
    div.nextUpdate {
        float: right;
    }
}

.editable-content {
    overflow: hidden;
}

.editable-content.edition-mode {
    outline: #36C dashed 3px;
    min-height: 30px;
}

.edit-content-link {
    color: #36C;
    margin-top: 5px;
    margin-right: 5px;
    position: relative;
    float: right;
    z-index: 1000;
}

button.ted-2020, .button.ted-2020 {
    padding: 6px 10px;
}

.ted-2020 label {
    font-weight: normal;
}

.ted-legend.ted-2020 {
    border-bottom: none;
    text-align: left;
    font-weight: 700;
    font-size: 13px;
}

.ted-2020.hideField > .ted-form-content {
    display: none;
}

.ted-2020.grey-box {
    border: 1px solid #DDD;
    margin-top: 8px;
}

#scope-fs {
    margin-top: 0;
}

.affix.ted-2020.grey-box {
    margin-top: 0;
    margin-left: 0;
}

.clickable-legend.ted-legend-container {
    cursor: pointer;
}


.ted-2020.ted-contentRow {
    margin-bottom: 20px;
}

fieldset.ted-2020 > div {
    padding-bottom: 6px;
}

.ted-2020.ted-radioButtonWithLabel {
    vertical-align: top;
}

.ted-2020 input[type=checkbox], .ted-2020 input[type=radio] {
    transform: scale(1.5);
    margin-right: 3px;
}

.ted-sub-legend {
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
}

button.clear-dates {
    width: 100%;
}

div.parent-clear-dates{
    display: none;
}

#refDataPickerModal .modal-body {
    background: center no-repeat url('../images/ajax-loading.gif');
}
.treeview {
    overflow: auto;
    max-height: 50vh;
    margin-top: 10px;
    min-height: 90px;
    background-color: white;
}
.treeview span.icon.refdatatree-checkbox {
    color: #fff;
    padding: 3px;
    width: 22px;
    height: 22px;
    display: inline;
    border: solid 1px #ccc;
    border-radius: 3px;
}
.treeview span.icon.refdatatree-checkbox.glyphicon-ok {
    background-color: #36c;
    border-color: #36c;
}
.treeview span.icon.refdatatree-checkbox.glyphicon-remove:before {
    visibility: hidden;
}
.treeview span.icon.refdatatree-branch {
    color: #36c;
    background-color: #fff;
    padding: 3px;
    width: 22px;
    height: 22px;
    display: inline;
    border: solid 1px #36c;
    border-radius: 3px;
}
.treeview li {
    display: flex;
}
.treeview span.icon.glyphicon {
    width: 22px;
}
.treeview span.icon.glyphicon.glyphicon-plus {
    padding-left: 4px;
}
.treeview span.icon.node-icon {
    width: 0;
}
.treeview span.refdatatree-content {
    flex: 1;
}

.ted-2020 input::placeholder {
    color: #aaa;
    opacity: 1;
}
.ted-2020 input:-ms-input-placeholder {
    color: #aaa;
}
.ted-2020 input::-ms-input-placeholder {
    color: #aaa;
}

@media (min-width: 992px) {

    .ted-form-content.ted-2020{
        border-left: 1px solid #DDD;
    }
    .hideField > .ted-form-content.ted-2020,  #scope-fs .ted-form-content{
        border-left: none;
    }
    .hideField > .ted-legend-container.ted-2020, #scope-fs .ted-legend-container{
        border-right: 1px solid #DDD;
    }
    .affix {
        top: 0;
        z-index:10;
        padding-top: 3px;
        padding-left: 0px;
        padding-right: 0px;
        max-width: 1280px;
        width: 100%;
        box-shadow: 1px 1px 2.4em 1px gray, -1px 0 0.4em gray;
        position: fixed;
    }
    .affix-bottom{
        position: static;
    }
    .ted-2020.grey-box {
        border: 1px solid #DDD;
        padding: 0 0;
        margin-left: 15px;
    }

    .ted-2020.grey-box > div{
        padding-top: 15px;
    }

    .affix .tooltipted{
        display: none;
    }

    .statistics {
        text-align: right;
    }

    .modal {
        text-align: center;
    }
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
    .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }
    .modal h4 {
        color: #444444;
    }

    .align-columns-bottom {
        display: table;
    }
    .align-columns-bottom > [class*="col-"] {
        float: none;
        display: table-cell;
        vertical-align: bottom;
    }
    .align-columns-bottom .input-group {
        width: 100%;
    }

    .rangeDateSelector div.no-space-after {
        padding-right: 2px;
    }

    .rangeDateSelector div.no-space-before {
        padding-left: 2px;
    }

}


@media (max-width: 991px) {

    :not(.hideField) > .ted-legend-container.ted-2020{
        border-bottom: 1px solid #DDD;
        margin-bottom: 15px;
    }

    .hideField .ted-legend.ted-2020{
        margin-bottom: 0;
    }

    .ted-search-scope.ted-2020 {
        display: grid;
    }

    .affix{
        bottom: 0;
        left: 0;
        z-index:10;
        box-shadow: 1px 0px 2.4em 1px gray, -1px 0 0.4em gray;
        position: fixed;
        width: 100%;
    }
    .affix-bottom{
        position: absolute;
        bottom: -20px;
        width: 100%;
    }
    #ted-searchForm-lastDiv{
        height: 50px;
    }

    .statistics {
        display: block;
        text-align: left;
    }
    .affix .ted-hideSearchBar, .affix-bottom .ted-hideSearchBar{
        display: none;
    }
    .expandCollapseAll {
        display: none;
    }

    .ted-2020.ted-LittleSearchBar{
        text-align: center;
    }

    .ted-2020.ted-LittleSearchBar button {
        min-width: 35%;
    }

    .ted-2020.rangeDateSelector > div{
        margin: 0 -15px;
    }

    .ted-2020 .margin-radio-sure {
        margin: 4px 3px 0 0px !important;
    }

    .ted-2020 .margin-bottom {
        margin-bottom: 10px;
    }
    .ted-2020 .margin-bottom-2 {
        margin-bottom: 2px;
    }

}