/* ********************************* */
/* TIMELINE */
/* ********************************* */
.timeline {
    width: 100%;
    max-width: 733px;
    height: 93px;
    display: table;
}

.timeline.fourStep.step1 {
    background: url('../images/timeline2_step1.png') no-repeat center center;
}

.timeline.fourStep.step2 {
    background: url('../images/timeline2_step2.png') no-repeat center center;
}

.timeline.fourStep.step3 {
    background: url('../images/timeline2_step3.png') no-repeat center center;
}

.timeline.fourStep.step4 {
    background: url('../images/timeline2_step4.png') no-repeat center center;
}

.timeline.threeStep.step1 {
    background: url('../images/timeline3Step_step1.png') no-repeat center center;
}

.timeline.threeStep.step2 {
    background: url('../images/timeline3Step_step2.png') no-repeat center center;
}

.timeline.threeStep.step3 {
    background: url('../images/timeline3Step_step3.png') no-repeat center center;
}

.timeline.threeStep .timeline_step {
    width: 33%;
}

.timeline.fourStep .timeline_step {
    width: 25%;
}

.timeline_step {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 120%;
}

.timeline_step.active {
    color: #ffffff;
    font-weight: bold;
}

.timeline_step.inactive {
    color: #ccc;
    font-style: italic;
}

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

.back-top-title {
    font: bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #284F75;
    border-bottom: 1px dotted #9be;
    margin-bottom: 15px;
    font-size: 140%;

    position: fixed;
    bottom: 90px;
    right: 30px;
    padding: 10px;

    background: #ddd;

    /* rounded corners */
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    /* background color transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

/*
Back to top button 
*/
#back-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
}

#back-top a {
    width: 40px;
    display: block;
    text-align: center;
    font: 11px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #bbb;
    /* background color transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

#back-top a:hover {
    color: #000;
}

/* arrow icon (span tag) */
#back-top span {
    width: 40px;
    height: 40px;
    display: block;
    margin-bottom: 7px;
    background: #ddd url('../images/top-arrow.png') no-repeat center center;
    /* rounded corners */
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    /* background color transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

#back-top a:hover span {
    background-color: #777;
}

/** **************************************************** **/
h1[id$="Title1"] {
    cursor: pointer;
}

/** **************************************************** **/
.row, .row_EDIT, .row_READONLY, .row_TRACK {
    width: 100%;
    display: table-row;
}

.col-value, .col-value_EDIT, .col-value_READONLY, .col-value_TRACK {
    width: 50%;
    display: table-cell;
    padding: 8px 10px;
    word-break: break-word;
}

.default-padding {
    padding: 8px 10px;
}

/** Hide empty labels to avoid reserving unused layout space within tables. **/
table td div.col-label_READONLY:empty {
    display: none;
}

.diffPublish {
    border: dashed green 2px;
}

/** Reduce the padding of the value in tables **/
table td div.col-value_READONLY {
    padding: 0;
}

.col-label, .col-label_EDIT, .col-label_READONLY, .col-label_TRACK {
    width: 450px;
    display: table-cell;
    padding: 8px 10px;
    vertical-align: middle;
}

.col-value, .col-value_EDIT, .col-value_READONLY {
    width: 50%;
    display: table-cell;
    padding: 8px 10px;
}

.field_clarification .col-label_EDIT,
.field_richtext .col-label_EDIT,
.field_clarification .col-label_READONLY,
.field_richtext .col-label_READONLY {
    display: block;
    width: auto;
}

.field_clarification .col-value_EDIT,
.field_richtext .col-value_EDIT,
.field_clarification .col-value_READONLY,
.field_richtext .col-value_READONLY {
    display: block;
    width: 100%;
}

.field_clarification .row_EDIT,
.field_richtext .row_EDIT,
.field_clarification .row_READONLY,
.field_richtext .row_READONLY {
    display: block;
    width: 95%;
}

/** **************************************************** **/
div[class^="field_"] {
    width: 100%;
    display: table;
}

/* Special case for richtext problem on IE  */
div.field_richtext {
    width: 100%;
    display: block;
}

tbody tr.TrIfYes td {
    border: hidden !important;
    padding-left: 35px;
}

.IfYes {
    margin-left: 45px;
}

section {
    border: 1px solid #dddddd;
    padding: 5px;
    display: block;
    margin-bottom: 5px;
    margin-top: 10px;
}

.sectionIcon {
    width: 35px;
    vertical-align: text-top;
}

.tax_actions_container {
    text-align: right;
}

/** **************************************************** **/
/** text areas **/
.field_clarification textarea,
.field_richtext textarea {
    display: none;
}

.field_clarification button.close_editor,
.field_richtext button.close_editor {
    display: none;
}

.field_clarification div.html_view,
.field_richtex div.html_view {
    padding-top: 5px;
}

div.html_view {
    max-width: 750px !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
}

@media only screen and (max-width: 640px) {
    div.html_view {
        max-width: 400px;
    }
}


/*.changeDetected, .changeDetected table {*/
/*background-color: yellow;*/
/*}*/

/*.didntChange, .didntChange table {*/
/*background-color: greenyellow; */
/*}*/

/** tax creation / tax type selection form **/
#createTaxForm fieldset.taxTypeSelection {
    border: 1px solid gray;
    padding: 1em;
}

#createTaxForm table {
    width: 100%;
}

#createTaxForm #taxType-error {
    float: right;
}

td.textContent {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
}

/*
.dataTable th {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
}*/

.dataTable .rowInBold td {
    text-align: center;
    background-color: #cccccc;
    font-weight: bold;
}

.dealMessage {
    color: red;
    display: block;
}

/* Line break for ListBox values */
.multilineOpt {
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
    white-space: initial !important;
}

/* button */
button.open_editor,
button.close_editor,
button.ui-button.ui-button-text-only,
button.repeatableButton,
input[type=button].ui-button {
    cursor: pointer;
    color: #fff !important;
    background: #06498b !important;
    border: none;
    padding: 6px 12px !important;
    height: auto !important;
    border-radius: 3px;
    margin-top: 6px;
    margin-bottom: 6px;
    font-size: 14px !important;
    font-weight: normal !important;
}

button.open_editor span,
button.close_editor span,
button.ui-button.ui-button-text-only span,
input[type=button].ui-button span {
    padding: 0 !important;
}

button.open_editor:hover,
button.close_editor:hover,
button.repeatableButton:hover,
input[type=button].ui-button:hover {
    background: #0065a2 !important;
    border-color: #0065a2;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

button.open_editor:disabled,
button.close_editor:disabled,
button.ui-button.ui-button-text-only:disabled,
button.repeatableButton:disabled,
input[type=button].ui-button:disabled {
    background: #999999 !important;
}

/** CSS moved from exchangeRatesEcb.vm, exchangeRatesEuroStat.vm and statisticalData.vm **/
#statistical-data-management input.jqError, select.jqError,
#statistical-data-ongoing-upload input.jqError, select.jqError,
#statistic-edition input.jqError, select.jqError,
#ecb-exchange-rate-edition input.jqError, select.jqError,
#ecb-exchange-rates-data-ongoing-upload input.jqError, select.jqError,
#ecb-exchange-rates-data-management input.jqError, select.jqError {
    border: 1px solid red;
}

#ecb-exchange-rate-edition span.jqError,
#ecb-exchange-rates-data-ongoing-upload span.jqError,
#ecb-exchange-rates-data-management span.jqError {
    clear: both;
}

#ecb-exchange-rate-edition div#date-tooltip,
#ecb-exchange-rates-data-ongoing-upload div#date-tooltip,
#ecb-exchange-rates-data-management div#date-tooltip {
    font-style: italic;
}

/** CSS moved from users.vm **/
#user-form .radioFieldSet,
#userTable .radioFieldSet {
    display: inline !important;
    border: none;
    padding: 0;
    margin: 0;
    font-family: inherit;
}

#user-form .radioFieldSet label, fieldset .likeLabel,
#userTable .radioFieldSet label, fieldset .likeLabel {
    display: inline !important;
}

/** CSS moved from users.vm and production_index.vm **/
#taxesUnderValidationListTable tr,
#user-form tr,
#userTable tr {
    cursor: pointer;
}

/** CSS moved from summaryBox.vm **/
.summaryBox fieldset {
    border: 1px solid #999;
    border-color: #4169E1;
    border-radius: 8px;
    box-shadow: 0 0 10px #999;
}

.summaryBox .collapsibleListClosed {
    list-style-image: url("../images/arrow_summary.png");
}

.summaryBox .collapsibleListOpen {
    list-style-image: url("../images/arrow_summary_open.png");
}

.summaryBox .collapsibleListOpen .summaryStatusMessage {
    list-style-type: circle;
}

.summaryBox fieldset ul {
    cursor: pointer;
}

.summaryBox legend {
    color: #4169E1;
}

/** CSS moved from production_index.vm **/
#production_index #taxesUnderProgressListTable tbody tr,
#production_index #messagesListTable tbody tr {
    cursor: pointer;
}

#production_index #taxesUnderProgressListTable tbody td,
#production_index #messagesListTable tbody td {
    padding: 3px;
}

#production_index #production_index table#taxesUnderProgressListTable {
    margin-top: 10px;
}

/** CSS moved from yearlyUpdate.vm **/
#last-status .dataTables_info,
#tedbYearlyUpdateSearch .dataTables_info,
#processOnGoing .dataTables_info {
    display: none;
}

/** CSS moved from reportingPublication.vm **/
#reportingPublication-edition input.jqError, select.jqError,
#reportingPublicationDataTable input.jqError, select.jqError {
    border: 1px solid red;
}

#reportingPublication-edition td,
#reportingPublicationDataTable td {
    cursor: pointer;
}

#reportingPublication-edition input#date,
#reportingPublicationDataTable input#date {
    width: 100px;
    float: left;
}

/** CSS moved from searchResult.vm **/
#searchResultTable tbody tr {
    cursor: pointer;
}

/** CSS moved from validation_index.vm **/
#taxesUnderValidationListTable tbody tr {
    cursor: pointer;
}

#taxesUnderValidationListTable tbody td {
    padding: 3px;
}

/** CSS moved from EDU_ENERGY.vm **/
#eduEnergyTaxForm .rowTitle {
    background: #ccc !important;
}

#eduEnergyTaxForm .rowTitle td {
    font-weight: bold !important;
}

#eduEnergyTaxForm .labelColumn {
    width: 300px;
    min-width: 300px;
}

#confirm_submit_popup a,
#confirm_submit_amend_popup a {
    cursor: pointer;
}

tbody.table-single-line:hover tr {
    background: whitesmoke !important;
}

tbody.table-single-line .no-border-top {
    border-top: none !important;
}

*[data-toggle='collapse'] .collapse-label {
    cursor: pointer;
    color: #06498b;
    text-decoration: underline;
    padding: 0 10px;
}

*[data-mode='READONLY'] .collapse-label {
    cursor: inherit;
    color: inherit;
    text-decoration: inherit;
    padding: 0 0 5px;
}

*[data-toggle='collapse'] .collapse-label:before {
    content: "▼ ";
}

.collapsed[data-toggle='collapse'] .collapse-label:before {
    content: "▶ ";
}

*[data-mode='READONLY'] .collapse-label:before {
    content: "" !important;
}

*[data-toggle='collapse'] .collapse-content {
    height: auto;
    overflow: hidden;
}

.collapsed[data-toggle='collapse'] .collapse-content {
    height: 0;
}

*[data-mode='READONLY'] .collapse-content {
    height: auto !important;
    overflow: hidden;
    padding-left: 15px;
}

.required:after {
    font-weight: bold;
    color: red;
    content: " *";
}

div.repeatablePartContainer_redBeerISB {
    overflow: scroll;
    overflow-y: hidden;
    overflow-x: auto;
    width: 100%;
}

div.repeatablePartContainer_redBeerISB table,
div.repeatablePartContainer_redBeerISB div[class^="field_"] {
    table-layout: auto !important;
}

.notSelected {
    color: #999;
    text-decoration: line-through;
}

#update_information table tr.current td {
    font-weight: bold;
}

#reportingPublication-edition-form .SumoSelect,
#user-form .SumoSelect,
#statistic-edition .SumoSelect,
#esaCodeRevenue-form .SumoSelect {
    margin-top: 0;
    margin-bottom: 0;
}

.waiting>h1, .waiting>h2, .waiting>h3, .waiting>h4 {
    display: block;
}

.euRootItem a, .euRootItem span {
    color: #ffffff !important;
    font-weight: bold !important;
}
.euRootItem a {
    padding: 0 !important;
}
.euRootItem a:hover, .euRootItem a.selected {
    background-color: #0065a2 !important;
    color: #ffffff !important;
    font-weight: bold !important;
}

.selectize-control.single {
    margin-top: 0px !important;
}

#cncode-edition-form .SumoSelect {
    margin-top: 0;
}

.editionCnCodeDialog {
    overflow: unset !important;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}