@page {
  size: 270mm 300mm; 
  margin: 0 auto;
}
@media print {
  html, body {
    width: 270mm; 
    height: 300mm; 
    overflow: hidden;
    overflow-x: hidden; 
    overflow-y: hidden;
  }
  /* ... the rest of the rules ... */
    tr.collection-links td a {
      color: #2B82B8 !important;
    }
}
#product-comparison.modal-lg {
    width: 1000px !important;
}
a[href]:after {
    content: none !important;
}
.modal-content{
    margin: 0 auto !important;
    padding-top: 30px !important;
}
.custom-table tr th.close-link a {
    display: none !important;
}
.custom-table tr th span{
    font-size:12px;
}
.custom-table .table-top-header{
    background-color: #000 !important;
    color:#fff !important;
}
.custom-table .table-images td img{max-height: 150px;}
.custom-table tr th.link a {
    background-color:#000 !important;
    color: #fff !important;
    text-transform: uppercase !important;
}
.custom-table th, .custom-table td {
    padding: 10px 10px !important;
    text-align:center;
    font-weight:bold;
}
.custom-table td.price .original-price{color: #d38b8f}
.custom-table td.colors-col{padding: 10px 0px !important;}
.table-top-header th {
    text-align: center;
    line-height: 16px;
    font-size: 16px;
    white-space: nowrap;
}
.custom-table tr th span {
    font-size: 12px;
    display: block;
    font-weight: normal;
    
}
.custom-table .table-top-header .top-row a span{
    background-color:#000 !important;
    color: #fff !important;
}
tr.price-list td, tr.capacity-list td {
    font-size: 16px;
}
.custom-table tr:nth-child(odd) {background-color: #efefef !important;}
.custom-table .col-first{border-right:#bebebe solid 2px;text-align: right;}
.custom-table .col-first:not(.indoor-col){text-transform: uppercase !important;}
.custom-table .td-icon{
        max-width:18px;
    color: #7dad1d;
    font-size: 20px;
}
.custom-table .colors-col span {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 100px;
    margin: 0 1px;
}
.custom-table .colors-col .blue{
        background-color:#2a65c1 !important;
}
.custom-table .colors-col .green{
        background-color:#00642f !important;
}
.custom-table .colors-col .white{
        background-color:#fff !important;
        border:#ccc solid 1px !important;
}
.custom-table .colors-col .gray{
        background-color:#979797 !important;
}
.custom-table .colors-col .black{
        background-color:#000 !important;
}
.custom-table .colors-col .beige{
    background-color:#8A8178 !important;
}
.custom-table .colors-col .red{
        background-color:#fc3139 !important;
}
.custom-table .colors-col .dark-red{
        background-color:#930402 !important;
}
.custom-table .colors-col .navy-blue{
        background-color:#0001f2 !important;
}
.custom-table .colors-col .dark-blue{
        background-color:#0d3296 !important;
}
.custom-table .colors-col .dark-gray{
        background-color:#616161 !important;
}
.custom-table .colors-col .gradiant-gray{
        background: rgb(255,255,255) !important;
        background: linear-gradient(144deg, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 100%) !important;
}
.custom-table .colors-col .gradiant-silver{
    background: rgb(207 207 207) !important;
    background: linear-gradient(144deg, rgb(207 207 207) 0%, rgba(97,109,109,1) 100%) !important;
}
.custom-table .colors-col .coffee{
    background-color:#382916 !important;
}
.custom-table .colors-col .emerald{
    background-color:#007236 !important;
}
.custom-table .colors-col .ruby{
    background-color:#EE1C25 !important;
}
.custom-table .colors-col .hunter-green{
    background-color:#293D21 !important;
}
.custom-table .colors-col .brown{
    background-color:#4C3605 !important;
}
.custom-table .colors-col .silver{
    background-color:#A39C8A !important;
}
.custom-table .colors-col .charcoal{
    background-color:#373737 !important;
}
.custom-table .colors-col .slate{
    background-color:#878787 !important;  
}
.custom-table .colors-col .yellow{
    background-color:#FEE800 !important;  
}
.custom-table .colors-col .bronze-vein{
    background: rgb(124, 96, 66);
    background: linear-gradient(144deg, rgb(124, 96, 66) 0%, rgb(63, 49, 37) 100%) !important;
}
.custom-table .colors-col .silver-vein{
    background: rgb(201, 192, 187);
    background: linear-gradient(144deg, rgb(201, 192, 187) 0%, rgb(113, 112, 110) 100%) !important;
}
.custom-table .colors-col .copper-vein{
    background: rgb(203, 106, 82);
    background: linear-gradient(144deg, rgb(203, 106, 82) 0%, rgb(124, 80, 55) 100%) !important;
}
.custom-table .colors-col .burgundy{
    background: rgb(136, 7, 37);
    background: linear-gradient(144deg, rgb(136, 7, 37) 0%, rgb(158, 29, 53) 100%) !important;
}
.custom-table .colors-col .blue-marble{
    background: rgb(20, 35, 60);
    background: linear-gradient(144deg, rgb(20, 35, 60) 0%, rgb(65, 88, 120) 100%) !important;
}
.custom-table .colors-col .desert-stone{
    background: rgb(212, 195, 176);
    background: linear-gradient(144deg, rgb(212, 195, 176) 0%, rgb(127, 123, 96) 100%) !important;
}
.custom-table .colors-col .granite{
    background: rgb(138, 133, 131);
    background: linear-gradient(144deg, rgb(138, 133, 131) 0%, rgb(68, 73, 77) 100%) !important;
}
.custom-table .colors-col .pewter{
    background: rgb(145, 160, 146);
    background: linear-gradient(144deg, rgb(145, 160, 146) 0%, rgb(96, 98, 99) 100%) !important;
}
.custom-table .colors-col .green-marble{
    background: rgb(133, 146, 143);
    background: linear-gradient(144deg, rgb(133, 146, 143) 0%, rgb(95, 119, 111) 100%) !important;
}
.custom-table .colors-col .espresso-brown{
    background: rgb(78, 42, 42);
    background: linear-gradient(144deg, rgb(78, 42, 42) 0%, rgb(35, 18, 10) 100%) !important;
}
.custom-table .colors-col .statuary-bronze{
    background: rgb(67, 66, 65);
    background: linear-gradient(144deg, rgb(67, 66, 65) 0%, rgb(35, 30, 25) 100%) !important;
}
.custom-table .colors-col .sand{
    background: rgb(194, 178, 128);
    background: linear-gradient(144deg, rgb(194, 178, 128) 0%, rgb(133, 120, 86) 100%) !important;
}
.custom-table .colors-col .stainless-steel{
    background: rgb(210, 210, 208);
    background: linear-gradient(135deg, rgb(235, 235, 233) 0%, rgb(210, 210, 208) 25%, rgb(180, 180, 178) 60%, rgb(155, 155, 153) 100%) !important;
}
.custom-table .colors-col .graystone{
    background: rgb(182, 182, 182);
    background: linear-gradient(144deg, rgb(182, 182, 182) 0%, rgb(109, 109, 109) 100%) !important;
}
.custom-table .colors-col .sandstone{
    background: rgb(210, 190, 170);
    background: linear-gradient(144deg, rgb(210, 190, 170) 0%, rgb(170, 150, 130) 100%) !important;
}
.custom-table .colors-col .blue-streak-ii{
    background: rgb(0, 147, 185);
    background: linear-gradient(144deg, rgb(0, 147, 185) 0%, rgb(0, 80, 135) 100%) !important;
}
.custom-table .colors-col .brass-gold{
    background: rgb(181, 166, 66);
    background: linear-gradient(144deg, rgb(181, 166, 66) 0%, rgb(140, 120, 60) 100%) !important;
}
.custom-table .colors-col .cream{
    background: rgb(255, 253, 208);
    background: linear-gradient(144deg, rgb(255, 253, 208) 0%, rgb(240, 233, 195) 100%) !important;
}
.custom-table .colors-col .equipment-green{
    background: rgb(80, 115, 70);
    background: linear-gradient(144deg, rgb(80, 115, 70) 0%, rgb(45, 75, 45) 100%) !important;
}
.custom-table .colors-col .purple{
    background: rgb(128, 0, 128);
    background: linear-gradient(144deg, rgb(128, 0, 128) 0%, rgb(85, 0, 85) 100%) !important;
}
.custom-table .colors-col .orange{
    background: rgb(248, 143, 51);
    background: linear-gradient(144deg, rgb(248, 143, 51) 0%, rgb(204, 120, 40) 100%) !important;
}


.custom-table .shape-col span {
    display: inline-block;
    width: 15px;
    height:15px;
    margin: 0 3px;
}
.custom-table .shape-col .circle {
    background-color: #000 !important;
    border-radius: 30px; 
}
.custom-table .shape-col .rectangular {
    background-color: #000 !important;
}
.custom-table .shape-col .circle-line {
    background-color: #000 !important;
    border-radius: 20px;
    position: relative;
}
.custom-table .shape-col .circle-line:after {
    position: absolute;
    width: 25px;
    height: 6px;
    background-color: #000 !important;
    left: -5px;
    top: 5px;
    content: "";
    border-radius: 10px;
}
.custom-table .shape-col .circle-line sup{
    right: -10px;
    color: #ff9900 !important;
    font-size: 14px;
    top: -8px;
}
.custom-table .shape-col .line {
    background-color: #000 !important;
    height: 6px;
    border-radius: 10px;
    width: 25px;
    margin-top: 5px;
    display: inline-block;
    vertical-align: top;
}
.custom-table .shape-col ul {
    padding: 0;
    list-style: none;
}
.custom-table .shape-col ul li {
    display: inline-block;
}
.custom-table .shape-col ul li img { 
    width: 20px;
}
.custom-table-wrapper {
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
}
.custom-table-wrapper table.custom-table {
    width: 100% !important;
}
table.custom-table table.inner-custom-table {
    margin: 0 auto;
}
table.custom-table .inner-custom-table tr {
    background-color: transparent;
    background: transparent !important;
}
.modal-open #compareProducts.modal {
    z-index: 9999;
}
.modal-header .modal-title {
    display: inline-block;
    vertical-align: top;
    font-size: 22px;
    text-transform: uppercase;
}
.modal-header .modal-title img{display: inline-block !important;height: 24px;position: relative;top: -2px;}
.modal-header-buttons.pull-right a.print{display: none;}
.modal-header-buttons.pull-right a.print-logo-link{display: inline-block !important;}
.modal-header-buttons.pull-right a img{height: 28px;padding-right: 10px;}
.popup-right-footer{
        display: inline-block !important;
        margin-top: 10px;
    color: #000;
    font-weight: 600;
}
.modal-header .close {
    display: none;
}
.modal-header-buttons.pull-right .print{
    display: none;
}
.modal-header {
    padding: 15px 15px 0px 15px;
    border-bottom: 0px solid #e5e5e5;
}
.modal-body {
    padding: 5px 15px 15px 15px;
    text-align: center;
    margin: 0 auto !important;
}
.popup-fot {
    color: #000 !important;
    text-align: right;
    font-style: italic;
    font-weight: bold;
    line-height: normal;
    margin: 10px 10px 0 0;
    height: 40px;
}
.popup-fot span{
    color:#ff9900 !important;
}
th.col-first.indoor-col .popup-title {font-size: 20px;}
th.col-first.indoor-col .comparison-page-title{display: none;}
.fa-check:before {
    content: "\f00c";
    color: #7dad1d !important;
}
tr.other-capacities td a{color: #2792c6 !important;}
tr.other-capacities td a:hover{color: #f90 !important;}
tr.other-capacities td {vertical-align: bottom !important;}
.required-orange{color: #ff9900 !important;}
.product-comparison-print .custom-table-wrapper{padding-top: 25px !important;}