/* SEO Services styles*/

.toggle-content, .lists{
    display: none;
}

#compare-plans table{ table-layout: fixed; width: 100%; border-collapse: collapse; }

#compare-plans th{ text-align: center ;}  
#compare-plans th:first-child{ width: 300px;}  
#compare-plans td+td{ width: auto;}

/* Table header */
#compare-plans .col-empty{ background-color: #FFF !important}
#compare-plans .row-blue{ background-color: #3DC2F1;}
#compare-plans .row-orange{background-color: #FAA93B; }


#compare-plans .text-blue p{ color: #3DC2F1;}
#compare-plans .text-orange p{color: #FAA93B; }
#compare-plans .text-pp p{ color: #3FA5DC;}
#compare-plans .text-plat p{color: #408ACA; }
#compare-plans .text-elite p{color: #4171B8; }

/* Table Body */
#compare-plans tr:nth-child(2) {border-top: 1px solid #EEEEEE;}
#compare-plans tr:nth-child(9) {border-bottom: 1px solid #EEEEEE;}
#compare-plans tr:nth-child(1n+2) {border-left: 1px solid #EEEEEE;}
#compare-plans tr:nth-child(10), #compare-plans tr:nth-child(11) {border-left: 0px solid #EEEEEE;}

/*#compare-plans tr:nth-child(n+2) td:first-child {border-left: 1px solid #FFF;}*/

#compare-plans tr td:nth-child(2n),
#compare-plans tr th:nth-child(2n){ border-left: 1px solid #3DC2F1; border-right: 1px solid #3DC2F1;}

/*#compare-plans table:hover{ box-shadow: 0px 0px 20px 7px rgb(162 162 162 / 63%); }*/

#compare-plans tr td:nth-child(6),
#compare-plans tr td:nth-child(7),
#compare-plans tr th:nth-child(6),
#compare-plans tr th:nth-child(7){ border-left: 1px solid #FAA93B; border-right: 1px solid #FAA93B;}

#compare-plans tr:first-child td, 
#compare-plans tr:nth-child(2) td{ vertical-align: top;}
#compare-plans tr:nth-child(3n) td{ vertical-align: middle;}

#compare-plans td.align-center{ text-align: center;}
#compare-plans td.icon-blue .td-content-wrapper .eael-datatable-icon i{ color:#3DC2F1 }
#compare-plans td.icon-orange .td-content-wrapper .eael-datatable-icon i{ color:#FAA93B }
#compare-plans td .td-content-wrapper p{ margin-bottom: 0; line-height: 16px;}

#compare-plans ul{ margin-top: 1rem;}
#compare-plans ul li{ padding-top: 5px; padding-bottom: 5px;}

/* Table Footer */
#compare-plans td.row-footer{ padding: 0;}
#compare-plans .signup{ display: inline-block; width: 100%; padding: 10px; text-align: center;color: #FFF;font-weight: 400; border-radius: 0; transition: background-color .5s;}

#compare-plans .signup:focus, #compare-plans .signup:active{ transition: none;}

a.row-blue{ border: 1px solid #3DC2F1;}
a.row-orange{border: 1px solid #FAA93B; }


#compare-plans a.row-blue:hover{ background-color: #FFFFFF; color: #3DC2F1;}
#compare-plans a.row-orange:hover{ background-color: #FFFFFF; color: #FAA93B;}


@media (max-width: 966px){.data-table-header-text {font-size: 14px;}}
@media (max-width: 850px){.data-table-header-text {font-size: 12px;}}

/* ECOMMERCE Services styles*/

#compare-plans.ecomm th:first-child{ width: 500px;} 

/* Table header */
#compare-plans.ecomm .row-pp{ background-color: #3FA5DC; }
#compare-plans.ecomm .row-plat{ background-color: #408ACA; }
#compare-plans.ecomm .row-elite{ background-color: #4171B8; }

/* buttton hover effect */


#compare-plans.ecomm td.icon-pp .td-content-wrapper .eael-datatable-icon i{ color:#3FA5DC }
#compare-plans.ecomm td.icon-plat .td-content-wrapper .eael-datatable-icon i{ color:#408ACA }
#compare-plans.ecomm td.icon-elite .td-content-wrapper .eael-datatable-icon i{ color:#4171B8 }

#compare-plans.ecomm tr td:nth-child(2n), #compare-plans.ecomm tr th:nth-child(2n){border-left: 1px solid #3DC2F1; border-right: 1px solid #3DC2F1; }
#compare-plans.ecomm  tr td:nth-child(4),#compare-plans.ecomm  tr td:nth-child(5),#compare-plans.ecomm  tr th:nth-child(4),#compare-plans.ecomm  tr th:nth-child(5){ border-left: 1px solid #4171B8; border-right: 1px solid #4171B8;}

/* Table footer */
a.row-pp{border: 1px solid #3FA5DC; }
a.row-plat{border: 1px solid #408ACA; }
a.row-elite{border: 1px solid #4171B8; }

#compare-plans a.row-pp:hover{ background-color: #FFFFFF; color: #3FA5DC;}
#compare-plans a.row-plat:hover{ background-color: #FFFFFF; color: #408ACA;}
#compare-plans a.row-elite:hover{ background-color: #FFFFFF; color: #4171B8;}