@CHARSET "UTF-8";


b, th, strong {
    font-weight: normal;
    font-family:  Arial, Helvetica, sans-serif;
}


.page_margins {
    width: 100%;
    max-width: 1400px;
    background-color: transparent;
}


div#footer {
    display: none;
}

html * {
    font-size: 99%;
}

body {
    font-family:  Arial, Helvetica, sans-serif;
    color: #474747;
    background: #fff;
}

body.datasheet {
    background-color: transparent;
}

ul {
    font-family:  Arial, Helvetica, sans-serif;
}

#divbreadcrumb a, a:visited {
    text-decoration: none;
}

#divbreadcrumb a:hover, a:focus, a:active {
    text-decoration: underline;
}

a.title_text {
    color: #003c71;
}

#title_div {
    top: 0px;
    margin-top: 55px;
    padding-right: 100px;
}

body.advancedsearch #col2 {
    width: 20%;
    display: inline;
}

#standardbody #header {
    background-color: transparent;
    height: 100px;
    padding: 0px;
}

#footer {
    line-height: 1.2em;
}

#headerimages {
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
}

#ux-lightbox-dataContainer {
    color: #474747;
    background-color: #bdbdbd;
}

#ux-lightbox-bottomNav-dshead i {
    font-size: 1.5em;
}

#ux-lightbox-data #ux-lightbox-caption {
    color: #003c71;
}

#footer {
    color: #bdbdbd;
    background-color: #fff;
}

#ux-lightbox-shim {
    background-color: #FFFFFF;
}

#ux-lightbox-data a, #ux-lightbox-data #ux-lightbox-navClose,
#ux-lightbox-data #ux-lightbox-navPrint, #ux-lightbox-data #ux-lightbox-navCtrlPts {
    color: #003c71;
}

/*
#ux-lightbox-menuitem-ctrlpts {
    margin-right: 10px;
    padding-left: 18px;
}

#ux-lightbox-menuitem-backToDia {
    margin-right: 10px;
    padding-left: 18px;
}*/


.ux-lightbox-menuitem {
    margin-right: 2px;
}

#footer a {
    color: #474747;
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 10px;
}

#footer_content .c33r {
    width: 40%;
}

#footer_content .subcr a {
    text-decoration: underline;
}

#footer .subcl, #footer .subc {
    position: relative;
}

/* brotkrümel navigation */

#breadcrumb {
    color: #b7b7b7;
    padding: 3px 3px 3px 2px;
}

#breadcrumb:link, #breadcrumb:visited /*, #breadcrumb:active*/
{
    color: #003c71;
    text-decoration: none;
}


/* startseite bereichsüberschriften */

/* startseite globale suche */
#d2_2 {
    background-color: #f0edf0;
}

/* Tabellenzeile allgemein */
tr.even {
    background: none repeat scroll 0 0 #ffffff;
    border-top: 1px solid #f2f2f2;
}

tr.odd {
    background: none repeat scroll 0 0 #ffffff;
    border-top: 1px solid #f2f2f2;
}

tr.selectedgrade {
    color: white;
    background-color: #B7BB10;
}

/* datenblatt header */
#datasheethead {
    font-size: 108%;
}

#datasheethead .mainrow, .comparepagehead, .searchgrouphead {
    color: #474747;
    background-color: #bdbdbd;

}

#dshbuttons {
    font-size: 0.93em;
}

tr.comparepagehead td {
    padding: 10px 0px 11px 0px;
}

div.group.groupcomparepagehead {
    margin-top: 0px;
}

div.groupcomparepagehead {
    margin-top: 0px;
}

#datasheethead .subrow {
    font-weight: normal;
}

.shortdisclaimer {
    font-weight: normal;
    font-size: 95%;
}

#datasheethead .button {
    text-align: right;
}

#menu_datasheet_pdf_content a {
    color: black;
}

#main, #datasheetbody {
    background-color: transparent;
    padding-top: 0;
}

.dsbodyfooter {
    padding-bottom: 3em;
}

.maingrouptabs {
    height: 3.5em;
}

/* Eigenschaftsseite */
#datasheetbody .pagehead,
#toolboxbody .pagehead,
#portalbody .pagehead,
#svgbody .pagehead,
#zvalueselect th {
    font-family:  Arial, Helvetica, sans-serif;
    color: white;
    background-color: #0078C2;
    border-bottom: 10px solid white;
}

#datasheetbody {
    line-height: 1.5em;
}

#datasheetbody .zvalue {
    background-color: #fff;
    color: #474747;
}

#datasheetbody .noprint {
    background-color: transparent;
}

#searchheader .pagehead {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #003c71;
    border-bottom: 10px solid white;
}

#searchheader div.pagehead {
    width: 99%; /*ie7 qual grades sonst in 2. zeile unsichtbar*/
}

div.group {
    margin-top: 14px;
}

div.textfeature {
    margin-bottom: 3px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
}

/* Eigenschaftsgruppe (ISO Data, ASTM Data) */
#datasheetbody .grouphead {
    font-family:  Arial, Helvetica, sans-serif;
    color: white;
    background-color: #0078C2;
    padding-left: 5px;
}

/* gradelist */

#gradelist thead tr, #gradelist thead a {
    font-family: Arial, Helvetica, sans-serif;
    color: #003c71;
    background-color: #bdbdbd;
}

#datasheetbody .textheader {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    padding-left: 5px;
}

#datasheetbody .featureheader {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    padding-left: 5px;
}

#datasheetbody .disclaimerheader {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    padding-left: 5px;
}

#datasheetbody .diagramheader {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    padding-left: 5px;
}

#datasheetbody .autospecheader {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    padding-left: 5px;
}

#datasheetbody .autospecfooter {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    font-size: 90%;
}

#datasheetbody .documentheader {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    padding-left: 5px;
}

.name {
    padding-left: 5px;
}

#gradelist thead a {
    text-decoration: none;
    cursor: pointer;
}

#gradelist thead a:hover, a:focus, a:active {
    color: #003c71;
    text-decoration: none;
}

#gradelist tbody .link {
    cursor: pointer;
    /*color: #003478;*/
}

#gradelist tbody tr:hover {
    color: white;
    background-color: #003c71;
}

#gradelist tbody .status {
    padding-left: 1.5em;
}

/* obsolete */
#gradelist tbody .status5 {
    background: url(../images/bullet_grey.png) no-repeat scroll left center transparent;
}

/* commercial */
#gradelist tbody .status65 {
    background: url(../images/bullet_green.png) no-repeat scroll left center transparent;
}

/* experimental */
#gradelist tbody .status129 {
    background: url(../images/bullet_blue.png) no-repeat scroll left center transparent;
}

/* restricted */
#gradelist tbody .status257 {
    background: url(../images/bullet_red.png) no-repeat scroll left center transparent;
}

/* super obsolete */
#gradelist tbody .status513 {
    background: url(../images/bullet_black.png) no-repeat scroll left center transparent;
}

/* Paging Listennavigation */
#paginationtop {
    margin: 0;
}

/* Operationen mit der Werkstoffliste */
#gradelistlinks {
    width: 100%;
}

#gradelistlinks a {
    color: #003c71;
    font-size: 95%;
    text-decoration: none;
    padding-left: 2px;
    padding-right: 10px;
    line-height: 33px;
    font-size:0.85em;
}

#gradelistlinks a:hover, a:focus, a:active {
    text-decoration: none;
    color: #003c71;
}

#jumplist {
    float: left;
    font-size: 0.85em;
    margin-top: 0.5em;
    margin-left: 3em;
}

#jumplist span {
    color: #003c71;
    padding-right: 0.5em;
}

#jumplist .link {
    text-decoration: underline;
    cursor: pointer;
    width: 1.5em;
    display: inline-block;
}

/* quick search */
#searchbar {
    padding: 0 5px;
    margin: 0 5px;
}

#searchbar, #leftsearchbar, #rightsearchbar {
    background: #bdbdbd;
}

#rightsearchbar, #leftsearchbar {
    color: #474747;
}

#rightsearchbar a, #leftsearchbar a {
    color: #003c71;
}

.qspolymer select {
    width: 80px;
}

.qscategory select {
    width: 135px;
}

.qsfeatures select {
    width: 165px;
}

.qsassortment select {
    width: 145px;
}

.diagramlabel {
    background-color: #bdbdbd;
    color: #474747;
}

.bannerright {
    font-weight: normal;
}

#svgbody {
    background-color: #ffffff;
    margin: 0px;
}

.touchevents .icon-lang, .touchevents .switchunit a {
    margin-left: 0.5em;
    margin-right: 0.5em;
}

.icon-overlaydiagram {
    background: url(../images/diagram.png) no-repeat left center;
}

.icon-search {
    background: url(../images/search.png) no-repeat left center;
}

.icon-propsearch {
    background: url(../images/prop_search.png) no-repeat left center;
}

.icon-ok {
    background: url(../images/ok.png) no-repeat left center;
}

.icon-cancel {
    background: url(../images/cancel.png) no-repeat left center;
}

.icon-reset {
    background: url(../images/reset_but.png) no-repeat left center;
}

.icon-restart {
    background: url(../images/reset_but.png) no-repeat left center;
}

.icon-textsearch {
    background: url(../images/text_search.gif) no-repeat left center;
}

.icon-pdf {
    background: url(../images/pdf.png) no-repeat left center;
}

.icon-print {
    background: url(../images/print.png) no-repeat left center;
}

.icon-rfi {
    background: url(../images/rfi.gif) no-repeat left center;
}

.icon-svgclose {
    background: url(../images/cancel.png) no-repeat left center;
    padding-left: 30px;
    height: 25px;
}

.icon-svgreset {
    background: url(../images/reset_but.png) no-repeat left center;
}

.icon-svgprint {
    background: url(../images/print.png) no-repeat left center;
}

.icon-svghelp,
.icon-help {
    background: url(../images/help.gif) no-repeat left center;
}

.icon-contact {
    background: url(../images/contact.png) no-repeat left center;
}

.icon-contact-de {
    background: url(../images/contact_de.png) no-repeat left center;
}

.icon-contact-zh {
    background: url(../images/contact_zh.png) no-repeat left center;
}

.contactbutton {
    height: 25px;
}

.icon-thumbnail {
    background: url(../images/thumbnail.png) no-repeat left center;
}

.icon-ctrlpoints {
    background: url(../images/ctrlpoints.png) no-repeat left center;
}

.icon-controlpointsxls {
    background: url(../images/controlpointsxls.png) no-repeat left center;
}

.icon-diagram {
    background: url(../images/diagram.png) no-repeat left center;
}

.icon-calc {
    background: url(../images/calc_but.gif) no-repeat left center;
}

.icon-abaqus {
    background: url(../images/abaqus.gif) no-repeat left center;
}

.icon-ansys {
    background: url(../images/ansys.gif) no-repeat left center;
}

.icon-help {
    background: url(../images/help.gif) no-repeat left center;
}

.systemms #col3_content a, .systemms #characters a {
    text-decoration: underline !important;
}

#d2, #d3 {
    display: none;
}

#pagingtext, #pagenavigation {
    font-family: Arial, Helvetica, sans-serif;
    color: #747474;
    line-height: 25px;
}

.nogradeselected {
    color: #003c71;
}

@media print {
    body, #dsbody {
        background: white;
    }

    .diagramthumb {
        float: left;
    }

    .diagramlabel {
        color: black;
        background: white;
        margin-left: 80px;
        margin-bottom: 80px;
    }

    .lastpageinfo {
        display: block;
        clear: both;
    }
}

.qsicon, .svgicon, .dsicon, .mpticon {
    padding-left: 5px;
    height: 22px;
}

.qslink, .svglink, .dshlink {
    padding: 4px;
    color: #003c71;
}

#polymertable tr.trhead td {
    padding-top: 1em;
}

#divbreadcrumb {
    overflow: visible;
}

#logo img {
    width: 250px;
    height: 88.16px;
}

.qslink:hover, .svglink:hover, .dshlink:hover {
    color: #003c71;
    text-decoration: none;
}

.lightbox-btn {
    padding-top: 5px;
    margin-bottom: 3px;
    margin-top: -12px;
}

#searchform .helpright {
    float: right;
    margin-right: 0.5em;
    margin-top: 0.65em;
    margin-left: 0.3em;
}

#searchform .sptinput, #searchform input[type="text"] {
    margin-top: 5px;
}

table.full tr td img {
    margin-top: 7px;
}

.touchevents input[type="checkbox"] {
    width:1.5em;
    height:1.5em;
}

span.ashcheckbox input[type="checkbox"] {
    margin-left: 8px;
}

.touchevents #gradelist input[type="checkbox"],
.touchevents #searchform input[type="checkbox"]{
    vertical-align: -5px;
}

#gradelist input[type="checkbox"],
#searchform input[type="checkbox"] {
    vertical-align: -1px;
}

td.heading {
    padding: 4px 6px 0 6px;
}

td.checkboxwrapper {
    text-align: center;
}

.subcolumns.mainrow {
    padding: 7px 5px 6px 5px;
}

.cl { float:left; }
.cr { float:right; }

#divbreadcrumb {
    font-weight: normal;
}

#divbreadcrumb a, #divbreadcrumb a:visited {
    color: #b7b7b7;
    text-decoration: none !important;
    transition: color .1s ease-in;
    -moz-transition: color .1s ease-in;
    -o-transition: color .1s ease-in;
    -webkit-transition: color .1s ease-in;
}

#divbreadcrumb a:hover {
    color: #003c71;
    transition: color .15s ease-in;
    -moz-transition: color .15s ease-in;
    -o-transition: color .15s ease-in;
    -webkit-transition: color .15s ease-in;
}

/* Hinweis: zieht nur runter bis IE9, im 8er ist das letzte El des breadcrumbs dann immernoch grau, wie die anderen auch */
#divbreadcrumb a:last-of-type {
    color: #003c71;
}

.languageLink {
    margin-right: 5px;
    vertical-align: -2px;
}

.languageFlag {
    border: 1px solid lightgrey;
}

#leftsearchbar .qselem {
    padding-right: 5px;
}

#startsearch .qselem {
    padding-right: 0;
}

td, th {
    padding: 0.25em 0;
    padding-left: 5px;
}

#ResetButton {
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    font-family:  Arial, Helvetica, sans-serif;
    padding-right: 15px
}

#ResetButton:hover {
    text-decoration: underline;
    color: #003c71;
}

.prodtext h1, .prodtext h2, .prodtext h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 120%;
    font-weight: normal;
    font-variant: none;
    margin-top: 5px;
    margin-bottom: 0px;
}

.prodtext {
    padding: 5px;
}

.textdisclaimer {
    padding: 5px;
}

.tab-content {
    border: 0 none !important;
    /*border-color: transparent;
    border-style: none;*/
}

/* ueberschreibt styles aus basemod.css */
.glhspt, .glhmpt, .glhfeature, .glhchem {
    width: 80px;
}

/* Styles For Lightbox/iframe */

body:not(#standardbody) {
    background-color: #fff;
}

table.ctrlpoints tr th, table.ctrlpoints tr td {
    padding-right: 12px;
    padding-left: 3px;
}

/* hier muss evtl. noch der kontext genauer gecheckt werden, da es nur in der LBX passieren darf */
/* verbirgt das MPT Auswahlmenü zum Hin- und herschalten in der Einzelansicht */
/*
#dsbody .full.pagehead .subcolumns.noprint {
    display: none !important;
    overflow-y: scroll;
}
*/

/* hier sind die weggefallenen 95px von der producer column zuaddiert, und der style aus der basemod.css damit ueberschrieben */
.glhgrade {
    width: 255px;
    padding-left: 5px;
}

.glhpolymer {
    width: 145px;
}

/* folgendes bräuchten wir nur für den Kontext tabbed compare */
tr.pagehead td:first-of-type {
    /*font-size:0;*/
}

.tab-buttons-panel.tab-curveoverlay {
    margin-top: -4px;
}

#mptdropdown {
    border: 1px solid lightgrey !important;
    margin-bottom: 1px;
}

#overlaydia {
}

#overlaydia img {
    max-width: 100%;
    width: 550px;
}

.unreleased {
    color: #bbb;
}


#gradelisthead th:nth-of-type(n+4),
#gradelisthead td:nth-of-type(n+4),
#gradelistbody th:nth-of-type(n+4),
#gradelistbody td:nth-of-type(n+4) {
    text-align: center;
}

/*a.tabledia.glhmpt.glhmptdia.glhblock {    width: auto; }*/

/*Font Spezifische Überschreibungen*/

pre, select {
    font-family: Arial, Helvetica, sans-serif;
}

strong, b, .tab-buttons-panel span {
    font-family:  Arial, Helvetica, sans-serif;
}

#datasheethead {
    margin-top: 0;
}

div.group {
    margin-top: 13px;
}

.tab-buttons-panel.tab-curveoverlay {
    margin-top: -3px;
}

#mptpagination {
    margin: 4px;
}

i.fa {
    margin-right: 0.25em;
}

.mdc-chemval, .mdc-chemname {
    padding: 0.4em;
}

.mdc-chemval-0 {}


.tooltext, .banneltext {
    display: none;
}

#svgbody .tooltext {
    display: inline;
}

#advancedsearch, #definetable {
    display: none;
}

#maingroupbtns {display:none;}

.compare #maingroupbtns {
    display:block;
    position:absolute;
    right:0;
    top: 0.9em;
}

#gradelisttabs .tab_container,
#datasheet_restore, #datasheet_max,
.fullscreends #datasheet_max,
.advancedsearch #nav2, #divbreadcrumb {
    display:none;
}

.visible-xs {display: block;}
.hidden-xs {display: none;}


.fullscreends #datasheet_restore {
    display: inline;
}

.fullscreends #header, .fullscreends #nav, .fullscreends #breadcrumb {
    display: none;
}

.fullscreends #datasheetbody .diagrambox {
    float:left;
    width: 50%;
}

#datasheetbody table td.standard,
.searchlabel, .searchlabel.dtc {
    display: flex;
}

.fullscreends #datasheetbody table td.standard {
    display:table-cell;
}

body:before {
    content: "smartphone";
    display: none;
}

@media (min-width: 768px) {

    body:before {
        content: "tablet";
    }

    .visible-xs {display: none;}
    .hidden-xs {display: block;}

    #advancedsearch, #definetable, #divbreadcrumb {
        display: inline;
    }

    .tooltext {
        display: inline;
    }
    #startsearch .tooltext, #datasheet_max {
        display: none;
    }

    #datasheet_max {display: inline;}

    #gradelisttabs .tab_container,
    .advancedsearch #nav2 {
        display:block;
    }

    .advancedsearch #startsearch .tooltext,
    .definetable #startsearch .tooltext{
        display: inline;
    }

}

@media (min-width: 992px) {
    .tooltext, #startsearch .tooltext, .banneltext {
        display: inline;
    }

    #datasheetbody table td.standard {
        display:table-cell;
    }

}

@media (min-width: 1024px) {
    body:before {
        content: "desktop";
    }

    #datasheet_max {display: none;}
}

#searchbar .hidden {
    display: none;
}

/* http://www.hongkiat.com/blog/css3-checkbox-radio/ */

.glhcheck input[type=radio] {
    display: none;
}

.glhcheck label {
    display: inline;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 13px;
}

.glhcheck label:before {
    content: "";
    display: inline-block;

    width: 12px;
    height: 12px;

    margin-right: 5px;
    margin-left: 5px;

    position: absolute;
    left: 0;
    bottom: 3px;
    /*background-color: #e9e6df;*/
    /*background-color: #474747;*/
    background-color: #f7b500;
}

.glhcheck .radio label:before {
    border-radius: 8px;
}

.glhcheck input[type=radio]:checked + label:before {
    content: "\2022";
    color: #f7b500;
    font-size: 30px;
    text-align: center;
    line-height: 18px;
}

.glhcheck input[type=checkbox] {
    display: none;
}

.glhcheck .checkbox label:before {
    border-radius: 3px;
}

.glhcheck input[type=checkbox]:checked + label:before {
    content: "\2713";
    font-size: 12px;
    color: #003c71;
    text-align: center;
    line-height: 11px;
    font-weight: bold;
}

.glhcheck.prom7 label:before {
    background-color: #bb1e10;
}

.glhcheck.prom9 label:before {
    background-color: #008351;
    color: #ffffff !important;
}

.glhcheck.prom8 label:before {
    background-color: #f7b500;
}

.glhcheck.prom10 label:before {
    background-color: #45e52e;
}

.glhcheck input[type=checkbox]:checked + label:before {
    color: #003c71;
}


.ds col.glhgrade,
.compare col.glhgrade{
    width:70%;
}

.ds col.glhpolymer,
.compare col.glhpolymer{
    width:30%;
}

.ds a.glhgrade,
.ds a.glhpolymer,
.ds div.glhgrade,
.ds div.glhpolymer,
.compare a.glhgrade,
.compare a.glhpolymer,
.compare div.glhgrade,
.compare div.glhpolymer{
    width:auto;
}

.info-warning {
    text-align: center;
    padding: 2em;
    margin-top: 2em;
    background-color: indianred;
    color: white;
}

#datasheetbody .back {
    padding: 0.5em 0;
}

.groupmpt .back {
    display: none;
}

#mptdiagram .tab_container {
    margin-top: 0.5em;
}

.tab-buttons-panel li {
    border-color: #fff;
    border-radius: 0;
    background-image: none;
    background-color: #bdbdbd;
    padding-bottom: 5px;
    padding-top: 5px;
}

/* diagramme im datenblatt und thumbnail */
#datasheetbody .diagrambox {
    float:left;
    width: 380px;
    height: 330px;
    padding: 7px 0px 5px 8px;
}

.diagramL, .diagramP {
    margin: auto;
}

#datasheetbody .diagrambox {
    float: none;
    width: auto;
    height: auto;
}

#standardbody .diagrambox {
    width: auto;
    text-align: center;
}


.diagramL, .diagramP {
    max-width: 310px;
    border: 0;
    padding:0;
}


@media (min-width: 375px) {
    .diagramL, .diagramP {
        max-width: none;
    }
    .diagramL.mw-100 {
        max-width:100%;
    }
}

@media (min-width: 500px) {
    .searchlabel {
        display: flex;
    }
    .searchlabel.dtc {
        padding-top: 2px;
        padding-right: 2px;
        line-height: 21px;
    }

}

#nav {
    padding: 4px 0;
    background-color: #bdbdbd;
}


#datasheetbody .diagrambox {
    float: none;
    width: auto;
    height: auto;
}

.groupmpt.clearfix {
    height:auto;
}

#standardbody .diagrambox {
    width: auto;
    text-align: center;
}

.comboinput i.fa {
    margin-top: 0.75em;
    margin-left: 3px;
}


#searchbar {
    height: 56px;
    padding-top: 2px;
}

.advancedsearch #searchbar,
.definetable #searchbar {
    height: 56px;
    padding-top: 2px;
}

#searchbar select {
    padding: 4px;
}

#searchbar i.fa {
    display: inline;
}


#gradename {
    margin-left: 4px;
    width: 200px;
    box-sizing: border-box;
    padding: 4px;
}

.quicksearch {
    display: flex;
    flex-direction: column;
}

#gradename-wrap {
    width: 100%;
    box-sizing: border-box;
}

.qselem.qslink.qsicon, .qselem.qsselect {
    white-space: nowrap;
}

#startsearch {
    padding-top: 26px;
    padding-right: 10px;
    box-sizing: border-box;
}

#searchbarright #startsearch {
    padding-top: 4px;
    padding-right: 10px;
    box-sizing: content-box;
}

.advancedsearch #gradename {
    max-width: 300px;
}


@media (min-width: 992px) {
    .ds #startsearch, .compare #startsearch {
        padding-right: 5px;
    }

    .table #startsearch {
        padding-right: 10px;
    }

}

.dtc {
    display:table-cell;
}

.nowrap {
    white-space: nowrap;
}

.w100 {
    width:100%;
}

.w98 {
    width:98%;
}

.activelanguage img {
    width: 25px;
}

.mdc-base .mdc-wrapper {
    margin: auto;
    max-width: 1440px;
}

.mdc-row {
    max-width: 100%;
}

.mdc-block {
    background-color: #fff;
    line-height: 1.3em;
    border-left: 8px solid #fff;
    border-bottom: 16px solid #fff;
}

.min-h-13 {
    min-height: 13em;
}

.mdc-wrapper.incognito {
    margin-top: 5em;
    max-width: 40em;
}

.mdc-headline, .mdc-lead {
    padding: 2em;
}

.mdc-headline {
    background-color: #0078C2;
    color: #fff;
    border-bottom: 8px solid #fff
}

.mdc-headline h1 {
    font-size: 1.5em;
    text-transform: uppercase;
}

.mdc-lead {
    letter-spacing: 0.05em;
    background-color: #B7BB10;
	color: #fafafa;
}

.color-white {
    color: #ffffff;
}

.color-grey {
    color: #efefef;
}

.mdc-form-line {
    margin-bottom: 0.5em;
}

.mdc-form-line button {
    padding: 0.5em;
}

.mdc-logo {
    position: relative;
    margin-bottom: 1.5em;
    margin-top: 1em;
    margin-left: 8px;
    max-width: 300px;
}

.clickable {
    cursor: pointer;
}

#mdc-login {
    box-sizing: border-box;
}

.mdc-hidden {
    display: none;
}

.mdc-form-btn-right {
    text-align: right;
}

.mdc-form .btn {
    border: 0;
    padding: 0.5em 1.5em;
    font-weight: bold;
    text-transform: uppercase;
}

.mdc-form .btn:hover {
    background-color: #000;
    color: #fff;
}

.mdc-form .btn:hover {
    background-color: #000;
    color: #fff;
}

.btn.btn-white {
    background-color: #FFF;
    color: #B7BB10;
}

#mdc-login .mdc-form-line {
    margin-bottom: 1.5em;
}

.mdc-error {
    color: #ffffff;
    font-weight: bold;
}

.mdc-info {
    color: #3D701B;
}

.float-left {
    float: left;
}

#mdc-login .mdc-form-line input {
    width: 100%;
    border: 0;
    background-color: #fff;
    padding: 0.5em 10px;
    font-size: 1.1em;
}

.mchart svg {
    overflow: visible;
}

#mptpageheaderright {
    padding-top: 0.5em;
    color: white;
}

#mptpageheaderright .mptlink {
    padding-right: 1em;
}

.searchbarcontainer {
    display: flex;
    font-size: 113%;
    zoom: 70%;
}

.appcards-all .app-addinfo {
    display: none;
}

.app-addinfo {
    margin-top: 1em;
}

.appcards-container {
    display: flex;
    flex-wrap: wrap;
}

.appcard {
    width: 100%;
}

.appcards-all .appcard {
    min-width: 300px;
    width: 50%;
}

.appcard-body {
    margin:1em;
    height: 100%;
/*    display: flex;
    flex-direction: column;
    justify-content: space-between;*/
}

.appcard img {
    max-width: 100%;
    max-height:200px;
    height: auto;
    display: block;
}

.appcard-img-sm {
    display: flex;
    flex-wrap: wrap;
}

.appcard-img-sm > div {
    margin-right: 1em;
}

.appcard-img-sm img {
    width:100px;
}