body {font:normal 13px Roboto, Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#303a40; background:#fff; position:relative;} p {margin:0; padding:0;} a, .btn-link {color:#76b4f1;} * {outline:0 !important;} strong {font-weight:700} ol, ul, dl {margin:0;} @media (min-width:300px) { .container {width: 100% !important;} } @media (min-width:1280px) { .container {width: 1250px !important;} } /* // Disclaimer & Header & Footer */ #Disclaimer { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f1f7f9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f7f9)); background: -webkit-linear-gradient(top, #ffffff 0%,#f1f7f9 100%); background: -o-linear-gradient(top, #ffffff 0%,#f1f7f9 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f1f7f9 100%); background: linear-gradient(to bottom, #ffffff 0%,#f1f7f9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f7f9',GradientType=0 ); } #Header { background: #f1f7f9; background: -moz-linear-gradient(top, #f1f7f9 0%, #d8e7ef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f7f9), color-stop(100%,#d8e7ef)); background: -webkit-linear-gradient(top, #f1f7f9 0%,#d8e7ef 100%); background: -o-linear-gradient(top, #f1f7f9 0%,#d8e7ef 100%); background: -ms-linear-gradient(top, #f1f7f9 0%,#d8e7ef 100%); background: linear-gradient(to bottom, #f1f7f9 0%,#d8e7ef 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f7f9', endColorstr='#d8e7ef',GradientType=0 ); } #Footer {background:#d9e7ef; color:#9ab0bc;} #Disclaimer p {border-color:#d8e7ef !important; color:#9ab0bc} #Header, #Header *, #Footer {border-color:#97b5e8 !important;} #Header {border-bottom:1px solid transparent; box-shadow:0 10px 0 0 #fff; position:relative; z-index:30; color:#7182a0;} #Disclaimer p, #Header p, #Footer p {margin:0; font-size:92%; line-height:1.5; text-align:justify;} #Disclaimer p {padding:10px 0; border-bottom:3px double transparent;} #Header .ShortDescription p {padding-top:5px;} #Header p.SubstanceInfo {margin:10px 0; text-align:right;} #Header p.SubstanceInfo a {margin-left:10px;} #Footer {border-top:1px solid transparent;} #Footer p {padding:15px 0;} #Footer .EchaLogo img {margin:20px auto;} #Disclaimer p a, #Footer p a {color:#618598;} #Header p a {color:#3d6c85;} #TopNav {margin-top:15px;} #Header h1 {margin:0; height:70px; line-height:70px; font-weight:400; color:#2b519a; text-shadow:0 2px 2px rgba(0, 0, 0, 0.1); border-bottom:1px dotted transparent;} @media (max-width:768px) { #Header h1 {height:auto; padding:10px 0; font-size:15px; line-height:20px;} } #Header .LongTitle {display:block; white-space:nowrap; overflow:hidden; font-size:15px !important; text-overflow:ellipsis; height:50px;} #SubstanceName .tooltip {top:50px !important;} #SubstanceName .tooltip-inner {max-width:100%;} #SubstanceName .tooltip.bottom .tooltip-inner {text-align:left;} #SubstanceName .tooltip.bottom .tooltip-arrow {border-bottom-color:#1e232c !important;} #Header.affix {position:fixed; top:0; left:0; width:100%;} #Header .nav-tabs {border:0; margin:0;} #Header .nav-tabs li {padding:0; margin-right:5px;} #Header .nav-tabs li a {float:left; margin:0; border-bottom:0; line-height:40px; padding:0 10px; color:#fff; background: #e7ab26; background: -moz-linear-gradient(top, #e7ab26 0%, #d25925 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7ab26), color-stop(100%,#d25925)); background: -webkit-linear-gradient(top, #e7ab26 0%,#d25925 100%); background: -o-linear-gradient(top, #e7ab26 0%,#d25925 100%); background: -ms-linear-gradient(top, #e7ab26 0%,#d25925 100%); background: linear-gradient(to bottom, #e7ab26 0%,#d25925 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7ab26', endColorstr='#d25925',GradientType=0 ); } #Header .nav-tabs li a:hover, #Header .nav-tabs li a:focus {background:#db7b25; filter:none; outline:0;} #Header .nav-tabs li a.TabHelp {display:none;} #Header .nav-tabs li.active a {color:#d25925; background:#fff; filter:none;} #Header .nav-tabs li.active a.TabLink {border-right:0; border-top-right-radius:0;} #Header .nav-tabs li.active a.TabHelp {display:block; border-left:1px dotted transparent; border-top-left-radius:0; font-size:16px; color:#7794cb; cursor:pointer;} #Header .nav-tabs li.active a.TabHelp:hover, #Header .nav-tabs li.active a.TabHelp:focus {background:#eff6f8; color:#2b6ac2;} /* Disclaimer & Header & Footer // */ /* // MODAL */ .tooltip.in {opacity:1; filter:alpha(opacity=100)} .tooltip-inner {width:auto !important; max-width:auto !important; padding:5px 8px; color:#fff; background-color:#1e232c; border-radius:2px;} .tooltip.top .tooltip-arrow, #Header .tooltip.top .tooltip-arrow {border-top-color: #1e232c !important;} #Header .tooltip-arrow {border-color:transparent !important;} .modal-backdrop {background:#06161a;} .modal-content {border-radius:3px;} .modal-header {background:#f0f3f5; border-radius:3px 3px 0 0; padding:10px 15px;} .modal-header .close {margin-top:4px; font-size:16px; opacity:1; color:#96adb2;} .modal-header .close:hover, .modal-header .close:focus {color:#7b9195;} .modal-footer {background:#f0f3f5; border-radius:0 0 3px 3px; padding:10px 15px;} .modal-header h4 {color:#2b519a; font-size:18px; font-weight:400; text-shadow:0 2px 2px #c3d2d9;} .modal-content, .modal-header, .modal-footer {border-color:#d3e9f2;} .modal-content {-webkit-box-shadow:0 3px 9px rgba(6,22,26,0.5); box-shadow:0 3px 9px rgba(6,22,26,0.5);} @media (min-width:768px) { .modal-content {-webkit-box-shadow:0 3px 9px rgba(6,22,26,0.5); box-shadow:0 3px 9px rgba(6,22,26,0.5);} } .modal-body {max-height:calc(100vh - 180px); overflow-y:auto;} .modal-body p, .modal-body ul, .modal-body ol {margin-bottom:10px;} .modal-body ul, .modal-body ol {padding-left:40px;} p.ModalIntro {border-bottom:1px solid #d3e9f2; padding:0 0 15px 0; margin:0 0 15px 0;} ul.PrintSections, ul.PrintSections ul {list-style:none; padding:0; margin:0;} ul.PrintSections ul {margin-top:10px;} ul.PrintSections ul li {padding-left:20px;} ul.PrintSections input {float:left; clear:both; margin:2px 0 0 0;} ul.PrintSections label {display:block; margin-left:20px;} ul.PrintSections ul label {font-weight:400;} @media (min-width:768px) { .col-sm-6:first-child ul.PrintSections {border-right:1px dotted #d3e9f2;} } .modal-footer .btn-default {background-color:#ced7d9; border:0;} .modal-footer .btn-default:hover, .modal-footer .btn-default:focus {background-color:#dde5e7;} .modal-footer .btn-primary {background-color:#315faf; border:0;} .modal-footer .btn-primary:hover, .modal-footer .btn-primary:focus {background-color:#4975c0;} .TabularInfo {border-color: #d8e7ef; border-top-color:#c0d4df; margin-bottom: 20px;} .TabularInfo th {background-color: #e5eff4; font-weight: normal;} .TabularInfo thead tr:first-child th {background-color: #d8e7ef; font-weight: bold; border-color: #c0d4df;} .TabularInfo tr {vertical-align: top;} .TabularInfo td, .TabularInfo th {padding:10px 5px; border-color: #d8e7ef;} /* MODAL // */ /* // SideNav */ .SideNavWrapper {font-size:12px; width:195px; z-index:20;} .SideNavWrapper.affix-bottom {position:relative;} .SideNav {padding:0 0 5px 5px; overflow-y:auto; margin-left:-5px; background:#fff; box-shadow:0 0 0 5px #fff;} #ScientificProperties .SideNav a {font-weight:500;} #SubstanceDescription .SideNav a, #ScientificProperties .SideNav ul ul a {font-weight:400;} .SideNav a {color:#2b519a;} .SideNav ul {border-top:2px solid #fff; box-shadow:-1px 0 0 0px #cfe0f1; margin:0;} .SideNav li {margin-bottom:1px;} .SideNav li a {padding:3px; border:2px solid #fff; border-width:0 2px;} .SideNav li.active a {background-color:#f5f3f0; font-weight:500;} .SideNav li a:hover, .SideNav li a:focus, .SideNav ul li.active ul a:hover, .SideNav ul li.active ul a:focus {background-color:#f5f3f0;} .SideNav ul ul {display:none; box-shadow:none; margin-bottom:10px;} .SideNav ul li.active ul {display:block;} .SideNav ul li.active ul a {font-weight:400; background:url(/diss-blank-theme/images/cnl/graph/sidenav_blt2.png) transparent 3px 9px no-repeat; padding-left:10px; font-size:11px;} .SideNav ul li.active li.active a {background-color:#f5f3f0;} #ScientificProperties .SideNav li.NoData a {color:#babcbf; background-image:url(/diss-blank-theme/images/cnl/graph/sidenav_blt2_nodata.png)} #SubstanceDescription .SideNav li.active a {box-shadow:-5px 0 0 0px #d25925;} #ScientificProperties .SideNav li.active a {box-shadow:-5px 0 0 0px #d25925;} #ScientificProperties .SideNav ul li.active li.active a {box-shadow:-2px 0 0 0px #d25925;} #ScientificProperties .SideNav ul li.active li.active.NoData a {box-shadow:-2px 0 0 0px #bfbdba;} #ScientificProperties .SideNav ul li.active ul a {box-shadow:none;} #ScientificProperties .SideNav a.PageTop, #SubstanceDescription .SideNav a.PageTop {display:block; background:#fff; padding:10px 0 3px 5px; font-weight:400; font-size:11px;} .trigger-sidenav {padding:2px 7px; border-radius:2px; margin:5px 0 0 0; background:#d5632b; color:#fff; position:relative;} .trigger-sidenav:hover, .trigger-sidenav:focus {background:#e08023; color:#fff;} .SideNavCol.trigger-sidenav-active {position:absolute; right:0; margin-top:-29px; display:inline!important; padding:0;} .SideNavCol.trigger-sidenav-active .SideNavWrapper, .SideNavCol.trigger-sidenav-active .SideNavWrapper.affix, .SideNavCol.trigger-sidenav-active .SideNavWrapper.affix-top{right:0;} .SideNavCol.trigger-sidenav-active .SideNav {margin-top:9px; padding:0px 0 30px 15px; box-shadow:-4px 4px 8px 0 rgba(0, 0, 0, 0.3) !important; border-left:1px solid #4e4763;} .SideNavCol.trigger-sidenav-active .SideNavWrapper {width:270px;} /* SideNav // */ /* // MAIN */ #Main {padding-top:30px;} .MainContent {margin-top:-30px;} .Section {padding-top:30px; margin:0 auto 30px auto;} #ScientificProperties .Section {margin-top:60px;} #ScientificProperties .Section:first-child {margin-top:0;} .SubSection {margin:0 auto; padding-top:30px;} .SectionTitle, .SubSectionTitle {border-radius:2px; font-size:14px;} #SubstanceDescription .SectionTitle, .SubSectionTitle {color:#d25925; border-bottom:1px solid #bfc9dd; background: #f1f6f8; background: -moz-linear-gradient(top, #f1f6f8 0%, #e8eff3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f6f8), color-stop(100%,#e8eff3)); background: -webkit-linear-gradient(top, #f1f6f8 0%,#e8eff3 100%); background: -o-linear-gradient(top, #f1f6f8 0%,#e8eff3 100%); background: -ms-linear-gradient(top, #f1f6f8 0%,#e8eff3 100%); background: linear-gradient(to bottom, #f1f6f8 0%,#e8eff3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f6f8', endColorstr='#e8eff3',GradientType=0 ); } #ScientificProperties .SectionTitle {color:#2b519a; background:#deebf1; border-radius:2px 2px 0 0;} #SubstanceDescription .SubSectionTitle {background:#f2f6f7; filter:none; border:0;} #SubstanceDescription .SubSectionTitle h3 {margin:0; padding:7px; font-size:13px; font-weight:500; color:#2b519a;} .SectionTitle h3 {font-weight:500 !important;} .SectionTitle h3, .SubSectionTitle h4, .STButtons a {margin:0; font-size:14px; line-height:28px; font-weight:400;} .STButtons {float:right;} .STButtons a {color:#7794cb; display:block; float:left;} .STButtons a:last-child {border-radius:0 2px 2px 0;} .STButtons .fa {line-height:28px;width:100%;padding:0 7px;} .STButtons .tooltip.in {top:-46px!important;} #SubstanceDescription .SectionTitle .STButtons a, #ScientificProperties .SubSectionTitle .STButtons a {border-left:1px dotted #bfc9dd;} #ScientificProperties .SectionTitle .STButtons a {color:#7794cb; border-left:1px dotted #c2d7ec;} #SubstanceDescription .SubSectionTitle .STButtons a {border-left:1px dotted #bfc9dd; color:#7794cb;} #SubstanceDescription .SubSectionTitle .STButtons a:hover, #SubstanceDescription .SubSectionTitle .STButtons a:focus {background:#e2edf3;} #SubstanceDescription .SectionTitle .STButtons a:hover, #SubstanceDescription .SectionTitle .STButtons a:focus, #ScientificProperties .SubSectionTitle .STButtons a:hover, #ScientificProperties .SubSectionTitle .STButtons a:focus {background:#daecf5;} #ScientificProperties .SectionTitle .STButtons a:hover, #ScientificProperties .SectionTitle .STButtons a:focus {background:#cde1ea;} p.SectionDescription {padding:10px 7px 15px 7px; text-align:justify; color:#2b519a; background:#deebf1; border-top:1px dotted #c2d7ec; border-radius:0 0 2px 2px;} @media (max-width:1024px) { p.SectionDescription {text-align:left;} } .TooltipBlock {display:inline-block; margin:0 4px 0 0; font-weight:normal; font-size:10px; padding:0 5px; line-height:11px; border-radius:2px; border:1px solid #bfcbe0; cursor:help; color:#5d85c9; background: #f0f3f5; background: -moz-linear-gradient(top, #ffffff 0%, #f0f3f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f3f5)); background: -webkit-linear-gradient(top, #ffffff 0%,#f0f3f5 100%); background: -o-linear-gradient(top, #ffffff 0%,#f0f3f5 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f0f3f5 100%); background: linear-gradient(to bottom, #ffffff 0%,#f0f3f5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f3f5',GradientType=0 ); } .TooltipInline {cursor:help; border-bottom:1px dotted #e5a226;} .TooltipInline[data-original-title=''] {cursor:text; border:0;} .SectionContent {margin:10px 0 20px 0; font-size:12px;} .SubSectionContent {margin:10px 0 20px 0;} .SubstanceCard {padding:0 0 15px 0; margin-bottom:15px; border-bottom:1px solid #cfe0f1;} .SubstanceCard .SubstanceImg {background:#fff; border-radius:3px; padding:7px; max-height:200px;} .SubstanceCard ul {clear:both; list-style:none; margin:0 0 0 15px; padding:0;} .SubstanceCard li {padding:5px 0; border-top:1px dotted #cfe0f1;} .SubstanceCard li:first-child {border:0;} .dl-horizontal dd {min-height:23px;} .SectionContent dl {padding:0 7px; margin:0;} .SectionContent dt {text-align:left; font-weight:700; white-space:normal;} .SectionContent dt, .SectionContent dd {border-top:1px dotted #cfe0f1; padding:5px 0 0 0; margin-top:5px; margin-bottom:0; word-wrap: break-word;} .SectionContent dt:first-child, .SectionContent dd:nth-child(2) {border-width:0; margin-top:0;} @media (max-width:992px) { .SectionContent dl {margin:15px 0;} } .SectionContent h4 {margin:10px 0 0 0; padding:7px; font-size:13px; font-weight:500; background:#f0f2f5;} .SectionContent h5 {margin:15px 0 0 0; padding:7px; font-size:13px; font-weight:700; border-bottom:1px dotted #cfe2db; color:#5c7cb9;} .panel h5 {border-bottom:0; font-size:12px; padding:7px 0; margin-top:5px;} .SectionContent dl+h4 {margin-top:30px;} .CriticalProperties {list-style:none; margin:0; padding:7px;} .CriticalProperties li {float:left; margin:0 10px 0 0; padding:0; font-size:20px; height:60px; line-height:58px; width:60px; border-radius:30px; text-align:center; font-weight:400; color:#00566e; cursor:help; border:1px solid #606060; background: #f0f3f5; background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #f0f3f5 85%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(85%,#f0f3f5)); background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#f0f3f5 85%); background: -o-radial-gradient(center, ellipse cover, #ffffff 0%,#f0f3f5 85%); background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%,#f0f3f5 85%); background: radial-gradient(ellipse at center, #ffffff 0%,#f0f3f5 85%);} @media (max-width:400px) { .CriticalProperties li {font-size:15px; height:40px; line-height:38px; width:40px; border-radius:20px;} } .Pictograms {padding:0 7px;} .PictoGroup {padding:15px 0; border-bottom:1px dotted #cfe0f1;} .PictoGroup:first-child {padding-top:7px;} .PictoGroup:last-child {padding-bottom:0; border:0;} .PictoGroup ul {list-style:none; margin:0; padding:0; width:100%;} .PictoGroup ul:after {content:""; display:table; clear:both;} .PictoGroup li {float:left; margin:0 15px 7px 0;} .PictoGroup li:last-child {margin-right:0;} .PlainText {padding:0 7px;} .PlainText, .panel-body {text-align:justify; line-height:1.5;} .PlainText p+p, .panel-body p+p {margin-top:10px;} @media (max-width:992px) { .PlainText, .panel-body {text-align:left;} } .CnLGraph {margin:15px 0;} .ExpandCollapse {margin:-5px 0 5px 0;} .SectionContent .panel {margin:0 0 15px 0 !important; border-radius:0; border:0; box-shadow:none;} .SectionContent .panel-heading {padding:0; background:transparent; border:0;} .SectionContent .panel-heading .inactive {color:#9DA2AF;} .SectionContent .panel-body {padding:7px; border:0 !important;} .SectionContent .panel-heading h4 {border:0; margin:0; padding:0; background:transparent;} .SectionContent .panel-heading a {display:block; border-radius:2px; background:#f0f2f5; color:#d55f2b; font-size:13px; font-weight:500; padding:7px;} .SectionContent .panel-heading a.collapsed {color:#2b51ae;} .SectionContent .panel-heading a:before {content:"-“"; display:inline-block; width:12px;} .SectionContent .panel-heading a.collapsed:before {content:"+"} .SectionContent .panel-heading a.inactive:before {content: ""; } .SectionContent .panel-heading a:hover, .SectionContent .panel-heading a:focus {background:#e7eef7; text-decoration:none;} .SectionContent .panel-heading a.inactive:hover, .SectionContent .panel-heading a.inactive:focus {background:#f0f2f5; text-decoration:none;} .SectionContent .panel-body .SplitList {list-style:none; padding:0; margin:0; -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } @media (max-width:992px) { .SectionContent .panel-body .SplitList {-webkit-column-count:1; -moz-column-count:1; column-count:1;} } .SectionContent .panel-body .SplitList li {padding:0 0 0 15px; margin:10px 0; background:url(/diss-blank-theme/images/cnl/graph/blt.png) 3px 7px no-repeat; font-size:11px;} .SectionContent .panel-body .SplitList li:first-child {margin:0;} @media (max-width:370px) { .col-DataProvided {clear:both; width:100%;} } .EndpointHeader {padding:7px; border-radius:2px; border-bottom:1px solid #cfe0f1; min-height:41px;} .EndpointSubHeader {padding:14px 7px 7px 7px; margin:0; border-bottom:1px solid #cfe0f1; border-top:1px solid #cfe0f1; min-height:49px;} .EndpointHeader+.EndpointSubHeader {border-top:0;} .EndpointHeader:after, .EndpointSubHeader:after {content:""; display:table; clear:both;} .EndpointHeader h5 {margin:0 0 7px 0; padding:0; font-size:13px; font-weight:500; float:left; color:#2b519a;} .EndpointSubHeader h6 {margin:0; padding:0; font-size:13px; font-weight:500; float:left; clear:left; color:#719EF5;} .EndpointHeader ul, .EndpointSubHeader ul {margin:0; padding:0; float:right; list-style:none; font-size:10px;} .EndpointHeader ul {color:#91989e;} .EndpointSubHeader ul {color:#91989e;} .EndpointContent {margin:0 0 10px 0; padding:7px 7px 0 7px; font-size:12px;} .EndpointContent h6 {margin:30px 0 0 0; padding:0; font-size:12px; font-weight:700; color:#2b519a;} .EndpointContent dl {margin:0;} .EndpointContent dt, .EndpointContent p+dl dt:first-child {border-top:1px dotted #cfe0f1; padding:7px 0 0 0; margin:7px 0 0 0; font-weight:700;} .EndpointContent dt:first-child {border-top:0; margin:0; padding:0;} .EndpointContent dd {margin:3px 0;} .EndpointContent table {width:100%;} .DataProvided th, .DataProvided td {padding:3px 0; font-size:11px;} .DataProvided th[scope="row"] {font-weight:normal;} .DataProvided th[scope="col"] {border-bottom:1px solid #cfe0f1;} .DataProvided th.vTH {width:18px;} .DataProvided th.vTH, .DataProvided td {border-left:1px dotted #cfe0f1; text-align:center;} .DataProvided th[scope="row"], .DataProvided td {border-bottom:1px dotted #cfe0f1;} .DataProvided tr:last-child th[scope="row"], .DataProvided tr:last-child td {border-bottom:0;} .DataProvided td[colspan] {text-align:left;} .DataWaiving th.vTH, .DataWaiving td:first-child {border-left:0; text-align:left;} .TabularLeft {margin:0 0 0 -7px} .TabularRight {margin:0 -7px 0 0} .NormalTable th, .NormalTable td {padding:7px;} .NormalTable th {background:#f0f2f5; border:1px solid #FFF; border-width:15px 0 1px 0; font-weight:500;} .NormalTable td {border:1px dotted #cfe0f1; border-width:0 0 1px 1px;} .NormalTable td.TableRowGroup {border-width:1px 0; font-weight:500; color:#719EF5;} .NormalTable td:first-child {border-left:0;} .NormalTable tr:last-child td {border-bottom:0;} .NoDataContent * , dt.NoDataContent, dd.NoDataContent {color:#b9c0c7 !important;} .NoDataContent .EndpointHeader, .NoDataContent .EndpointSubHeader, .NoDataContent dt, .NoDataContent .TooltipBlock, .NoDataContent .TooltipInline {border-color:#dce3e1 !important;} .NoDataHeader {background:#d0d4d9 !important; border:0; color:#fff;} .NoDataHeader a {border-color:#dfe8e5 !important; color:#fff;} .NoDataHeader a:hover, .NoDataHeader a:focus {background:#dde1e6 !important;} .NoDataContent p {padding:0 7px;} .Graph {font-size: 10px; margin:15px 7px 20px 7px; color:#000;} .Graph td {padding: 3px 10px 3px 0; border-bottom:1px dotted #bed6e0;} .Graph td:first-child {white-space: nowrap; padding-right: 20px; padding-left:0;} .Graph td:last-child {padding-right:0;} .Graph td div {white-space: normal;} .Graph tr:first-child td {border-top:1px dotted #bed6e0;} .Graph td:last-child, .Graph tr:first-child td:last-child, .Graph tr:last-child td {border-bottom: 0; border-top:0;} .Graph .Lblue {background-color: #9BCFEA; float:left;} .Graph .Dblue {background-color: #D6EBF6; float:left;} .GraphLegend {font-size: 10px; color:#000; letter-spacing: 1px; padding-left: 30%; padding-top:20px;} .GraphLegend p {padding-bottom: 5px;} .GraphLegend img {float:left; margin-right: 10px;} .Graph .Percentage {position:relative; border-top:1px solid #bed6e0 !important;} .PercentageBar {position:absolute; display:block; width:30px; padding-top:5px; margin-left:-15px; text-align: center; background:url(/diss-blank-theme/images/cnl/graph/graphDivider.png) 50% 0 no-repeat; color: #595959;} .PC00 {left:0%} .PC10 {left:10%} .PC20 {left:20%} .PC30 {left:30%} .PC40 {left:40%} .PC50 {left:50%} .PC60 {left:60%} .PC70 {left:70%} .PC80 {left:80%} .PC90 {left:90%} .PC100 {left:100%} .graphBar {height:13px;float:left;} /* MAIN // */ @media print { @page {margin:0.5cm 1cm 0.8cm 1cm;} body .container {width:18.7cm !important;} body .container .container {width:auto !important;} *, #Header, #Header *, #Disclaimer p, .MainContent * {box-shadow:none !important; text-shadow:none !important; filter:none !important; border-color:#a2d0df !important; background:transparent !important;} .PrintVersion, .HeaderNav, .trigger-sidenav, .STButtons, .ExpandCollapse {display:none;} .tab-content>.tab-pane {display:block !important; visibility:visible !important;} .fade {opacity:1 !important;} #Footer, .Section, .SubSection, .panel, table {page-break-inside: avoid;} .Section:after, .SubSection:after, .panel:after, table:after {content:""; display:table; clear:both;} div[class*="col-"] {float:left !important; clear:none !important;} div.col-md-8, div[class$="-8"] {width:66.666% !important;} div.col-sm-6, div[class$="-6"] {width:50% !important;} div.col-md-4, div[class$="-4"] {width:33.333% !important;} #ScentificProperties .SubSectionTitle .col-xs-9 {width:100% !important;} #Footer {margin-top:20px; border-top:2px solid #333 !important; padding-top:10px !important;} #Footer div[class$="-10"] {width:83.333% !important;} #Footer div[class$="-2"] {width:16.666% !important;} #Footer .EchaLogo img {width:90px; margin:10px 0 0 0;} #Main, .MainContent {margin-top:0px !important; margin-bottom:0 !important; padding-top:0 !important; padding-bottom:0 !important;} #Disclaimer p {border-bottom:1px dotted transparent;} #HeaderWrapper {height:auto !important;} #Header {position:relative !important; border-bottom:2px solid #333 !important;} #Header.affix {position:relative !important;} #Header div[class*="col-"] {width:100%; float:none; clear:both;} #Header * {margin-top:0 !important; margin-bottom:0 !important;} #Disclaimer p, #Header h1, #Header p, #Footer p {margin-left:-10px !important; margin-right:-10px !important;} #Header .ShortDescription p {border-bottom:1px dotted transparent;} .dl-horizontal {margin:0 !important;} .dl-horizontal dt {width:33% !important; float:left !important; clear:both !important; /*white-space:nowrap !important; overflow:hidden !important; text-overflow: ellipsis !important;*/} .dl-horizontal dd {width:66.9% !important; margin-left:33.1% !important; min-height:19px;} .dl-horizontal dd:after {content:""; display:table; clear:both !important;} .EndpointHeader {border-radius:0 !important;} .Pictograms, .PlainText, .CriticalProperties, .SectionContent dl, .SectionContent .panel-heading a, .SectionContent .panel-body, .EndpointHeader, .EndpointSubHeader, .EndpointContent, .EndpointSubContent {padding-left:0 !important; padding-right:0 !important;} .Graph .Lblue {background-color: #9BCFEA!important;} .Graph .Dblue {background-color: #D6EBF6!important;} /* ============ */ h1, h1 span, h2, h3, h4, .panel-heading a, h5, h6 {margin:0 !important; padding:0 !important; font-weight:500 !important; color:#25b8e8 !important;} h6 {font-size:6pt !important; font-weight:400 !important;} h5 {font-size:6pt !important; margin-top:10px !important;} .EndpointHeader h5 {margin:0 !important;} h4 {font-size:7pt !important; margin-top:10px !important; padding-bottom:5px !important; border-bottom:1px solid transparent;} .panel h4 {padding-bottom:0 !important; border:0;} #ScientificProperties h4 {margin:0 !important; padding:0 !important; border:0 !important;} h3 {font-size:8pt !important;} .SubSectionTitle h3 {font-size:7pt !important;} #ScientificProperties .SectionTitle h3 {color:#333 !important;} h2 {font-size:9pt !important; margin:30px -10px -15px -10px !important; color:#333 !important; padding:3px 5px !important; border-left:5px solid #25b8e8 !important;} h1, h1 span {font-size:14pt !important; line-height:20pt !important;} h1 {padding-top:15px !important; padding-bottom:15px !important;} p, dl, dt, dd, ul, li, th, td, a {font-size:7pt !important; line-height:1.3 !important; color:#333 !important;} p {padding:5px 0 !important; margin:0 !important;} #Disclaimer p, #Disclaimer p a, #Header p, #Footer p {color:#b8ced5 !important;} .GraphLegend {padding-left:0;} .GraphLegend p {font-size: 7pt!important; padding-bottom:0!important;} .Section, .SubSection {margin:20px -10px !important; padding:0 10px !important; border:1px solid transparent; border-radius:3px;} .SectionTitle, .SubSectionTitle {margin:0 -10px !important; padding:5px 10px !important; border-radius:0 !important; border-bottom:1px dotted transparent; height:auto !important; min-height:auto !important; max-height:auto !important;} #ScientificProperties .SectionTitle {border:0 !important;} .SectionTitle *, .SubSectionTitle * {line-height:inherit !important;} .SectionContent, .SubSectionContent {margin:0 !important; padding:0 0 5px 0!important;} #ScientificProperties .Section {border:0; border-left:5px solid transparent; border-radius:0;} .SubstanceCard {border-bottom:1px dotted transparent; margin:0;} .CriticalProperties li {font-size:10pt !important; height:40px; width:40px; line-height:40px !important; border-radius:20px;} .TooltipInline {border:0 !important;} #ScientificProperties p.SectionDescription {border:0 !important;} .SectionContent .panel, .panel-body, .panel-heading a {margin:0 !important; padding:0 !important;} .SectionContent .panel-heading a:before, .SectionContent .panel-heading a.collapsed:before {content:""; display:none; width:0;} .panel-collapse {display:block !important; visibility:visible !important;} .SectionContent .panel-body .SplitList {list-style:square; padding-left:20px !important; margin:5px 0 0 0 !important;} .SectionContent .panel-body .SplitList li {padding:0px !important; margin:0 !important;} .NormalTable th {border-top:0 !important; border-bottom:1px solid transparent; font-weight:500;} td.TableRowGroup {border-bottom:1px solid transparent; font-style:italic;} .dl-horizontal dt.NoDataContent, .dl-horizontal dd.NoDataContent, .SubstanceCard li.NoDataContent strong, .SectionContent .panel-heading .inactive, #SubstanceDescription .Section.NoDataContent, #ScientificProperties .NoDataContent .EndpointHeader, #ScientificProperties .NoDataContent .EndpointContent, #ScientificProperties .NoDataContent .EndpointSubHeader, #ScientificProperties .NoDataHeader h4, #ScientificProperties .NoDataHeader h5, #ScientificProperties .NoDataHeader h6, #ScientificProperties .NoDataHeader p, #ScientificProperties .NoDataHeader span, #ScientificProperties .NoDataContent span, #ScientificProperties .NoDataContent .TooltipBlock, #ScientificProperties .SubSectionContent.NoDataContent p {border-color:#dce3e1 !important; color:rgb(0,0,0) !important; text-shadow: 0 0 0 #ccc !important; font-size:7pt !important; opacity:0.3!important;} #ScientificProperties .NoDataContent .EndpointHeader, #ScientificProperties .NoDataContent .EndpointContent {opacity:0.5!important;} #ScientificProperties .SubSection {border-color:#CCC !important;} #ScientificProperties .SubSectionTitle.NoDataHeader {border:0 !important;} #ScientificProperties .SubSectionTitle.NoDataHeader h4, #ScientificProperties .SubSectionTitle.NoDataHeader p {padding:0 !important;font-size:6.5pt !important;} #Legend {margin:20px 0; padding:20px 0 0 0; border-top:1px solid #333 !important;} #Legend p {text-align:right; font-weight:bold; margin:0 !important; padding:2px 0 !important;} #Legend th, #Legend td {padding:2px 3px;} #Legend th {padding-bottom:5px;} .graphBar {height:9pt;} .noBold-print {font-weight:normal!important;} }