/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Apin Chaudhari
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/
/*.wp-block-table{overflow-x: unset;}*/

.singletable{
    box-shadow: 1px 1px 20px rgba(0,0,0,.05);
    font-size: 16px;
    line-height: 26px;
}
.singletable table{
    border: unset;
    max-width: 100%;
    border-spacing: 0;
    width: 100%;
    word-break: inherit;
    color: inherit;
}
.singletable table tr td:first-child {
    font-weight: bold;
}
.singletable table tr td{border: 1px solid #f6f6f6;}
.singletable table tbody tr:hover, .table-comparison table tbody tr:hover, .multi-comparison table tbody tr:hover{background-color: #f2fbff;}
.comp_title{text-align: center;color: #265683;}
.comp_desc{text-align: center;font-size: 14px;}


.stars {
    color: #F7B708;
    font-size: 1.2em;
}
.singletable table tr td img, .table-comparison table tr td img, .multi-comparison  table tr td img{border-radius: unset;}
.searchcompare,.select2-container--default .select2-selection--multiple{    
    margin: 0;
    border-radius: 24px !important;   
    background: transparent;
    padding: 8px 12px;
    border: 1px solid #265683 !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #0062B9 !important;
    border: none !important;
    border-radius: 24px !important;
    font-size: 1.6rem;
    font-weight: 600;
    color: #fff;
    padding: 8px 15px !important;

}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    color: #D8DADC !important;
    margin-right: 4px !important;
    margin-left: 8px;
    float: right;
    font-weight: 600;
}
.jumbotron{background-color: #F2FBFF !important;}

table tr td a{color: #054682;font-weight: bold;}
.table-comparison, .multi-comparison{
    box-shadow: 1px 1px 20px rgba(0,0,0,.05);
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 40px;
}
.table-comparison table, .multi-comparison table{
    border: unset;
    table-layout: fixed;
}
.multi-comparison table tr td{
    min-width: auto;
}
.table-comparison thead{background-color: #054682;color: #fff;}
.multi-comparison thead{
    background-color: #ffffff;
}
.multi-comparison thead h2{ width: 100%;text-align: center;}
.multi-comparison thead .logo{width: auto;height: 85px;box-shadow: none;margin-bottom: 0px; }
.table-comparison .border-dark tr th:nth-child(2) {
    border: 2px solid #3B93C3;
    border-bottom: 0;

}

.table-comparison tbody tr:first-child, .multi-comparison  tbody tr:first-child{
    border-right: 0;

}
.table-comparison tbody tr td:first-child {
    font-weight: bold;
    max-width: 150px;
}
.multi-comparison  tbody tr td:first-child, .table-comparison tbody tr td:first-child {
    font-weight: bold;
    max-width: 150px;
    padding: 8px 0px 8px 20px;
    text-align: left;
}
.multi-comparison  tr .header{
    padding-left: 5px !important;
    color: #054682;
    background: #F2FBFF;
    font-size: 18px;
}
.multi-comparison td ul{ margin-left: 10%;text-align: left; }
.table-comparison tbody tr td, .multi-comparison tbody tr td{
    font-size: 16px;
    border: 1px solid #f6f6f6;
    text-align: center;
}
.multi-comparison tbody tr td{
    padding: 5px;
}
.table-comparison tbody tr td:nth-child(2) {
    background: #f2fbff;
   /* border-bottom: 1px solid #64A9D2;*/
    border-left: 2px solid #3B93C3 !important;
    border-right: 2px solid #3B93C3 !important
}

.table-comparison tbody tr:last-child, .multi-comparison  tbody tr:last-child{
    border-left: 0
}

.table-comparison tbody tr:last-of-type td:nth-child(2) {
    border-bottom: 2px solid #3B93C3;
}

.table-comparison_top {
    box-shadow: none
}

.table-comparison_top border-dark:nth-child(2) {
    border-top: 0
}

.table-comparison table thead th{text-align: center;color: #fff !important;}

[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 200px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.comptooltip{ 
    color: #929292;
    padding: 0px 6px;   
    font-size: 16px;  
    float: right;   
}
.visit_btn{
    display: block;
    background-color: #5B73F2;
    color: #fff;
    padding: 5px 15px;
    border-radius: 25px;
    margin: 5px 0px;
    width: max-content;
    margin: 10px auto;
}
.visit_btn:hover{color:#fff;}
.title-head{display: none;text-align: center;margin: 0;}
.thead--is-fixed .title-head{display: block;font-size: 20px;margin-top: 5px;}
.thead--is-fixed .remove-comp, .thead--is-fixed .logo{display: none;}
.review_btn{
    width: 100%;
    float: left;
    text-align: center;
}
.green-highlight{    
    background:  #f2fff3;
    font-weight: bold;}
.multi-comparison  table  thead th span{text-align: center;font-size: 16px;width: 100%;display: block;font-weight: normal;}
.thead--is-fixed th span, .thead--is-fixed .review_btn{display: none !important;}
.thead--is-fixed .visit_btn{margin: 2px auto !important;background-color: unset;text-decoration: underline;color: #0062B9;padding: 0px;}
.thead--is-fixed .visit_btn:after{content: '->';}
.multi-comparison  table  thead th:first-child{
        width: 180px;
}
.remove-comp{
        float: right;
    margin-right: 15px;
    margin-top: 15px;
    cursor: pointer;
}
.thead--is-fixed{
        background: #fff;
    position: -webkit-sticky;
    position: sticky;
        background-clip: padding-box;
    top: -1px;
    z-index: 9999999;
    box-shadow:  0 10px 6px -5px rgba(0, 0, 0, 0.4);;
}
.pinned .pin-btn, .pinned:before{color: red;display: inline-block !important;}
table  thead th { color: #000;}
.header-space{
    border-top: 3px solid #265683;
    height: 3px;
}
.pin-btn{display: none !important;cursor: pointer;margin-right: 5px;color: #929292;}
.icpinned{color: red;display: inline-block !important;}
.pin:hover .pin-btn{display: inline-block !important;}
.header-space td{display: none;}
tr.header-colapes {
    cursor:pointer;
    /*display: table-row;*/
}
 .multi-comparison  table  thead th {text-align: center;}

.minimize {display: none;}

.header-colapes td span, .header-colapes-min td span{
       float: right;
    padding-right: 2%;}

@media screen and (max-width: 768px){
    .table-comparison table, .multi-comparison table{
        table-layout: unset !important;
    }
    .singletable,.table-comparison, .multi-comparison{       
        font-size: 15px;
        line-height: 20px;
    }   
    .table-comparison thead, .multi-comparison thead{display: table-header-group !important;}
    table  tbody td, table  thead th {
        display: table-cell !important;
        text-align: center;
        
    }
    
    .singletable table tr td:first-child,  .table-comparison table tr td:first-child, .multi-comparison  table tr td:first-child, .singletable table tr th:first-child,  .table-comparison table tr th:first-child, .multi-comparison  table tr th:first-child{
        background: #fff !important;
        font-size: 15px;
        text-align: left;
    }
    .container{padding: 0px !important;}
     .table-comparison, .multi-comparison {
         max-width: 500px;
          overflow-x: scroll;
          /*margin-left: 110px;
          overflow-y: visible;
          padding: 0;*/
      }

       .table-comparison thead, .multi-comparison thead{display: table-header-group !important;}
       .table-comparison table tr td, .multi-comparison table tr td, .table-comparison table tr th, .multi-comparison table tr th{
            z-index: 1;
            position: relative;
       }
      .table-comparison table tr td:first-child, .multi-comparison table tr td:first-child,.table-comparison table tr th:first-child, .multi-comparison table tr th:first-child{
        /*position: absolute;
          width: 110px;
          left: 0;
          top: auto;
          border-top-width: 1px;
         
          margin-top: -1px;*/

           position: sticky;
  left: 0;
  z-index: 10;
      }

      

}