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

    GENERAL STYLING OVERRIDE

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

html { font-size: 87.5%; }

html body { /* avoid using !important by using a more specific selector */
    font-size: inherit;
    line-height: 1.6;
    color: #454545;
    cursor: default;
}

body > form {
    width: 80%;
    min-width: 1200px;
    max-width: 1400px;
    margin: 0 auto;
}
#CCconteneur { min-width: 0; }

table input[type=radio],
table input[type=checkbox] { vertical-align: middle; }


/* hide some undesired items */
#LoginPage .nav-controls,
#divNavUp br,
#divNavDown br,
#CCcontent > br.clearBoth,
#CCcontent + br.clearBoth,
#CCspalteNavigation br,
.breadcrumbs,
/*.spalteKontext,*/
#CCspalteContent > #ViewFormular,
.webServiceBereichDiv,
.displayNoPrint { display: none; }



/**************************************
    header
/*************************************/

#bundLogo { margin-top: 10px; }
#bundLogo h1 { margin: -3px 0 0; font-size: 1rem; }
#bundLogo img { width: 239px; margin-right: 25px; padding-right: 25px; } /* correct logo quality issue... */

#webHeaderLinks a,
#webHeaderLinks a:link,
#webHeaderLinks a:visited { padding-top: .5em; padding-bottom: .5em; }

.breadcrumbs {
    height: auto;
    margin: 0;
    padding: 0;
    color: inherit;
    background: transparent;
}
.breadcrumb-respondent {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px 3px 30px;
    font-size: .6em;
    font-weight: 700;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    border-radius: 10px;
    background: #ccc url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAACGUlEQVR42u2ZSygFURjHLwsLKc9iQSEpJKKkbNiwEDtRRCQpyk6yI/IqxUKycPOIPJKslIWNcheKEmWhkLcFkbcu/1PfrUky98w9nI/mq19N90y385vpvP7jcNhl15+qYFACesAMWAGLYBAUAX/uAmFgCDyB929wkSzLSgLHJgJGDsEwSOckEQIOJCSMvIJaLiLdFiU8vIFsDiInPooIFnRLpCqQENwAP50i5YpEBLE6RRoUiqTqFGn+LyI1CkWidYoUKpJ41r11SVYk4tI9/YqneKdApIvDgriqQCRft0QUOPsPb6RR0Rg51S1Sr0jkSLdIiiKROQ6DfcpHiQeQxUFETMGzFiXcII7TKbHOosgWtzN7OLi3INLJMYDokJQQ4pFc86xrCZFeztnWgJcSL5SDsa1qL0V2uKeNFV6K7HEX6ZdYBKM4iyxJDPYcbp0PArl0nUertZnEGuVYYqYr0C0QAVrAxac1YcxE4hFk0r3t9Ns6KAMBvymQBkapQ8YOjlN7AF1/JXFlOA0mgNtP7ee02v9oopIBlk2edqvh/mxa9MTHHieFeaHUJt7eruP7lH4ExKgUCKQ/dXs5iCdMth4iQjqWmN0aVUjEg22LZ4x50ARKQRXtxTYt7pKnfRk/Yke7rzBJ9BWnVZEZRhIeiq3MTG6GIhuyIn0MJTwkyoi4GItUyYhcMhZpkxGZpGSEI5UOu+yyS6o+AFc5Lc41fb0BAAAAAElFTkSuQmCC') 7px 50% no-repeat;
    background-size: 18px;
}
#navPageList_web_msg_SurveyName { padding-bottom: .5em; }

/**************************************
    navigation
/*************************************/

#divNavUp .nav-buttons { display: inline-block; margin: 0; }
#divHeader { position: relative; z-index: 10; }

#CCspalteNavigation {
    top: 143px; /* header height */
    padding-top: 20px;
    padding-left: 15px;
    box-sizing: border-box;
}

#navPageList_DataListPg { border-top: 1px solid #ccc !important; }

td.navLevel1div,
td.navLevel1divActive { display: table-cell; } /* correct issue causing unwanted borders to appear on the nav items */

.navLevel1div,
.navLevel1divActive { padding: 0; border-top: 1px solid #ccc; }
.navLevel1divActive { background: transparent; }

.navLevel1div table,
.navLevel1divActive table { width: 100%; }
.navLevel1div td,
.navLevel1divActive td { padding: 0; }
.navLevel1div td:first-child,
.navLevel1divActive td:first-child { width: 20px; }
.navLevel1div a,
.navLevel1divActive a {
    position: relative;
    z-index: 5;
    display: block;
    /* make nav link zone cover the whole row rather than just the word... */
    margin: -1px -5px -1px -41px;
    padding: 10px 10px 10px 41px;
}
.navLevel1divActive a {
    padding-left: 35px;
    border-left: 5px solid #dc0018;
}
.navLevel1div a.navLevel1,
.navLevel1divActive a.navLevel1Active,
.navLevel1div a.navLevel1:hover,
.navLevel1divActive a.navLevel1Active:hover,
.navLevel1div a.navLevel1:focus,
.navLevel1divActive a.navLevel1Active:focus { background: transparent; }



/**************************************
    navigation buttons
/*************************************/

.nav-btn, .toolbar a { font-size: 1rem; }
#navUp_fileUploadLabel {
	position: absolute;
	right: 100%;
	margin-right: 90px;
	white-space: nowrap;
	border-radius: 4px;
}
#navUp_fileUploadLabel:before {
	float: none;
	display: inline-block;
	vertical-align: text-top;
}



/**************************************
    content
/*************************************/

#CCcontent { margin-top: 20px; }
#divNavUp,
#WrapperTable,
#CCcontent { margin-bottom: 40px; }
#CCspalteContent { padding: 0 20px 0 50px; }
.page > table:first-child tr:first-child .title { padding-top: 0; }

.note { font-style: italic; color: #757575; }
.roman-list { list-style-type: upper-roman; }

hr { margin: 10px 0; border: 1px dotted #ccc; border-bottom: 0; }


/**************************************
    input styling override
    CD-BUND inspired
/*************************************/

button,
select,
.Input,
.InputInt,
.Input.ui-widget { padding: 7px 9px 5px; font-size: 14px; }
button.Input.ui-widget { padding-left: 0.9em; padding-right: 0.9em; }
button,
select,
.Input,
.InputInt {
    line-height: 16px;
    color: #555;
    border: 1px solid #757575;
    box-sizing: border-box;
    border-radius: 4px;
}
button { background: #e6e6e6; }
select { max-height: 29px; } /* avoid height flickering when loading page */
.Input:focus,
.InputInt:focus {
    outline: none;
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset,
        0 0 8px rgba(102,175,233,0.6);
}
textarea { resize: vertical; }
textarea.textarea-m { height: 175px; }
textarea.textarea-s { height: 104px; }
textarea.textarea-xs { height: 50px; }
.InputInt { text-align: right; }
.inputInfo {}
.textarea-large {}
.Input.readOnlyField,
.InputInt.readOnlyField,
.Input[disabled],
.Input[readonly],
.InputInt[readonly],
span.Input {
    color: #757575;
    background-color: #eee;
	border-color: #ccc;
    cursor: default;
}
.Input.readOnlyField:focus,
.InputInt.readOnlyField:focus {
    border-color: #757575;
    box-shadow: none;
}

fieldset[disabled] select,
select[readonly],
select[disabled] {
  -moz-appearance: none;
  -webkit-appearance: none;
}
/* For IE10 */
fieldset[disabled] select::-ms-expand,
select[readonly]::-ms-expand,
select[disabled]::-ms-expand { display: none; }

span.Input {
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    min-height: 29px;
    vertical-align: middle;
}
.Input .ui-button-text { padding: 0; }
.ui-state-active { font-weight: normal; }

.ui-combobox-input { border-top-right-radius: 0; border-bottom-right-radius: 0; }
/* set max combobox height */
.ui-combobox-menu ul.ui-autocomplete { max-width: 500px; max-height: 20em; }
.ui-combobox-menu .ui-menu-item { display: block; width: auto; padding: 0.35em; }
.ui-combobox-menu .ui-menu-item a { line-height: 1.2; }
.ui-combobox-menu .ui-menu-item:nth-child(even) { background: rgba(0,0,0,0.075); }

img.error-marker { vertical-align: middle; }
.Input + .error-marker,
.ui-combobox + .error-marker {
	position: relative; z-index: 5;
	margin-left: -20px;
	pointer-events: none;
}

.has-error { position: relative; display: block; }
.table-radio-btn + .error-marker {
    position: absolute;
    right: 100%; top: 50%;
    margin: -9px 8px 0 0;
}
.table-radio-btn.error-right + .error-marker {
    right: auto;
    left: 100%;
    margin-left: 1px;
}

.has-error input,
.has-error select,
.has-error textarea {
    background: #f2dede;
    color: #a94442;
    border-color: #a94442;
}

.Input::-webkit-input-placeholder { color: #aaa; font-style: italic; }
.Input::-moz-placeholder          { color: #aaa; font-style: italic; }
.Input:-moz-placeholder           { color: #aaa; font-style: italic; }
.Input:-ms-input-placeholder      { color: #aaa; font-style: italic; }
.Input::placholder                { color: #aaa; font-style: italic; }



/**************************************
    titles and text
/*************************************/

.start-page h1,
.start-page h2,
.start-page h3,
.start-page h4,
.surveyName,
.title-cell {
    position: relative;
    margin: 0;
    padding: 0.5em 0 1em;
    font-weight: 400;
    line-height: 1.2;
    color: black;
}
.start-page h1,
.title,
.title-1 { font-size: 2.5rem; font-weight: 100; }
.start-page h2,
.title-2,
.surveyName { font-size: 1.7rem; }
.start-page h3,
.title-3 { font-size: 1.3rem }
.start-page h4,
.title-4 { font-size: 1.1rem }

span.title-cell { display: block; }

.start-page h1 small,
.start-page h2 small,
.start-page h3 small,
.start-page h4 small,
.title-cell small {
	display: block;
	font-style: italic;
	color: #757575;
}

.title-cell em {
    position: absolute;
    right: 100%;
    margin: .1em 5px 0 0;
    padding: .1em .2em;
    font-size: 0.8em;
    color: white;
    background: #069;
    font-style: normal;
    font-weight: 100;
    min-width: 1.1em;
    text-align: center;
    border-radius: 4px;
}

small,
.small { font-size: 0.8em; }

.surveyName { display: block; }

.title-with-data {}

.details { font-size: 0.8em; font-style: italic; }

.columns {
    column-count: 2;
    column-gap: 20px;
    margin-bottom: 1.6em;
}

p { margin: 0 0 20px; }
td.paragraph-ish { padding-bottom: 10px; }
p, .paragraph-ish { text-align: justify; }

.info-icon:after {
	content: "\0020";
	display: inline-block;
	width: 16px; height: 16px;
	margin-left: 0.3em;
	vertical-align: middle;
	background: transparent url("../MetaImages/icone_info.PNG") 50% 50% no-repeat;
}
b.info-icon:after { margin-left: 0; }

.float-input input { float: left; margin: 0.3em 0.3em 0 0; }

.page ul,
.page ol { margin-top: 0; margin-bottom: 1.5em; padding-left: 3em; }
.page ul > li,
.page ol > li { margin-top: 0; margin-bottom: 1em; }

.page dl { margin-top: 0; margin-bottom: 1.5em; }
.page dl > dd { padding-left: 3em; margin-left: 0; }

.page ul:last-child,
.page ol:last-child,
.page dl:last-child { margin-bottom: 0; }

.btn,
a.btn {
    display: inline-block;
    margin: 0;
    padding: .45em .9em;
    font-size: 1.1em;
    font-size: 1.1rem;
    font-weight: 100;
    line-height: 1.2;
    text-decoration: none;
    color: #555;
    background: #e6e6e6;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    transition: 200ms linear background-color;
}
.btn:hover,
.btn:focus,
.btn:active,
a.btn:hover,
a.btn:focus,
a.btn:active { background-color: #f7f7f7; }

.btn-login:after {
    content: "\25b6"; // unicode black right pointing arrow
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border: 1px solid #999;
    border-radius: 100%;
    margin-left: 5px;
}

.mandatory:after { content: "\00A0*"; color: #dc0018; }
.mandatory.special:after { content: "\00A0**"; }
.Input.mandatory:after,
.Input.mandatory.special:after { content: none; }



/**************************************
    start page, login page
/*************************************/

.start-page { margin-top: -15px; }
.start-page .btn { /*margin-left: 40px;*/ }



/**************************************
    obscure legacy styling
/*************************************/

/* min textarea print height*/
.PrintDiv { min-height: 50px; }

/* invisible elements */
.invisible {
    display: none;
    color: transparent;
    background-color: transparent;
    border: none;
}
.hidden { visibility: hidden; }




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

    TABLE LAYOUT (...) STYLING

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

.table-input,
.table-radio,
.table-radio-h,
.table-checkbox,
.table-repeat { margin-bottom: 20px; }

.table-input .table-radio,
.table-input .table-radio-h { margin-bottom: 0; }
input.full-width,
.Input.full-width,
.table-input.full-width .Input,
.table-input.full-width .ui-combobox { width: 100%; }
input.half-width,
.Input.half-width,
.table-input.half-width .Input,
.table-input.half-width .ui-combobox,
.table-input.full-width .Input.half-width,
.table-input.full-width .ui-combobox.half-width { width: 50%; }
input.third-width,
.Input.third-width,
.table-input.third-width .Input,
.table-input.third-width .ui-combobox { width: 33.33%; }
.table-input.full-width.with-suffix input,
.table-input.full-width.with-suffix .Input,
.table-input.full-width input.with-suffix,
.table-input.full-width .Input.with-suffix { width: 70%; }
.table-input.full-width input.double-width,
.table-input.full-width .Input.double-width { width: 200%; }
.Input.narrow,
.table-input.full-width .Input.narrow { width: 100px; }
.ui-combobox.half,
.table-input.full-width .ui-combobox.half { width: 50%; }

.table-input > tbody > tr > td,
.table-radio > tbody > tr > td,
.table-radio-h > tbody > tr > td,
.table-checkbox > tbody > tr > td { padding-top: 0.3em; padding-bottom: 0.3em; }
.table-input > tbody > tr > td.title-cell,
.table-radio > tbody > tr > td.title-cell,
.table-radio-h > tbody > tr > td.title-cell,
.table-checkbox > tbody > tr > td.title-cell { padding-top: 0.5em; padding-bottom: 1em; }
.table-input > tbody > tr > td.paragraph-ish,
.table-radio > tbody > tr > td.paragraph-ish,
.table-radio-h > tbody > tr > td.paragraph-ish,
.table-checkbox > tbody > tr > td.paragraph-ish { padding-bottom: 1em; }
.table-input > tbody > tr > td + td,
.table-radio > tbody > tr > td + td,
.table-checkbox > tbody > tr > td + td { padding-left: 20px; }
.table-radio-h > tbody > tr > td + td { padding-left: 20px; }
.table-radio-h > tbody > tr > td { vertical-align: middle; }

.table-radio input { float: left; }
.table-radio input + label { display: block; padding-left: 30px; }
.table-radio-h input { margin-top: -1px; }
.table-radio-h input + label { display: inline-block; margin-left: 10px; cursor: pointer; }
.table-checkbox td:first-child { width: 1px; }

.table-half { max-width: 50%; }
.table-3-4 { max-width: 75%; }
.table-auto { width: auto !important; max-width: 100%; }

.table-spaced > tbody > tr > td { padding-left: 10px; padding-right: 10px; }
.table-spaced > tbody > tr > td:first-child { padding-left: 0; }
.table-spaced > tbody > tr > td:last-child { padding-right: 0; }
.table-col-2 > tbody > tr > td { width: 50%; }
.table-col-3 > tbody > tr > td { width: 33.33%; }
.table-col-4 > tbody > tr > td { width: 25%; }
.table-col-4.wide > tbody > tr > td { width: 30%; }
.table-col-4.wide > tbody > tr > td:first-child,
.table-col-4.wide > tbody > tr > td:first-child + td + td { width: 20%; }
.table-col-2-4 > tbody > tr > td:first-child { width: 25%; }
.table-col-2-4 > tbody > tr > td:first-child + td { width: 75%; }
.table-col-3-2 > tbody > tr > td:first-child { width: 50%; }
.table-col-3-2 > tbody > tr > td:first-child ~ td { width: 25%; }
.table-col-2-4b > tbody > tr > td:first-child { width: 75%; }
.table-col-2-4b > tbody > tr > td:first-child + td { width: 25%; }
.table-col-2-3 > tbody > tr > td:first-child { width: 36%; }
.table-col-2-3 > tbody > tr > td:first-child + td { width: 64%; }

.table-input.full-width.table-col-4.wide input.double-width,
.table-input.full-width.table-col-4.wide .Input.double-width { width: 166%; margin-right: -66%; }
.table-input.full-width.table-col-4.wide input.double-width + .warning,
.table-input.full-width.table-col-4.wide .Input.double-width + .error { right: -66%; }
.table-info-img { position: relative; }
.table-info-img td:first-child { position: absolute; left: -33px; bottom: 5px; }
.table-info-img td:first-child img { vertical-align: bottom; }

.table-indent > tbody > tr > td:first-child { padding-left: 30px; }
.table-indent > tbody > tr > td.no-padding { padding-left: 0; }

.table-underline { margin-bottom: 20px; border-bottom: 1px solid #ccc; }
.table-underline > tbody > tr:last-child > td { padding-bottom: 20px; }

.space-before { margin-top: 20px; }
.space-before-s { margin-top: 0.5em; }
.space-after { margin-bottom: 20px; }
.space-after-s { margin-bottom: 0.5em; }
.no-space-before { margin-top: 0; }
.no-space-after { margin-bottom: 0; }
td.space-before { margin-top: 0; padding-top: 20px; }
td.space-before-s { margin-top: 0; padding-top: 0.5em; }
td.space-after { margin-bottom: 0; padding-bottom: 20px; }
td.space-after-s { margin-bottom: 0; padding-bottom: 0.5em; }
td.no-space-before { padding-top: 0; }
td.no-space-after { padding-bottom: 0; }

.table-input > tbody > tr > td.space-before,
.table-radio > tbody > tr > td.space-before,
.table-radio-h > tbody > tr > td.space-before,
.table-checkbox > tbody > tr > td.space-before { padding-top: 1.5em; }
.table-input > tbody > tr > td.space-after,
.table-radio > tbody > tr > td.space-after,
.table-radio-h > tbody > tr > td.space-after,
.table-checkbox > tbody > tr > td.space-after { padding-bottom: 1.5em; }

.pull-up { margin-top: -20px; }

/* repeater tables */
.table-repeater { position: relative; }
.table-repeater > tbody > tr > td:first-child { position: absolute; right: 100%; margin-right: 5px; }
.table-repeater > tbody > tr > td:first-child + td { padding-left: 0; }
.table-repeater .quantity-add { display: none; }

.table-requests > tbody > tr > td:nth-child(2) { width: 33%; }
.table-requests > tbody > tr > td:nth-child(3) { width: 20%; }
.table-requests > tbody > tr > td:nth-child(4) { width: 12%; }
.table-requests > tbody > tr > td:nth-child(5) { width: 15%; }
.table-requests > tbody > tr > td:last-child   { width: 20%; }
.table-expertise > tbody > tr > td { width: 20%; }
.table-expertise > tbody > tr > td { width: auto; }
.table-expertise > tbody > tr > td:nth-child(6),
.table-expertise > tbody > tr > td:nth-child(7) { width: 120px; }
.table-expertise > tbody > tr:first-child > td { vertical-align: bottom; }

.table-chop > tbody > tr > td:first-child + td { padding: 10px 0; border-top: 1px dotted #999; border-bottom: 1px dotted #999; }
.table-chop > tbody > tr:first-child > td:first-child + td { padding-top: 0; border-top: 0; }
.table-chop > tbody > tr:last-child > td:first-child + td { border-bottom: 0; }

.table-repeater.table-chop > tbody > tr > td:first-child { margin-top: 30px; }
.table-repeater.table-chop > tbody > tr:first-child > td:first-child { margin-top: 17px; }

.chop-row > table {
    background: #f9f6f3;
    border: 10px solid #f9f6f3;
    border-radius: 5px;
    border-collapse: separate;
}

.chop-analog-row > td { position: relative; padding: 0 !important; }
.chop-analog-row > td:first-child { font-size: 0; }
#formCHOP .Input.chop-analog { position: absolute; right: 0; top: -33px; width: calc(50% - 20px); }

.chop-row.not-new .pricing-related-row,
.chop-row.not-new .genre-related,
.chop-row.not-pricing-relevant .genre-related { display: none; }

.table-guidelines > tbody > tr > td:first-child + td { width: 25%; vertical-align: top; }
.table-chop-new  > tbody > tr > td:nth-child(3) { display: none; }
.table-chop-new > tbody > tr > td:first-child { margin-top: 10px; }
.chop-block > tbody > tr > td:first-child { width: 25%; }
.chop-block > tbody > tr > td:first-child + td { width: 75%; }

/* repeater add/delete buttons */
#action_Request_Add_Bottom,
#action_OtherAreasOfExpertise_Add_Bottom,
#action_CHOP_Add_Bottom,
#action_procedure_Add_Bottom { position: absolute; right: 0; }
#action_Request_Add_Bottom { top: 3px; }
#action_OtherAreasOfExpertise_Add_Bottom { top: -46px; }
#action_CHOP_Add_Bottom { top: -55px; }
#action_procedure_Add_Bottom { top: -55px; }
#action_Request_Del_Bottom,
#action_OtherAreasOfExpertise_Del_Bottom,
#action_CHOP_Del_Bottom,
#action_procedure_Del_Bottom { display: none; }
[id$="Del_Bottom"] { display: none; }



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

    REPEATER FIELDSET

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

.contact-fill-warning { display: none; }
#requestsFieldset { margin: 0; padding: 0; border: 0; }
#requestsFieldset[disabled] input,
#requestsFieldset[disabled] select { pointer-events: none; }
#requestsFieldset[disabled] .table-requests { opacity: 0.5; }
#requestsFieldset[disabled] .contact-fill-warning { display: table-cell; }

#sctInterlocutor.all-good #titleInterlocutor .title-cell:before {
    content: "\2714"; /* checkmark */
    position: absolute;
    right: 100%;
    margin: .1em 5px 0 0;
    padding: .1em .2em;
    font-size: 0.8em;
    color: white;
    background: #069;
    font-style: normal;
    font-weight: 100;
    min-width: 1.1em;
    text-align: center;
    border-radius: 4px;
}


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

    BUTTON GROUPS WANABE

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

.table-radio-btn input { display: none; }
.table-radio-btn label {
    display: block;
    margin: 0 0 0 -1px;
    padding: 6px 12px;
    line-height: 16px;
    vertical-align: baseline;
    text-align: center;
    white-space: nowrap;
    background: #e3e6e9;
    background: linear-gradient(to bottom, #f3f6f9 0%, #e8ebee 50%, #dde0e3 50%, #d3d6d9 100%);
    border: 1px solid #ccc;
    text-shadow: 0 1px 0 #fff;
    cursor: pointer;
}
.table-radio-btn label:hover,
.table-radio-btn label:focus,
.table-radio-btn label:active { box-shadow: 0 0 8px rgba(255,255,255,0.75) inset; }
.table-radio-btn input:checked + label {
    position: relative; z-index: 5;
    color: white;
    background: #069;
    border-color: #046;
    text-shadow: 0 -1px 0 #000;
}
.table-radio-btn td:first-child label { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.table-radio-btn td:last-child label { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.table-radio-btn.full-width { width: 100%; }
.table-radio-btn.half-width { width: 50%; }
.table-radio-btn.third-width { width: 33.33%; }
.table-radio-btn.width-50 td { width: 50px; }
.table-radio-btn.equal-2 td { width: 50%; }
.table-radio-btn.equal-3 td { width: 33.33%; }
.table-radio-btn.equal-4 td { width: 25%; }
.table-radio-btn.equal-5 td { width: 20%; }
.table-radio-btn.equal-6 td { width: 16.66%; }

.table-radio-btn.equal-2 label,
.table-radio-btn.equal-3 label,
.table-radio-btn.equal-4 label,
.table-radio-btn.equal-5 label,
.table-radio-btn.equal-6 label { padding-left: 6px; padding-right: 6px; }



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

    TOOLTIP STYLING

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

body .ui-tooltip {
    padding: .25em .75em;
    color: #454545;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.5), 0 0 15px rgba(0,0,0,0.2);
}
body .ui-tooltip:after,
body .ui-tooltip:before {
	content: "\0020";
	position: absolute;
	left: 50%; top: 100%;
	width: 0; height: 0;
	margin: -2px 0 0 -8px;
	border-top: 12px solid white;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}
body .ui-tooltip:before {
	margin-top: 0;
	border-top-color: #ccc;
}
body .ui-tooltip.top:after,
body .ui-tooltip.top:before {
	top: auto; bottom: 100%;
	margin: 0 0 -2px -8px;
	border-top: none;
	border-bottom: 12px solid white;
}
body .ui-tooltip.top:before {
	margin-bottom: 0;
	border-bottom-color: #ccc;
}

.col-tooltip {
	max-width: 300px;
	margin: -3px -10px;
	padding: 10px;
	font-size: 10px;
}
.col-tooltip h4 {
	margin: -10px -10px 10px;
	padding: 5px 10px;
	font-size: 1em;
	background: #eee;
}
.col-tooltip h4 small { font-size: 1em; font-weight: normal; }
.col-tooltip h5 { margin: 0 0 5px; padding: 0; font-size: 1em; }
.col-tooltip img { float: left; max-width: 100%; margin: 0 5px 5px 0; }
.col-tooltip p { margin: 0 0 10px; }
.col-tooltip p:last-child { margin-bottom: 0; }
.col-tooltip table tr:nth-child(even) { background: #eee; }
.col-tooltip table td {
	padding: 5px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #ccc;
}




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

    SPECIAL CASES

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

#notifications { width: auto; }

.toggle-control { cursor: pointer; }
.toggle-control:after { content: "\FF0D"; display: inline-block; margin-left: .5em; }
.folded .toggle-control:after { content: "\FF0B"; }
.toggle-section .toggle-control.title-cell { transition: padding 200ms ease-in-out; }
.folded .toggle-control.title-cell { padding-bottom: 0; }

.is-not-coordinated .coordination-date { opacity: 0.2; }


.subquest-completed td {
    padding-top: 0.215em !important;
    background: transparent;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
}
.subquest-completed td .Input {
    background: transparent;
    border-color: transparent;
}
.subquest-completed td input[type=submit] {
    padding-right: 30px;
    background: url("../../images/icons/validate.png") calc(100% - 10px) 50% no-repeat;
    border: 1px dotted #999;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.1) inset;
}




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

    ADVANCED DROPDOWNS

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

/* Select 2 specific */
.select2-container { padding: 0; border: none; }
.select2-container .select2-choice { min-height: 27px; line-height: 27px; }
.select2-container .select2-choice,
.select2-container.select2-drop-above .select2-choice { background: white; }
.select2-container .select2-choice abbr { right: 26px; top: 6px; }
.select2-container .select2-choice .select2-arrow { width: 24px; background: #eee; border-left-color: rgba(0,0,0,0.2); }
.select2-container.select2-dropdown-open .select2-choice .select2-arrow { background: transparent; }
.select2-container .select2-arrow b{ border-left: 3px solid transparent; box-sizing: border-box; }
.select2-container .select2-choice > .select2-chosen { margin-right: 32px; text-align: left; }

.select2-container.cmbTrans .select2-choice,
.select2-container.cmbTrans.select2-drop-above .select2-choice,
.select2-container.cmbTrans .select2-choice .select2-arrow { background: transparent; }

.select2-container-active .select2-choice { position: relative; z-index: 110; }

.select2-drop-mask { z-index: 99; }
.select2-drop { z-index: 100; max-width: 600px; padding-top: 4px; }
.select2-drop.select2-drop-active { margin-top: -2px; border-top: 1px solid #5897fb; }
.select2-drop.select2-drop-active.select2-drop-above { margin-top: 0; padding-top: 0; border-bottom: 1px solid #5897fb; }
.select2-results { max-height: 350px; }
.select2-results li { padding: 5px 0; border-top: 1px dotted #ccc; }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.combo-item { display: block; clear: both; padding-right: 10px; line-height: 22px; }
.combo-item:after { content: "\0020"; display: table; clear: both; }

.combo-item strong,
.combo-item span,
.combo-item i { display: inline-block; line-height: inherit; vertical-align: baseline; }
.combo-item span { white-space: normal; }
.combo-item strong { font-weight: normal; }
.combo-item i { margin-right: 10px; font-style: normal; }
.combo-item .content,
.combo-item .content-en { display: block; }
.combo-item .content-en { font-style: italic; opacity: 0.5; }

.large .combo-item { white-space: normal; }
.large .combo-item strong { display: block; font-weight: bold; }
.large .combo-item img { float: left; margin-right: 10px; }
.large .combo-item .main { display: inline; }

.combo-selection { height: 26px; overflow: hidden; }
.combo-selection img { float: right; margin-top: -1px; }

/*
.freight .combo-item { position: relative; padding-left: 135px; }
.freight .combo-item img { position: absolute; left: 0; top: 0: }
*/

.small .combo-item,
.country .combo-item { position: relative; }
.small .combo-item { padding-left: 30px; }
.country .combo-item { padding-left: 60px; }
.small .combo-item i,
.country .combo-item i {
	position: absolute;
	left: 0; top: 0;
	font-weight: bold;
}
.country .combo-item i {
	min-width: 25px;
	margin-left: 25px;
	text-align: right;
}
.country .combo-item img {
	position: absolute;
	left: 0; top: 5px;
}



/**************************************
    last page
/*************************************/

#PrintPage .nav-btn-save,
#PrintPage .nav-btn-upload,
#PrintPage .nav-btn-validate,
/* hide dialog message when not in use, avoid FOUC */
#CCspalteContent > #dialog-message,
#CCspalteContent > #dialog-sendData { display: none; }

#dialog-message,
#dialog-sendData { overflow: hidden; height: auto !important; }

#PrintPage .toolbar .nav-btn,
#PrintPage .nav-buttons .nav-btn { border-radius: 4px; }

#btnSendData {
	margin: 0 0 20px;
	color: white;
	background: #069;
	border: 1px solid #058;
}
#btnSendData:hover { background-color: #004b70; }
#btnSendData:active { background-color: #00334d; }


/**************************************
    print settings
/*************************************/

.print-only { display: none; }

/* page breaks */
.page-break { page-break-after: always; }
.block-remarks,
.repeater-item { page-break-inside: avoid; }
.page-container { page-break-before: always; clear: both; }
.page-container:first-child { page-break-before: avoid; }
.block-transport-header { page-break-after: avoid; }

/* final page print */
body.print-page { zoom: normal !important; width: 1024px; }
.print-page > form { width: 100%; min-width: 0; max-width: none; }
.print-page .quest-container { padding: 0 10px; }
.page-container:after { content: " "; display: table; clear: both; }

#web_PrintHeader { display: block; }
#web_PrintHeader img { width: 100%; }

div.printBreadcrumb {
    height: auto;
    padding: 5px 10px;
    box-sizing: border-box;
}

div.PdfPrint { width: 1024px !important; }
div.PdfPrint .ui-combobox-input { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
div.PdfPrint .ui-combobox-button { display: none; }
div.PdfPrint .print-only { display: block; }
div.PdfPrint .page-container + .page-container { margin-top: 500px; } /* force page break with silly PDF creator */
div.PdfPrint .page-container:last-child { margin-top: 28cm; } /* force page break with silly PDF creator, for last page */
div.PdfPrint .page-container:first-child:last-child { margin-top: 0; } /* avoid excessive margin with a single page */
div.PdfPrint .page.day > table:first-child { clear:both; }
div.PdfPrint .page.day > table:first-child:before,
div.PdfPrint .page.day > table:first-child:after { content: " "; display: table; clear: both; }

/* direct page print */
@media print {
	html { font-size: 10pt; }
	.print-only { display: block; }
	#CCconteneur { min-width: 0; }
	#CCspalteNavigation { display: none; }
	#CCspalteContent { padding-left: 60px; }
	#webHeaderLeft { width: 450px; }
	#bundLogo { width: 450px; }
	#webServiceBereichDiv { width: auto; }
	#webHeaderLinks,
	#divNavDown { display: none; }
}