html {
    overflow-y: scroll;
    -ms-overflow-style: scrollbar; /* Windows 10 scrollbar fix */
}

#container {
    min-width: 1280px;
    padding-left: 135px;
    min-height: 68vh;
}

#container #content-container {
    box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.25);
    margin: 0 auto;
    width: 1140px;
    background: #ffffff none repeat scroll 0 0 !important;
    left: auto !important;
    min-height: 460px;
    min-width: 1140px;
    overflow: hidden;
    padding: 0;
    position: relative !important;
}

#container #content-container #content {
    background: #fff none repeat scroll 0 0;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 45px;
    width: 1050px !important;
}

h1 {
    color: #0095d3;
    font-size: 40px;
    font-weight: 300;
}

strong.seo {
    display: block;
    height: 0;
    overflow: hidden;
    text-indent: -9999px;
}

#breadcrumb {
    clear: both;
    color: #ccc;
    font-size: 11px;
    margin: 0 0 15px;
    overflow: hidden;
    padding: 0;
    z-index: 1;
}

#breadcrumb a {
    color: #ccc;
}

.tab-pane {
    padding: 10px 15px;
}

.tab-content {
    min-height: 37vh;
}

.tab-content iframe {
    border: none;
}

#utiltybarheader .nav {
    width: unset;
}

.main-content .nav.nav-tabs {
    font-size: 16px;
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
}

.pointer {
    cursor: pointer;
}

#content-container {
    margin-bottom: 25px !important;
}

.nav ul li a {
    font-weight: initial !important;
}

#isearch-form #search-form {
    top: -5px !important;
}

#search-form fieldset {
    padding: 3px 0px !important;
    width: 160px;
}

.tooltipster-borderless .tooltipster-content {
    font-size: 13px;
}

.modal-backdrop {
    z-index: 99998;
}

.modal {
    z-index: 99999;
}

/* Feedback */
#feedback-form * {
    box-sizing: content-box;
}
#comment-form-button-wrapper {
    float: right;
    height: 1px;
    position: fixed;
    top: 180px;
    width: 100%;
    z-index: 190;
}
#comment-form-button {
    background: #0095d3 none repeat scroll 0 0;
    border-radius: 4px 0 0 4px;
    box-shadow: 0 5px 15px #000000;
    color: #ffffff;
    cursor: pointer;
    float: right;
    height: 105px;
    opacity: 0.6;
    padding: 8px 10px;
    transition: all 0.2s linear 0s;
}
#comment-form-button:hover {
    background: #006990 none repeat scroll 0 0;
    opacity: 1;
}
.modal .modal-dialog {
    box-sizing: initial !important;
    width: 650px;
}
.modal {
    top: 100px !important;
}
.modal .modal-content {
    border: 4px solid #0080ab !important;
    box-sizing: initial !important;
    margin-left: -10px;
    width: 650px;
}
.modal .modal-body {
    box-sizing: initial !important;
}
#feedback-modal input[type=text],
#feedback-modal textarea {
    width: 96% !important;
}
#feedback-modal select {
    width: 35% !important;
}
#feedback-modal .form-control {
    color: #000 !important;
    font-size: 15px !important;
    height: 21px;
}
#feedback-modal textarea.form-control {
    height: 70px;
}
.modal .modal-h1 {
    color: #0095d3;
    font-size: 30px;
    font-weight: 300;
    line-height: 35px;
    margin: 15px 10px 10px 15px;
}
#feedback-modal .modal-p {
    color: #555;
    font-size: 15px;
    font-weight: normal !important;
    line-height: 18px;
    margin: 0 0 10px 15px;
    padding: 0;
}
.modal button.close {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAdCAQAAAD1cQ/+AAACb0lEQVR4AYWQA7AeTRRE+8OzbfsVYtu2bdu2bdu2CjF/27bNuHPr1lR2n0+vZqbPCoXBODbjQLZhCkpGyvP5GS2+4TrmFie04y8syCP2LUrYad36PLfwpP1xL7JsQeEilQ9Yi3ie0tI1vJlfGEllBX0sQePiND6gstAuJFKZQBSarjRUtJRFFK4QJq3NOZmvm+sDVO5aypcUqpvi5yRr63f8TnKXzqXzMRWXCv8nkRQLJrNI0WpbguaWGo9qqPK4OYXzhEmylmkJmu0687i/Kg/75l9eReqTYMsi6lOmQnD8157CSbNkvkHpbVNW68z9sXCI8nqG+Rab8DkFuSqd71u+qacK/B5/Q9IsXzPV0VoZbYQI88fKBcEJ2QJ+3GO92iwRauvVaD1Ds1GFf19DIFyqbGpEpYf5Y8iXBuYZF/ogyChIfWknhQfsShRIY/6twq/vIgNG8UMiqv34JZUDTLHVI7jRPOGfP6b2RTICpA8HvBGNMsMnfvcDDa9wC9fJfp0G/v7X2BmogFj4Qv+YJ0KRifoYdvhlFspHP3RaisbIQTi8IArggj/iUA7tMKnd6Qvf3H9CG1d/7H0JU9EJFZGAALihOMUNQSqqoTMmYT2O1Xlx4ifTPp/4SctX3SexUYTuqIl0hErPCcUBF3zkoRkitcdwzMU67MBu7BR9PkahkwhZiIQv3NKFkWTgK1IayqOhVAZgJMbIPhBd0BgVkS6CHzwswZJCEI9slEMN1EdD2WuiPHKQgFD4iuCEHfN6XvBHGGKQhHRkyJ6MWBkHwMt6pfySU5Y84SNiIIJk95drT5lzWkKhoqoujVQLlp8Bkr+B3BGByY4AAAAASUVORK5CYII=');
    display: inline;
    font-size: 0 !important;
    height: 29px;
    line-height: 0 !important;
    opacity: 1 !important;
    position: absolute;
    right: -16px;
    text-shadow: none !important;
    top: -15px;
    width: 25px;
    z-index: 3200;
}

/* Results Table Container*/
div.result-container {
    overflow-x: auto;
}

.floatThead-container {
    top: -6px !important; /* Move thead up by few pixels */
}

/* Tables */
table.results{
	width:100% !important;
}

th {
    vertical-align: text-top !important;
    background-color: #d0d0d0;
    color: #666666;
}

th:not(:first-of-type), tr:nth-of-type(2) th{
    text-align: center;
}

tr td:first-child {
    background-color: #efefef;
}

td.highlight {
    background-color: #ffffdd;
}

td.disabled {
    background-color: #cccccc;
}

td.compatible {
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAcCAYAAACdz7SqAAAA9klEQVR42u2WsQ0DIQxFb4SMwAiMkCY9I9CnYYSMkBEY4YoMwAiMwAhscAGJAllHHN/nurP0K7CfbIxhuay35+dxL/JFqWgjSm3NzITFDsApVTgCfAlgVP4I0ANAAgYyBMAsUAOAkQwHDSdA01lZOuZozOyz9F0Mw+yZUtrY+d9+3Ok0gmYhMFfQv9dsF8pMGbdTCd35OrIGQ+1ONpaMyu0oNA0c1n4fAaqijECDYLKQxmEVB1D2XDwwn98jqOKcG0jXIMJO17LXBVcY4MSNgWdJu3Mi0LFAHIz/HixQaov8k5SwudbqQ8JAcNeCRjKXQ1tTy2XEvs+QHidbFe0aAAAAAElFTkSuQmCC');
}

td.compatible-with-info {
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAYAAABWk2cPAAAB9UlEQVR4Ae2WJZAcQRSG49V4k/XqvAmroDcBGUZ7oGLHh0mHQYWZjpmZ7zpTw5CX96qmN7tvqbvrTKCrvoWhr+F/vbvpr2gAUEAOIK35u2X8sGOPdh1AWpGXDBs59KT38uYwDJ9FURwtzC/A7MwMLC8vQ5ZlMR6/oyXPRRMI1OLCs32w8GM6I9G3r1/LaG9vJzkkSTKlImtCOurJJO2TL6BUODo6CmmaQk9PT/GYWF+PcRbsRlMpVIQ0yjiJaERFAU0vjozkxWNdXZ10zKk3QiUhYb85AWtr63xa5SjLcD1vnYLGhZZcPx0pX0saqed5cqRcurVaaECHiy+OwJpYKXu44zhAjXcG1zSgFPNRCl0p4QbOT1qzetL+gX7A0hnhozxkICSE8FbaPM9LKUwyvSQkkSwbql/fD/Zw6T1DaRPdjw994HpuKkWSoaFh8EMPfN87Xy21EwbCQ6Wpv/KxBRbEFFAJLa3PA70PzbdT2OjaQjUp1KHaJnFdMw9bdaR2lfrtYPfKTm2YtJVtHBOIVXLsOgLqUrXeChkW2QwT/7s+eY9VxfRdQzhRb5MHFbHBRmJLj2nZ3NMU8nLRXyMDrqv8eL/cQKFALBWpxZNsCA+fudhcqC63DYQveXBMxIW8hoVCqrfqG9T+IR5CWnNOk6hWWP63X4cwSa8SoFdSAAAAAElFTkSuQmCC');
}

td.incompatible {
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAYAAABWk2cPAAAA0klEQVR42u3WQQ3EIBCF4UpAApe9I4F1UAlIQAISkICESqgEJPSwAnAw+w49NZ2yUOawSSf5zn9KE5jpmbP5vF8GHISdBysR0pCgAF1YwI4IBqBGK+iemIIM1KmAuROUD+//hgYpoGrBGWiwVItuQAK03FfyIheNgtGNi65AgtRZlBgebANi2IZo29X2F9EMJMiwN5GQwh2LE4wuVxd9EYrO1fdzsFx91gTuX/vTHjTwmD2TEQvH3s0vdz7c7vZy1vCfE+iRq6iFAOtBBAdqeuYwX2SDGdbPFdFSAAAAAElFTkSuQmCC');
}

td.incompatible-with-info  {
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAYAAABWk2cPAAAByElEQVR4Ae2WNZjVQBRG6av0DV4iFXW2Rmu8QxqsxK3mdbj0aEmHNTjr7rtv3eOZhJ97kadxwef7Tnxy7vgs80r/02jD2o3EfuLcd44SMr8DIKmqek8IsWQYhsLwta4b1/hdXNEK4h6xQMCLid2bYCsLojg6ik+fPuHD+/cM+HpifAKmZU0DWBFVeI5AGMZYL/r6+koyvq69F8IuhskkojGKcO7KYSzNz5UEzc1NcN3PcB2Hr0vPl5YUYVn24dRCRn31AN3dPfxj35Iy/I1pmk/9pE8IREXrb0ZHZ0eVgNuWqXzG3ximMegl3EEglrTpeZ3UcRymVsolfeMlHYwrnbt9intopYB/zlQ9m56eppKaF1KXkhnbvh6upaO1tbUkUBSFKd3zO+pcFgCpVlogkISZy/vgCqu2mkvV6tg2l3yXV9U+J5CU6RNbYM9PQF+aL3UkvuZnkwcb+BvJSwpPvk91UWEBB8B8l/1AjiOVY06bqOW3kzYSyJGN6Wai+Cz4Vcv+HKVPgib6hZykO9Ktn/FpjLKODmYslSPtgzKs5qPelvzEhaQ7v8YEsgVif9pt57kY7XyPWJHlnlf+HsDzGgpcMq9V5H/6AprGDGK7H2uHAAAAAElFTkSuQmCC');
}

td.not-supported {
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAYAAABWk2cPAAAANklEQVR4AWMYHGAUjIJRMApGwdkzZwSA2IFCbECSpVBN/ynEB+hi6ailA5+QRsEoGAWjYBQAAH8qTuwtepp5AAAAAElFTkSuQmCC');
}

td.compatible>span,
td.compatible-with-info>span,
td.incompatible>span,
td.incompatible-with-info>span,
td.not-supported>span {
    display: none;
}

td.parent
{
    cursor:pointer;
    background-color: #dbdbdb !important;
    border-right:none !important;
    font-style: italic;
    background-position: center left;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAMAAABhTZc9AAAAclBMVEUAAAAAAACAgIBVVVWqqqqAgIBmZmaAgICAgIB3d3d2dnZzc3N3d3d0dHR3d3d2dnZ4eHh1dXV3d3d1dXV0dHRzc3N2dnZ1dXV1dXV1dXV1dXV2dnZ1dXV1dXV1dXV0dHR1dXV2dnZ3d3d4eHh6enp7e3szHvJ4AAAAIHRSTlMAAQIDAwQFBgoeKSotLi84QEZWWVpfX2Df4Ojo6+zw8YMYM0cAAACASURBVHjazZJbEoJADAQbWYOC+ER8gcDucv8regB2/GZ+u7qSmoTVJ8//QdDYcXmwleZ5jDdM0dMQx0bZjuoT/V3ZRtXPvsGyJC449vPUkCm7foXQsknjHdcQpn0aG4endAvqTs41yk7u7Cjf0beY6Oq76Er0vMTiRuK+4jfWnh+LdAdeuJfQ4gAAAABJRU5ErkJggg==);
    padding: 10px 0px 10px 30px !important;
    white-space: nowrap;
}

td.parent.nostyle
{
    background-image: none !important;
}

tr.parent
{
    cursor:pointer;
    background-color: #dbdbdb !important;
    border:none;
}

tr.parent.expand td.parent {
    background-position: center left;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAMAAABhTZc9AAAAclBMVEUAAAAAAACAgIBVVVWqqqqAgIBmZmaAgICAgIB3d3d2dnZzc3N3d3d0dHR3d3d2dnZ4eHh1dXV3d3d1dXV0dHRzc3N2dnZ1dXV1dXV1dXV1dXV2dnZ1dXV1dXV1dXV0dHR1dXV2dnZ3d3d4eHh6enp7e3szHvJ4AAAAIHRSTlMAAQIDAwQFBgoeKSotLi84QEZWWVpfX2Df4Ojo6+zw8YMYM0cAAACRSURBVHja5YxtDoIwEEQHi1VBBKSCH6ClbO9/RecHCaENF9C37Wa3L1P8K0pF4wIf0nlMeUJZldAg7GUFtZa1fWc4ALz5x9ZQK9uJPDNoVv4S6cJwY6UvcMRlENtwX7GHcb4/oxi8M9wCNFrn79eHdzfOJEqP0zSNczJOG1qzJKPPx3ZLIklwAtsWOxbZ1j/OF6ZPB16cZR6oAAAAAElFTkSuQmCC);
    padding: 10px 0px 10px 30px;
}

/* Buttons */
.btn-blue {
    color: #006990;
}
.btn-blue:hover {
	color: #3399cc;
}

/* Legends */
.legend {
    border: 1px dashed #ddd;
    padding: 5px;
    position: absolute;
    right: 40px;
    top: 20px;
}
.legend tr {
    min-height: 25px;
}

.legend tr td {
    background-color: #fff;
    font-size: 12px;
    min-width: 25px;
    padding: 6px;
}

/* All Interop Selections */
#content .selection li {
    font-size: inherit;
    white-space: normal;
}

/* Solution Interop */
[name=solution], [name=solutionToCompare] {
    width: 400px;
}

[name=solutionVersion], [name=solutionToCompareVersion] {
    width: 400px;
}

.solutionToCompareWrapper {
    margin-bottom: 15px;
}

#content-left {
    float: none;
    width: 100%;
}

/* DB Interop */
[name=product] {
    width: 400px;
}

[name=productVersion] {
    width: 400px;
}

[name=database] {
    width: 710px;
}

/* Alias */
.solutionAlias {
    font-size: 13px;
    font-style: italic;
}

/* Unsupported Releases */
.unsupported-header {
    background-color: #ffffff !important;
    color: #4e4e4e !important;
    font-style: italic;
}

.unsupported-text{
    font-size: small;
}

/* Mobile */
 @media (max-width: 800px) {

    body {
        min-width: 100%;
    }

    #breadcrumb {
        font-size: 10px;
        margin-bottom: 10px;
    }

    .select2-container {
        margin: 0 0 10px;
        width: 100% !important;
    }

    input[type="checkbox"], input[type="radio"] {
        margin: 15px 0 0;
    }

    #comment-form-button-wrapper {
        display: none;
    }

    #container {
        padding-left: 0px;
        padding-right: 0px;
        width: 100% !important;
        min-width: 100%;
    }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        background-color: #ddd;
    }

    .nav-tabs > li > a {
        width: 93vw;
        text-align: center;
    }

    .legend {
        top: 40px;
    }

    #container #content-container {
        min-width: 100%;
        padding: 0 10px !important;
    }

    #container #content-container #content {
        width: 100% !important;
        padding-top: 40px;
    }

    #container #content-container #content #header .overlay h1 {
        font-size: 22px !important;
        margin-bottom: 5px !important;
        text-align: center;
    }

    #container #content-container #content .main-content,
    #header {
        width: 95vw;
    }

    #expand-collapse {
      padding-bottom: 10px;
    }

 }