/*
 * 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;
}

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

a {
    word-break: break-all;
}

#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-primary {
    background-color: #36c;
    border-color: #36c;
    color: #fff;
    padding: 2px 5px;
}

.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;
    padding:
}

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-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;
}

.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-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;
}

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;
}

.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;
}