.tblHeader {
    color: rgb(255, 255, 255);
    font-weight: bold;
    font-size: 14px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    vertical-align: middle;
    padding: 0px 5px 0px 0px;
    background-color: rgb(105, 121, 136);
}

.tblESDText {
    color: rgb(51, 51, 51);
    font-weight: normal;
    font-size: 12px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    line-height: 16px;
    vertical-align: middle;
    padding: 0px 5px 0px 0px;
    background-color: rgb(237, 236, 233);
}

.tblFamily {
    color: rgb(51, 51, 51);
    font-weight: bold;
    font-size: 12px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    vertical-align: middle;
    padding: 0px 5px 0px 0px;
    background-color: rgb(237, 236, 233);
}

.tblProduct {
    color: rgb(53, 105, 154);
    font-weight: bold;
    font-size: 12px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    vertical-align: middle;
    min-width: 225px;
    padding: 0px 5px 0px 0px;
    background-color: rgb(237, 236, 233);
}

a.dwn {
    color: rgb(53, 105, 154);
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

a.dwn:hover {
    color: rgb(53, 105, 154);
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

a.dwn:visited {
    color: rgb(53, 105, 154);
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

.tblSpace {
    line-height: 0px;
    font-size: 0px;
}

textarea.eula {
    padding: 0 0 0 20px;
    margin: 20px 0;
    width: 610px;
    font-family: monospace;
    font-size: 12px;
    line-height: normal;
}

.tblDescription {
    color: rgb(51, 51, 51);
    font-weight: normal;
    font-size: 12px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    vertical-align: middle;
    padding: 0px 5px 0px 0px;
    background-color: rgb(237, 236, 233);
}

div#accept_eula_text {
    display: block;
    width: 610px;
    padding: 10px 20px 20px;
    position: relative;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    background: #ebebeb;
}

div#accept_eula_text p {
    font-weight: bold;
    font-size: 13px;
    line-height: 18px;
}

div#accept_eula_text form#cancel-eula-form {
    height: 42px;
}

.faqQuestion {
    font-weight: bold;
}

/* flexbox*/
.wrapper-flexbox {
    display: flex;
    flex-flow: row wrap;
    background: #0075b8;
    border-radius: 4px;
    color: rgba(255, 255, 255, 0.7);
    padding: 10px;
    box-sizing: border-box;
    margin: 10px 0 0 0;
    float: left;
    width: 100%;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .wrapper-flexbox {
        height: 160px;
        min-height: 100%;
        flex-column: column nowrap;
        flex-direction: column;
    }
}
.wrapper-flexbox > * {
    padding: 20px;
    flex: 1 100%;
}
.main {
    text-align: left;
    padding: 0px 20px;
    box-sizing: border-box;
}
.aside-2 {
    text-align: center;
}
@media all and (min-width: 600px) {
    .aside { flex: 1 0 0; }
}
@media all and (min-width: 800px) {
    .main    { flex: 3 0px;}
    .aside-1 { order: 1; }
    .main    { order: 2; }
    .aside-2 { order: 3; }
}
@media (max-width:800px){
    .main {
        text-align: center;
    }
    .main p {
        margin: 0 auto !important;
    }
}
.wrapper-flexbox h3 {
    color: rgba(255, 255, 255, 0.95);
    font-weight: 700;
    font-size: 18px;
    margin:0 0 15px 0 !important;
    padding: 14px 0 0 0;
}
button.tryblue {
    font-family: inherit;
    font-size: 100%;
    font-weight: bold;
    padding: .9em 3em;
    color: black;
    border: transparent;
    background-color: white;
    text-decoration: none;
    border-radius: 1px;
    min-width: 220px;
    cursor: pointer;
}
.button-container {
    text-align: center;
    margin: 0 auto;
    max-width: 230px;
}
.button-container p {
    font-size: 13px;
    color: #ffffff9e;
    line-height: 16px;
    padding: 0 5px;
    box-sizing: border-box;
}
.main p {
    max-width:500px;
}
.main p span.chevron {
    font-size: 22px;
    padding:6px;
}
.main p:nth-child(3), .main p a {
    color: rgba(255, 255, 255, 0.92);
    font-weight: 700;
    text-decoration: none;
}
.main p:nth-child(3), .main p a:hover {
    color: #ffffff;
}
.button.tryblue:hover, .button.tryblue:focus, .button.tryblue:active {
    outline: none;
    background-color: rgba(255, 255, 255, 0.92);
}

hr.blue-class {
    border-bottom:3px solid #ebebeb;
    margin:30px 0;
    width:100%;
    float:left;
    height:1px;
}
/* /flexbox*/