html {
    overflow-y: scroll !important;
}

body {
    font-size: 12px;
    font-family: verdana, arial, georgia, sans-serif;
    background-repeat: repeat-x;
    background-color: transparent;
    /*#6A6A6A;*/
    margin: 0;
    padding: 10px;
    padding-bottom: 0px;
}

.side-info-container {
    position: fixed;
    top: 10px;
    right: 10px;
    padding: 5px 3px;
    border: 1px solid #000000;
    background: #DDDDEE;
}
.side-info-container td {
    padding: 3px 5px;
}

/* edge chromium Layout fix */

input:not([type=image]),
input:not([type=image]):focus {
    border: 1px solid rgb(118, 118, 118);
    border-radius: 2px;
}


/* [ 1890 ] A: Kaplan-Meier-Kurve: Generalueberholung */

select {
    background-color: #FFFFFF;
}

input[type="text"] {
    background-color: #FFFFFF;
}

p {
    margin-top: 0;
    text-align: justify;
}

a:link {
    font-weight: normal;
    text-decoration: none;
    color: #066CD3;
}

a:visited {
    font-weight: normal;
    text-decoration: none;
    color: #066CD3;
}

a:hover {
    font-weight: normal;
    text-decoration: none;
    color: #066CD3;
}

a:active {
    font-weight: normal;
    text-decoration: none;
    color: #066CD3;
}

a img {
    border: 0px;
}


/*	Neues Element fuer Fieldsets
	Farbe der Border: Weiss
*/

fieldset {
    border: 1px solid #FFFFFF;
    padding: 5px;
    /*text-align: center;*/
}

.align-center {
    display: block;
    margin: 5px auto;
    text-align: center;
}

fieldset legend {
    margin: 0px 5px;
}

fieldset textarea {
    padding: auto;
    margin: auto;
}

#wrap {
    position: relative;
    background: #FFFFFF;
    width: 1000px;
    padding: 0;
    margin: 0;
    margin-top: -1px;
    padding-top: 1px;
    text-align: left;
    zoom: 1;
    -moz-box-shadow: 0px 0px 2px 0 #3F3F3F;
    /*Mozilla-basierte Browser (z.B. Firefox)*/
    -webkit-box-shadow: 0px 0px 2px 0 #3F3F3F;
    /*WebKit-basierte Browser (z.B. Safari/Chrome)*/
    box-shadow: 0px 0px 2px 0 #3F3F3F;
    /*CSS3 Standard*/
}


/* IE 9, 10 shadow fix  */

@media screen and (min-width:0\0) {
    #wrap {
        filter: none;
        box-shadow: 0px 0px 5px 0 #3F3F3F;
        /*CSS3 Standard*/
    }
}

#header {
    color: #FFFFFF;
    margin: 0px;
    padding: 0px;
    width: 1005px;
    height: 66px;
}

#head_title {
    color: #FFFFFF;
    float: left;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    margin-left: 38px;
    margin-top: 15px;
    text-align: left;
    width: 450px;
    height: 40px;
}

#head_title a {
    color: #FFFFFF;
}

#head_product {
    padding-top: 3px;
    background-repeat: repeat;
    color: #FFF;
    font-family: Verdana;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    line-height: 1em;
    width: 440px;
    height: 34px;
    overflow: hidden;
}

#head_title_space {
    float: left;
    font-family: Verdana;
    font-size: 14px;
    font-weight: normal;
    height: 26px;
    padding: 40px 0 0;
    text-align: left;
    width: 271px;
}

#head_separator_1 {
    width: 25px;
    height: 66px;
    float: left;
}

#head_patient {
    color: #FFFFFF;
    margin-left: 5px;
    width: 282px;
    height: 60px;
    float: right;
    margin-top: 3px;
}

#head_separator_2 {
    width: 25px;
    height: 66px;
    float: left;
}

#head_separator_10 {
    width: 25px;
    height: 66px;
    float: left;
}

#head_patient a {
    float: left;
    display: block;
    margin: 0 0 0 0;
    padding: 0px 15px;
    background: #365bA2;
    color: #FFFFFF;
    text-decoration: none;
    border: 0;
    vertical-align: top;
}

#head_login {
    color: #FFFFFF;
    width: 224px;
    height: 58px;
    float: right;
    margin: 0px;
    margin-top: 3px;
    margin-left: 20px;
    padding: 0px;
}

#c37header_login {
    background-image: url("../img/c37header_login.png");
    z-index: 2;
    margin-left: -8px;
    position: relative;
    width: 928px;
    height: 238px;
}

#header_box {
    z-index: 2;
    margin-left: -14px;
    margin-top: -4px;
    margin-left: -4px\0;
    position: relative;
    background-image: url("../img/c37header_shadow_2.png");
    width: 1020px;
    height: 69px;
}


/* 07082014 DL :	Weitere IE hacks fuer das layout */


/* IE9 uses \9 */

@media all and (monochrome:0) {
    #header_box {
        margin-left: -14px;
    }
}


/* IE10 and IE11 both use -ms-high-contrast */

@media all and (-ms-high-contrast:none) {
    #header_box {
        margin-left: -8px;
    }
    /* IE10 */
    *::-ms-backdrop,
    #header_box {
        margin-left: -14px;
    }
    /* IE11 */
}

#head_right_upper_corner {
    width: 21px;
    height: 66px;
    float: left;
}

#content {
    float: left;
    width: 998px;
    min-height: 500px;
    margin: 0;
    background: #FFFFFF;
    border-left: 1px solid #7E635D;
    border-right: 1px solid #7E635D;
    vertical-align: top;
    font-weight: normal;
}

#contentBorder {
    float: right;
    width: 200px;
    margin: 8px 7px 0 0;
}

#status a:hover {
    text-decoration: underline;
}

#status_details {
    font-size: 11px;
    font-weight: normal;
}

#status_details span {
    font-size: 11px;
    font-weight: normal;
}

#content_view {
    float: left;
    width: 775px;
    margin: 0;
    background: #FFFFFF;
}

#footer {
    color: #FFFFFF;
    padding-left: 8px;
    padding-right: 4px;
    background-color: #365BA2;
    clear: both;
    width: 988px;
}

#patientInfoFooter {
    font-size: 13px;
    font-weight: bold;
}


/* @ JS, 17.07.2013: [ 774 ] Formularabh. Dateiupload
// -> "file_uploader_attachments_in_detailview" neu hinzugefuegt */

.file_uploader_attachments_in_detailview {
    cursor: pointer;
    color: white;
    background-color: #7E635D;
    border: 0px;
}


/* @ JS, 26.06.2015: [ 3416 ] C: LCH-Portal Administration */


/* layoutproblem korrigiert (braune leiste war zu kurz -> cc) */

#menu {
    float: left;
    width: 773px;
    margin: 0;
    padding: 0px;
    background: #7E635D;
}

.line {
    float: left;
    width: 773px;
    height: 1px;
    background: black;
}

#nav {
    float: left;
    margin: 0px 0 0px 0;
    border-top: solid 1px #BCBCBC;
    border-bottom: solid 1px #BCBCBC;
    width: 758px;
    padding: 0px 0px 0px 15px;
    list-style: none;
    background: #365bA2;
    color: #FFFFFF;
    vertical-align: top;
}

#nav li {
    float: left;
    margin: 0;
    padding-top: 2px;
    vertical-align: top;
}

#nav a {
    float: left;
    display: block;
    margin: 0 0 0 0;
    padding: 5px 5px;
    background: #365bA2;
    color: #FFFFFF;
    text-decoration: none;
    border: 0;
    vertical-align: top;
    font-weight: bold;
    font-size: 110%;
}

#nav a:hover {
    background: #9999FF;
}

#nav .nav_high a {
    background: #9999FF;
}

#nav_sub {
    margin: 0px;
    /* width: 758px;*/
    padding: 0px;
    padding-left: 15px;
    list-style: none;
    background: #7E635D;
    color: #FFFFFF;
}

#nav_sub ul {
    width: 753px;
    height: 18px;
}

#nav_sub li {
    float: left;
    margin: 0;
    padding: 0;
}

#nav_sub select {
    float: left;
    margin: 0;
    padding: 0px;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#nav_sub a {
    float: left;
    display: block;
    padding: 0px;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 6px;
    padding-bottom: 5px;
    color: #FFFFFF;
    background: #7E635D;
    text-decoration: none;
    border: 0;
}

.action-icon{
    font-size: 16px;
    cursor: pointer;
}

.action-icon:hover {
    color: #ef963c;
}

.action-icon-disabled{
    color: #000000;
    font-size: 16px;
    cursor: unset;
}

#session_timeout_container {
    float: right !important;
    text-align: right;
    width: auto;
    padding-right: 7px !important;
    line-height: 26px;
    font-size: 0.75em;
}


/*#E9751F*/

#nav_sub a:hover,
body#intro #nav1 a {
    background: #E59966;
}

#nav_sub .nav_high a {
    background: #E59966;
}

#buttons {
    float: right;
    width: 206px;
    height: 55px;
    padding: 0px 10px;
    background: #FFFFFF;
    border-right: 1px solid #ABABAB;
}

#buttons a {
    float: left;
    padding: 0px 3px 8px 5px;
    background: #FFFFFF;
}

.section1 {
    margin: 10px 0px 10px 10px;
    width: 763px;
    border-right: solid 0px #EDEDED;
}

.section_patient {
    margin: 10px 0px 10px 10px;
    width: 763px;
    border-right: solid 0px #EDEDED;
}

.sectionBasis {
    margin: 10px 10px 10px 10px;
    width: 980px;
}

.section1Embed {
    margin: 10px 10px 10px 10px;
    width: 700px;
}

.form_alert_box {
    background: #ffcccc;
    padding: 2px;
    font-size: 11px;
    vertical-align: middle;
    border-bottom: solid 1px #FFF;
    width: 759px;
    margin-left: 10px;
    border-radius: 5px;
}

.section_header {
    background: #99CCFF;
    border-top-left-radius: 25px;
    height: 25px;
    padding: 5px 26px;
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;
    border-bottom: solid 1px #FFF;
}


/*
	//20130628 SH:	 groesse an Section_header angepasst
*/

.section_headerEmbed {
    background: #99CCFF;
    height: 25px;
    padding: 5px 26px;
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;
    border-bottom: solid 1px #FFF;
}

.section {
    background: #FFCC99;
    border-bottom-right-radius: 25px;
    width: 100%;
    padding: 0px 0px 20px 0px;
}

.sectionTopLeftRadius {
    padding-top: 10px;
    border-top-left-radius: 25px;
}

#div_konf_aufklaerung>a {
    padding-left: 12px;
}

.section td {
    padding: 0 0 0 10px;
}

.sectionBorder {
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    background: #DDDDEE;
    width: 100%;
    margin: 5px 0;
    font-size: 90%;
    padding: 2px;
}

.sectionBorder a {
    display: block;
    border-top: solid 0px #AAA;
    border-bottom: solid 1px #AAA;
}

.sectionBorder a:hover {
    background-color: #EEEEFF;
}

.sectionEmbed {
    background: #FFCC99;
}

.section_hidden {
    visibility: hidden;
    background: #FFCC99;
    border-bottom-right-radius: 25px;
    width: 100%;
}

table,
td {
    text-align: left;
    font-size: 11px;
}

table .label {
    text-align: left;
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;
    line-height: 1.5;
}

table .value {
    text-align: left;
    text-decoration: none;
    font-weight: normal;
    padding: 0px;
    border: solid 0px #000;
}

div.section table .label {
    /*20130912 SH:	Width wieder entfernt*/
    /*width: 180px;*/
    text-align: left;
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;
    line-height: 1.2;
    border-bottom: solid 0px #FFF;
}

div.section table .label_new {
    /*20131002 AG: ersatz fuer die Spaltenbreite*/
    width: 150px;
    text-align: left;
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;
    line-height: 1.5;
    border-bottom: solid 0px #FFF;
}

div.section table .value {
    text-align: left;
    text-decoration: none;
    font-weight: normal;
    padding: 1px;
    border-bottom: solid 0px #FFF;
}

div.section table .value select {
    width: auto;
    /*300px;*/
}

div.section table .value input[type="text"] {
    width: auto;
}

div.section table .value input[name*="_anzahl"] {
    width: 50px;
}

div.section table .value select[name*="_stadium"] {
    width: 70px;
}

div.section table .value select[name*="empfehlung_"] {
    width: 200px;
}

div.section table .value select[name*="_wert"] {
    width: 70px;
}

div.section table .value select[name*="met_"] {
    width: auto;
}

div.section table .value select[name*="_tnm"] {
    /*width:90px;*/
}

div.section table .value select[name*="seitenlokalisation"] {
    width: auto;
}

div.section table .value input[name*="datum_0"] {
    width: 70px;
}

div.section table .value input[name*="datum"] {
    width: 70px;
}

div.section table .value input[name*="date"] {
    width: 70px;
}

div.ui-dialog table .value input[name*="datum"] {
    width: 70px;
}

div.ui-dialog table .value input[name*="date"] {
    width: 70px;
}

div.section table .value input[name*="date_0"] {
    width: 70px;
}

div.section table .value input[name*="targetedTherapy"] {
    width: 70px;
}

div.section table .value input[name*="datum"] {
    width: 70px;
}

div.section table .value input[name="kvk_valid"] {
    width: 70px;
}

div.section table .value input[name="kvkread"] {
    width: 70px;
}

div.section table .value input[name*="zeitraum"] {
    width: 75px;
}

div.section table .value input[name*="laengst_beruf_von"] {
    width: 75px;
}

div.section table .value input[name*="laengst_beruf_bis"] {
    width: 75px;
}

div.section table .value input[name*="aufnahme_chirurgie"] {
    width: 70px;
}

div.section table .value input[id*="icd"] {
    width: 70px;
}

div.section table .value input[id*="no_icdo_specified"] {
    width: auto;
}

div.section table .value input[id^="diagnose"] {
    width: 70px;
}

div.section table .value input[id*="turp_diagnose"] {
    width: auto;
}


/* JS, 15.05.2013 - start: in der nachsorge wurde der diagnose-button immer abgeschnitten, daher vergroessert */

div.section table .value input[id="btn_diagnose"] {
    width: 220px;
}


/* JS, 15.05.2013 - ende: in der nachsorge wurde der diagnose-button immer abgeschnitten, daher vergroessert */


/*div.section table .value input[id*="ops"] {
	width:70px;
}*/

table .label2 {
    text-align: center;
    vertical-align: middle;
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;
    line-height: 1.5;
    color: #ffffff;
    padding: 4px;
}

.label2 a {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}


/* @ JS, 04.04.2014: [ 1783 ] B: Farbgebung ueberpruefen und ausbessern */


/* im zuge der ewp farbgebung ist aufgefallen, dass die farbe im tumorboard falsch gewesen ist. */


/* links stellen wir in der regel schwarz dar (bsp. arbeitsliste, patientenliste) */

table .browse_href {
    text-align: left;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
}

.cmdFreitextWidth {
    width: 43% !important;
}

.cmdFreitextWidthWithoutDate {
    width: 59% !important;
}

table .browse_label {
    text-align: left;
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;
}

table .browse_header {
    text-align: left;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
    line-height: 1.5;
    color: #ffffff;
    /*20141119 SH:
		Aufg. 2488 Zeilehoehe angepasst
	*/
    height: 25px;
    background: #365ba2;
}

.browse_odd {
    text-align: left;
    font-size: 11px;
    text-decoration: none;
    background: #dedede;
}

.browse_even {
    text-align: left;
    font-size: 11px;
    text-decoration: none;
    background: #ffffff;
}

.browse_header a {
    text-decoration: none;
    font-weight: bold;
    color: #ffffff;
}

table .headline {
    background: #99CCFF;
    padding-left: 26px;
    padding-right: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 8pt;
    font-weight: bold;
    vertical-align: middle;
    border-bottom: solid 1px #FFF;
}

table .headline:hover {
    background: #99CCFF;
    padding-left: 26px;
    padding-right: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 8pt;
    font-weight: bold;
    vertical-align: middle;
    border-bottom: solid 1px #FFF;
}

.headlineNoRecords {
    color: #66777F;
    font-weight: normal;
}

.activeToogleElement {
    color: #000000;
}

.toogleAllBtn {
    visibility: hidden;
    width: 20px;
}

table .headline2 {
    background: #d4d4d4;
    padding: 5px 20px;
    font-size: 9pt;
    font-weight: bold;
    vertical-align: middle;
}

table .headline_browse {
    font-size: 9pt;
    font-weight: normal;
    text-align: left;
}

table .headline_browse:hover {
    color: #116eff;
}

input {
    margin: 0px 0 0px 0;
}

input[disabled],
input[readonly],
select[disabled],
select[readonly],
checkbox[disabled],
checkbox[readonly],
textarea[disabled],
textarea[readonly] {
    background-color: #FFFFFF;
    border: #555555 1px solid;
    color: #000;
    cursor: default;
}

.radio-matrix input[type="radio"][checked]:disabled {
    box-sizing: border-box;
    appearance: none;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    border: 1px solid #ffffff;
    background-color: #0b6aff;
}

input.text[disabled] {
    background-color: #dcdcdc;
    border: #555555 1px solid;
    color: #000000;
    cursor: default;
    font-size: 14px;
}

#search_box_wrapper {
    width: 950px;
    margin: 0 0 0 25px;
}

img.box_head {
    border: 1px solid #999999;
    margin-bottom: -7px;
    margin-top: 10px;
    width: 950px;
}

div.boxes {
    width: 950px;
    border: 1px solid #999999;
    font: 12px/15px Arial;
    background-color: #f2f2f2;
}

div.boxes p {
    padding: 20px;
}

#stat_box_wrapper {
    width: 720px;
}

img.box_head2 {
    border: 1px solid #999999;
    margin-bottom: -7px;
    margin-top: 10px;
    width: 720px;
}

div.boxes2 {
    width: 720px;
    font: 12px/15px Arial;
}

div.boxes2 p {
    padding: 20px;
}

a.patient_list:link {
    color: #000000;
}

a.patient_list:visited {
    color: #000000;
}

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

a.patient_list_bold:link {
    font-weight: bold;
    color: #000000;
}

a.patient_list_bold:visited {
    font-weight: bold;
    color: #000000;
}

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

a.browse_href:link {
    color: #000000;
}

a.browse_href:visited {
    color: #000000;
}

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

img#preloaderAnimation {
    height: 130px;
    width: 220px;
    margin-top: -165px;
    margin-left: -110px;
    position: absolute;
    top: 50%;
    left: 50%;
}

div#preLoaderDiv {
    position: fixed;
    /*
	_position: absolute;
	_top:expression(eval(document.body.scrollTop));
	*/
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1000;
    Overflow: hidden;
}

div#preLoaderDiv {
    background-color: black;
    opacity: 0.85;
    visibility: hidden;
}

#contentBox {
    float: right;
    width: 200px;
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    margin: 5px 0;
    background: #DDDDEE;
    font-size: 11px;
    font-weight: normal;
}

#contentBox2 {
    float: right;
    width: 200px;
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    margin: 5px 0;
    background: #DDDDEE;
}


/*20131121	SH:	margin askommenitert da es im Token zu layoutfehler fuehrte*/

#contentBoxConference {
    float: left;
    width: 200px;
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    /*margin: 5px 12px 0 0;*/
    background: #DDDDEE;
}

#chat {
    font-size: 11px;
    font-weight: normal;
}

.button {
    text-decoration: none;
    /*font-weight: bold;*/
    font-size: 10px;
    color: #000;
    padding: 1px;
    margin: 1px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: verdana, arial, georgia, sans-serif;
    text-align: center;
    vertical-align: middle;
    border-top: solid 1px #BBB;
    border-left: solid 1px #BBB;
    border-right: solid 2px #999;
    border-bottom: solid 2px #999;
    background-color: #EDEDED;
}

.button:hover {
    color: #000;
    cursor: pointer;
    border-top: solid 1px #888;
    border-left: solid 1px #888;
    border-right: solid 2px #666;
    border-bottom: solid 2px #666;
}

.button:active {
    color: #000;
    cursor: pointer;
}

.button:visited {
    color: #000;
    cursor: pointer;
}

.button:link {
    color: #000;
    cursor: pointer;
}

.button img {
    text-align: left;
    margin-top: -3px;
    padding-right: 5px;
    vertical-align: middle;
}


/*
	Farbe d. Linie von Blau auf Weiss geaendert
*/

hr {
    border: none 0;
    border-top: 1px solid #FFFFFF;
    margin: 5px 0px;
    padding: 5px 0px;
    width: 100%;
    height: 1px;
}

#worklistInfo {
    max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #DDDDEE;
    border: 1px solid #000000;
    margin: 5px 0px 10px 0px;
    width: 761px;
    /*font-weight:400;
		font-size: 11px;
		font-family: verdana, arial, georgia, sans-serif;
	margin: 16px 0 10px 12px;
	 width: 728px;*/
}

#buttonleiste {
    padding-left: 10px;
    margin: 0px 0px 10px 0px;
    border-left: 1px solid #ababab;
    border-right: 1px solid #ababab;
}

#flashcontent {
    display: none;
    margin: 0px 0px 0px 0px;
}

INPUT.spin-button {
    padding-right: 20px;
    /* Padding pevents text from covering the up/dn img. Works better in Firefox but also causes textbox to widen by 20px. Arrows can go wonky in IE when text is too long. Perhaps it could be fixed with script that monitored the horiz-scroll position? */
    background-repeat: no-repeat;
    /* Warning: Img may disappear in Firefox if you use 'background-attachment:fixed' ! */
    background-position: 100% 0%;
    background-image: url(../img/spinbtn_updn.gif);
    width: 25px;
}

INPUT.spin-button.up {
    /* Change button img when mouse is over the UP-arrow */
    cursor: pointer;
    background-position: 100% -18px;
    /* 18px matches height of 2 visible buttons */
}

INPUT.spin-button.down {
    /* Change button img when mouse is over the DOWN-arrow */
    cursor: pointer;
    background-position: 100% -36px;
    /* 36px matches height of 2x2 visible buttons */
}

#Login table td {
    background-color: #FFCC99;
}

#Login table td.imgbg {
    background-color: transparent;
}

#Login table td.headlinebg {
    background-color: #99CCFF;
}

#Login table td div {
    margin: 0px;
    padding: 0px;
}

.tdbg {
    background-color: #FFF;
}

#button_tumordaten_uebernahme {
    color: darkblue;
    cursor: pointer
}

#button_tumordaten_uebernahme:hover {
    text-decoration: underline;
}

.export_link_button {
    color: #365ba2;
    cursor: pointer;
    padding-top: 0px;
}

.export_link_button:hover {
    color: #000;
    text-decoration: underline;
}

.changeProduct {
    width: 100%;
    height: 130%;
    margin: 0px;
    padding: 0px;
    /*overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;
	overflow-y: scroll;*/
    overflow: hidden;
    position: absolute;
    background-color: #FFF;
    z-index: 10000;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    top: 0;
    left: 0;
    border: solid 0px #0F0;
}


/*
 * @ JS 14.05.2012
 * added new classes
 * */

.error {
    color: red;
    font-weight: normal;
}

.borderRight {
    /*border-right:1px solid #FFFFFF;*/
}

.borderLeft {
    /*border-left:1px solid #FFFFFF;*/
}

.borderTop {
    border-top: 1px solid #FFFFFF;
}

.borderBottom {
    border-bottom: 1px solid #FFFFFF;
}


/*20150408 SH:	[ 3175 ]
 *				Langen Text umbrechen
*/

.listing {
    word-wrap: break-word;
    word-break: normal;
}


/*20140425 SH: TH fuer listing mit aufgenommen*/

.listing td,
.listing th {
    padding: 7px;
    padding-right: 0px;
    vertical-align: top;
}

#tumormarkerEmbedded .tableHead {
    padding: 7px;
    padding-right: 0px;
    vertical-align: top;
    font-size: 11px;

}

#tumormarkerEmbedded .listing td{
    padding: 4px;
    padding-right: 2px;
    padding-left: 2px;
    vertical-align: top;
}

input[type=button] {
    font-size: 12px;
    font-weight: normal;
}

input[type=submit] {
    font-size: 12px;
    font-weight: normal;
}

.extraSmallButton {
    width: 40px;
}

.smallButton {
    width: 80px;
}

.mediumButton {
    width: 150px;
}

.largeButton {
    width: 220px;
}

.extraLargeButton {
    width: 320px;
    text-align: left;
}

.columnColorModuloLightOrange {
    background-color: #fbe3cc;
}

.columnColorModuloDarkOrange {
    background-color: #ffcc99;
}

.columnColorModuloLightGray {
    background-color: #ffffff;
}

.columnColorModuloDarkGray {
    background-color: #cccccc;
    padding: 8px;
}

.modulo1 {
    border-bottom: 2px solid #ffcc99;
    background-color: #fbe3cc;
}


/* 20130626 SH:		Neue Klasse fuer Konferenz, bzw fuer Tabellenzeilen*/

tr.modulo1_konferenz td {
    background-color: #FBE3CC;
    border-bottom: 1px solid #FFCC99;
}


/* 20130626 SH:		HoverKlasse fuer Tabellenzeilen*/

tr.modulo1_konferenz:hover td {
    background-color: #FFCC99;
    cursor: pointer;
    border-bottom: 1px solid #FFFFFF;
}


/* 20130719 SH: HoverKlasse fuer JS	*/

tr.modulo1_konferenz_hover td {
    background-color: #FFCC99;
    cursor: pointer;
    border-bottom: 1px solid #FFFFFF;
}


/* 20130626 SH:		Neue Klasse fuer Konferenz (rechte Seite), bzw fuer Tabellenzeilen*/

tr.tableRightSide_even td {
    background-color: #FFFFFF;
}

tr.tableRightSide_odd td {
    background-color: #EEEEEE;
}

tr.tableRightSide_even:hover td,
tr.tableRightSide_odd:hover td {
    background-color: #CDCDCD;
}

.modulo2 {
    border-bottom: 2px solid #ffcc99;
    background-color: #fbe3cc;
}

.modulo2_hover:hover,
.modulo2_hover:hover td {
    background-color: #ffcc99;
    font-style: italic;
}

.modulo_simple {
    border-bottom: 1px solid #fbe3cc;
    background-color: #ffcc99;
}


/*    20130724 SH: 	Neue Klasse fuer Listen
					Dient der Sortierliste im Dialog
*/

ul.sortList {
    list-style-type: none;
    cursor: move;
}

ul.sortListMain {
    list-style-type: none;
    cursor: move;
}

ul.sortListMain li {
    border: 1px solid white;
    margin: 2px;
}

ul.sortList li {
    height: 40px;
    width: auto;
    max-width: 450px;
    border: 1px solid black;
    margin: 2px;
    background-color: #FBE3CC;
    text-align: center;
}

ul.sortList li:hover {
    border: 1px solid black;
    background-color: #FFCC99;
}

.lightOrangeForm {
    background-color: #fbe3cc;
}

.darkOrangeForm {
    background-color: #ffcc99;
}

.lightOrangeForm hr {
    border: none 0;
    border-top: 2px solid #ffcc99;
    width: 100%;
    height: 2px;
}

.darkOrangeForm hr {
    border: none 0;
    border-top: 2px solid #fbe3cc;
    width: 100%;
    height: 2px;
}


/*
 * @ JS 01.06.2012
 * [ 259 ] Prio 2: Hilfefunktion im Tumorboard funktional erweitern - Projektaufgabe Information
 * */

.helpdesk {}

.helpdesk td {
    vertical-align: top;
}

.helpdeskQuickGuide {
    padding-top: 10px;
    text-align: left;
}

.helpdeskQuickGuide a:link {
    font-weight: normal;
    text-decoration: none;
    color: #066CD3;
}

.helpdeskQuickGuide a:visited {
    font-weight: normal;
    text-decoration: none;
    color: #066CD3;
}

.helpdeskQuickGuide a:hover {
    font-weight: normal;
    text-decoration: none;
    color: #066CD3;
}

.helpdeskQuickGuide a:active {
    font-weight: normal;
    text-decoration: none;
    color: #066CD3;
}

.helpdeskSpacer {
    border-bottom: 1px solid #ffe400;
}

.helpdeskSpacer2 {
    border-top: 1px dashed #ffe400;
}

.helpdeskMessage {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ffe400;
    background-color: #fef9d2;
    width: 760px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 0px;
}

.helpdeskShortDescription {
    font-weight: bold;
}

.helpdeskLongDescription {
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: normal;
}

.toogleAllHelpdesk {
    display: none;
    width: 20px;
    float: right;
}

.helpdeskShortDescription:hover .toogleAllHelpdesk {
    display: block;
    width: 20px;
    float: right;
}

.helpdeskMoreInfos {
    border: 1px solid #000000;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #FFFFFF;
}

.tableHead {
    color: #000000;
    font-weight: bold;
    background-color: #FFFFFF;
    font-size: 9px;
}


/*
 * @ JS 09.07.2012
 * [ 393 ] Prio 2:Nachsorgeformular erweitern
 * */

div.section table .value input[class="date"] {
    width: 70px;
}

.noLeftSpacing {
    margin-left: 0px;
    padding-left: 0px;
}

.noLeftSpacing td {
    margin-left: 0px;
    padding-left: 0px;
}


/*
 * @ JS 24.07.2012
 * [ 394 ] Prio 1: Nachsorgefunktion aendern fuer "Planung der Nachsorge"
 * */

.moduloPrint1 {
    border-bottom: 2px solid #FFFFFF;
    background-color: #E5E5E5;
    border-top: 1px solid #E5E5E5;
}

.moduloPrint2 {
    border-bottom: 2px solid #FFFFFF;
    background-color: #E5E5E5;
    border-top: 1px solid #E5E5E5;
}

.calendar {
    z-index: 99999;
}

.infobox {
    background-color: #FBE3CC;
    border: 1px solid #000000;
    padding: 10px;
    color: #000000;
    font-weight: bold;
}

textarea {
    font-family: verdana, arial, georgia, sans-serif;
    font-size: 12px;
}


/*
@ JS, 23.08.2013: [ 1044 ] Prio 1: Wirkstoff-Administration korrigieren + Altdatenuebernahme via Script
@ JS, 23.08.2013: [ 1058 ] Prio 1: Protokolle-Administration korrigieren + Altdatenuebernahme via Script
fuer die wirkstoff-administration unter vorbelegungen
*/

.img_ok {
    background-image: url(../img/accept.png);
    background-repeat: no-repeat;
    padding-left: 18px;
    text-align: left;
    color: green;
}


/*
@ JS, 23.08.2013: [ 1044 ] Prio 1: Wirkstoff-Administration korrigieren + Altdatenuebernahme via Script
@ JS, 23.08.2013: [ 1058 ] Prio 1: Protokolle-Administration korrigieren + Altdatenuebernahme via Script
fuer die wirkstoff-administration unter vorbelegungen
*/

.img_not_ok {
    background-image: url(../img/exclamation-icon.png);
    background-repeat: no-repeat;
    padding-left: 18px;
    text-align: left;
    color: red;
}


/* Menu rechts festhalten
#status_div{
	padding: 35px;
	background-color: white;
	position: fixed;
	left:50%;
	margin-left: 275px;
}
*/


/*NEue Klasse fuer IncludeFormFunctions*/

.includedTable td {
    margin-left: 0px;
    padding-left: 0px;
}

.includedTable {
    margin-top: 5px;
    padding: 0px !important;
    /*table-layout:fixed;*/
}

.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, .8) url('../img/ajax-loader.gif') 50% 50% no-repeat;
}


/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */

body.loading {
    overflow: hidden;
}


/* Anytime the body has the loading class, our
   modal element will be visible */

body.loading .modal {
    display: block;
}


/*
// @ JS, 23.04.2014: [ 1777 ] B: Upload auf PDF beschraenken
// -> neue css klassen fuer jquery-dialog hinzugefuegt
*/


/* allgemeines */

.other .browse_header {
    background-color: #365BA2;
    color: #FFFFFF;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.other .browse_label {
    border-bottom: 2px solid #FFCC99;
    background-color: #FBE3CC;
    padding: 8px;
}


/* "dialog ueber jquery manipuliert" */

.ui-dialog input[type=button] {
    font-size: 11px;
}

.ui-widget-content {
    background-image: none;
    background-color: #FBE3CC;
    font-size: 11px;
}

.ui-dialog .ui-dialog-content {
    background-color: #FBE3CC;
    padding: 15px;
    font-size: 11px;
}

#dialog_text,
.dialog_text {}

.ui-widget-header {
    background-image: none;
    font-size: 11px;
    background-color: #99CCFF;
    color: #000000;
    font-family: verdana, arial, georgia, sans-serif;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

.ui-button {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.ui-dialog .ui-dialog-content {
    margin: 0px;
    padding: 0px;
}

.ui-dialog-title {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
}


/*
// @ JS, 20.05.2014: [ 2023 ] C: aendern-Popups fuer DD + Schnellerfassung
// -> filter fuer ie wurde aus .ui-dialog entfernt
*/

.ui-dialog {
    -moz-box-shadow: 0px 0px 8px 0px #ABABAB;
    /*Mozilla-basierte Browser (z.B. Firefox)*/
    -webkit-box-shadow: 0px 0px 8px 0px #ABABAB;
    /*WebKit-basierte Browser (z.B. Safari/Chrome)*/
    box-shadow: 0px 0px 8px 0px #ABABAB;
    /*CSS3 Standard*/
}

.ui-dialog .ui-dialog-buttonpane {
    border: 0;
    padding: 0px;
    margin-top: 0px;
}

.ui-dialog-buttonset {
    padding-left: 7px;
    padding-right: 7px;
}


/* container vom dateiupload formular */

#customized_form_upload_list {
    width: 730px;
}

.MultiFile-applied {
    font-size: 11px;
    font-family: verdana, arial, georgia, sans-serif;
    margin-bottom: 15px;
}

.MultiFile-title {
    font-size: 11px;
    font-family: verdana, arial, georgia, sans-serif;
}

.MultiFile-remove {
    margin-left: 12px;
}


/* error-handling klassen */

.error {
    color: red;
}

.success {
    color: green;
}

#buttonleiste {
    position: fixed;
    background-color: #fff;
    height: 100px;
    padding-top: 5px;
    -moz-box-shadow: 0px -5px 10px -5px #000;
    box-shadow: 0px -5px 10px -5px #000;
    -webkit-box-shadow: 0px -5px 10px -5px #000;
}


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


/* [ 1783 ] B: Farbgebung ueberpruefen und ausbessern */

#nav {
    /* 	29072014 DL : 	entfernen da dies sich
						mit dem Shatten beisst.
		Aufg. Nr.:		[ 1626 ] A: Design: Farbanpassung CancerCenter
	/*border-left : 1px solid #ABABAB;*/
    border-right: 1px solid #ABABAB;
}


/* [ 1783 ] B: Farbgebung ueberpruefen und ausbessern */

#content {
    border-left: 1px solid #ABABAB;
    border-right: 1px solid #ABABAB;
    padding-bottom: 15px;
}

.modulo_simple {
    border: 0px;
    background-color: transparent;
}


/*
@ JS, 17.07.2013: [ 774 ] Formularabh. Dateiupload
 -> "file_uploader_attachments_in_detailview" neu hinzugefuegt
*/

.sectionBorder a {
    border-bottom: 1px solid transparent;
}

.browse_label,
.other .browse_label,
#main_table .browse_label,
#main_table .DATA,
.NO_MESSAGE {
    /*vorschlag torsten*/
    background-color: #F4F4F4;
    border-bottom: 2px solid #CECECE;
    padding: 5px;
    line-height: 1.2em;
    /* @ JS, 23.09.2014: [ 2328 ] C: Buchstaben werden in "Meine zuletzt bearbeiteten Faelle" abgeschnitten */
}

.borderRight a,
.browse_label a,
#main_table .DATA a,
{
    color: #000000;
    text-decoration: none;
}

.borderRight a:hover,
.browse_label a:hover,
#main_table .DATA a:hover,
{
    color: #000000;
    text-decoration: underline;
}

#patient_box {
    padding: 0px;
    margin: 13px 0px 0px 0px;
    width: 460px;
    border: 1px solid transparent;
    overflow: hidden;
    text-align: right;
    float: right;
    font-size: 13px;
    color: #FFFFFF;
    font-weight: bold;
    font-family: verdana, arial, georgia, sans-serif;
}


/* [ 1783 ] B: Farbgebung ueberpruefen und ausbessern */


/* uebersichten im formular */

.browse_table .browse_tr:hover td {
    background-color: #FFCC99;
    color: #000000;
}

.browse_table .browse_tr:hover td a {
    color: #000000;
}


/* [ 1783 ] B: Farbgebung ueberpruefen und ausbessern */


/* arbeitsplatz linke + rechte obere liste*/

.browse_list {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 140px;
    width: 470px;
    background-color: #f4f4f4;
}

.browse_fieldset {
    min-height: 170px;
    width: 473px;
}

#main_table_left,
#main_table_right {
    border-spacing: 0;
    border-collapse: separate;
}

#main_table_left .browse_header,
#main_table_right .browse_header {
    background-color: #365BA2;
    color: #FFFFFF;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
}

#main_table_left .browse_href,
#main_table_right .browse_href {
    color: #000000;
}

#main_table_left .browse_tr:hover td a,
#main_table_right .browse_tr:hover td a {
    color: #000000;
}

.browse_list2 {
    width: 462px;
    background-color: #365BA2;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
}

.browse_list2 .browse_header {
    background-color: transparent;
    color: #FFFFFF;
}


/* [ 1783 ] B: Farbgebung ueberpruefen und ausbessern */


/* uebersichten in den einzelnen navigationspunkten & unterer teil vom arbeitsplatz */

#main_table {
    border-spacing: 0;
    border-collapse: separate;
    border-left: 2px solid #D8D8D8;
    border-right: 2px solid #D8D8D8;
    border-top: 2px solid #D8D8D8;
}

#main_table .browse_header {
    background: #365BA2;
    color: #FFFFFF;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
}

#main_table .browse_tr:hover td a {
    color: #000000;
}


/* [ 1783 ] B: Farbgebung ueberpruefen und ausbessern */


/* anwender administration */

select[name*="mrole"] {
    width: 300px;
}


/* [ 1783 ] B: Farbgebung ueberpruefen und ausbessern */


/* "moechten sie den eintrag xy wirklich loeschen?" */

#delete_box {
    margin-left: auto;
    margin-right: auto;
    width: 470px;
    padding: 5px;
}

#delete_box .section_header {
    text-align: center;
    padding-top: 10px;
    background-color: #FFFFFF;
}

#delete_box_body {
    background-color: #FBE3CC;
    text-align: center;
    padding: 20px;
}

#delete_box_body table {
    margin-left: auto;
    margin-right: auto;
}

#delete_box_body .question {
    font-size: 12px;
}

#delete_box_body .button {
    width: 100px;
}


/* start: hover-effekte fuer listen (zeilen-darstellung) ***************************************************************/

#main_table .browse_tr:hover td,
#main_table_left .browse_tr:hover td,
#main_table_right .browse_tr:hover td,
.browse_table .browse_tr:hover td {
    background-color: #D8D8D8 !important;
    color: #000000 !important;
    text-decoration: none !important;
}


/* hover-effekte fuer listen (link-darstellung) */

#main_table .browse_tr:hover a,
#main_table_left .browse_tr:hover a,
#main_table_right .browse_tr:hover a,
.browse_table .browse_tr:hover td a {
    color: #000000 !important;
    text-decoration: none !important;
}

.browse_label a {
    color: #000000 !important;
}


/* ende hover-effekte fuer listen (zeilen-darstellung) ***************************************************************/


/* start: wichtig z.b. fuer mandanten-liste, da deaktivierte zeilen ausgegraut dargestellt werden sollen ****************/

.deactive {
    background-color: #ababab !important;
    font-style: italic;
}

.deactive a,
.deactive a:hover {
    color: #FFFFFF !important;
    font-style: italic;
}


/* ende: wichtig z.b. fuer mandanten-liste, da deaktivierte zeilen ausgegraut dargestellt werden sollen ****************/

.found {
    font-style: italic;
    font-weight: bold;
}


/* start: umrandungen der listen ***************************************/

.browse_list2,
.browse_list {
    border-left: 2px solid #D8D8D8 !important;
    border-right: 2px solid #D8D8D8 !important;
}

.browse_list {
    border-bottom: 2px solid #D8D8D8 !important;
}

.browse_list2 {
    border-top: 2px solid #D8D8D8 !important;
}

.browse_table {
    border-left: 2px solid #D8D8D8 !important;
    border-right: 2px solid #D8D8D8 !important;
    border-top: 2px solid #D8D8D8 !important;
}


/* ende: umrandungen der listen ***************************************/

.patliste_subheadline {
    text-align: left;
    font-size: 11px;
    text-decoration: none;
    font-style: italic;
    font-weight: bold;
    line-height: 1.5;
    color: #365ba2;
    text-align: center;
}


/* start: cato css klassen ***************************/

.cato_hightlight {}

.cato_hightlight a {
    background-color: #E59966 !important;
}

tr.cato-medication {
    cursor: pointer;
}

td.cato-medication-data[kombigabe="1"] {
    background: #ddddee;
}


/* ende: cato css klassen ***************************/

ul.combobox {
    list-style-type: none;
    list-style: none;
    padding: 5px;
    margin: 5px;
}

li.combobox {
    list-style-type: none;
    border-bottom: 1px solid #ccc;
    margin-bottom: 2px;
    margin-top: 2px;
    color: #066cd3;
    font-family: verdana, arial, georgia, sans-serif;
    font-size: 12px;
}


/* @ JS, 09.04.2015: 3124 */

#pat_table {
    background-color: #FFCC99;
    border-top-left-radius: 25px;
    ;
}


/* JS, 14.04.2015: [ 2994 ] C: Stammdaten Histiozytose */

.modulo3 {
    border-bottom: 1px dashed #FFFFFF;
    background-color: #EFEFEF;
    padding: 8px;
    line-height: 1em;
}


/* @ JS, 14.04.2015: [ 2994 ] C: Stammdaten Histiozytose */

.modulo3 a {
    color: gray !important;
}

#nav_sub select,
#tumorauswahl {
    height: 21px !important;
    font-size: 12px;
}

.css-vertical-text {
    color: #333;
    border: 0px solid transparent;
    /*Verticaler Text - Browserunabhaengig*/
    -webkit-transform: translate(1.1em, 0) rotate(90deg);
    -moz-transform: translate(1.1em, 0) rotate(90deg);
    -o-transform: translate(1.1em, 0) rotate(90deg);
    transform: translate(1.1em, 0) rotate(90deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    /* IE9+ */
    -ms-transform: none;
    -ms-transform-origin: none;
    /* IE8+ */
    -ms-writing-mode: tb-rl;
    white-space: nowrap;
    display: block;
    bottom: 0;
    width: 20px;
    font-family: Trebuchet MS, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left !important;
}

.css-vertical-text-small {
    color: #333;
    border: 0px solid transparent;
    /*Verticaler Text - Browserunabhaengig*/
    -webkit-transform: translate(1.1em, 0) rotate(90deg);
    -moz-transform: translate(1.1em, 0) rotate(90deg);
    -o-transform: translate(1.1em, 0) rotate(90deg);
    transform: translate(1.1em, 0) rotate(90deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    /* IE9+ */
    -ms-transform: none;
    -ms-transform-origin: none;
    /* IE8+ */
    -ms-writing-mode: tb-rl;
    white-space: nowrap;
    display: block;
    bottom: 0;
    width: 10px;
    font-family: Trebuchet MS, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left !important;
}

.text-small {
    color: #333;
    border: 0px solid transparent;
    writing-mode: tb-rl;
    white-space: nowrap;
    display: block;
    bottom: 0;
    width: 10px;
    font-family: Trebuchet MS, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left !important;
}

.oz {
    color: #7E635D !important;
    font-style: italic !important;
    font-size: 10px !important;
}

.oz-comment {
    color: #7E635D !important;
    font-style: italic !important;
}

.oz_text {
    color: #7E635D !important;
    font-size: 10px !important;
    margin-left: 20px;
    text-align: justify;
    line-height: 11px;
}

#patientname_tooltip {
    width: 170px;
    height: 20px;
    overflow: hidden;
    float: left;
}


/* 20160829 DL: Notwendige CSS designs fuer die Ausgabe der Zwischenablage
			(Verschieben des tumorfalles) 
*/

#clipboardOverlay {
    width: 850px;
    height: 400px;
    background-color: #ededed;
    border-color: #99ccff #22aacc #22aacc #99ccff;
    border-style: solid;
    border-width: 2px 3px 3px 2px;
    bottom: 55px;
    position: fixed;
    /*left: 500px;*/
    margin-left: auto;
    margin-right: auto;
}

#clipboardOverlay #clipboardToolbar {
    float: right;
    clear: both;
}

#clipboardList {
    position: relative;
    float: left;
    height: 350px;
    overflow: auto;
}

#uicc_popit {
    width: 570px !important;
}

#boilerplateChoose {
    width: 240px;
    border: 1px solid #000;
    margin: 5px;
    background-color: #ededed;
    border-color: #99ccff #22aacc #22aacc #99ccff;
    border-style: solid;
    border-width: 2px 3px 3px 2px;
}

#boilerplateChoose a {
    padding: 3px;
    margin-bottom: 5px;
}

tr.openTodoItem {
    text-decoration: none;
    font-style: normal;
    color: #000;
}

tr.doneTodoItem {
    text-decoration: line-through;
    font-style: italic;
    color: #737373;
}

.highlightRelevantField {
    background-color: rgb(246, 248, 183) !important;
}

.highlightMandatoryField {
    background-color: rgb(212, 158, 163) !important;
}

.mce-tinymce.highlightRelevantField,
.mce-tinymce.highlightMandatoryField {
    padding: 5px;
    box-sizing: border-box;
}

.highlightRed {
    background-color: #FF6666 !important;
}

.highlightGrey {
    background-color: #aaa !important;
}

.cockpit_export_button {
    background-color: #FFF;
    margin: 5px;
    padding: 5px;
    border: none !important;
    background-image: url('../img/icons/page_white_put.png');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 18px;
    cursor: pointer;
}

.cockpit_export_button:hover {
    background-color: #dedede;
}

.arbeitsplatz_full_width {
    width: 950px;
}

.caseView {
    display: none;
}

#tabContainer {
    padding: 0px 5px 0px 5px;
    width: 768px;
}

#tabContainer div {
    padding: 5px 5px 0px 5px;
    position: relative;
    width: 360px;
    height: 45px;
    float: left;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

#tabContainer div.left {
    margin: 0px 22px 0px 5px;
}

.section1 #tabContainer div.left {
    margin: 0px 17px 10px 0px;
}

#tabContainer div.notFirstRow {
    margin-top: 5px;
}

#tabContainer div .tabContainerBtn {
    position: absolute;
    right: 5px;
    border-width: 2px;
    border-style: outset;
    border-image: initial;
    padding: 1px 6px 1px 6px;
    width: 76px;
    height: 20px;
    margin: 0px;
}

#tabContainer div .tabContainerBtn.open {
    top: 3px;
}

#tabContainer div .tabContainerBtn.show {
    bottom: 3px;
}

#tabContainer a {
    color: white !important;
}

#tabContainer a:link {
    color: white !important;
}

#tabContainer a:hover {
    color: white !important;
}

#tabContainer a:hover div {
    color: #FFCC99;
}

#tabContainer a:visited {
    color: white !important;
}

.hideField {
    display: none;
}

.fullHdSectionWithSidebar {
    width: 960px;
}

#fullHDBox {
    display: none;
}

#contentBox.kurzepikriseContainer {
    display: block;
}

.fullscreen {
    width: 99% !important;
}

.genericEvaluationSelect {
    width: 99%;
}

.genericEvaluationInput {
    width: 88%;
}

.formContentWidth {
    width: 720px;
}


/* Wird nur fuer Dialog bei Kaplan-Meier mit DevExpress benoetigt
um das "x" Symbol beim Dialog zu entfernen */

.ui-dialog[aria-describedby="print_stat_dialog"] .ui-dialog-titlebar-close {
    display: none;
}

.dialogMargin {
    margin: 5px;
}

.conferenceAdminPanel {
    border: 1px solid black;
    border-radius: 3px;
}

.adminPanelBody {
    padding: 5px;
}

.conferenceConfButtons {
    border: 1px solid black;
    border-radius: 3px;
}

.confButtonsBody {
    padding: 5px;
}

div.row {
    padding: 5px;
}

div.tab {
    margin-left: 5%;
}

.adminPanelHeadline {
    padding: 5px;
    height: 25px;
    background-color: lightgrey;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
}

.leftColumn {
    display: none;
}

.middleColumn {
    width: 76.3%;
    margin-left: 10px;
    float: left;
}

.rightColumn {
    width: 15%;
    margin-left: 10px;
    float: left;
}

#conferencechat {
    display: block;
}

.conferenceRegistrationStateImage img {
    display: none;
}

.showIn1400 {
    display: none;
}

.showIn1800 {
    display: none;
}

.sidebarLinkHighlighted {
    font-weight: bold !important;
    text-decoration: underline !important;
    color: black !important;
}

table.settings-log-view {
    width: 100%;
    padding: 5px;
}

.settings-log-view th {
    background-color: #FFF4EA;
    border-bottom: 2px solid #FBE3CC;
    font-weight: bold;
}

.settings-log-view tr {
    height: 15px;
}

.settings-log-view-date {}

.settings-log-view-user {}

.settings-log-view-action {}

.settings-log-view-diff {
    text-align: right;
}

.settings-log-view-diff img {
    cursor: pointer;
}

.settings-log-view-diff-data {
    display: none;
    background-color: #FFCC99;
    margin: 0px;
    padding: 0px;
}

.adminuser {
    width: 140px;
    margin: 10px 4px 0 10px;
    border: 1px solid #000000;
}

.adminpassword {
    width: 140px;
    margin: 10px 4px 0 10px;
    border: 1px solid #000000;
}

#tumorboardTitle {
    color: #FFFFFF;
    padding: 10px;
    padding-left: 25px;
    font-size: 1.4em;
}

#tumorboardTitle a {
    color: #FFFFFF;
}

#tumorboardTitle ul.ext-viewer-items {
    font-size: 12px !important;
    list-style: none !important;
    margin-right: -10px;
}

#tumorboardTitle ul.ext-viewer-items a:hover {
    background: #E59966;
}

.sidebarKurzepikrise {
    background: #DDDDEE;
    padding: 5px;
    border-bottom: 1px solid darkgrey;
}

.covid_readonly {
    background-color: #ffcc99 !important;
    border: none !important;
    font-size: 0.8em !important;
    max-height: 200px;
    overflow: auto;
}

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

.cato-therapy-list-checkbox {
    width: 40px;
    text-align: center;
}

.cato-therapy-list-date {
    width: 100px;
}

.cato-therapy-link[therapy-exists] {
    background-color: #dde !important;
    font-weight: bold !important;
    color: black !important;
}

.multiplecases-row {
    color: #066CD3;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 5px
}

.multiplecases-row.sidebar {
    display: block;
    margin-bottom: 0;
}

.multiplecases-input {
    display: inline;
}

.patientenUebersichtButton {
    width: 190px;
    font-weight: bold !important;
    background-color: #fbe3cc;
    border: 1px solid #000000;
    padding-top: 3px;
    padding-bottom: 3px;
    cursor: pointer;
}

.confNavigatPatientBtn {
    width: 92px;
}

.diagnosis-history-table-border {
    width: 99%;
    border: 1.2px solid slategray;
    border-radius: 5px;
    padding: 5px !important;
}

.diagnosis-history-table {
    width: 100%;
    padding: 5px !important;
}

.diagnosis-history-table td+th {
    vertical-align: top !important;
    padding: 2px !important;
}

.diagnosis-history-header {
    padding-bottom: 5px !important;
}

.diagnosis-history-data {
    padding: 5px 0px 5px 0px !important;
}

.diagnosis-history-row.first-row {
    background-color: lightblue !important;
}

.diagnosis-history-data span.diagnosis-text {
    font-size: 0.9em !important;
}

.diagnosis-history-data.exported {
    width: 24px !important;
}

#pat_conf_data .section_header2 {
    background-color: #99CCFF;
    margin-top: -10px;
    border-top-left-radius: 25px;
    color: #000000;
    font-weight: bold;
    padding-bottom: 3px;
    border-bottom: 1px solid #fff;
}

.dialog-position-bottom {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.diagnose-freitext-dialog-container {
    overflow: auto;
    max-height: 378px;
    padding-left: 0px !important;
    margin-left: 0px !important;
    padding-right: 0px !important;
    margin-right: 0px !important;
    padding-top: 0px !important;
    margin-top: 0px !important;
}

#changeMandant {
    height: 300px;
}

#changeMandant #mandantSearch {
    display: block;
    margin: 0px auto;
    width: 280px;
    background-color: #EDEDED;
    border: 0px;
    border-bottom: 1px solid #000;
}

.corner_bottom_right {
    background-color: #FFCC99 !important;
    border-bottom-right-radius: 25px !important;
    height: 15px;
    width: 25px;
}

.corner_top_left {
    background-color: #99CCFF !important;
    border-top-left-radius: 25px !important;
    height: 15px;
    width: 25px;
}

.hide-in-ie {
    display: none;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .hide-in-ie {
        display: none !important;
    }
}

@supports not (-ms-high-contrast: none) {
    .hide-in-ie {
        display: block !important;
    }
}

.audit-trail-dialog {
    margin-top: 3%;
    top: 0px !important;
}

.audit-trail-dialog #audittrail_container {
    padding: 0px !important;
    margin: 0px !important;
}

#form_audit_trail_filters>div {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.delete-form-reason-text {
    width: 157px;
}

#table_list {
    border: solid 1px #CCC;
    width: 200px;
    table-layout: fixed;
    overflow: hidden;
    word-wrap: break-word;
}

.tbheaderphone {
    font-size: 0.8em;
    font-weight: normal;
}

#primary_case_summary:hover {
    cursor: pointer;
    text-decoration: underline;
}

.clearFloat {
    clear: both;
    height: 0px;
    border: none;
    padding: 0px;
    margin: 0px;
    line-height: 1px;
}

.highlightInterfaceFields {
	background-color: lightgray !important;
}

.monitor_graph{
    width:100%;
    height:510px;
    background-color:white;
    overflow:hidden;
    border: 0px;
}

.hidden{
    visibility: hidden;
}

.marginLeft--12{
    margin-left: -12px;
}

.catalogue_kis_icon{
    margin-right: 5px;
    width: 10px;
    height: 10px;
    float: right;
}

.patientShortEpikriseTable{
    table-layout: fixed;
    width: inherit;
    word-wrap: break-word;
}

#oldFormValuesContainer{
    display:none;
    border: 1px solid gray;
    background-color: lightgrey;
    width: 300px;
    padding: 6px;
    margin: 10px 10px 10px 0px;
    word-wrap: break-word;
}

.inactive{
    text-decoration: line-through;
}

.oBDSFrame{
    width: 1px;
    height: 1px;
    border: 0px;
    background-color: white;
    overflow: hidden;
    display: none;
}
.popup-xml{
    border: 1px solid darkgrey;
    padding:3px;
    background-color: lightgrey;
    height: 95%;
    width: 95%;
    overflow: auto;
}

.oBDSTreeLabel{
    width: 110px;
    padding: 5px !important;
    float: left;
    font-weight: 500;
}
.oBDSTreeValue{
    width: 510px;
    float: left;
    padding: 5px !important;
}

#oBDSTreeDialog{
    display: none;
}

#oBDSTreeDialogXML{
    float: left;
}

#oBDSTreeDebugDialog{
    padding:5px;
    display: none;
}

#oBDSDebugTraceContainer{
    border: 1px solid darkgrey;
    padding:3px;
    background-color: lightgrey;
    height: 412px;
    width: 98%;
    overflow: auto;
}

#oBDSVerlaufInfoContainer{
    padding:5px;
}

#oBDSTab{
    padding:0px;
}

#oBDSTab > div{
    padding:5px;
}

#conferenceTabs{
    padding:0px;
}

#conferenceTabs > div{
    padding:5px;
}

.ui-tabs .ui-tabs-hide {
    display: none !important;
}




.c37Tabs .ui-corner-all, .c37Tabs .ui-corner-top, .c37Tabs .ui-corner-left, .c37Tabs .ui-corner-tl{
    border-radius: 0px;
}

.c37Tabs .ui-dialog .ui-dialog-content div{
    padding:0px;
}

.c37Tabs .accordionHeader{
    height: 12px;
    display: inline-block;
    margin-top: -15px;
    margin-left: 20px;
    font-weight: bold;
    width: 98%;
}

#oBDSTreeDialog .ui-corner-all, #oBDSTreeDialog .ui-corner-top, #oBDSTreeDialog .ui-corner-left, #oBDSTreeDialog .ui-corner-tl{
    border-radius: 0px;
}

#oBDSTreeDialog .ui-dialog .ui-dialog-content div{
    padding:0px;
}

#openActionDialog .ui-corner-all, #openActionDialog .ui-corner-top, #openActionDialog .ui-corner-left, #openActionDialog .ui-corner-tl{
    border-radius: 0px;
}

#openActionDialog .ui-dialog .ui-dialog-content div{
    padding:0px;
}

.ui-dialog .ui-dialog-content div{
    padding: 5px;
    font-size: 11px;
}

div.ui-accordion-content{
    padding:5px;
    border-radius: 0px;
}

.ui-accordion-content {
    height: auto !important;
    background-color: white;
}

h3.ui-accordion-header{
    background: #99CCFF !important;
}

.errorMessagesAccordion > div > pre{
    width: 100%;
    overflow: auto;
    background-color: lightgrey;
    margin:0px 0px -5px -5px;
    padding:4px;
}

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

.border_bottom{
    border-bottom: 1px solid #000;
}


#oBDSTab-messageHistory ins {
    color: #000000;
    background: #99CCFF;
    text-decoration: none;
}
#oBDSTab-messageHistory del {
    background: #D3D3D3;
    text-decoration: line-through;
}
#oBDSTab-messageHistory code {
    font-size: smaller;
}
#oBDSTab-messageHistory #params {
    margin: 1em 0;
    font: 14px sans-serif;
}
#oBDSTab-messageHistory .code {
    margin-left: 2em;
    font: 12px monospace;
}
#oBDSTab-messageHistory .ins {
    background:#dfd;
}
#oBDSTab-messageHistory .del {
    background:#fdd;
}
#oBDSTab-messageHistory .rep {
    color: #008;
    background: #eef;
}
#oBDSTab-messageHistory .panecontainer {
    display: inline-block;
    width: 49.5%;
    vertical-align: top;
}
#oBDSTab-messageHistory .panecontainer > p {
    margin: 0;
    border: 1px solid #bcd;
    border-bottom: none;
    padding: 1px 3px;
    background: #def;
    font: 14px sans-serif
}
#oBDSTab-messageHistory .panecontainer > p + div {
    margin: 0;
    padding: 2px 0 2px 2px;
    border: 1px solid #bcd;
    border-top: none;
}
#oBDSTab-messageHistory .pane {
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    min-height: 20em;
    overflow:auto;
    font: 12px monospace;
}
#oBDSTab-messageHistory .htmldiff.onlyDeletions ins {display:none}
#oBDSTab-messageHistory .htmldiff.onlyInsertions del {display:none}

#oBDSTab-messageHistory .accordionHeader{
    height: 12px;
    display: inline-block;
    margin-top: -15px;
    margin-left: 20px;
}

.highlight_mandatory{
    border: 2px dashed red !important;
}

.highlight_relevant{
    border: 2px dashed orange !important;
}

.tdAlignRight{
    text-align: right;
}

.tdAlignCenter{
    text-align: center;
    vertical-align: middle;
}

.ui-dialog .ui-dialog-content .tumormarkerContainer div{
    padding: 3px !important;
}

.tumormarkerContainer{
    display:flex;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.tumormarkerFirstColumn{
    width: 130px;
}

.tumormarkerColumn{
    flex-grow: 1;
}

 .tooltip2 {
     position: relative;
     display: inline-block;
     border-bottom: 1px dotted #ddddee;
     cursor: help;
 }

.tooltip2 .tooltip2text {
    visibility: hidden;
    width: 420px;
    background-color: #ffffff;
    color: #3d5585;
    text-align: left;
    padding: 5px;
    border-radius: 6px;
    position: absolute;
    z-index: 200;
    border: 1px solid black;
}

.tooltip2:hover .tooltip2text {
    visibility: visible;
}

.p-0 { /*bootstrap-like syntax*/
    padding: 0 !important;
}

.pl-0{
    padding-left:0px !important;
}

.mt-10 { /*bootstrap-like syntax*/
    margin-top: 10px;
}

.mb-10 { /*bootstrap-like syntax*/
    margin-bottom: 10px;
}

.input-area-with-fieldset-default {
    width: 98%;
    height: 50px;
    display: inline;
}

.border-collapse{
    border-collapse: collapse;
}

.hidden{ /*bootstrap-like syntax*/
    overflow:hidden;
}

.float-r{ /*bootstrap-like syntax*/
    float: right;
}

.y-center-child {/*bootstrap-like syntax*/
    position: relative;
}

.y-center-child > *{
    top: 50%;
    position: absolute;
    transform: translate(0,-50%);
}

.tb-fixed{/*bootstrap-like syntax*/
    table-layout: fixed;
}

.no-overflow{/*bootstrap-like syntax*/
    overflow: hidden;
}

.refresh-button{
    cursor:pointer;
    float:right;
}

.w-150{
    width: 150px;
}

.pointer{
    cursor: pointer;
}