/* -----------------------------------
		    OS Service CSS
----------------------------------- */
.os-service {
	padding: 60px 0;
}
.os-windows,
.os-linux {
	width: 30% !important;
	/*margin: 0 15px;*/
	margin: 0 150px;
	padding: 30px !important;
	border-radius: 8px;
	overflow: hidden;
}
.os-windows img,
.os-linux img {
	display: block;
	margin: 0 auto;
}
.os-windows hr,
.os-linux hr {
	margin: 30px 0;
}
.os-windows ul,
.os-linux ul {
	list-style: none;
	padding: 0;
}
.os-windows ul li,
.os-linux ul li {
	display: block;
	margin-bottom: 20px;
	padding-left: 60px;
}
.os-windows ul li {
	background: url("../images/icons/blue-desktop-icon.png") left top no-repeat;
}
.os-linux ul li {
	background: url("../images/icons/red-desktop-icon.png") left top no-repeat;
}
.os-windows h6,
.os-linux h6,
.os-windows p,
.os-linux p {
	margin: 0;
	line-height: 20px;
}
.os-windows p,
.os-linux p {
	color: #808080;
	font-family: "Sarabun";
}
.green-label,
.disc-promo {
  	position: relative;
}
.green-label span {
	width: 180px;
	height: 22px;
	right: -70px;  	
	position: absolute;
	z-index: 9;
  	display: block;
  	background-color: #23c69c;
  	font-family: arial;
  	font-size: 11px;
  	color: white;
  	font-weight: bold;
  	text-align: center;
	text-transform: uppercase;
  	line-height: 20px;
  	transform: rotate(40deg);
  	-webkit-transform: rotate(40deg);
  	-ms-transform: rotate(40deg);
}
.disc-promo {
	width: 32% !important;
	padding: 100px 30px 30px 30px !important;
	margin: 0 auto;
	border-radius: 8px;
	margin-top: 100px !important;
}
.disc-promo img {
	position: absolute;
	left: 0;
	top: -100px;
	z-index: 9;
}
.disc-promo span {
	color: #ef4b4b;
	font-size: 48px;
	font-weight: bold;
	margin: 0;
}
.disc-promo p {
	color: #252b37;
	word-wrap: break-word;
	margin: 0;
	line-height: 24px;
}
.btn-order-link {
	display: block !important;
	background-color: #ef4b4b !important;
	color: white !important;
	border-radius: 30px !important;
	padding: 8px 15px !important;
	margin-top: 30px;
}
.btn-order-link:hover,
.btn-order-link:focus {
	background-color: #9e1818 !important;
	outline: none;
}
@media (min-width: 768px) and (max-width: 991px){
	.os-service {
		padding: 60px 0 20px 0;
	}
	.os-windows,
	.os-linux,
	.disc-promo {
  		width: 45.835% !important;
		margin-bottom: 30px;
	}
}



/* -----------------------------------
		  Hosting Server CSS
----------------------------------- */
.hosting-server {
	margin: 60px 0;
	background-image: url("../images/bg-img/bg-hostingserver.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: auto;
}
.hosting-server {
	position: relative;
}
.hosting-server  .whitecloud-pattern {
    position: absolute;
    width: 100%;
    bottom: -5px;
    left: 0;
    right: 0;
    z-index: 100; 
}
.hosting-server .whitecloud-pattern img {
    width: 100%; 
}
.server-details {
	display: flex;
	flex-wrap: wrap;
	padding: 50px 50px 100px 500px;
}
.server-details .card-text {
	color: gray;
}
.server-details i {
	margin-right: 10px;
}
.server-details .modal-header {
	border-bottom: none;
}
.server-details .card .col-sm-2 img {
	display: block;
	margin: 0 auto;
}
.server-spec {
	border-top: 3px solid #2569d9;
}
.server-spec table tr:nth-of-type(odd){
	background-color: #dcf2ff;
}
.server-spec table tr:nth-of-type(even){
	background-color: #b6e4fc;
}
.server-spec table td {
	padding: .75rem 1rem !important;
}
.server-spec table td:first-child {
	font-weight: 600;
	border-right: 1px solid white;
}
@media (min-width: 1367px){
	.hosting-server button.my-3 {
  		margin-bottom: 3.45rem !important;
	}
}



/* -----------------------------------
		  Hosting Packages CSS
----------------------------------- */
.host-packages {
	padding: 0 0 60px 0;
}
.host-packages .nav-link {
	border-radius: .35rem !important;
	padding: 1rem !important;
	border: 1px solid #ccc !important;
	margin-bottom: 10px;
	width: 225px;
}
/*
.host-packages .nav-pills .nav-link::before {
	content: "";
    display: block;
    border-top: 8px solid transparent;
    border-left: 10px solid #0d6efd;
    border-bottom: 8px solid transparent;
    position: absolute;
    left: 25.6%;
	transform: translateY(20%);
    opacity: 0;
}
.host-packages .nav-pills .nav-link.active::before {
    opacity: 1;
}
*/
.host-packages .nav-pills .nav-link.active,
.host-packages .nav-pills .show > .nav-link,
.host-packages .nav-pills .nav-link:hover {
	color: transparent !important;
  	background-color: #e8f8fc !important;
	border: 2px solid #0d6efd !important;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	opacity: 1;
}
.host-packages .nav-link img {
	display: block;
	float: left;
	filter: grayscale(100%);
	opacity: 0.25;
}
.host-packages .nav-pills .nav-link.active img,
.host-packages .nav-pills .show > .nav-link img,
.host-packages .nav-pills .nav-link:hover img {
	filter: grayscale(0%);
	opacity: 1;
}
.host-packages .tab-content {
	width: 100%;
	padding: 15px 15px 1px 15px;
	border-radius: 5px;
}
.host-packages .accordion-flush .accordion-body {
  	padding: 13px 10px !important;
}
.host-packages .accordion-flush .accordion-item {
	border-radius: 0;
	margin-bottom: 15px;
	border: 1px solid #0d6efd !important;
}


/* ::: Host Packages Table ::: */
.host-packages table {
  	border-collapse: collapse;
  	border: 0;
}
.host-packages .table > :not(:first-child) {
  border-top: 0 !important;
}
.host-packages .-windows .table > :not(caption) > * > * {
  	padding: .55rem .65rem !important;
}
.host-packages thead,
.host-packages tbody,
.host-packages th,
.host-packages tr,
.host-packages td {
	text-align: center !important;
	vertical-align: middle;
}
.host-packages th,
.host-packages td {
  	border: 1px solid white;
  	background-clip: padding-box;
  	scroll-snap-align: start;
}
.host-packages tbody tr th:first-child {
	text-align: left !important;
	font-weight: normal;
	font-size: 14px;
}
.host-packages tbody tr:last-child th,
.host-packages tbody tr:last-child td {
  	border-bottom: 0;
}
.host-packages thead {
  	z-index: 1000;
  	position: relative;
}
.host-packages th,
.host-packages td {
  	padding: 0.6rem;
  	min-width: 6rem;
  	text-align: left;
  	margin: 0;
}
.host-packages thead th {
  	position: sticky;
  	top: 0;
  	border-top: 0;
  	background-clip: padding-box;
}
.host-packages thead th.pin {
  	left: 0;
  	z-index: 1001;
  	border-left: 0;
	letter-spacing: 0.3px;
	vertical-align: middle;
	background-color: darkgrey !important;
}
.host-packages thead th.-packages {
	color: white !important;
	text-transform: uppercase;
	font-weight: 600;
}
.host-packages thead th.-packages  {
	background-color: #0071bc !important;
}
.host-packages tbody th.privilege {
	color: white !important;
	font-weight: 500 !important;
	font-size: 18px !important;
	letter-spacing: 0.65px;
	background-color: #333 !important;
}
.host-packages tbody th {
  	background-clip: padding-box;
  	border-left: 0;
}
.host-packages tbody {
  	z-index: 10;
  	position: relative;
}
.host-packages tbody th {
  	position: sticky;
  	left: 0;
}
.host-packages tbody th {
  	background-color: #eaeaea;
}
.th-topic {
	background-color: darkgrey !important;
	font-size: 15px !important;
	font-family: "Sarabun";
	vertical-align: middle;
}

/* ::: Table Background Color ::: */
.host-packages .table thead th:first-child,
.host-packages .table tbody td:nth-child(2) {
	background-color: #a7def9;
}
.host-packages .table thead th:nth-child(2),
.host-packages .table tbody td:nth-child(3) {
	background-color: #70c1f2;
}
.host-packages .table thead th:nth-child(3),
.host-packages .table tbody td:nth-child(4) {
	background-color: #3fa9f5;
}
.host-packages .table thead th:last-child,
.host-packages .table tbody td:last-child {
	background-color: #0096f2;
}


.host-packages tbody tr:last-child td  {
	padding: 20px !important;
	background-color: #0071bc !important;
}
.host-packages .table tbody i {
	font-size: 18px !important;
	font-weight: 900;
	color: #0000ff !important;
}
.host-packages .table tbody td p {
	margin-bottom: 0 !important;
	font-size: 18px !important;
	line-height: normal !important;
	font-weight: 600;
}
.btn-img-order {
	width: 106px;
	padding-top: 12px !important;
	color: #c1282d !important;
	font-size: 16px !important;
	border: none !important;
	text-decoration: none !important;
	background-image: url("../images/bg-img/bg-btn-ordered.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.btn-img-order:hover {
	color: black !important;
	outline: none;
	text-decoration: underline !important;
}
.host-packages .table tbody td.bt-note {
	width: 100%;
}
.host-packages .table tbody td.bt-note p {
	font-size: 14px !important;
	line-height: 24px !important;
	font-weight: normal;
	text-align: left !important;
}

/* ::: Circlecamp ::: */
.circlecamp-for {
	display: flex;
	flex-wrap: wrap;
}
.circlecamp-for h5 {
	background-color: yellowgreen;
	color: darkgreen;
	width: 100%;
	padding: 15px;
	text-align: center;
}
.circlecamp-for ul {
	list-style: outside decimal;
	margin: 15px 0;
	padding-left: 40px;
}
.circlecamp-for ul li {
	font-family: "Sarabun";
	font-size: 16px;
	margin-bottom: 10px;
}



/* -----------------------------------
		  Responsive CSS
----------------------------------- */
@media (max-width: 767px){
	.os-service {
		padding: 30px 0;
	}
	.os-windows, .os-linux,
	.disc-promo {
  		width: 92.15% !important;
		margin: 0 15px 15px 15px;
	}
	.hosting-server {
		background-size: cover;
	}
	.server-details {
  		padding: 30px 30px 60px 30px;
		background-color: rgba(0, 0, 0, .8);
	}
	.server-details .col-lg-4 {
		width: 100% !important;
	}
	.server-details .card {
		text-align: center;
	}
	.server-details .card .col-sm-2 img {
		display: block;
		width: 50px;
		margin: 0 auto;
	}
	.server-details .card .card-title {
		color: #2569d9;
		margin-top: 15px !important;
	}
	.server-details .card .card-text {
		color: #ccc;
		margin-top: 3px !important;
	}
	.server-details .card .col-sm-10 {
		padding-bottom: 30px;
		border-bottom: 1px dashed #ccc;
	}
	
	
	/*            Host Packages
	------------------------------------*/
	.host-packages .container .d-flex {
		display: block !important;
	}
	.host-packages .nav-link {
  		margin: 5px auto;
  		width: 100% !important;
	}
	.host-packages .nav-link:last-child {
		margin-bottom: 15px;
	}
	.host-packages .nav-pills .nav-link::before {
		left: 91.5%
	}
	.host-packages .tab-content {
  		padding: 15px 15px 3px 15px;
	}
	.host-packages .me-4 {
		margin-right: 0 !important;
	}
}
@media (max-width: 991px){
	.host-packages {
		padding: 0;
	}
	.host-packages .container .d-flex {
		display: block !important;
		padding: 0;
	}
}
@media (min-width: 768px) and (max-width: 991px){
	.hosting-server {
		margin: 60px 0 0 0;
		background-size: cover;
	}
	.server-details {
		padding: 60px 30px;
		background-color: rgba(0, 0, 0, 0.8);
	}
	.server-details .card-body .card-title {
		color: #2569d9;
	}
	.server-details .card-body .card-text {
		color: #ccc;
	}
	.server-details button {
		margin: 30px auto 60px auto !important;
	}
	.host-packages .me-4 {
		margin-right: 0 !important;
	}
	.host-packages .nav-pills .nav-link {
		width: 100% !important;
		margin-bottom: 15px;
	}
	.host-packages .nav-link.active img {
		float: none;
		margin: 0 auto;
	}
}



/* -----------------------------------
	Privileges + Circlecamp pro CSS
----------------------------------- */
.privileges-area { }
.privileges-tab {
	display:  block;
	margin-top:  30px;
}
.privileges-tab .nav-pills .nav-link,
.privileges-tab .nav-pills .nav-link.active {
	color:  #ccc;
	background-color:  white;
	border:  2px solid #ccc;
	border-radius:  50px;
	padding:  10px 25px;
	font-weight:  500;
	font-size:  18px;
	margin: 0 10px 15px 0;
    letter-spacing: 0.5px;
}
.privileges-tab .nav-pills .nav-link.active,
.privileges-tab .nav-pills .nav-link:hover {
	color:  darkred;
	background-color:  #fbb03b;
	border:  2px solid #f7931e;
}
@media (max-width: 767px) {
	.privileges-area .mb-7 {
		margin-bottom: 0 !important;
	}
	.privileges-details {
		padding:  30px 0 0 0;
	}
    .privileges-tab .nav-pills .nav-link,
    .privileges-tab .nav-pills .nav-link.active {
        width: 375px;
        margin: 0 0 7px 0;
        border-radius: 3px;
    }
}
@media (max-width: 991px){
	.privileges-tab {
		margin-bottom: 30px;
	}
}

.circlecamp-pro { }
.blink-text {
	display: block;
}
.blink-text img {
	margin: 0 20px 0 15px;
	float: left;
}
.blink-text p {
	font-family: "Kanit";
	font-size: 20px;
	color: #2569d9;
	padding-top: 10px;
	line-height: 30px;
	/* animation: blinker 1.25s linear infinite; */
}

/*
@keyframes blinker {
  75% { opacity: 0; }
}
*/
@media (max-width: 767px){
	.blink-text img {
	  margin: 0 20px 0 0;
	}
}

.circlecamp-pro_pricing {
	padding: 0 0 60px 0;
}
.circlecamp-pro_pricing h2 {
	font-family: "Source Sans Pro";
	color: darkred;
	text-align: center;
	font-weight: 600;
	padding-bottom: 20px;
	position: relative;
}
.circlecamp-pro_pricing h2::after {
	content: "";
	width: 80px;
	height: 3px;
	background-color: darkred;
	position: absolute;
	bottom: 0;
	left: 46.5%;
}

.privileges-tab .table {
	font-family: "Sarabun";
	font-weight: normal;
}
.bg-packageOne,
.bg-packageTwo {
    position: relative;
	padding: 25px;
	border: 1px solid #d1eb68;
}
.bg-packageTwo {
	border: 1px solid #ace7f8;
}
.bg-packageOne::after,
.bg-packageTwo::after {
	width: 100%;
    height: 350px;
    position: absolute;
    top: 0;
    left: 0;
	z-index: -1;
}
.bg-packageOne::after {
    content: "";
	background: rgb(209,235,104);
	background: -moz-linear-gradient(0deg, rgba(209,235,104,0) 0%, rgba(209,235,104,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(209,235,104,0) 0%, rgba(209,235,104,1) 100%);
	background: linear-gradient(0deg, rgba(209,235,104,0) 0%, rgba(209,235,104,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d1eb68",endColorstr="#d1eb68",GradientType=1); 
}
.bg-packageTwo::after {
    content: "";
	background: rgb(172,231,248);
	background: -moz-linear-gradient(0deg, rgba(172,231,248,0) 0%, rgba(172,231,248,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(172,231,248,0) 0%, rgba(172,231,248,1) 100%);
	background: linear-gradient(0deg, rgba(172,231,248,0) 0%, rgba(172,231,248,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ace7f8",endColorstr="#ace7f8",GradientType=1); 
}

.packOne,
.packTwo {
	margin: 40px 0 0 0;
	box-shadow: rgba(0, 0, 0, 0.26) 0px 1px 5px;
}
.packOne .packTitle,
.packTwo .packTitle {
	padding: 30px 0 0 0;
	background-color: #d1eb68;
}
.packTwo .packTitle {
	background-color: #ace7f8;
}
.packOne .packTitle h4,
.packOne .packTitle p,
.packTwo .packTitle h4,
.packTwo .packTitle p {
	margin: 0;
	padding: 0 15px;
	text-align: center;
	font-family: "Source Sans Pro";
	font-weight: 600;
	color: #198754;
}
.packTwo .packTitle h4,
.packTwo .packTitle p {
	color: #0a58ca;
}
.packTitle p {
	font-size: 18px;
}
	
.bg-packageOne .table > :not(:first-child) {
  	border-top: 2px solid #e5f0bb;
}
.bg-packageTwo .table > :not(:first-child) {
	border-top: 2px solid #c6e4ee;
}
.bg-packageOne .table thead,
.bg-packageOne .table tbody td,
.bg-packageTwo .table thead,
.bg-packageTwo .table tbody td {
  	vertical-align: middle;
	text-align: center;
}
.packOne .table tbody tr th,
.packOne .table tbody td,
.packTwo .table tbody tr th,
.packTwo .table tbody td {
	font-size: 17px;
	letter-spacing: .3px;
}
.bg-packageOne .table tbody td,
.bg-packageTwo .table tbody td {
	font-weight: 600;
	border: 1px solid #e5f0bb;
}
.bg-packageTwo .table tbody td {
	border: 1px solid #c6e4ee;
}
.packOne .table tbody tr th > ul,
.packTwo .table tbody tr th > ul {
	margin: 0;
	text-align: start;
	list-style: none;
	list-style-position: outside;
}
.packOne .table tbody tr th > ul > li,
.packTwo .table tbody tr th > ul > li {
	font-size: 16px;
	font-weight: normal;
	margin: 7px 0;
}
.packOne .table tbody tr th > ul > li::before,
.packTwo .table tbody tr th > ul > li::before {
	content: "\f00c";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	color: #198754;
	margin-right: 8px;
}
.packTwo .table tbody tr th > ul > li::before {
	color: #0a58ca;
}
.bg-packageOne .card-body,
.bg-packageTwo .card-body {
  	flex: 1 1 auto;
  	padding: 1rem .15rem 0;
}

.bg-packageOne .table thead th,
.bg-packageTwo .table thead th {
	text-align: center;
	font-family: "Kanit";
	font-size: 18px;
	font-weight: 500;
	color: currentColor;
	border: 1px solid #e5f0bb;
}
.bg-packageTwo .table thead th {
	border: 1px solid #c6e4ee;
}
.packOne .table thead th:first-child,
.packOne .table tbody th > p,
.packTwo .table thead th:first-child,
.packTwo .table tbody th > p {
	font-family: "Source Sans Pro";
	font-weight: 600;
}
.packOne .table tbody th > p,
.packTwo .table tbody th > p {
	display: inline-block;
	padding-left: 1.15rem;
	margin: 0;
	color: #198754;
	font-size: 18px;
}
.packTwo .table tbody th > p {
	color: #0a58ca;
}
.packOne .table tbody tr:nth-of-type(even) {
	background-color: #fbffef;
}.packTwo .table tbody tr:nth-of-type(even) {
	background-color: #f2faff;
}
.packOne .table tbody tr {
	border-bottom: 1px solid #e5f0bb;
}
.packTwo .table tbody tr {
	border-bottom: 1px solid #c6e4ee;
}
.btn-packOne-order,
.btn-packTwo-order {
	padding: 10px 30px !important;
	border-radius: 30px !important;
	font-family: "Kanit";
	font-size: 18px;
	letter-spacing: .3px;
}
.btn-packOne-order::before,
.btn-packTwo-order::before {
	content: "\f291";
	font-family: "Font Awesome 6 Free";
	font-size: 16px;
	font-weight: 900;
	margin-right: 8px;
}
.btn-packOne-order:hover {
	color: darkgreen !important;
	background-color: #d0eb00 !important;
}
.btn-packTwo-order:hover {
	color: #0a58ca !important;
	background-color: #A0EFF6 !important;
}


@media (max-width: 767px){
	.bg-packageOne,
	.bg-packageTwo {
		padding: 15px;
	}
	.packTitle p {
		padding: 0 15px;
	}
	.blink-text p {
		font-size: 17px;
		padding-top: 12px;
		line-height: 26px;
	}
	.circlecamp-pro_pricing h2::after {
		left: 39.65%;
	}
}
@media (min-width: 768px) and (max-width: 991px){
	.circlecamp-pro_pricing h2::after {
		left: 45%;
	}
	.packOne .table tbody tr th > ul > li,
	.packTwo .table tbody tr th > ul > li {
		display: inline-block;
  		float: left;
  		margin: 8px 50px 15px 0;
	}
}
@media (max-width: 991px){
	.blink-text p > br {
		display: none;
	}
	.circlecamp-pro_pricing {
	  	padding: 0;
	}
	.packOne .table tbody th > p,
	.packTwo .table tbody th > p {
		padding-left: 0;
	}
	.packOne .table tbody tr th > ul,
	.packTwo .table tbody tr th > ul {
		padding-left: .75rem;
	}
	.bg-packageOne .table tbody td,
	.bg-packageTwo .table tbody td {
	  	text-align: start;
		border: none;
	}
	.btn-packOne-order,
	.btn-packTwo-order {
  		padding: 10px 60px !important;
	}
}
@media (min-width: 992px){
	.bg-packageOne .table {
		border: 1px solid #e5f0bb;
	}
	.bg-packageTwo .table {
		border: 1px solid #c6e4ee;
	}
}



/*-- ==============================================================
 Screen smaller than 760px and iPads.
 ============================================================== */

@media only screen and (max-width: 767px),
(min-device-width: 768px) and (max-device-width: 1024px) {
    
    [data-content]:before {
        content: attr(data-content);
    }
	.packOne .table > :not(caption) > * > *,
	.packTwo .table > :not(caption) > * > * {
		padding: .5rem 1rem !important;
		border-bottom-width: 0 !important;
	}
    /* Force table to not be like tables anymore */
    .table-mobile-responsive,
    .table-mobile-responsive thead,
    .table-mobile-responsive tbody,
    .table-mobile-responsive th,
    .table-mobile-responsive td,
    .table-mobile-responsive tr {
        display: block;
    }
    .table-mobile-responsive caption {
        width: max-content;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .table-mobile-responsive thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .table-mobile-responsive > :not(:first-child) {
        border-top: none;
    }

    .table-mobile-responsive tr:not(.bg-light-blue) {
        border-bottom: 2px solid var(--tmr-row-divider-color);
    }

    /* Default layout */
    .table-mobile-responsive td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid var(--tmr-white);
        position: relative;
        padding-left: 50%;
        padding-top: 1.5rem !important;
    }

    .table-mobile-responsive td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 0;
        left: 15px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        font-weight: bold;
        color: var(--tmr-table-header);
    }
    
    /* Sided layout */
    .table-mobile-responsive.table-mobile-sided> :not(:first-child) {
        border-top: none;
    }

    .table-mobile-responsive.table-mobile-sided td {
          /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid var(--tmr-white);
        position: relative;
        padding-left: 50%;
        padding-top: 0px !important;
        display: flex;
        justify-content: flex-end;
    }
    .table-mobile-responsive.table-mobile-sided td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 0;
        left: 15px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        font-weight: bold;
        color: var(--tmr-table-header);
    }

    /* Styleless */
    .table-mobile-responsive.table-styleless tr:not(.bg-light-blue) {
        border-bottom: none !important;
    }

}