/* Cloudli styles for the webserver page set: coverage, keep-your-number,
   international rates and error. Derived from the babyTEL Wordpress theme;
   only the rules these pages can match are kept. */

html, body, div, span, a, img, h1, h2, h3, h5, p, ul, li, strong, form, label, table, tbody, thead, tr, th, td, article, header, nav, section { font-family:inherit; font-size:100%; font-weight:inherit; font-style:inherit; vertical-align: baseline; white-space: normal; text-align: left; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; }

input, select { font-family:inherit; font-size:100%; font-weight:normal; font-style:normal; white-space: normal; text-align: left; margin: 0; padding: 0; }

article, header, nav, section { display:block; }

ul { list-style:none; }

table { border-collapse:separate; border-spacing:0; background-color:transparent; width:auto; height:auto; }

:focus { outline: 0; }

html { height:100%; }

body {
	background: white/*url('images/bg/stripes.png') fixed*/;
	-moz-osx-font-smoothing: grayscale;
	font:16px/18px 'Lato', Helvetica, sans-serif;
	color:#666;
	min-height:100%;
	position:relative;
	padding-bottom: 725px;
}

header { height:405px; background:url('images/bg/stripes-blue.png') fixed; border-top:1px solid #00cffa; }

#banner { padding:15px 10px 0; position:relative; color:#fff; width: 100%; }

@media only screen and (min-width: 1024px) {
	body {
		padding-bottom: 216px !important;
	}
}

.container { margin:0 auto; position:relative; }

p { margin:0 0 0.8em 0; line-height:1.4; }

strong { font-weight:bold; }

h1 { font-size:40px; line-height:44px; margin-bottom:16px; color:#fff; }

h2 { font-size:22px; line-height:24px; margin-bottom:18px; color:#666; font-weight:bold; }

h3 { font-size:20px; line-height:32px; margin-bottom:12px; color:#00ccff; }

h5 { font-size:15px; line-height:20px; margin:12px 0 8px; color:#666; font-weight:bold; }

a { color:#ff4dbb !important; text-decoration:none; }

a:hover, a:active { outline:none; }

table { border:1px solid #aaa; margin-bottom:24px; }

th { border:1px solid #aaa; padding:2px 4px; text-align:center; font-weight:bold; }

td { border:1px solid #aaa; padding:4px 8px; }

td { text-align:center; vertical-align:top; }

.plus { padding-left:23px; list-style-image:url('images/icons/checkmark-blue.gif'); }

form { position:relative; }

form span { color:#00cdff; }

input[type="text"] { height:16px; width:272px; color:#999; font-size:14px; border:1px solid #00acd9; border-radius:6px; padding:8px 8px 6px; background:#fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAICAIAAAC3eAIWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACpJREFUeNpiePbsGRMIsLCwMHz8+JHh27dvDL9//2b49+8fw////wECDADjehFmvmuikgAAAABJRU5ErkJggg==') repeat-x; }

input[type="checkbox"] { vertical-align:bottom; }

input[type="submit"] { -webkit-appearance: none; }

label { color:#333; font-size:14px; line-height:22px; font-weight:bold; display:block; }

input:focus { border-color:#000; }

select { font-size:14px; height:32px; padding-top: 3px; border:1px solid #00acd9; border-radius:6px;background:#fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAICAIAAAC3eAIWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACpJREFUeNpiePbsGRMIsLCwMHz8+JHh27dvDL9//2b49+8fw////wECDADjehFmvmuikgAAAABJRU5ErkJggg==') repeat-x; }

input:focus::-webkit-input-placeholder { color:transparent; }

input:focus:-moz-placeholder { color:transparent; }

input:focus::-moz-placeholder { color:transparent; }

input:focus:-ms-input-placeholder { color:transparent; }

.lightgrey { background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG1JREFUeNqU0dENwCAIBFA591+UHZCa2Fiq1AKJX+ZFuSNmVtWyTa21eIM+RLRfiIgPBoobzIeCBvZzEYNlIfff1iAYzjSIBzoMUiV0g9Zarrh+UubeIW6epQ/G9vNK6cvYTtdYf43Tw9lcAgwA2d1K4RIxX4MAAAAASUVORK5CYII=') fixed; }

.darkgrey { background:url('images/bg/stripes-dark-grey.png') fixed; }

.lightblue { background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGdJREFUeNqM0DsOgDAMA9BYcP8rVohDUJaEgEo/UKi9eHpyFCzR1ExyUHoC5BWsuwPhzQm8eJMAbwogTQMY8wRD0wH/BiHq3Pv3p3HgxZsEeIOwaZ5jzAWqE4fmBrSpAGdaQJhDgAEA0f94i8h1CNMAAAAASUVORK5CYII='); }

.blue { background:url('images/bg/stripes-blue.png'); }

button, .yellow-button { border:0; padding:0 30px; margin:0; height:50px; font:24px/50px Arial, Helvetica; font-weight:bold; text-decoration:none !important; cursor:pointer; color:#333 !important; text-shadow:0 1px #fff; text-align:center; display:inline-block; background:#fff600; /*url('images/util/stripes-yellow.png'); */ border-radius:4px; }

button:hover, .yellow-button:hover { color:#000; text-decoration:none !important; background:rgba(255,255,0, 1); background:#ff0; }

.qc .yellow-button { font-size:20px; }

.left { float:left !important; }

.rounded { border-radius:8px; /*overflow:hidden;  ... break corner things */ }

.hidden { display:none; }

a.logo { display:inline-block; padding:0; line-height:inherit; border:0; }

nav a.logo { margin-top: -5px; }

header nav { padding-top:30px; height:50px; }

header nav li { float:left; }

header nav a { display:block; color:#fff; font-size:21px; line-height:40px; text-decoration:none; padding:0; }

header nav a:hover { color:#ffff00; }

header nav li:first-child a { border-top-left-radius:8px; border-bottom-left-radius:8px; }

header nav li:last-child a { border-top-right-radius:8px; border-bottom-right-radius:8px; border-right: none; }

article { position:relative; }

#banner h1 { margin-bottom: 18px; max-width: 60%; text-align: center; }

@media only screen and (max-width: 760px) {
	#banner h1 { text-align: center; margin-left: 5px; padding-bottom: 15px; margin-top: 40px !important; max-width: 100% !important; }
}

@media only screen and (min-width: 761px) {
	#banner h1 { text-align: left; margin-left: 5px; padding-bottom: 8px; }
}

@media only screen and (min-width: 1024px) {
	#banner h1 { margin-top: 10px; }
}

#portForm { margin:20px 0; }

#portForm input[type="text"] { width:55px; }

#portForm #number { width:60px; }

#portForm .yellow-button { height:34px; line-height:32px; width:278px; margin-top: 15px; }

#allCities div { width: 100%; }

#allCities > div { float:left; text-align: center; }

#main.basic div.container { padding:20px 0 50px; }

.basic h1, .basic h2 { color:#666; margin-top:1em; }

.rates #banner { padding-left:260px !important; background:url('images/icons/earth.png') 150px 5px no-repeat; }

.rates #banner h1 { margin:18px 0 0; }

.rates button.search { width:32px; height:32px; padding:0; position:absolute; top:0; right:1px; box-shadow:none; border: 1px solid black; border-left: none; border-radius: 0 6px 6px 0; }

.rates h3 { color:#fff; padding:16px 25px 16px 30px; margin:0; text-transform:uppercase; position: relative; }

.rates #main form { padding:28px 18px 15px; }

.rates #main form h2 { color:#666; float: right; font-weight:normal; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height: 26px; width: 375px; }

.rates #main form h5 { float: left; margin-top: 3px; }

.rates #country { font-size:16px; }

.rates .lookup { position: relative; float: left; width: 290px; }

.rates .lookup .searchError { color: red; font-weight: bold; padding: 10px 0 0; }

.rates table { width:100%; border:0; }

.rates table span { color:#666; }

.rates table span.rateModeHdr { color:#fff; }

.rates table .toggle { cursor:pointer; }

.rates table tr.toggle .plus { opacity:0.4; height:12px; display: table-cell; background:url('images/util/toggle.png') 100% 1px no-repeat; }

.rates table tr:hover .plus { opacity:1; }

.rates table .active .plus { background-position:100% -16px !important; }

.rates th, .rates td { border:0; text-align:left; padding-left:32px !important; }

.rates .plan { min-width:244px; }

.rates .container > div { margin-bottom:30px }

#results .darkgrey th { color:#fff; padding:12px 0 }

#results tbody:nth-child(2n-1) { background:url('images/bg/stripes-sorta-light-blue.png'); }

#results td { padding:7px 0; }

#planText { color:#fff !important; }

body.rates.origin-us th.plan span { visibility: hidden; }

body.rates.origin-us td.plan { text-indent: -9000px !important; }

.clearfix:after { clear:both; }

.clearfix { zoom:1; }

div::-webkit-scrollbar, ul::-webkit-scrollbar { width:12px; height:12px; }

::-webkit-scrollbar-button { height:6px; width:6px; display:block; background:#999; }

::-webkit-scrollbar-button:start:vertical:decrement { border-top-right-radius:6px; border-top-left-radius:6px; }

::-webkit-scrollbar-button:end:vertical:increment { border-bottom-right-radius:6px; border-bottom-left-radius:6px; }

::-webkit-scrollbar-button:start:horizontal:decrement { border-top-left-radius:6px; border-bottom-left-radius:6px; }

::-webkit-scrollbar-button:end:horizontal:increment { border-top-right-radius:6px; border-bottom-right-radius:6px; }

::-webkit-scrollbar-track-piece { background-color:#999; }

::-webkit-scrollbar-thumb { background-color:#fff; border:3px solid #999; border-radius:6px; }

@media print {
	* { background:transparent !important; color:black !important; text-shadow:none !important; filter:none !important; -ms-filter:none !important; }

	a, a:visited { color:#444 !important; text-decoration: underline; }

	a[href]:after { content: " (" attr(href) ")"; }

	thead { display:table-header-group; }

	tr, img { page-break-inside:avoid; }

	img { max-width:100% !important; }

	@page { margin:0.5cm; }

	p, h2, h3 { orphans:3; widows:3; }
}

body #main {
	background: #fff;
}

.nav-container {
	transform: translateZ(0px) !important; /* Answers IE flickering bug */
	-webkit-transition: box-shadow .07s linear;
}

header {
	background: #00bef4;
	height: 625px !important;
	border: none;
}

.swiper-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide {
	background: #00bef4;
}

.swiper-pagination {
	display: none;
	    padding: 9px 0 6px;
	/*display: none;*/
	bottom: 12px !important;
}

.swiper-button-next, .swiper-button-prev {
	width: 25px;
    height: 18px;
    background-size: contain;
	top: 35%;
	bottom: 19px;
	padding: 7px 0;
	opacity: .8;
}

.swiper-button-next {
	right: 5px;
}

.swiper-button-prev {
	left: 5px;
}

@media only screen and (min-width: 761px) {
	.swiper-button-next, .swiper-button-prev {
		display: none;
	}
}

nav .sub-menu {
	display: none;
}

nav ul li:nth-of-type(3) {
	position: relative;
	padding-right: 23px;
}

nav ul li:nth-of-type(3) ul li {
	position: static;
	padding-right: 0;
}

nav ul li:nth-of-type(3) a:before {
	content: '+';
	color: white;
	font-size: 24px;
	position: absolute;
	top: 1px;
	right: 0;
}

nav ul li:nth-of-type(3) ul a:before {
	display: none;
}

@media only screen and (min-width: 761px) {
	nav ul li:nth-of-type(3) {
		padding-right: 0;
	}

	nav ul li:nth-of-type(3) a:before {
		display: none;
	}
}

@media only screen and (min-width: 1025px) and (max-width: 1300px) {
	body.qc #banner h1 { max-width: 60%; }
}

@media only screen and (max-width: 760px) {
	a.logo img {
		height: 34px;
		padding: 5px;
	}

	header nav {
    	display: none !important;
    }

	header {
    	height: auto !important;
    	margin-top: 192px;
    	border-top: none;
    }

	body.coverage .swiper-container, body.rates .swiper-container, body.keep-your-number .swiper-container {
		height: 95px;
	}

	body.coverage .swiper-container #banner h1, body.rates .swiper-container #banner h1, body.keep-your-number .swiper-container #banner h1 {
		margin-top: 10px !important;
	}

	body.qc.coverage .swiper-container #banner h1, body.qc.rates .swiper-container #banner h1, body.qc.keep-your-number .swiper-container #banner h1 {
		font-size: 26px;
	}

	h3 {
    	border-radius: 0px;
    	text-align: center;
    }

	#banner {
    	width: 100%;
    }

	#main {
    	background: none;
    }
}

@media only screen and (min-width: 761px) and (max-width: 1023px) {
	header nav ul li a {
	    padding-left: 35px !important;
	    padding-bottom: 4px;
	}
}

@media only screen and (min-width: 761px) and (max-width: 1023px) {
	header .nav-container {
		background-color: #00bef4;
		padding-top: 24px;
		height: 61px;
		/*overflow: hidden;*/
		padding-bottom: 0;
		position: fixed;
		top: 155px;
	    width: 100%;
	    z-index: 100;
	}

	header nav {
		background-color: #00bef4;
		padding-top: 30px;
		padding-left: 16px;
		height: auto;
		padding-bottom: 10px;
		position: fixed;
		top: -6px;
		width: 100%;
		z-index: 70;
	}

	header nav ul.left {
		float: right !important;
		margin-right: 42px;
	}

	header nav ul li {
		padding-left: 10px;
	}

	header nav ul li li {
		padding-left: 0;
	}

	body.coverage .swiper-container, body.rates .swiper-container, body.keep-your-number .swiper-container {
		height: 95px;
		padding-top: 45px;
	}

	header {
    	height: auto !important;
    	margin-top: 240px;
    	border-top: none;
    }

	h3 {
    	border-radius: 0px;
    	text-align: center;
    }

	#main {
    	background: none;
    	padding-top: 92px;
    }

	#main {
    	background: none;
    	padding-top: 46px;
    }

	#main {
    	background: none;
    	padding-top: 0;
    }
}

@media only screen and (min-width: 1024px) {
	header .nav-container {
		background-color: #00bef4;
		padding-top: 24px;
		padding-left: 16px;
		height: 37px;
		/*overflow: hidden;*/
		padding-bottom: 24px;
		position: fixed;
		top: 155px;
	    width: 100%;
	    z-index: 100;
	}

	header nav {
		background-color: #00bef4;
		padding-top: 0;
		height: auto;
		margin: 0 auto;
		padding-bottom: 24px;
	    max-width: 1300px;
		z-index: 70;
	}

	header nav ul.left {
		float: right !important;
		margin-right: 40px;
	}

	header nav ul li a {
		padding-left: 55px;
		-webkit-tap-highlight-color: rgba(0,0,0,0); /* Cancel highlight */
	}

	.swiper-container {
		min-height: 350px !important;
		max-width: 1300px;
	}

	body.coverage .swiper-container, body.rates .swiper-container, body.keep-your-number .swiper-container {
		height: 95px;
	}

	header {
    	background-color: #00bef4;
    	height: auto !important;
    	margin-top: 240px;
    	border-top: none;
    	padding-top: 33px;
    	height: 400px !important;
    }

	h3 {
    	border-radius: 0px;
    	text-align: center;
    }

	#main {
    	background: none;
    }
}

body.keep-your-number header {
	height: auto !important;
}

body.keep-your-number header #banner h1 {
	max-width: 100%;
}

body.keep-your-number #main .container {
	padding: 25px 15px 0 !important;
	margin: 0 auto;
	max-width: 1250px;
}

body.keep-your-number #main .container form {
	background-color: #f3f3f3;
	box-sizing: border-box;
	border-radius: 4px;
	padding: 20px 25px;
	max-width: 575px;
	text-align: center;
}

body.keep-your-number #main .container input[type='text'] {
	color: #999;
	background: #f9f9f9;
	border: 1px solid #bababa;
	border-radius: 3px;
}

body.keep-your-number #main .container input[type='submit'] {
	font-family: 'Lato';
	font-size: 20px;
	font-weight: normal;
	color: white !important;
    background: #ff4dbb;
}

body.keep-your-number #main .container h2, body.keep-your-number #main .container h5, body.keep-your-number #main .container p {
	text-align: center;
	max-width: 900px;
}

@media only screen and (max-width: 320px) {
	body.keep-your-number header #banner h1 {
		line-height: 30px;
    	margin-bottom: 8px;
	}

	body.keep-your-number #portForm input[type="text"] {
		width: 40px;
	}

	body.keep-your-number #portForm #number {
		width: 40px;
	}

	body.keep-your-number #portForm .yellow-button {
		font-size: 18px !important;
		width: 229px;
	}
}

@media only screen and (min-width: 761px) {
	body.keep-your-number #main .container form {
		text-align: left;
	}

	body.keep-your-number #main .container h2, body.keep-your-number #main .container h5, body.keep-your-number #main .container p {
		text-align: left;
	}

	#portForm .yellow-button {
		float: right;
	    margin-top: 0;
	    margin-left: 15px;
	    width: 215px;
	}
}

body.coverage header {
	height: auto !important;
}

body.coverage #main .container {
	padding: 0 15px !important;
	margin: 0 auto;
	max-width: 1250px;
}

body.coverage #main .container select {
	color: #0083ae;
	background: none;
	border: 2px solid #0083ae;
	width: 250px;
}

body.coverage #main .container #allCities, body.coverage #main .container #noNumbers {
	background-color: #0083ae;
	box-sizing: border-box;
	border-radius: 4px;
	color: white;
	line-height: 24px;
	overflow: hidden;
	padding: 20px;
	width: 100%;
}

body.coverage #main .container #allCities h2 {
	color: white;
	font-size: 26px;
	text-align: center;
	margin-bottom: 24px;
	margin-top: 5px;
	width: 100%;
}

@media only screen and (min-width: 600px) {
	body.coverage #main .container #allCities h2 {
		text-align: left;
	}

	body.coverage #main .container #allCities div {
		text-align: left;
		margin-bottom: 40px;
		width: 50%;
	}
}

@media only screen and (min-width: 1024px) {
	body.coverage #main .container #allCities div {
		text-align: left;
		margin-bottom: 40px;
		width: 33%;
	}
}

@media only screen and (min-width: 1300px) {
	body.coverage #main .container #allCities div {
		text-align: left;
		margin-bottom: 40px;
		width: 25%;
	}
}

p:empty {
	display: none;
}

body.rates header {
	height: auto !important;
}

body.rates #banner {
	background: none;
	padding-left: 0 !important;
}

body.rates #banner h1 {
	line-height: 30px;
	margin-bottom: 20px;
}

body.rates #main .container {
	padding: 0 15px !important;
	margin: 0 auto;
	max-width: 1265px;
}

body.rates #main form {
	overflow: hidden;
}

body.rates input[type="text"] {
	border: 1px solid #555;
	border-radius: 6px;
	padding: 10px 8px 10px;
	background: none;
}

body.rates button.search {
	background-size: 38px;
	height: 38px;
	right: 0;
	width: 38px;
	background: #ff4dbb;
}

body.rates button.search:after {
	content: "\002315";
	color: white;
	position: relative;
    top: -10px;
	font-size: 34px;
	height: 36px;
	width: 38px;
	display: flow-root;
}

body.rates h3.blue {
	background: none;
	background-color: #030304;
	line-height: 28px;
	overflow: hidden;
	padding: 12px 25px 12px 14px;
}

body.rates h3.blue .wplan, body.rates h3.blue .t38 {
	float: left;
	text-align: center;
	width: 100%;
}

body.rates .lightgrey {
	border: 2px solid #009bcc;
	border-radius: 0;
	background: none;
	overflow: hidden;
	padding-bottom: 3px;
}

body.rates .darkgrey {
	background: none;
	background-color: #999;
}

body.rates .lightblue {
	background: none;
	background-color: #fff;
}

body.rates #main form h2 {
	text-align: center;
	width: auto;
}

body.rates #main form h5 {
	float: none;
	text-align: center;
	width: auto;
}

body.rates #results tbody:nth-child(2n-1) {
	background: none;
	background-color: #99edfc;
}

body.rates table tr.toggle .plus {
	opacity: 1;
}

@media only screen and (max-width: 425px) {
	body.rates #banner h1 {
		font-size: 28px;
	}
}

@media only screen and (max-width: 767px) {
	body.rates .lookup {
		float: none;
		text-align: center;
		margin: 0 auto;
	}

	body.rates th, body.rates td {
		padding-left: 6px !important;
		padding-right: 6px !important;
		font-size: 75%;
		text-align: center;
	}

	body.rates .plan {
		min-width: auto;
	}
}

@media only screen and (min-width: 768px) {
	body.rates #banner h1 {
		padding-left: 16px;
	}

	.rates #main form {
		padding: 0;
	}

	body.rates .lightgrey {
		border: none;
	}

	body.rates #main form h2 {
		float: none;
		text-align: left;
	}

	body.rates #main form h5 {
		float: none;
		text-align: left;
	}

	body.rates h3.top {
		font-size: 25px;
		background: none;
		color: #ff4dbb;
		text-align: left;
		padding: 12px 25px 12px 0;
	}

	body.rates h3.blue .wplan, body.rates h3.blue .t38 {
		float: left;
		text-align: left;
	}
}

@media only screen and (min-width: 1290px) {
	body.rates #main .container {
		padding: 0 !important;
	}
}

body.coverage header { margin-top: -3px; overflow: hidden; }

body.coverage h2:first-of-type {
	line-height: 28px;
	margin-top: 10px;
	margin-bottom: 25px !important;
	font-size: 26px !important;
}

body.coverage h2:first-of-type {
	margin-top: 35px;
}

@media only screen and (min-width: 761px) {
	body.coverage header { margin-top: 8px; }
}

@media only screen and (min-width: 1024px) {
	body.coverage header { margin-top: 112px; }
}

body.coverage .swiper-container, body.rates .swiper-container, body.keep-your-number .swiper-container {
	min-height: auto !important;
}

body { padding-bottom: 0 !important; }

.swiper-slide { background: #030304 !important; }

header { margin-top: 0 !important; background: #030304 !important; }

header nav { background: #030304 !important; display: block !important; }

header nav ul { display: none!important; }

header .nav-container { top:0 !important; background: #030304 !important; padding-bottom: 0 !important; }

body.coverage h2:first-of-type { margin-top: 5px !important; }

@media only screen and (min-width: 761px) {
	header { margin-top: 85px !important; }

	header .nav-container { padding-bottom: 50px !important; }
}

#main {
    min-height: 500px;
}

#main .container {
    max-width: 1265px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

#main.basic div.container {
    padding-left: 15px;
    padding-right: 15px;
}

@media only screen and (min-width: 1290px) {
	#main .container, #main.basic div.container {
        padding-left: 0;
        padding-right: 0;
    }
}

#allCities > div {
    width: 25% !important;
    float: left;
    text-align: left;
}

#allCities::after {
    content: "";
    display: table;
    clear: both;
}

#allCities h2 {
    text-align: left;
}

#fax-mode {
    display: none;
}

#results .t38 {
    display: none;
}

#results:has(#fax-mode:checked) .wplan {
    display: none;
}

#results:has(#fax-mode:checked) .t38 {
    display: revert;
}

.fax-label-voice, .fax-label-fax {
    position: absolute;
    top: 14px;
    right: 30px;
    cursor: pointer;
    padding: 4px 12px;
    background: #ff4dbb;
    color: #ffffff;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
    text-transform: lowercase;
}

.fax-label-fax {
    display: none;
}

#results:has(#fax-mode:checked) .fax-label-voice {
    display: none;
}

#results:has(#fax-mode:checked) .fax-label-fax {
    display: inline-block;
}

#getCountryRatesForm {
    display: flow-root;
    overflow: visible !important;
}

body.rates .lightgrey {
    overflow: visible !important;
}

.searchError {
    color: #cc0000;
    margin-top: 10px;
}

.country-suggestions {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 100;
    margin: 2px 0 0;
    padding: 0;
    list-style: none;
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}

.country-suggestions li {
    padding: 6px 10px;
    cursor: pointer;
    color: #0071a3;
}

.country-suggestions li.active, .country-suggestions li:hover {
    background: #e8f6fb;
}

.error-msg {
    display: block;
    margin: 12px 0;
    padding: 10px;
    border: 1px solid #cc0000;
    color: #cc0000;
    background: #fff5f5;
}