/* table colom 2 */
#comparison-chart .table_col_2 {
    border-collapse: collapse;
    border-spacing: 0;
    width:auto !important;
}
#comparison-chart .table_col_2 tr{
    background-color: white !important;
}
#comparison-chart .table_col_2 tr td {
    font-size:14px;
    padding: 8px;
    border: 2px solid #adafb1;
    background-color: white;
    overflow:hidden;
    width:180px;
    text-align: center;
    vertical-align: middle;
}
#comparison-chart .table_col_2  tr:nth-child(odd){
    background-color: #e6e7e9 !important;
}


/* table free gift */
#comparison-chart .table_free_gift, #comparison-chart .table_free_gift tr, #comparison-chart .table_free_gift tr td {
    border: none !important;
    padding: 0px !important;
}

#comparison-chart .table_point, #comparison-chart .table_point tr, #comparison-chart .table_point tr td {
    border: none !important;
    background-color:transparent !important;
    padding: 3px !important;
}

/* box product */
#comparison-chart .box_products{
    margin-left: 1%;
    margin-right: 1%;
    width:96%;
}
#comparison-chart .col_product_1{
    z-index: 1;
    width:220px;
    height:auto;
    position: absolute;
    overflow: hidden;
    background-color:white;
}

#comparison-chart .col_product_2{
    width:100%;
    height:500px;
    float: left;
    position: relative;
}
#comparison-chart .row_empty{
    width:100%;
    border: none !important;
    border-bottom: 3px solid #adafb1 !important;
    /* border-top: 4px solid white !important;
    border-right: 4px solid white !important;
    border-left: 4px solid white !important;  */
   
    background-color:white;
}
#comparison-chart .row_empty2{
    border: none !important;
    background-color:white;
    border-right: none !important;
}

#comparison-chart .col_space{
    width:1px !important;
    border: none !important;
    background-color:white;
    padding:4px 8px 0px 0px !important;
    /* border-left: 2px solid #adafb1 !important;
    border-right: 2px solid #adafb1 !important; */
}
#comparison-chart .col_space2{
    width:1px !important;
    border: none !important;
    background-color:white;
    padding:4px 8px 0px 0px !important;
    border-right: 2px solid #adafb1 !important;
}
#comparison-chart .col_space3{
    width:1px !important;
    border: none !important;
    background-color:white;
    padding:8px !important;
}

#comparison-chart .row_space{
    width:1px !important;
    border: none !important;
    background-color:white;
}
#comparison-chart .row_product{
    width:100%;
}


/* td */
#comparison-chart .col_row_header{
    background-color:#47b143 !important;
    color:white;
    font-size:1em;
    text-align:center;
    font-weight: bold;
}
#comparison-chart .col_row_header2{
    background-color:#47b143 !important;
    color:white;
    font-size:1em;
    text-align:center;
    height:38px;
}
#comparison-chart .col_row_header3{
    background-color:#47b143 !important;
    color:white;
    font-size:1em;
    text-align:center;
    border-bottom:2px solid #adafb1 !important;
    border-top:2px solid #adafb1 !important;
}

#comparison-chart .col2_row1{
    text-align: center;
    width:180px !important;
    background-color:white;
}
#comparison-chart .col2_row2{
    text-align: center;
    background-color:#47b143;
    color:white;
    font-weight: bold;
    white-space: nowrap;
}

#comparison-chart .col2_row1_image{
    /* height: 180px;
    padding:0px 10px 0px 10px; */
    height: auto;
    width: 70%;
}
#comparison-chart .col1_row2{
    width: 100%;
    text-align: center;
    font-weight: bold;
    border: 2px solid #adafb1 !important;
}
#comparison-chart .col2_row3{
    text-align: center;
    white-space: nowrap;
    height:18px !important;
    padding:8px !important;
}

#comparison-chart .col2_row5{
    text-align: center;
    white-space: nowrap;
    height:18px !important;
    padding:20px !important;
}

#comparison-chart .col1_row3, #comparison-chart .col2_row4{
    text-align: center;
    background-color:white;
    height: 175px;
    border:2px solid #adafb1 !important;
}
#comparison-chart .col2_row4{
    vertical-align: top;
}
#comparison-chart .col_vertical{
    padding-left: 15px !important;
    padding-right: 15px !important;
}


#comparison-chart .image_free_gift{
    width:70px;
    height: 50px;
}


/* images */
#comparison-chart .image_xi{
    height: auto !important;
    width: 30px !important;
}
#comparison-chart .image_4k{
    height: auto !important;
    width: 150px !important;
}
#comparison-chart .image_x_tended{
    height: auto !important;
}
#comparison-chart .image_x_tended_8k{
    height: auto !important;;
}
#comparison-chart .image_triluminos{
    height: auto;
    width: 150px !important;
}

#comparison-chart .image_clearaudio{
    width:200px;
    height: auto !important;;
}
#comparison-chart .image_motionflow{
    height: auto !important;
    width: 150px !important;
}
#comparison-chart .image_motionclarity{
    height: auto !important;
    width: 150px !important;
}
#comparison-chart .image_android_tv{
    height:auto !important;
    width:122px !important;
}
#comparison-chart .image_bluetooth{
    width:70px;
    height: auto !important;
}
#comparison-chart .image_wifi{
    width:70px;
    height: auto !important;
}

#comparison-chart .image_point{
    width:40px;
    height: 40px;
    max-width: none;
}



#comparison-chart .text_free_gift{
    font-size: 0.625em;
    font-weight: bold;
    white-space:none !important;
}
#comparison-chart .col1_row5{
    background-color:#9fbb31 !important;
    border:2px solid white !important;
    border-width:2px 0px 0px 0px !important;
}

#comparison-chart .row_cat_image{
    display: block;
    margin-left: auto;
    margin-right: auto;
}


#comparison-chart .text_vertical{
    text-align:center;
    white-space:nowrap;
    transform-origin:50% 50%;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    width: 20px;
    font-weight: bold;
    font-size: 1em;
}
#comparison-chart .text_vertical:before {
    content:'';
    /* display:inline-block; */
    vertical-align:middle;
}
#comparison-chart .line{
    width: 12px;
    border-bottom: 1px solid black;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

        

/* box_cat_image */
#comparison-chart .box_cat_image{
    width:30%;
    height: auto;
    padding-right:5px;
    float: left;
    position: relative;
}
#comparison-chart .box_cat_image_2{
    width:100%;
    height: auto;
    padding-right:5px;
    float: left;
    position: relative;
}

/* tv */
#comparison-chart .tv_left{
    float:left;
    height: 20px;
}
#comparison-chart .tv_right{
    float:right;
    height: 20px;
}
#comparison-chart .tv_center{
    text-align: center;
    padding:0px 20px 0px 20px;
    width: 280px;
    width: 280px;
}
#comparison-chart .tv_left_image{
    height: 30px;
    float: left;
}
#comparison-chart .tv_right_image{
    height: 30px;
    float: right;
}
#comparison-chart .tv_center_image{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 11.25em;
    height: 8.25em;
    margin-top:30px;
}


/* btb arrow */
#comparison-chart .btn_arrow_left{
    float:left;
    position: relative;
    z-index: 2;
    margin-left:160px;
    margin-top: -415px;
    display: none;
}
#comparison-chart .btn_arrow_right{
    float:right;
    position: relative;
    z-index: 2;
    margin-top: -415px;
    margin-right:-40px;

}
#comparison-chart .image_btn_arrow{
    width: 100px;
    height: 70px;
}

/* btn download pdf */
#comparison-chart .image_download_pdf{
    margin-top:0px;
    width: 50%;
    height: auto;
}

#comparison-chart .image_download_pdf:hover {
    cursor:pointer;
}

/* additional */
#comparison-chart .bg_grey {
    background-color:#e6e7e9 !important;
}


#comparison-chart .prev-slide {
    left: -37vw;
    background-color: white;
    -webkit-box-shadow: -5px 5px 6px -3px rgba(0,0,0,0.5);
    -moz-box-shadow: -5px 5px 6px -3px rgba(0,0,0,0.5);
    box-shadow: -5px 5px 6px -3px rgba(0,0,0,0.5);
    color: black;
    height: 75px;
    width: 75px;
    border-radius: 50%;
    padding-right: 3px;
}
#comparison-chart .prev-slide::before{
    content: "\f053";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 2.25em;
    line-height: 2.19em;
    color: black;
    padding: 0.6em;
}
#comparison-chart .nav-btn {
    height: 75px;
    width: 75px;
    cursor: pointer;
    bottom: 350px !important;
}

#comparison-chart .next-slide {
    right: -37vw;
    background-color: white;
    -webkit-box-shadow: -5px 5px 6px -3px rgba(0,0,0,0.5);
    -moz-box-shadow: -5px 5px 6px -3px rgba(0,0,0,0.5);
    box-shadow: -5px 5px 6px -3px rgba(0,0,0,0.5);
    height: 75px;
    width: 75px;
    border-radius: 50%;
    padding-left: 3px;
}
#comparison-chart .next-slide::after {
    content: "\f054";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 2.25em;
    line-height: 2.19em;
    color: black;
    padding: 0.6em;
}


/* select2 style*/
  #comparison-chart .custom-select {
    position: relative;
    font-family: Arial;
  }
  #comparison-chart .custom-select select {
    display: none; /*hide original SELECT element:*/
  }
  #comparison-chart .select-selected {
    background-color: #9fbb31;
    margin-top: -9px;
    width: 150px !important;
    margin-left: -12px;
  }
  /*style the arrow inside the select element:*/
  #comparison-chart .select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
  }
  /*point the arrow upwards when the select box is open (active):*/
  #comparison-chart .select-selected#comparison-chart .select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
  }
  /*style the items (options), including the selected item:*/
  #comparison-chart .select-items div,#comparison-chart .select-selected {
    color: #ffffff;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
  }
  /*style items (options):*/
  #comparison-chart .select-items {
    position: absolute;
    background-color: #9fbb31;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
  }
  /*hide the items when the select box is closed:*/
  #comparison-chart .select-hide {
    display: none;
  }
  #comparison-chart .select-items div:hover, #comparison-chart .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
  }
  #comparison-chart .table_height{
    height:1980px;
  }


  

  @media only screen and (max-width: 600px) {
    #comparison-chart .table_col_2 tr td {
        font-size: 10px;
        padding: 5px !important;
    }
    #comparison-chart .col2_row3{
        white-space: unset !important;
    }
    #comparison-chart .col2_row2_tittle{
        width:9em;
    }

    #comparison-chart .next-slide::after{
        font-size: 1.25em;
        line-height: 1.5em;
        padding: 0.3em;
    }

    #comparison-chart .prev-slide::before{
        font-size: 1.25em;
        line-height: 1.5em;
        padding: 0.3em;
    }
    #comparison-chart .prev-slide{
        height: 30px;
        width: 30px;
    }

    #comparison-chart .btn_arrow_left{
        margin-left: 145px;
        margin-top: -452px;
    }

    #comparison-chart .col_product_1{
        width: 142px;
    }

    #comparison-chart .btn_arrow_right{
        margin-right: 8px;
        margin-top: -452px;
    }

    #comparison-chart .next-slide{
        height: 30px;
        width: 30px;
    }
    #comparison-chart .table_height{
        height:1510px;
    }

    #comparison-chart .custom-select{
       margin-left: 0em !important;
       margin-bottom:1em;
    }

    #comparison-chart .download_pdf{
        margin-left: 0em !important;
    }

    #comparison-chart .title_comparasion{
        padding-bottom:1em !important;
     }
    
    
    
  }