/* This is for the Energy Star Logo in the tables for VM & VM Complete*/
.table-icon:last-of-type {
margin-bottom: 0px !important;
}

.page-vm .product-model-table th:last-of-type span,
.page-planar-vm-complete .product-model-table th:last-of-type span {
display: none;
}

.page-planar-vm-complete .dark-section.product-model-table-section {
box-shadow: none !important;
}


/*Leadership page custom CSS*/
.page-leadership .grid-section .col-md-4 {
width: 24%;
text-align: center;
display: inline-block;
vertical-align: top;
}

.page-leadership .grid-section .col-md-8 {
width: 75%;
display: inline-block;
}

.page-leadership .grid-section .col-md-4 img {
width: 100%;
max-width: 200px;
}

.page-leadership .grid-section .container {
margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
.page-leadership .grid-section .col-md-4 {
width: 100%;
display: block;
}
.page-leadership .grid-section .col-md-8 {
width: 100%;
display: block;
}
}


/* Accordion List Styles*/
.panel-body ul {
list-style-type: disc;
margin-left: 30px;
}


/* Award Styles*/
.page-awards-recognition .pl-page-inner-content h3 {
    margin-bottom: 10px;
}


/* Grid Styles*/
.grid-wrap {
margin-top: 30px;
margin-bottom: 30px;
} 

.divider {
height: 30px;
width: 100%;
background-color: yellow;
}

.fifty-fifty {
display: flex;
flex-direction: row;
align-items: center;
}

@media only screen and (max-width: 767px) {
.fifty-fifty {
display: block;
}
}

/* Drivers and Software Page*/
.page-drivers-and-software .panel-body {
padding: 0px !important;
}
.page-drivers-and-software iframe #content-container,
.page-drivers-and-software iframe #site-container {
width: inherit !mportant;
}

/* Education Page*/
body.page-training .panel-body {
     padding: 0px;
}

body.page-training .panel {
     padding-bottom: 0px;
}

body.page-training .installer-course table thead tr th:nth-child(1),
body.page-training .tech-courses table thead tr th:nth-child(1) {
    width: 32.3%;
}

body.page-training .installer-course table thead tr th:nth-child(2),
body.page-training .tech-courses table thead tr th:nth-child(2) {
    width: 23.5%;
}

body.page-training .installer-course table a.button,
body.page-training .tech-courses a.button {
	width: auto !important;
}

body.page-training .hide-course {
display: none !important;
visibility: hidden !important;
}

@media only screen and (max-width: 991px) {
body.page-training .responsive-table table, 
body.page-training .responsive-table tbody, 
body.page-training .responsive-table td, 
body.page-training .responsive-table th, 
body.page-training .responsive-table thead, 
body.page-training .responsive-table tr {
    display: block !important;
}

body.page-training .responsive-table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

body.page-training .responsive-table tr {
    border: 1px solid #ccc;
    margin-bottom: 15px;
    display: inline-block !important;
    position: relative;
width: 100%;
}

body.page-training .responsive-table td {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #dddfe2;
            position: relative;
            white-space: normal;
            text-align: left;
            width: 100%;
}

body.page-training .responsive-table td:before {
                vertical-align: top;
                display: inline-block;
                width: 45%;
                padding-right: 10px;
                text-align: left;
                font-weight: bold;
                font-size: 16px;
                /*Label the data*/
                content: attr(data-title);
                min-height: 22px;
   }

body.page-training .responsive-table {
position: relative;
display: inline-block;
}

body.page-training .panel-body {
     padding: 0px;
}

body.page-training .panel-default>.panel-heading {
     padding: 10px 0px;
}

}

/* list styles in grid elements */
.grid-section ul {
list-style-type: disc;
margin-left: 30px;
}


/*Extended Warranties and Service Plans*/
.page-extended-warranties-and-service-plans .tab-content h2 {
border-left: 5px solid #c10505;
padding-left: 6px;
font-size: 2.1em;
margin-bottom: 26px;
letter-spacing: .03em;
}

.page-extended-warranties-and-service-plans .tab-content .service-plans {

}

.page-extended-warranties-and-service-plans  .tab-content .service-plans-copy {
display: flex;
flex-direction: column;
order: 1;
}

.page-extended-warranties-and-service-plans  .tab-content .service-plans img {
width: 100%;
max-width: 370px;
height: auto;
/*max-height: 510px;*/
padding: 0px 0px 10px 10px;
display: flex;
order: 2;
}

@media only screen and (max-width: 625px) {
.page-extended-warranties-and-service-plans .tab-content .service-plans {
display: flex;
flex-direction: column;
flex-wrap: no-wrap;
}

.page-extended-warranties-and-service-plans .tab-content .service-plans img {
max-width: 100%;
/*max-height: auto;*/
padding: 10px 0px 10px 0px;
order: 0;
}
}

/* Unordered List override */
/*div.accordionGridBody ol, ul {
    list-style: none;
    margin-left: 0px;
}*/

/* Responsive YouTube Video*/
.embed-youtube {
    position: relative;
    padding-bottom: 56.25%; /* - 16:9 aspect ratio (most common) */
    /* padding-bottom: 62.5%; - 16:10 aspect ratio */
    /* padding-bottom: 75%; - 4:3 aspect ratio */
    /*padding-top: 30px;*/
    margin-top: 30px;
    height: 0;
    overflow: hidden;
}

.embed-youtube iframe,
.embed-youtube object,
.embed-youtube embed {
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Display Financing Styles*/
.left-col {
padding-left: 0px;
}

.right-col {
padding-right: 0px;
}

.mobile-table {
display:  none;
}

.mobile-table ol, .desktop-table ol {
    margin: 0px;
    padding-left: 15px;
}

.desktop-table th {
text-align: center;
}

@media only screen and (max-width: 991px) {
.left-col, .right-col {
padding-left: 0px;
padding-right: 0px;
}
}

@media only screen and (max-width: 800px) {
.mobile-table {
display:  block;
}

.desktop-table {
display: none;
}
}

/*.charter-options span.sub-text {
font-size: 0.65em;
}

.charter-options ol {
list-style: decimal;
    margin: 0 0 1em 1.2em;
}

.charter-options td {
vertical-align: top !important;
}

.charter-options th {
vertical-align: middle !important;
text-align: center;
padding: 15px 20px;
}

.charter-options .panel-body {
padding:  0px;
}

body.page-display-financing h2 {
margin-top: 20px;
margin-bottom: 10px;
}*/

/* Webinar */
body.page-planar-lookthru-transparent-oled-display-webinar .breadcrumbs-wrapper,
body.page-nab-2020-webinar .breadcrumbs-wrapper,
body.page-distribution-partner-quarterly-product-update-webinar .breadcrumbs-wrapper,
body.page-dmr-partner-quarterly-product-update-webinar .breadcrumbs-wrapper,
body.page-led-product-update-webinar .breadcrumbs-wrapper,
body.page-infocomm-2020-virtual-event .breadcrumbs-wrapper,
body.page-planar-evernew-managed-service-program-webinar .breadcrumbs-wrapper  {
display: none;
}

body.page-planar-lookthru-transparent-oled-display-webinar .dotted-top, 
body.page-nab-2020-webinar .dotted-top,
body.page-distribution-partner-quarterly-product-update-webinar .dotted-top,
body.page-dmr-partner-quarterly-product-update-webinar .dotted-top,
body.page-led-product-update-webinar .dotted-top,
body.page-infocomm-2020-virtual-event .dotted-top,
body.page-planar-evernew-managed-service-program-webinar .dotted-top {
background-image: none !important;
}

body.page-nab-2020-webinar .webinar-body .col-md-4.column,
body.page-planar-lookthru-transparent-oled-display-webinar .col-md-4.column,
body.page-planar-evernew-managed-service-program-webinar .webinar-body .col-md-4.column {
 background-color:  #f2f4f7;
}