:root {
    --pssManualBorderColor: #b2b1b1;
    --pssOverlayText: #F4F4F4;
}

.accordion {
    margin-left: 20px;
    margin-right: 20px;
}

.accordion-body h1,
.accordion-body h2 {
    display: none;
}

.card h1,
.card h2 {
    display: none;
}
.accordion.pssWidth100 {
    max-width: 100px !important;
}

.accordion.pssWidth200 {
    max-width: 200px !important;
}

.accordion.pssWidth300 {
    max-width: 300px !important;
}

.accordion.pssWidth400 {
    max-width: 400px !important;
}

.accordion.pssWidth500 {
    max-width: 500px !important;
}

.accordion.pssWidth600 {
    max-width: 600px !important;
}

.accordion.pssWidth700 {
    max-width: 700px !important;
}

.accordion.pssWidth800 {
    max-width: 800px !important;
}

.accordion.pssWidth900 {
    max-width: 900px !important;
}

.accordion.pssWidth1000 {
    max-width: 1000px !important;
}

.accordion.pssWidth1200 {
    max-width: 1200px !important;
}

.accordion.pssWidthUnset {
    max-width: unset !important;
}

img.pssWidth100 {
    width: 100px !important;
    height: unset !important;
}

img.pssWidth200 {
    width: 200px !important;
    height: unset !important;
}

img.pssWidth300 {
    width: 300px !important;
    height: unset !important;
}

img.pssWidth400 {
    width: 400px !important;
    height: unset !important;
}

img.pssWidth500 {
    width: 500px !important;
    height: unset !important;
}

img.pssWidth600 {
    width: 600px !important;
    height: unset !important;
}

img.pssWidth700 {
    width: 700px !important;
    height: unset !important;
}

img.pssWidth800 {
    width: 800px !important;
    height: unset !important;
}

img.pssWidth900 {
    width: 900px !important;
    height: unset !important;
}

img.pssWidth1000 {
    width: 1000px !important;
    height: unset !important;
}

img.pssWidth1200 {
    width: 1200px !important;
    height: unset !important;
}

table.pssWidth100 {
    max-width: 100px !important;
    width: unset !important;
    height: unset !important;
}

table.pssWidth200 {
    max-width: 200px !important;
    width: unset !important;
    height: unset !important;
}

table.pssWidth300 {
    max-width: 300px !important;
    width: unset !important;
    height: unset !important;
}

table.pssWidth400 {
    max-width: 400px !important;
    width: unset !important;
    height: unset !important;
}

table.pssWidth500 {
    max-width: 500px !important;
    width: unset !important;
    height: unset !important;
}

table.pssWidth600 {
    max-width: 600px !important;
    width: unset !important;
    height: unset !important;
}

table.pssWidth700 {
    max-width: 700px !important;
    width: unset !important;
    height: unset !important;
}

table.pssWidth800 {
    max-width: 800px !important;
    width: unset !important;
    height: unset !important;
}

table.pssWidth900 {
    max-width: 900px !important;
    width: unset !important;
    height: unset !important;
}

table.pssWidth1000 {
    max-width: 1000px !important;
    width: unset !important;
    height: unset !important;
}

table.pssWidth1200 {
    max-width: 1200px !important;
    width: unset !important;
    height: unset !important;
}

.card.pssWidth100 {
    max-width: 100px !important;
    width: unset !important;
    height: unset !important;
}

.card.pssWidth200 {
    max-width: 200px !important;
    width: unset !important;
    height: unset !important;
}

.card.pssWidth300 {
    max-width: 300px !important;
    width: unset !important;
    height: unset !important;
}

.card.pssWidth400 {
    max-width: 400px !important;
    width: unset !important;
    height: unset !important;
}

.card.pssWidth500 {
    max-width: 500px !important;
    width: unset !important;
    height: unset !important;
}

.card.pssWidth600 {
    max-width: 600px !important;
    width: unset !important;
    height: unset !important;
}

.card.pssWidth700 {
    max-width: 700px !important;
    width: unset !important;
    height: unset !important;
}

.card.pssWidth800 {
    max-width: 800px !important;
    width: unset !important;
    height: unset !important;
}

.card.pssWidth900 {
    max-width: 900px !important;
    width: unset !important;
    height: unset !important;
}

.card.pssWidth1000 {
    max-width: 1000px !important;
    width: unset !important;
    height: unset !important;
}

.card.pssWidth1200 {
    max-width: 1200px !important;
    width: unset !important;
    height: unset !important;
}


img.pssBordered {
    border: 1px solid !important;
    border-radius: 0.4rem !important;
}

img.pssWindowBordered {
    border: 1px solid !important;
    border-radius: 0.8rem !important;
}

div.tooltip-inner {
    max-width: none;
    white-space: nowrap;
}

img.pssToolbarButton {
    border: 1px solid !important;
    width: 40px !important;
    height: 40px !important;
    margin-right: 0.8rem !important;
}

img.pssToolbarAccordion {
    border: 1px solid !important;
    width: 40px !important;
    height: 40px !important;
}

img.pssUnBordered {
    border: 0px none !important;
    border-radius: 0 !important;
}

li {
    padding-bottom: 0.5em;
}

table {
    margin-left: 20px !important;
    border-color: var(--pssManualBorderColor);
    border-width: 1px !important;
}

img {
    border-color: var(--pssManualBorderColor);
    border-width: 1px !important;
}

td {
    padding: 0.8em !important;
    border-color: var(--pssManualBorderColor);
}

td>img {
    max-width: unset !important;
}

.card {
    border: 1px solid var(--pssManualBorderColor) !important;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.mce-content-body {
    max-width: 1500px;
    background-color: white !important;
    padding: 1rem !important;
}

.badge {
    padding: 0.5rem !important;
    font-size: large !important;
    font-weight: 500 !important;
    border: 1px solid var(--pssManualBorderColor) !important
}

.badge.pssoverlay1 {
    background-color: #E3AB5F !important;
    color: var(--pssOverlayText) !important;
}

.badge.pssoverlay2 {
    background-color: #C08ADD !important;
    color: var(--pssOverlayText) !important;
}

.badge.pssoverlay3 {
    background-color: #81BB98 !important;
    color: var(--pssOverlayText) !important;
}

.badge.pssoverlay4 {
    background-color: #80B7CC !important;
    color: var(--pssOverlayText) !important;
}

.badge.pssoverlay5 {
    background-color: #E69697 !important;
    color: var(--pssOverlayText) !important;
}

.badge.pssoverlay6 {
    background-color: #A6C9F8 !important;
    color: var(--pssOverlayText) !important;
}

img.pssFloatStartSM {
    float: left;
    margin-right: 1rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

img.pssFloatEndSM {
    float: right;
    margin-left: 1rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

img.pssFloatStartLG {
    float: left;
    margin-right: 2rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

img.pssFloatEndLG {
    float: right;
    margin-left: 2rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

img.pssanimatable, img.pssvideo {
    border-color: var(--pssManualBorderColor);
    border-width: 1px !important;
    border-style: solid;
    opacity: 0.5;
}

div.pssanimatablewrapper, div.pssvideowrapper {
    position: relative;
}

div.pssanimatablewrapper:after , div.pssvideowrapper:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url("../images/circle-play-regular.svg");
    background-size: 15%;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.4;
    cursor: pointer;
}

div.videoAccordian h2 img {
    opacity: 0.7;
}

div.pssanimatablewrapper.pssWidth100, div.pssvideowrapper.pssWidth100 {
    max-width: 100px !important;
}

div.pssanimatablewrapper.pssWidth200, div.pssvideowrapper.pssWidth200 {
    max-width: 200px !important;
}

div.pssanimatablewrapper.pssWidth300 , div.pssvideowrapper.pssWidth300 {
    max-width: 300px !important;
}

div.pssanimatablewrapper.pssWidth400 , div.pssvideowrapper.pssWidth400 {
    max-width: 400px !important;
}

div.pssanimatablewrapper.pssWidth500, div.pssvideowrapper.pssWidth500 {
    max-width: 500px !important;
}

div.pssanimatablewrapper.pssWidth600, div.pssvideowrapper.pssWidth600 {
    max-width: 600px !important;
}

div.pssanimatablewrapper.pssWidth700, div.pssvideowrapper.pssWidth700 {
    max-width: 700px !important;
}

div.pssanimatablewrapper.pssWidth800, div.pssvideowrapper.pssWidth800 {
    max-width: 800px !important;
}

div.pssanimatablewrapper.pssWidth900, div.pssvideowrapper.pssWidth900 {
    max-width: 900px !important;
}

div.pssanimatablewrapper.pssWidth1000, div.pssvideowrapper.pssWidth1000 {
    max-width: 1000px !important;
}

div.pssanimatablewrapper.pssWidth1200, div.pssvideowrapper.pssWidth1200 {
    max-width: 1200px !important;
}

div.pssanimatablewrapper.pssWidthUnset, div.pssvideowrapper.pssWidthUnset {
    max-width: unset !important;
}

div.pssanimatablewrapper:hover:after, div.pssvideowrapper:hover:after {
    opacity: 0.7;
    cursor: pointer;
}

div.pssanimatablewrapper.playing:after {
    opacity: 0 !important;
}

.mystyle {
    color: red;
}

table.pssKeyboardList {
    border: none !important;
    padding: unset !important;
    height: unset !important;

}

table.pssKeyboardList tr {
    height: unset !important;
}

table.pssKeyboardList td {
    height: unset !important;
}

table.pssKeyboardList tr:nth-child(even) {
    background-color: #F9F9F9;
}


table.pssKeyboardList td,th {
    border: none !important;
    padding: 0.3em !important;
    margin: unset !important;
}

table.pssKeyboardList td p {
    padding: unset !important;
    margin: unset !important;
}

.pssProduct
{
    width: 32px;
    height: 32px;
    border: 1px solid !important;
    border-radius: 0.3rem !important;   
    overflow: hidden;
    text-align: center;
    color: white;
    text-transform: uppercase;
    font-weight: 500;
    font-size: larger;
    margin: unset;
    padding: unset;
    vertical-align: middle;
    display: inline-block;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}
.pssProduct p
{
    margin: unset;
}

.pssBasicPrint, .pssAdvancedPrint
{
    background-color: #298BFB;
}

.pssBasicComposite, .pssAdvancedComposite
{
    background-color: #426C58;
}

.pssReferenceProduct
{
    background-color: #02F93B;
}

.pssSpecialtyProduct
{
    background-color: #FB8C2A;
}

.pssWallGrouping
{
    background-color: #FB2B2A;
}

.pssAdvancedGW
{
    background-color: #5557A7;
}

.pssTraditionalMatted
{
    background-color: #8A4D3F;
}

img.pssInline{
    border:none;
    width:18px;
    margin-bottom: 2px;
    margin-left: 3px;
    margin-right: 3px;
    border-radius: 0px !important;
}

img.pssInlineH2{
    border:none;
    width:32px;
    padding-bottom: 6px;
    border-radius: 0px !important;
}

:root {
    --psslightbluedarker: #2072f0 !important;
}