@charset "utf-8";
/* CSS Document */

/************************************************************************************
 RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}
img, fieldset {
	border: 0;
}
/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

*, *:before, *:after
{
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
html, body
{
   min-height:100%;
   height:100%;
}
a
{
	color:#903;
	text-decoration:none;
}
a:hover
{
	color:#C00;
	text-decoration:underline;
}

body {
	font: 16px/120%  'open_sanslight', 'open_sansbold','open_sansregular', Arial, Helvetica, sans-serif;
	color: #616161;
	
}
h1, h2, h3, h4, h5, h6 {
	line-height: 120%;
	color: #616161;
}
h1 {
	font-size: 1.7em;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1em;
}
p {
	font-size: 1em;
	line-height:140%;
	color:#616161;
	padding:5px 0 10px 0;
}

/************************************************************************************
 CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }
.clear
{
	clear:both;
}
/************************************************************************************
 float
*************************************************************************************/
.f_left
{
	float:left;
}
.f_right
{
	float:right;
}
/************************************************************************************
 alignment
*************************************************************************************/
div+h1,div+h2,div+h3
{
    margin-top:25px;
} 
h2+p{margin-top:5px;}
p+h2,p+h3,p+h4{margin-top:15px;}
div+p{margin-top:5px;}
p+p{margin-top: 5px;}

h1+img,h2+img,h3+img{margin-top:8px;}

.clr1, .bg1
{
	color:#18c66d;
    cursor:pointer;
}
.clr2, .bg2
{
	color:#f58220;
}
.clr3, .bg3
{
	color:#616161;
}
.clr4, .bg4
{
	color:#2377e9;
}
header
{
	background:#fff;
}
.header
{
	margin:0 auto;
	width:1000px;
	color:#fff;
	background:#fff;
	padding:10px 0;
        display:table;
        table-layout: fixed;
}
.header > div
{
    display:table-cell;
    vertical-align: middle;
    width:50%;
}
.header > div:last-child
{
    text-align:right;
    
}
.logo
{
	vertical-align:middle;
	font-size:1.6em;
	line-height:78%;
	color:#fff;
}
.logo span:first-child
{
	font-weight:bold;
}
.logo a
{
	display:inline-block;
	vertical-align:bottom;
	text-decoration:none;
	white-space:nowrap;
}
.logo a span
{
	display:inline-block;
	vertical-align:middle;
	text-transform:uppercase;
}
.sign_info
{
    display:inline-block;
    vertical-align:middle;
	position:relative;
}
.sign_info ul
{
	list-style:none;
}
.sign_info ul li
{
	float:left;
	color:#fff;
	font-size:.85em
 	margin-right: 10px;
    	border: 2px solid #90dfb7;
    	border-radius: 5px;
}
.sign_info ul li a {
    color: #fff;
    padding: 11px 15px;
    background: #18c66d;
    display: block;
    text-decoration: none;
    text-align: center;
    height: 45px;
    line-height: 18px;
}

.sign_info ul li a:hover
{
	color:#fff;
	background:#18c66d;
}
.contact_item{
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	color: #616161;
    	text-align: left;
   	font-size:16px;
}
.contact_item a:hover{
	text-decoration: none;

}
.email-icon-style
{
	font-size: 25px; 
}
.phone-icon-style {
    font-size: 16px; 
}
@media screen and (max-width: 650px) {
    .sign_info ul li {
        float: none; 
        display: inline-block;
        margin-right: 5px;
        margin-bottom: 5px;
        width: auto;
    }

    .sign_info ul li a {
        padding: 10px;
        height: auto;
        line-height: normal;
        font-size:10px;
    }


    /* Optionally, you can style the contact_item */
  .contact_item {
/*          display: block; */
          margin-left: 12px; 
          float:left;
          text-align: left;
          font-size: 12px;

      }

   .container-item{
   	width: 100%;
   }
   .email-icon-style
   {
   	font-size: 18px;

   }
   .phone-icon-style
   {
   	font-size: 11px; 

   }

}
nav
{
	background:#fff;
}
.nav
{
	position:relative;
	width:1000px;
	margin:0 auto;
	background:#616161;
}
.nav ul
{
	list-style:none;
}
.nav > ul > li
{
	float:left;
	font-size:1em;
}
.nav > ul > li > a
{
	display:block;
	padding:14px;
	text-decoration:none;
	color:#fff;
}
.nav > ul > li > span
{
	display:block;
	padding:14px;
	color:#fff;
	cursor:pointer;
}
.nav > ul > li > span a{
    color:#fff;
    text-decoration: none;
}
.nav > ul > li > a:hover, .nav > ul > li > span:hover, .nav > ul > li:hover > span
{
	color:#fff;
	background:#f58220;
}
.nav > ul > li > ul
{
	position:absolute;
	padding:0 10px;
	display:none;
	border:rgba(0,0,0,.05) 1px solid;
	border-top:none;
	transition: visibility 0.5s;
	background:#f58220;
	padding-bottom:10px;
	z-index:1000;
}
.nav > ul > li:hover > ul
{
	display:block;
}
.submenu > li, .megamenu > li
{
	display:inline-block;
}
.megamenu
{
	width:100%;
	left:0;
}
.nav > ul > li > ul h3
{
	font-size:1em;
	font-weight:normal;
	padding:8px 0;
}
.nav > ul > li > ul li > ul li a
{
	color:#fff;
	padding:5px;
	display:block;
	text-decoration:none;
	font-size:.88em;
}
.nav > ul > li > ul li > ul li a:hover
{
	color:#fff;
	background:#616161;
}
.nav > ul > li > ul h3
{
	color:#fff;
	font-weight:bold;
}
.banner
{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,f0f0f0+100 */
background: #ffffff; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #ffffff 1%, #f0f0f0 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #ffffff 1%,#f0f0f0 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #ffffff 1%,#f0f0f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.banner_content
{
	margin:0 auto;
	width:1000px;
	text-align:center;
	padding:50px 0;
	background:transparent;
}
.banner_content h1
{
	font-size:3.3em;
	font-weight:normal;
}
.banner_content p
{
	font-size:1.4em;
	margin:0 auto;
}
.banner_content_link
{
	text-align:center;
	margin-top:20px;
}
.banner_content_link ul
{
	list-style:none;
}
.banner_content_link ul li
{
	color:#616161;
	display:inline-block;
	margin:5px;
	font-size:1.5em;
}
.banner_content_link ul li a
{
	color:#fff;
	display:block;
	padding:20px;
	border-radius:10px;
	background:#18c66d;
	text-decoration:none;
}
.banner_content_link ul li:first-child a
{
	background:#f58220;
}
.banner_content_link ul li a:hover
{
	color:#fff;
	display:block;
	background:#616161;
}
.search_domain
{
	background:#18c66d;
	padding:15px;
	margin:25px auto;
	width:1000px;
}
.search_domain form
{
	width:100%;
	border:none;
	display:table;
	table-layout:fixed;
}
.search_domain form > div
{
	display:table-cell;
	padding:2px;
	width:100%;
	vertical-align:middle;
}
.search_domain form > div:nth-child(2) ,.search_domain form > div:last-child
{
	width:150px;
}
.search_domain_txt, .search_domain_slct
{
	background:#fff;
	border:none;
	padding:5px 10px;
	width:100%;
	font-size:1em;
	height:50px;
}
.search_domain_btn
{
	background:#f58220;
	color:#fff;
	border:none;
	padding:5px;
	width:100%;
	height:50px;
	font-size:1em;
	font-weight:bold;
}
.search_domain_list
{
	width:100%;
	margin-top:10px;
}
.search_domain_list ul
{
	list-style:none;
}
.search_domain_list ul li
{
	float:left;
	margin-right:5px;
	margin-left:2px;
	color:#fff;
	font-size:1em;
	margin-top:10px;
}
.search_domain_list ul li a
{
	color:inherit;
	text-decoration:none;
	padding:5px;
	display:block;
	text-decoration:none;
	border:#18c66d 1px solid;
}
.search_domain_list ul li a:hover
{
	color:inherit;
	border:rgba(255,255,255,.2) 1px solid;
}
.search_domain_list input[type="radio"]
{
    vertical-align: middle;
    margin: 0 0 0 10px;
}
.home_plans
{
	margin:20px auto;
	width:1000px;
}
.specistyleclass {
  	margin: 6px auto 20px;
  	display: flex;
}
.home_plans > div
{
	float:left;
	width:50%;
	padding:30px 50px;
    text-align:center;
}
.specistyleclass > div {
  background: #f9f9f9;
  margin-right: 10px;
  width: 49%;
  padding: 20px 30px;
}
.home_plans > div:first-child
{
	background:#f5f5f5;
}
.home_plans h2
{
	font-size:2em;
    text-align:left;
}
.home_plans ul
{
	list-style:none;
	padding:5px;
}
.home_plans ul li
{
	margin:10px 2px;
	font-size:.9em;
	color:#707070;
	position:relative;
    text-align:left;
}
.home_plans ul li:before
{
	content:"\279C";
	display:inline-block;
	padding-right:5px;
	font-size:1em;
	vertical-align:middle;
    margin-top:-2px;
    line-height:100%;
}
.home_plans ul li:after
{
	content:"";
	display:none;
	position:absolute;
	width:14px;
	height:14px;
	border:#CCC 1px solid;
	border-radius:50%;
	left:0;
	top:3px;
}
.starts_from
{
	display:inline-block;
	padding:10px;
	text-align:center;
}
.starts_from_txt
{
	color:#000;
	font-size:.9em;
}
.starts_from_price
{
	color:#2377e9;
	font-size:1em;
	font-weight:bold;
	padding:5px;
	display:inline-block;
	border-radius:4px;
	background:#fff;
	border:#2377e9 1px solid;
}
.seeplans_hosting
{
	font-size:1.8em;
	display:inline-block;
	line-height:100%;
}
.seeplans_hosting a
{
	padding:12px 18px;
	display:block;
	color:#fff;
	text-decoration:none;
	background:#18c66d;
	border-radius:10px;
	font-weight:bold;
}
.seeplans_hosting a:hover
{
	color:#fff;
	background:#616161;
}
.seeplans_compo
{
	font-size:1.8em;
	display:inline-block;
	line-height:100%;
}
.seeplans_compo a
{
	padding:12px 18px;
	display:block;
	color:#fff;
	text-decoration:none;
	background:#f58220;
	border-radius:10px;
	font-weight:bold;
}
.seeplans_compo a:hover
{
	color:#fff;
	background:#616161;
}
footer
{
	background:#f5f5f5;
	border-top:#ccc 1px solid;
}
.footer
{
	padding:20px 10px;
	font-size:.8em;
	color:#434343;
	width:1000px;
	margin:0 auto;
}
.footer a
{
	color:#1f79ad;
	text-decoration:none;
}
.footer a:hover
{
	color:#000;
}
.search_form
{
	background:#18c66d;
	padding:30px;
	margin:20px auto;
	width:1000px;
	border-radius:10px;
}
.search_form h3
{
	color:#fff;
	font-size:1.5em;
	text-align:center;
	margin-bottom:10px;
}
.search_form form
{
	/*width:70%;*/
        width:100%;
	border:none;
	display:table;
	table-layout:fixed;
	margin:0 auto;
}
.search_form form > div
{
	display:table-cell;
	padding:2px;
	width:100%;
	vertical-align:middle;
}
.search_form form > div:nth-child(2) ,.search_form form > div:last-child
{
	width:100px;
}
.search_form_txt, .search_form_slct
{
	background:#fff;
	border:none;
	padding:5px 10px;
	width:100%;
	font-size:1.2em;
	height:38px;
}
.search_form_btn
{
	background:#f58220;
	color:#fff;
	border:none;
	padding:5px;
	width:100%;
	height:38px;
	font-size:.85em;
	font-weight:bold;
}
/*.order
{
	background:#f7f7f7;
	padding:15px;
	border-radius:4px;
	border-bottom:#dedede 4px solid;
	margin-bottom:20px;
} */
.order
{
    background:#f7f7f7;
	padding: 15px 0;
	border-radius:4px;

} 
.order_domain
{
    background: #f1f1f1 none repeat scroll 0 0;
  /*  border: 1px dashed #dadada;  */
    border-radius: 5px;
    padding: 5px;
	padding-bottom:10px;
	border-bottom:#dadada 1px solid;
} 
.order_row
{
	padding:2px;
	display:table;
	width:100%;
	table-layout:fixed;
}
.order_row > div
{
	display:table-cell;
}
.order_row > div:last-child
{
	text-align:right;
}
.order_row span
{
	display:inline-block;
	vertical-align:middle;
	font-weight:bold;
}
.order_hosting
{
	padding-top:10px;
}
.content
{
	margin:0 auto;
	width:1000px;
	padding:10px;
	/*min-height:400px;*/
}
.innercontent
{
	width:70%;
    margin:0 auto;
}
.deselect_mark {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #858585;
    border-radius: 4px;
    display: inline-block;
    height: 20px;
    margin-right: 4px;
    vertical-align: middle;
    width: 20px;
}
.select_mark
{
	width:25px;
	height:25px;
	border-radius:50%;
	text-align:center;
	line-height:25px;
	background:#18c66d;
	color:#fff;
	position:relative;
    cursor:pointer;
}
.select_mark:before
{
	display:inline-block;
	vertical-align:middle;
	color:#fff;
	content:"\2713";
	font-weight:bold;
}
.domain_year, .domain_host
{
	width:90px;
}
.domain_year select
{
	width:100%;
	height:30px;
	border:#18c66d 1px solid;
	background:#fff;
	padding:5px;
	font-weight:normal;
	font-size:.85em;
}
.order_domain input[type="text"]
{
	width:100%;
	height:32px;
	border:#18c66d 1px solid;
	background:#fff;
	padding:5px;
	font-weight:normal;
	font-size:1em;
}
.domain_price
{
	/*width:90px;*/
	height:30px;
	background:#18c66d;
	padding:5px;
	color:#fff;
	text-align:center;
}
.order_domain label
{
	font-weight:normal;
	font-size:.85em;
}
.need_hosting
{
	color:#f58220;
	font-weight:normal !important;
	margin-top:7px;
}
.need_hosting a
{
	color:inherit;
    cursor:pointer;
	text-decoration:none;
}
.need_hosting a:hover
{
	color:inherit;
	text-decoration:underline;
}
.order_hosting input[type="text"]
{
	width:100%;
	height:32px;
	border:#f58220 1px solid;
	background:#fff;
	padding:5px;
	font-weight:normal;
	font-size:1em;
}
.domain_host select
{
	width:100%;
	height:30px;
	border:#f58220 1px solid;
	background:#fff;
	padding:5px;
	font-weight:normal;
	font-size:.85em;
}
.domain_price_host
{
	height:30px;
	background:#f58220;
	padding:5px;
	color:#fff;
	text-align:center;
}
.order_plans_container
{
	margin:0 auto;
	text-align:center !important;
	display:block !important;
	width:100%;
}
.order_plans
{
	padding:10px;
	display:inline-block;
	width:25%;
	vertical-align:top;
}
.order_plans_con
{
	background:#fff;
	border:#f0f0f0 1px solid;
	border-radius:4px;
	padding:10px;
	text-align:center;
}
.order_plans_con h4
{
	font-weight:normal;
	font-size:1em;
}
.order_plans_amnt
{
	margin:8px 0;
}
.order_plans_amnt span
{
	display:inline-block;
	vertical-align:middle;
}
.order_plans_amnt span:first-child
{
	font-weight:bold;
	font-size:1.5em;
}
.prompriceoffstrike {
	color:red;
	font-size:1rem;
}
.order_plans_con select
{
	background:#f0f0f0;
	border:#f0f0f0 1px solid;
	padding:2px;
	font-size:.8em;
	height:26px;
	width:100%;
	margin:10px 0;
}
.order_plans_choose
{
	background:#f58220;
	padding:5px;
	font-size:1.2em;
	font-weight:bold;
	height:32px;
	border:none;
	color:#fff;
	width:100%;
}
.order_plans_con:hover
{
	border:#18c66d 1px solid;
}
.order_plans_con:hover .order_plans_choose
{
	background:#18c66d;
}
.domain_suggestion
{
	margin:0 auto;
}
.domain_suggestion_con
{
	padding:10px;
	border-bottom:#ececec 1px solid;
	width:100%;
	display:table;
	table-layout:fixed;
	cursor:pointer;
}
.domain_suggestion_con > div
{
	display:table-cell;
}
.domain_suggestion_con span
{
	display:inline-block;
	vertical-align:middle;
	font-weight:bold;
}
.domain_suggestion_con > div:last-child
{
	text-align:right;
}
.domain_sugg_price
{
	background:#616161;
	padding:5px 10px;
	border-radius:5px;
	color:#fff;
}
.arrow2 {
    border: 1px solid #ccc;
    border-radius: 50%;
    display: inline-block;
    height: 16px;
    width: 16px;
	position:relative;
	margin-right:5px;
}
.arrow2:before {
    content: "￫";
    display: inline-block;
    font-size: 1.3em;
    padding-right: 5px;
	line-height:100%;
	top:-3px;
	position:absolute;
}
.domain_suggestion_con:hover .clr3
{
	color:#18c66d;
}
.combo
{
	margin:0 auto;
	/*padding:10px 0;*/
	text-align:center;
}
.combo_packs
{
	display:inline-block;
	width:32.5%;
	padding:8px;
	vertical-align: top;
}
.combo_packs_con
{
	background:#E8E5E5;
	padding:15px;
	border:#f0f0f0 1px solid;
}
.combo_packs_con:hover
{
	border:#18c66d 1px solid;
}
.combo_packs_con h5
{
	font-size:1em;
	font-weight:normal;
}
.combo_amnt
{
	margin:13px 0;
	color:#f58220;
}
.combo_amnt span
{
	display:inline-block;
	vertical-align:middle;
}
.combo_amnt span:first-child
{
	font-weight:bold;
	font-size:2em;
}
.combo_choose
{
	background:#18c66d;
	padding:5px 10px;
	font-size:1.1em;
	font-weight:bold;
	min-height:32px;
	border:none;
	color:#fff;
	display:inline-block;
	margin-bottom:5px;
}
.combo_choose a
{
	color:inherit;
	text-decoration:none;
}

.combo_packs_con .divs_exts {
	padding: 5px 8px;
	font-size:15px;
}

.plans_container
{
	margin:0 auto;
	text-align:center;
}
.plans_container .form
{
	margin:0;
}
.plans_table
{
	display:inline-block;
	/*width:28%;*/
	width:23.5%;
	padding:2px;
	vertical-align:top;
}
.nplan_newwidth {
	width: 31%; 
}
.plans_table_con
{
	background:#f0f0f0;
}
.plans_table_tit
{
	color:#f58220;
	font-size:1em;
	font-weight:bold;
	line-height:100%;
	padding:15px 10px 5px 10px;
	word-wrap: break-word; 
}
.nplan_newfont {
	font-size:1.2em;
}
.plans_table_amnt
{
	color:#fff;
	font-size:1em;
	font-weight:bold;
	background:#18c66d;
	padding:20px 10px;
	margin:10px 0;
	line-height:100%;
}
.plans_table_amnt span
{
	display:inline;
	vertical-align:middle;
        line-height:120%;
}
.plans_paise {
    font-size: 0.5em !important;
    font-weight: normal;
}
.plans_table_amnt_big
{
	font-size:2.2em;
}
.plans_table_features
{
	margin:0 auto;
	padding:0 10px;
}
.plans_table_features ul
{
	list-style:none;
}
.plans_table_features ul li
{
	border-bottom:rgba(0,0,0,.05) 1px solid;
	border-top:rgba(255,255,255,.2) 1px solid;
	padding:10px;
	text-transform:uppercase;
	font-size:.9em;
	color:#454545;
}
.plans_tbl_choose
{
	display:inline-block;
	border:#18c66d 1px solid;
	padding:10px 20px;
	color:#18c66d;
	font-weight:bold;
	font-size:1.3em;
	margin:12px auto;
}
.plans_tbl_choose a
{
	color:inherit;
	text-decoration:none;
    cursor:pointer;
}
.user_info
{
	float:right;
	vertical-align:middle;
	color:#616161;
}
.user_info_name
{
	display:inline-block;
	font-size:.9em;
}
.user_info_name a
{
	color:#f58220;
	font-weight:bold;
	text-decoration:none;
	font-size:1.2em;
}
.user_info_name a:hover
{
	color:#18c66d;
}
.user_info_signout
{
	color:#000;
	display:inline-block;
	font-size:.9em;
	padding:0 10px;
}
.user_info_signout a
{
	color:inherit;
	text-decoration:none;
}
.user_info_signout a:hover
{
	color:#f58220;
}
.user_nav_search > div:first-child
{
    color:#3690C4;
}
.user_nav_search
{
	margin:0 auto;
	display:table;
	table-layout:fixed;
	width:100%;
}
.user_nav_search > div
{
	display:table-cell;
	vertical-align:middle;	
}
.user_nav_search > div:last-child
{
	/*text-align:right;	*/
        text-align:left;
}
.user_nav
{
    display:block;
    position:relative;
    background:#EAEAEC;
    width:1000px;
    margin:0 auto;
}
.user_nav ul
{
    list-style:none;
	z-index:10;
}
.user_nav ul li
{
    float:left;
}
.user_nav ul li a, .user_nav ul li > span
{
    color:inherit;
    text-decoration:none;
    padding:5px 10px;
    display:block;
    cursor:pointer;
}
.user_nav ul li a:hover
{
    background:#18C66D;
    color:#18c66d;
    text-decoration:none;
}
.user_nav ul li > ul
{
    position:absolute;
    display:none;
}
.user_nav ul li:hover > ul
{
    display:block;
    background:#18C66D;
}
.user_nav ul li:hover > ul li
{
    float:none;
}
.user_nav ul li:hover > ul li a
{
    color:#fff;
    text-decoration:none;
    padding:5px 7px;
    display:block;
}
.user_nav ul li:hover > ul li a:hover
{
    background:#0cad5a;
    color:#fff;
}
.user_nav > ul > li > a:hover, .user_nav > ul > li > span:hover, .user_nav > ul > li:hover > span
{
    color:#fff;
    background:#18C66D;
}
.search_user
{
    display:block;
}
.search_user form
{
    border:none;
    display:table;
    table-layout:fixed;
    margin:0 auto;
    width:100%;
}
.search_user form > div
{
	display:table-cell;
	vertical-align:middle;
}
.search_user form > div:nth-child(2) ,.search_user form > div:last-child
{
	width:80px;
}
.search_user_txt, .search_user_slct
{
	background:#fff;
	border:none;
	padding:5px;
	width:100%;
	font-size:.85em;
	height:32px;
	border:#919191 1px solid;
	border-right:none;
	color:#616161;
}
.search_user_btn
{
	background:#18c66d;
	color:#fff;
	border:none;
	padding:5px;
	width:100%;
	height:32px;
	font-size:.85em;
	cursor:pointer;
}
.acc_details
{
	margin:10px auto;
}
.acc_details_tit
{
	background:#f2f2f2;
	border-top-right-radius:4px;
	border-top-left-radius:4px;
	border-bottom:#ececec 3px solid;
	padding:10px;
	color:#f58220;
	font-weight:bold;
	font-size:1.2em;
}
.acc_details_con
{
	background:#f7f7f7;
	display:table;
	table-layout:fixed;
	width:100%;
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
}
.acc_details_con > div
{
	padding:10px;
	display:table-cell;
	border-right:#ececec 1px solid;
	text-align:center;
	vertical-align:middle;
}
.acc_details_con_tit
{
	font-size:.9em;
	display:block;
}
.acc_details_con_data
{
	font-size:.9em;
	color:#242424;
	font-weight:bold;
	display:block;
}
.admin_con
{
	margin:20px auto;
}
.upcoming
{
	background:#f7f7f7;
	padding:14px;
	width:33%;
	margin-right:10px;
	float:left;
}
.admin_con h2
{
	color:#262626;
	text-transform:uppercase;
	font-size:1em;
	font-weight:normal;
	padding-bottom:10px;
}
.renewals
{
	padding:5px;
	border-bottom:#e8e8e8 1px solid;
}
.renew_plan
{
	font-size:.8em;
	color:#686868;
}
.renew_plan a
{
	color:inherit;
	text-decoration:none;
}
.renew_plan a:hover
{
	/*color:inherit;*/
	/*text-decoration:underline;*/
}
.renew_date
{
	font-size:.8em;
	color:#18c66d;
}
.more
{
	display:inline-block;
	background:#18c66d;
	color:#fff;
	border-radius:4px;
	font-size:.8em;
	margin-top:5px;
	position:relative;
	float:right;
}
.more a
{
	display:block;
	background:inherit;
	color:inherit;
	text-decoration:none;
	border-radius:inherit;
    padding:1px 5px;
}
.more a:hover
{
	display:block;
	background:inherit;
	color:inherit;
	text-decoration:none;
}
.more.remove
{
	background-color:#EF102A !important;
        margin-left:5px;
}
.neworders
{
	padding:14px;
	width:33%;
	margin-right:10px;
	border:#e8e8e8 1px solid;
	border-radius:4px;
	float:left;
}
.neworders ul
{
	list-style:none;
}
.neworders ul li
{
	font-size:.95em;
	padding:5px;
	border-bottom:#e8e8e8 1px solid;
}
.neworders ul li a
{
	color:inherit;
	text-decoration:none;
}
.neworders ul li a:hover
{
	/*color:inherit;*/
	/*text-decoration:underline;*/
}
.pendingorders
{
	padding:14px;
	width:31%;
	float:left;
}
.pendingorders ul
{
	list-style:none;
}
.pendingorders ul li
{
	font-size:.95em;
	border-bottom:#e8e8e8 1px solid;
	word-wrap:break-word;
}
.pendingorders ul li a
{
	color:inherit;
	padding:5px;
	display:block;
	text-decoration:none;
}
.pendingorders ul li:nth-child(odd) a
{
	background:#fff;
}
.pendingorders ul li:nth-child(even) a
{
	background:#f8f8f8;
}
.pendingorders ul li a:hover
{
	/*color:#000;*/
}
.order_actions
{
	margin:20px auto;
	text-align:center;
}
.order_actions_con
{
	padding:5px;
	display:inline-block;
	width:33%;
	vertical-align: top;
}
.order_actions_box
{
	background:#f7f7f7;
	padding-bottom:10px;
	border:#f7f7f7 1px solid;
	min-height: 300px;
}
.order_actions_box:hover
{
	border:#18c66d 1px solid;
}
.order_actions_box.active
{
	border:#18c66d 1px solid;
	background:#CCFCE6;
}
.order_url_plan
{
	border-bottom:#e8e8e8 1px solid;
	padding:10px 20px;
	text-align:left;
	margin-bottom:7px;
}
.order_url
{
	font-weight:bold;
	font-size:1.1em;
	padding:5px 0;
    word-wrap: break-word;
}
.order_plan_type
{
	font-size:1em;
	color:#18c66d;
}
.order_plan_info
{
	padding:3px 20px;
	text-align:left;
	font-size:.85em;
	min-height: 25px;
}
.order_action_list
{
	padding:10px;
	border-top:#e8e8e8 1px solid;
}
.order_action_list ul
{
	list-style:none;
}
.order_action_list ul li
{
	float:left;
	padding:0 5px;
	border-right:#616161 1px solid;
	color:#18c66d;
	font-size:.85em;
	line-height:100%;
	margin:2px 0;
}
.order_action_list ul li:last-child
{
	border-right:none;
}
.order_action_list ul li a
{
	color:inherit;
	text-decoration:none;
	cursor:pointer;
}
.order_action_list ul li a:hover
{
	color:#f58220;
	text-decoration:underline;
}
.manage_action_list {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 10px 10px 2px 16px;
    border-top: #e8e8e8 1px solid;
    cursor: pointer;
}

#manageText {
    margin-right: 10px;
    color: #666;
    font-size: 14px;
    font-weight: bold;
}

.manageContent{
	padding: 10px;
}
.manage_action_list ul
{
	list-style:none;
}
.manage_action_list ul li
{
	float:left;
	padding:0 5px;
	border-right:#616161 1px solid;
	color:#18c66d;
	font-size:.85em;
	line-height:100%;
	margin:2px 0;
	cursor: pointer;
}
.manage_action_list ul li:last-child
{
	border-right:none;
}
.manage_action_list ul li a
{
	color:inherit;
	text-decoration:none;
	cursor:pointer;
}
.manage_action_list ul li a:hover
{
	color:#f58220;
	text-decoration:underline;
}
.manageImage{
	width:16px;
	cursor: pointer;
}
/*************** number_pagenation ****************/
.number_pagenation
{
	margin:10px auto;
	padding:0px;
	text-align:center;
}
.number_pagenation ul
{
	margin:0px;
	padding:0px;
	list-style:none;
	display:inline-block;
}
.number_pagenation ul li
{
	float:left;
	font-size:1em;
	line-height:130%;
	color:#000;
	margin:1px;
}
.number_pagenation ul li a
{
	float:left;
	color:#000;
	background:#f5f7f8;
	display:block;
	padding:4px 7px;
	text-decoration:none;
	border:#dae1e5 1px solid;
}
.number_pagenation ul li a:hover
{
	float:left;
	color:#2a3744;
	border:#18c66d 1px solid;
}
.number_pagenation_active
{
	float:left;
	color:#fff;
	background: #18c66d; /* Old browsers */
	display:block;
	padding:4px 7px;
	text-decoration:none;
	border:#18c66d 1px solid;
	cursor:pointer;
}

/*************** table ****************/
.table
{
	margin:20px auto;
	position:relative;
	overflow:auto;
}
.table table
{
	width:100%;
	border:rgba(0,0,0,.1) 1px solid;
}
.table table, .table table td, .table table th
{
	border-collapse:collapse;
	color:#444;
}
.table table th
{
	font-size:1em;
	line-height:130%;
	text-align:center;
	background:#e5e5e5;
}
.table table td, .table table th
{
	padding:8px;
}
.table table td
{
	font-size:.9em;
	line-height:130%;
	vertical-align:middle;
	border:rgba(0,0,0,.1) 1px solid;
    text-align:center;
}
.table table > tbody > tr > td:first-child
{
	font-weight:bold;
	color:#444;
	font-size:1em;
}
/*************** form ****************/
.form
{
	margin:0 auto;
}
.form form
{
	background:transparent
}
.form_row
{
	display:flex;
	table-layout:fixed;
	width:100%;
	margin-bottom:12px;
}
.form_row:first-child
{
	margin-top:0;
}
.form_clmn
{
	display:table-cell;
	width:100%;
	padding-left:10px;
}
.form_clmn #proceedbtn {
	margin-left: 57%;
}
.form_renew
{
	display:table-cell;
	width:100%;
	padding-left:10px;

}
.form_clmn:first-child
{
	padding-left:0;
}
.form_renew:first-child
{
	padding-right: 38%;
}
.form form label
{
	color:#000;
	font-size:1em;
	white-space:nowrap;
	padding-bottom:4px;
	display:inline-block;
	vertical-align:middle;
}
.form input[type="text"], .form input[type="password"], .form input[type="file"], .form textarea, .form select
{
	width:100%;
	background:#fff;
	border:#CCC 1px solid;
	padding:5px;
	height:36px;
}
.form input[type="text"]:hover, .form input[type="password"]:hover, .form input[type="file"]:hover, .form textarea:hover, .form select:hover
{
	box-shadow:#dae1e5 0px 0px 5px;
	-moz-box-shadow:#dae1e5 0px 0px 5px;
	-webkit-box-shadow:#dae1e5 0px 0px 5px;
	-o-box-shadow:#dae1e5 0px 0px 5px;
}
.form input[type="text"]:focus,.form input[type="password"]:focus,.form input[type="file"]:focus, .form textarea:focus, .form select:focus
{
	background:#f9f9f9;
	border:#e2e2e2 1px solid;
}
.form input[type="file"]
{
	width:100%;
	padding:1px;
}
.form input[type="radio"], .form input[type="checkbox"]
{
	margin:0;
	margin-right:5px;
}
.form input[type="submit"], .form input[type="reset"], .form input[type="button"]
{
	padding:5px 10px;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
	border:none;
}
.form input[type="submit"]
{
	background:#57a91b;
    margin:5px auto;
    padding: 12px 15px;
	font-size: 1.1em;
	text-transform: uppercase;
}
.form input[type="reset"]
{
	background:#d75553;
	padding: 12px 15px;
	font-size: 1em;
	text-transform: uppercase;
}
.form input[type="button"]
{
	background:#3276b1;
	padding: 12px 15px;
	font-size: 1em;
	text-transform: uppercase;
}
.form select
{
	width:100%;
	padding:5px .5%;
}
.form textarea
{
	min-height:100px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:1em;
	padding:5px;
	line-height:18px;
	font-weight:normal;
}
.frm_rw_75
{
	width:75%;
}
.frm_rw_50
{
	width:50%;
}
.frm_rw_33
{
	width:33%;
}
.frm_rw_25
{
	width:25%;
}
.unit
{
	display:inline-block;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
}
.unit:last-child
{
	padding-right:0;
}
.unit > span
{
	display:inline-block;
	vertical-align:middle;
	width:inherit;
}
.unit > span:last-child
{
	padding:0 4px;
}
.error,.warning
{
	background:#C30;
	color:#fff;
	margin-bottom:4px;
	font-size:.8em;
	padding:2px 4px
}
.warning
{
	background: #fdf8e7;
	color: #d7a718;
}
.correct
{
	background:#690;
	color:#fff;
	margin-bottom:4px;
	font-size:.8em;
	padding:2px 4px
}
.message
{
	margin-bottom:4px;
	font-size:.8em;
	background:#36F;
	color:#fff;
	padding:2px 4px
}
.message a
{
	color:#F7E309;
	font-weight: bold;
	cursor:pointer;
}
.exten
{
	margin:10px auto;
	text-align:center;
}
.exten_con
{
	width:120px;
	height:120px;
	border-radius:50%;
	display:inline-block;
	background:#f0f0f0;
	font-size:1.4em;
	line-height:120%;
	vertical-align:middle;
	margin:10px;
	color:#fff;
}
.exten_con:nth-child(odd)
{
	background:#f58220;
}
.exten_con:nth-child(even)
{
	background:#18c66d;
}
.exten_con > div
{
	position:relative;
	top:50%;
	transform:translateY(-50%);
}
.total
{
	margin:5px auto;
	text-align:right;
}
.total_content
{
	display:inline-block;
	padding:10px;
	background:#f0f0f0;
}
.total_content_row
{
	padding:10px;
	font-size:1.2em;
}
.total_content_row:last-child
{
	font-weight:bold;
	color:#f58220;
	border-top:rgba(0,0,0,.1) 1px solid;
}
.proceed
{
	display:inline-block;
	background:#1ba84e;
	color:#fff;
	font-weight:bold;
}
.proceed a
{
	display:block;
	padding:5px 10px;
	background:inherit;
	color:inherit;
	text-decoration:none;
}
.proceed a:hover
{
	background:444;
}
.txt_right
{
	text-align:right;	
}
.logformlink
{
	background:#0277BD;
	display: inline-block;
	color:#fff;
	font-size:0.8em;
	padding:5px;
	text-decoration:none;
	cursor:pointer;
}
.logformlink:hover
{
	color:#fff;
}
.login_register
{
	margin:10px auto;
	padding:20px;
	background:#f0f0f0;
}
.login_register .form
{
	margin:0;
}
.login_register .form h3
{
	margin-bottom:10px;
}
.package_domain
{
	background:#f0f0f0;
	padding:20px;
}
.package_domain h3
{
	margin-bottom:10px;
}
.tab
{
    margin:0;
    width:100%;
    border-bottom:#bfbfbf 1px solid;
    cursor:pointer;
}
.tab ul
{
    list-style:none;
}
.tab ul li
{
    float:left;
    background:#D8D8D4;
    color:#555;
    border-right:#fff 1px solid;
}
.tab ul li:last-child
{
    border-right:none;
}
.tab ul li a
{
    background:inherit;
    color:inherit;
    padding:7px 10px;
    text-decoration:none;
    display:block;
}
.tab ul li a:hover
{
    background:#18C66D;
    color:#fff;
}
.tab_active
{
    background:#18C66D !important;
    color:#fff !important;
    padding:7px 10px;
    display:block;
    cursor:default;
}
.admin_filter
{
    margin:0 auto;
    background:#f1f1f1;
}
.admin_filter ul
{
    list-style:none;
}
.admin_filter ul li
{
    float:left;
    font-size:.85em;
}
.admin_filter ul li a
{
    padding:5px 10px;
    display:block;
    color:#444;
    text-decoration:none;
    cursor:pointer;
}
.filter_tab_active
{
    background-color:#c3c3c3;
	border:1px solid #f1f1f1;
}
.active_orders
{
    width:10px;
    height:10px;
    background:#0C6;
    display:inline-block;
    margin-right:4px;
}
.expired_orders
{
    width:10px;
    height:10px;
    background:#F58220;
    display:inline-block;
    margin-right:4px;
}
.renewed_orders
{
    width:10px;
    height:10px;
    background:#4285f4;
    display:inline-block;
    margin-right:4px;
}
.admin_filter ul li a:hover
{
    color:#000;
}
.select_proceed > div:first-child{
    text-align:left;
    padding-top: 9px;
}
.select_proceed > div:last-child{
    text-align:right;
}
#view .form ,#view .form .form_row{
    margin:10px auto;
}
.moresuggestions span{
    vertical-align:middle;
    display:inline-block;
}
.show_more_dom{
    display:inline-block;
    vertical-align: middle;
    color:#f58220;
    font-size:.9em;
	padding:5px;
}
.show_more_dom a{
    color:inherit;
}
.dmn_hst_plan_price
{
    font-weight:bold;
    padding-right:15px;
    text-align:right;
}
.package_domain .form_clmn
{
	vertical-align:middle;
}

/* Popup Style */
.popup_container{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:10000;display:none;top:0;left:0;}
.popup{background:#fff none repeat scroll 0 0;position:relative;width:70%;max-height:90%;background:#fff;top:5%;margin:0 auto;padding:30px;overflow:auto;}
.popup_close{position:absolute;width:26px;height:26px;background:#db341d;top:5%;margin-top:-13px;margin-left:-13px;color:#fff;text-align:center;line-height:26px;cursor:pointer;border-radius:50%;left:85%;z-index:10000}
.popup_close:before{display:inline-block;content:"\02718"}
.popup_close a{display:block;color:#fff;text-decoration:none;text-align:center;margin-top:-5px}
.popup p{font:bold 12px/16px Tahoma,Geneva,sans-serif;color:#1d1d1d;text-shadow:#fff 1px 1px 0;padding:5px;text-align:center}
.popupEdit{display:none;}
.popup_footer{background:#464646;padding:7px;text-align:center;border-bottom-left-radius:5px;-moz-border-bottom-left-radius:5px;-o-border-bottom-left-radius:5px;-webkit-border-bottom-left-radius:5px;border-bottom-right-radius:5px;-moz-border-bottom-right-radius:5px;-o-border-bottom-right-radius:5px;-webkit-border-bottom-right-radius:5px}
.popup_footer ul{display:inline-block;padding:0;list-style:none}
.popup_footer ul li{padding:0;float:left;margin:0 5px;font:normal 12px/26px Tahoma,Geneva,sans-serif;color:#fff;background-image:none}
.popup_footer ul li a{padding:0 2px;float:left;color:#fff;display:block;text-decoration:none;background-image:none}
.popup_footer ul li a:hover{padding:0 2px;float:left;color:#2e1c1c;display:block;background:#e2c72b;text-decoration:none;background-image:none;border-radius:5px 5px 5px 5px;-moz-border-radius:5px;-o-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px}

/* Loading Style */
.commonOverlayImg{padding:0;width: 100px;height: 108px;margin-left:-50px;margin-top:-54px;z-index:99;background:url(../images/loader.gif);background-repeat:no-repeat;position: absolute;top: 50%;left:50%;}
.commonOverlayTxt{padding:0;width:100%;height: 0px;margin:auto;left:0;right:0;bottom:-10px;color:#0B3B0B;position: absolute;font:bold 14px Arial, Helvetica, sans-serif;text-align: center;}
.commonOverlay {display:none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index:99;background: #fff;background-color: rgba(255, 255 , 255, 0.8);filter: alpha(opacity=20);}
#err_result{color:#C30;}

/* Promo apply remove Style */
.promo_code_apply
{
    display:inline-block;
    vertical-align:middle;
    width:auto;
}
.promo_code_apply_text
{
    display:inline-block;
    vertical-align:middle;
    width:108px !important;
    background:#f1f1f1 !important;
    padding:3px !important;
    color:#333;
    border:#f58220 1px dashed !important;
    margin:0 !important;
    height:26px !important;
    font-size:12px !important;
    font-weight:normal !important;
}
.promo_code_apply_button
{
    display:inline-block;
    vertical-align:middle;
    width:60px !important;
    background:#f58220 !important;
    padding:3px !important;
    color:#fff;
    border:none;
    margin-left:-5px !important;
    height:26px;
    line-height:100%;
	cursor: pointer;
	font-weight:normal !important;
}
.promo_code_apply_error
{
    display:inline-block;
    vertical-align:middle;
    padding:3px;
    color:#F58220;
    border:#F58220 1px solid;
    line-height:100%;
    font-weight:normal !important;
    font-size:.8em;
}
.product_feature_box
{
	width:80%;
	margin:20px auto;
	text-align:center;
}
/* combo offer */

.combooffersuggestion
{
    background: none repeat scroll 0 0 #f0f0f0;
    border: 1px solid #18c66d;
    font-weight: bold;
    margin-right: 1px;
    padding: 6px;
	margin-bottom: 5px;
}
.combo_offer_design
{
	margin:0 auto;
	padding:60px 0;
	width:100%;
	position:relative;
	background:url(../images/bg.png) center no-repeat;
}

.combo_offer_design_con
{
	float:left;
	position:relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.green_combo
{
	float:left;
	padding:10px 10px 10px 66px;
	text-transform:uppercase;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	background:#18c66d;
	position:relative;
	border-bottom:#fff 1px solid;
	position:relative;
}
.green_combo:after{
width:0;
height:100%;
border-top:20px solid #18c66d ;
border-bottom:18px solid #18c66d ;
border-right:18px solid transparent;
content:"";
position:absolute;
left:100%;
top:0;
}
.combo_text
{
	background:#e5d8c5;
	padding:5px;
	border-radius:.3em;
	border:#d7cbb9 1px solid;
	box-shadow:rgba(0,0,0,.1) 2px 2px 5px;
	background: rgb(230,217,198); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZDljNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y3ZjJlOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmQ5YzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(230,217,198,1) 0%, rgba(247,242,233,1) 50%, rgba(230,217,198,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,217,198,1)), color-stop(50%,rgba(247,242,233,1)), color-stop(100%,rgba(230,217,198,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(230,217,198,1) 0%,rgba(247,242,233,1) 50%,rgba(230,217,198,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(230,217,198,1) 0%,rgba(247,242,233,1) 50%,rgba(230,217,198,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(230,217,198,1) 0%,rgba(247,242,233,1) 50%,rgba(230,217,198,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(230,217,198,1) 0%,rgba(247,242,233,1) 50%,rgba(230,217,198,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6d9c6', endColorstr='#e6d9c6',GradientType=0 ); /* IE6-8 */
}
.combo_text h1
{
	padding:20px;
	border-radius:.1em;
	border:#756f66 1px dashed;
	color:#666;
	text-shadow:rgba(255,255,255,.6) 1px 1px 0px;
	line-height:120%;
}
.combo_blue
{
	color:#109692;
}
.combo_red
{
	color:#de2543;
}
.combo_round_offer
{
	width:120px;
	height:120px;
	background:#f29e00;
	padding:6px;
	border-radius:50%;
	text-align:center;
	vertical-align:middle;
	color:#fff;
	position:absolute;
	margin-left:-60px;
	margin-top:-60px;
	left:0;
	z-index:100;
}
.combo_round_offer_con
{
	width:100%;
	height:100%;
	border:#fff 2px solid;
	border-radius:50%;
	text-align:center;
	vertical-align:middle;
}
.combo_round_offer_con span
{
	display:inline-block;
	vertical-align:middle;
	position:relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.combo_mobile_price
{
	display:none;
}

.banner_domain_check
{
	margin:0 auto;
	width:80%;
}
.banner_domain_check_top
{
	border:#d2d2d2 1px solid;
	padding:1px;
}


/*************** breadcrumb ****************/
.breadcrumb
{
	margin:10px auto;
	padding:0;
}
.breadcrumb ul
{
	margin:0;
	padding:0;
	list-style:none;
}
.breadcrumb ul li
{
	padding:0;
	float:left;
	margin:0px;
	font-size:1em;
	line-height:130%;
	color:#666;
}
.breadcrumb ul li a
{
	text-decoration:none;
	color:#1192d9;
	padding:3px 5px;
	display:block;
}
.breadcrumb ul li span
{
	text-decoration:none;
	color:#616161;
	padding:3px 5px;
	display:block;
	cursor:default;
}
.breadcrumb ul li a:hover
{
	text-decoration:underline;
	color:#1192d9;
	padding:3px 5px;
	/*display:block;*/
}
.breadcrumb_active
{
	color:#1192d9;
	padding:3px 5px;
	display:block;
}
.combo_mobile_price
	{
		display:none;
	}
.hosting_content
{
    margin:10px auto;
    text-align:center;
}
.hosting_windows
{
    display:inline-block;
    width:32%;
    padding-bottom:10px;
    position:relative;
    vertical-align:top;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1); 
}
.hosting_windows h3
{
    font-size:1.6em;
}
.hosting_windows h3 span
{
    display:inline-block;
    vertical-align:middle;
    margin:0 3px;
    line-height:100%;
}
.hosting_windows *
{
    position:relative;
    z-index:1;
}
.hosting_windows ul
{
    display:block;
    list-style:none;
    padding-bottom:15px;
}
.hosting_windows ul li
{
    font-size:1.1em;
    padding:10px 8px;
    line-height:120%;
}
.hostingfrom
{
    font-size:.9em;
}
.hostingfrom_amnt
{
    font-size:1.3em;
    font-weight:bold;
    padding:5px;
    line-height:120%;
}
.view_hosting_plan
{
    color:#fff;
    font-size:1.4em;
    font-weight:bold;
    padding:5px;
}
.view_hosting_plan a
{
    color:inherit;
    display:inline-block;
    padding:5px 10px;
    line-height:120%;
    text-decoration:none;
}
/* current balance    */
.h_paymethod {
    margin: 10px auto;
    text-align: center;
    width: 60%;
}
.h_paymethod ul
{
display:inline-block;
}
.h_paymethod_content
{
display: inline-block;
padding:3px;
}
.h_paymethod_type
{
font-size:1em;
color:#333;
padding:5px;
}
.h_paymethod_type_in
{
float:right;
padding-right:10px;
}
.h_paymethod_type_con
{
display:inline-block;
vertical-align:top;
padding:2px;
}
.more_button
{
	background:#18c66d;
	padding:5px 10px;
	font-size:1.2em;
	font-weight:bold;
	height:32px;
	border:none;
	color:#fff;
	left: 71.5%;
	display:inline-block;
	position: absolute;
	cursor:pointer
	
}
/* combo offer suggestion-----------------*/
.combo_offer_search
{
	margin:35px auto 0;
	padding:10px;
	background:#F6F6F6;
	border:#e2e29d 1px solid;
	border-radius:.2em;
	position:relative;
}
.combo_offer_search_title
{
	padding:8px;
	background:#616161;
	color:#fff;
	border-radius:.2em;
	position:absolute;
	font-size:16px;
	left:16px;
	top:-20px;
	font-weight:bold;
}
.combo_offer_box
{
	margin:20px 0px;
	/*padding:12px 18px;*/
	background:#fff;
	/*border-bottom:#e0e0b6 2px solid;*/
	border-radius:.4em;
	position:relative;
}
.combo_offer_box_title
{
	color:#252525;
	font-size:16px;
	font-weight:bold;
	/*padding:15px;*/
}
.combo_offer_box_content
{
	background:#fff;
	border:#fff 1px dashed;
	padding:10px;
	border-radius:.2em;
	vertical-align:middle;
	margin:4px auto;
	border-color: #b2b2b2;
}
.combo_offer_text_content
{
	color:#595959;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.7em;
	font-weight:bold;
	display:inline-block;
	vertical-align:middle;
	padding:0 5px;
	display: inline;
}
.combo_offer_orange
{
	color:#dfa61e;
	display:inline-block;
}
.combo_offer_red_price
{
    color:red;
    font-size:.7em;
    display:inline-block;
    padding: 10px;
}
.domain_search_part
{
	margin:12px auto;
}
.select_combo
{
	background:#ffffe0;
	border-color:#b2b2b2;
}
.loading {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: fixed;
   display: block;
   opacity: 0.7;
   background-color: #fff;
   z-index: 99;
   text-align: center;
}
.loading-image {
  position: absolute;
  top: 36%;
  left: 50%;
  z-index: 100;
}
.show_text {
  position:fixed;
  top: 42%;
  left:44%;
  z-index: 100;
  
}
/* customer plan feature  */
.content_100
{
	margin:15px auto;
}
.grey
{
	background:#eee;
}

.feature_list_con {
    background: #f1f1f1 none repeat scroll 0 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    padding: 10px;
    text-align:center;
	min-height:auto;
	
}
.feature_list											
{
	padding-left:10px;
	width: 33%;
	float: left;
	
}
.feature_list ul
{
	padding:5px 10px;
	border-radius:.3em;
	list-style:none;
	border:#dcdcdc 1px solid;
	background:#fff;
	margin: 5px 0;
    text-align: left;
}
.feature_list ul li {
    color: #454545;
    font-size: 1em;
    margin: 15px 10px 15px 5px;
    word-wrap: break-word;
    padding-left: 20px;
    position: relative;
}
.feature_list ul li::before
{
    color: #89cd7d;
    content: "";
    font-family: "Flaticon";
    font-size: 1em;
    left: -10px;
    padding: 5px;
    position: absolute;
    text-shadow: 1px 1px 0 #3a7d34;
    top: -4px;
}
.feature_list h6
{
	color:#d33c3c;
	padding:10px;
	font-size:1.1em;
	font-weight:normal;
}
.feature_list h6 a
{
	color:#d33c3c;
	text-decoration:none;
}
.feature_list h6 a:hover
{
	color:#d33c3c;
	text-decoration:underline;
}
.combo_price_align
{
	width: 70%;
}
/* for whois design        */
.inner_page_links
{
	margin:10px auto;
	padding:0;
}
.inner_page_links ul
{
	margin:0;
	padding:0;
	list-style:none;
}
.inner_page_links ul li
{
	margin:0 1px;
	padding:0;
	float:left;
	font:bold 14px/20px Tahoma, Geneva, sans-serif;
	color:#d96a5d;
	font-style:italic;
}
.inner_page_links ul li a
{
	padding:3px 10px;
	color:#84ad12;
	text-decoration:none;
	border-bottom:#e4e4e4 3px solid;
	background:#f2f2f2;
}
.inner_page_links ul li a:hover
{
	padding:3px 10px;
	color:#84ad12;
	text-decoration:none;
	border-bottom:#84ad12 3px solid;
	cursor: pointer;
}
.inner_page_links_active
{
	padding:3px 10px;
	color:#fff;
	text-decoration:none;
	border-bottom:#577110 3px solid;
	cursor:pointer;
	background:#84ad12
}
/* ----DNS Manage--------*/
.table_tabbed
{
	margin:0 auto;
	padding:0;
	border-bottom:#d2d2d2 1px solid;
	position:relative;
}
.table_tabbed ul
{
	list-style:none;
	background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(234,234,234,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-8 */
	border:#d2d2d2 1px solid;
	border-radius:.2em;
	position:relative;
	float:left;
	top:1px;
}
.table_tabbed ul li
{
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#333;
	border-right:#d2d2d2 1px solid;
	position:relative;
	z-index:0;
	top:1px;
	line-height:120%;
}
.table_tabbed ul li:last-child
{
	border-right:none;
}
.table_tabbed ul li a
{
	padding:10px;
	display:block;
	color:#333;
	text-decoration:none;
	cursor: pointer;
}
.table_tabbed ul li a:hover
{
	color:#333;
	text-decoration:none;
	background:#fff;
}
.table_tabbed_active
{
	padding:10px;
	display:block;
	color:#333;
	text-decoration:none;
	background:#fff;
}
.table_tabbed ul li:last-child a:hover
{
	border-top-right-radius:.2em;
	border-bottom-right-radius:.2em;
}
.table_tabbed ul li:first-child a:hover
{
	border-top-left-radius:.2em;
	border-bottom-left-radius:.2em;
}
.frm_colon
{
	width: 15px;
	padding: 0;
	vertical-align: middle;
}
.dnsdiv input[type="text"],.dnsdiv input[type="password"],.password,.dnsdiv input [type="file"],.dnsdiv textarea,.dnsdiv select
{
	margin-bottom: 0 !important;
	padding: 5px !important;
}
.width110px
{
	width: 110px;
	vertical-align: middle;
}
.width200px
{
	width: 160px;
	vertical-align: middle;
}
/* pure css loading  */
.loader,
.loader:after {
  border-radius: 50%;
  width: 4em;
  height: 4em;
}
.loader {
  font-size: 5.5px;
  position: relative;
  /*text-indent: 1em; */
  border-top: 0.8em solid  #eafaf1  ;
  border-right: 0.8em solid #d5f5e3;
  border-bottom: 0.8em solid #abebc6;
  border-left: 0.8em solid #28b463;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 0.8s infinite linear;
  animation: load8 0.8s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* pure css loading end  */
/* checkbox style start*/
.checkboxFive {
	width: 31px;
	position: relative;
}
.checkboxFive label {
	cursor: pointer;
	position: absolute;
	width: 26px;
	height: 20px;
	top: 0;
  	left: 0;
	background: #ddd;
	border:1px solid #A9A9A9;
}
.checkboxFive label:after {
	opacity: 0.2;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 6px;
	left: 7px;
	border: 3px solid #fff;
	border-top: none;
	border-right: none;
	transform: rotate(-45deg);
}
.checkboxFive label:hover::after {
	opacity: 0.9;
}
.checkboxFive input[type=checkbox]:checked + label:after {
	opacity: 1;
}
.checkboxFive input[type=checkbox]:checked + label {
	background: #18c66d;	
}
/* checkbox style start*/
.plan_name {
	width: 70%;
	display: inline;
}
.pad_button {
	padding-bottom: 5px;
}
.warning_alert {
    border-radius: .3em;
    border: #eabd38 1px solid;
    background: #fdf8e7;
    padding: 10px;
    /*color: #d7a718;*/
    text-shadow: rgba(255,255,255,.3) 1px 1px 0px;
    margin: 10px 0;
}
.blueButton{
	background: #3276b1;
	border:#165387 1px solid;
	border-bottom: #2e6da3 3px solid;
	text-shadow: #214d73 1px 1px 0px ;
	padding: 5px 10px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	margin: 10px 1px;
}
.greenButton{
	background: #57a91b;
	border: #489a0c 1px solid;
	border-bottom: #509c19 3px solid;
	text-shadow: #396e12 1px 1px 0px;
	padding: 5px 10px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    margin: 10px 1px;
}
.disableButton {
    opacity: 0.6;
}
.ssl_status_info {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: rgba(0,0,0,.2) 2px solid;
    right: 5px;
    bottom: 5px;
    line-height: 21px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    float: right;
    font-size: small;
}
.singlerow {
	display: table;
    table-layout: fixed !important;
    width: 100% !important;
    padding-bottom: 2%;
}
.singlerow > span {
    display: ruby !important;
    padding-left: 2%;
}
/*cpanel part*/
.order_page
{
	margin:10px auto;
	width:85%;
	background:#f1f1f1;
	padding:20px;
	border-radius:5px;
	border:#eaeaea 1px solid;
}
.order_page h2
{
	font-size:1.6em;
	border-bottom:rgba(0,0,0,.05) 1px solid;
	position:relative;
	padding:5px 0;
	color:#4b4b4b;
}
.order_page h2:before
{
	border-bottom:rgba(255,255,255,.5) 1px solid;
	position:absolute;
	width:100%;
	height:1px;
	left:0;
	bottom:0;
	content:"";
	display:block;
}
.order_page_content
{
	display:table;
	width:100%;
	table-layout:fixed;
	margin: 10px 0;
	padding: 10px;
}
.order_page_content > div
{
	display:table-cell;
	width:100%;
	vertical-align:middle;
	font-size:1.2em;
	color:#454545;
}
.order_page_content > div:first-child
{
	/*addons onload rate fetch Starts*/
	/*width:200px;*/
	/*addons onload rate fetch Ends*/
}
.order_page_content > div:last-child
{
	width:180px;
	font-size:1.2em;
	font-weight:bold;
}
.order_page_price
{
	display:table;
	/*width:100%;*/
	width:180px;
	table-layout:fixed;
	float:right;
}
.order_page_price > div
{
	display:table-cell;
	width:100%;
	vertical-align:middle;
	text-align:right;
}
.order_page_price > div:first-child, .order_page_price > div:nth-child(2)
{
	width:50px;
}
.order_page input[type="text"], .order_page select
{
	width:100%;
	background:#fff;
	border:#CCC 1px solid;
	padding:12px 5px;
	font-size:1.1em;
	color:#d45822;
}
.order_page button,.order_page input[type="button"]
{
	width:100%;
	background:#91bd18;
	border:none;
	color:#fff;
	padding:12px 5px;
	/*height:100%;*/
	font-size:1.1em;
}
.op_promo_remove_button
{
	background:#b94213 !important;
	width:100%;
	border:none;
	color:#fff;
	padding:12px 5px;
	/*height:100%;*/
	font-size:1.1em;
}
.order_page input[type="checkbox"]
{
	display:inline-block;
	vertical-align:middle;
	margin-right:8px;
}
.order_page label
{
	color:#444;
	white-space:nowrap;
	display:inline-block;
	vertical-align:middle;
	font-size:1.1em;
	padding:5px 0;
}
.order_page_promo
{
	display:table;
	width:100%;
	table-layout:fixed;
}
.order_page_promo > div
{
	display:table-cell;
	width:100%;
	vertical-align:middle;
}
.order_page_promo > div:last-child
{
	width:88px;
	text-align:center;
}
.order_page_green
{
	color:#81a911;
}
.order_page_gray
{
	color:#272403;
	font-size:1.4em;
	margin:14px 0;
	padding:0 5px;
	line-height:120%;
}
.order_page_red
{
	color:#e75b1e;
}
.order_page_minus
{
	background:#e75b1e;
	color:#fff;
	position:relative;
	text-align:center;
	display:inline-block;
	width:20px;
	height:20px;
	vertical-align:middle;
	line-height:80%;
}
.order_page_minus:before
{
	text-align:center;
	vertical-align:middle;
	color:#fff;
	content:"-";
	display:inline-block;
}
.order_page_plus
{
	background:#2e95cb;
	color:#fff;
	position:relative;
	text-align:center;
	display:inline-block;
	width:20px;
	height:20px;
	vertical-align:middle;
	line-height:100%;
}
.order_page_plus:before
{
	text-align:center;
	vertical-align:middle;
	color:#fff;
	content:"+";
	display:inline-block;
}
.order_page_total_amnt
{
	background:#f0f3e8;
	border-radius:5px;
	border:#b7b7b5 1px dashed;
	color:#80a80e;
	font-size:1.4em;
	font-weight:bold;
	padding:15px 10px;
	text-align:center;
	width:100%;
}
.order_page_total_amnt > span
{
	display:inline-block;
	vertical-align:middle;
	padding:0 20px;
}
.order_page_continue
{
	margin:10px auto;
	text-align:center;
}
.order_page_continue a,.order_page_continue input[type="submit"],.order_page__back_button
{
	display:inline-block;
	padding:15px 40px !important;
	background:#91bd18;
	color:#fff;
	text-transform:uppercase;
	display:inline-block;
	vertical-align:middle;
	text-decoration:none;
	border-radius:3px;
	font-weight:bold;
	font-size:1.5em !important;
	width: auto !important;
}
.order_page__back_button
{
	background:#3276b1 !important;
	width: auto;
}
.order_page__back_button:hover
{
	background:#25246D !important;
}
.order_page_continue a:hover,.order_page_continue input[type="submit"]:hover
{
	background:#6e9602;
}
@media screen and (max-width: 1030px) 
{
	.order_page
	{
		width:100%;
	}
	.contacts_child { flex-basis: 48% !important; margin-bottom: 10px; }
}
@media screen and (max-width: 650px) 
{
	.order_page_minus:before,.order_page_plus:before
	{
		margin-top:4px;
	}
	.order_page_gray
	{
		font-size: 1em;
		margin: 6px 0;
		padding: 0;
	}
	.order_page_content > div
	{
		width:100% !important;
		font-size:1em;
	}
	.order_page label, .order_page_content > div:last-child
	{
		font-size:1em;
	}
	.order_page_price > div:first-child, .order_page_price > div:nth-child(2)
	{
		width:40px;
	}
	.order_page_total_amnt > span
	{
		padding:5px;
	}
	.order_page_content > div:last-child
	{
		width:100%;
	}
	.contacts_child { flex-basis: 100% !important; margin-bottom: 25px; }
	.form_renew:first-child
	{
		padding-right: 24%;
	}
	.form_clmn:first-child
	{
		padding-right: 0%;
		padding-top:9px;
	}
	.form_clmn #proceedbtn {
		margin-left: 25%;
	}
	.combo_packs {
	    width: 49% !important;
	}
}
@media screen and (max-width: 480px) 
{
	.contacts_child { flex-basis: 100% !important; margin-bottom: 25px; }
	.order_page_content
	{
		border-bottom:rgba(0,0,0,.05) 1px solid;
	}
	.order_page_content > div
	{
		display:block;
		padding:5px 0;
	}
	.order_page_price
	{
		text-align:right;
	}
	.order_page_price > div
	{
		display:inline-block;
		width:auto;
	}
	.order_page_total_amnt
	{
		font-size:1em;
	}
	.order_page_content > div:last-child
	{
		text-align:right;
	}
	.order_page_price
	{
		float:none;
		display:inline-block;
	}
	.lang_flag_list > span:first-child,.lang_flag_list >ul>li>a span:first-child
	{
		display: none;
	}
	.form form label
	{
		white-space:unset;
	}
	.combo_packs {
		width: 99% !important;
	}
}
.div_width_100
{
	width: 100% !important;
	display: block;
}
.div_width_50
{
	width: 50% !important;
}
.margin_auto
{
	margin: auto !important;
}
.addons_part
{
    background: #fff none repeat scroll 0 0;
    border: 1px dashed rgba(0, 0, 0, 0.2);
    border-radius:5px;
    padding:10px 8px 10px 5px;
	position: relative;
	margin-top: 35px;
	
}
/*Francis Edited - DA*/
.addons_part:before
{
	content: "Addons";
	position:absolute;
	background: #fff;
	padding:3px 7px;
	display: inline-block;
	color:#444;
	left: 20px;
	top:-18px;
	font-size: 1.4em;
	font-weight:bold;
	border-radius:5px;
}
.addons_part > div
{
	margin: 0;
}
.cpanel_addons_part
{
    background: #fff none repeat scroll 0 0;
    border: 1px dashed rgba(0, 0, 0, 0.2);
    border-radius:5px;
    padding:10px 8px 10px 5px;
	position: relative;
	width:75%;
	margin:0 auto;	
}
/*Francis Edited - DA*/
.cpanel_addons_part:before
{
	content: "Control Panel";
	position:absolute;
	background: #fff;
	padding:3px 7px;
	display: inline-block;
	color:#444;
	left: 20px;
	top:-18px;
	font-size: 1.4em;
	font-weight:bold;
	border-radius:5px;
}
.cpanel_addons_part > div
{
	margin: 0;
}
.contacts { width: 1000px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; padding-bottom: 5px;padding-top:0px; }
.contacts_child { flex-basis: 32%; background: #fff; border: 1px solid #4c576b; border-radius: 5px;
		box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; -webkit-transition: 0.3s; transition: 0.3s; }
.contacts_child:hover { box-shadow: rgba(0, 0, 0, 0.5) 0px 15px 25px, rgba(0, 0, 0, 0.4) 0px 5px 10px; transform: scale(1.05); }
.contacts_box_top { background: #18c66d; color: #fff; padding: 10px; border-radius: 4px 4px 0 0; width: 100%; }
.contacts_box_top h3 { margin: 0; padding: 0; color: #fff;text-align: center;}
.contacts_box { padding: 1%; text-align: center;  }
.contacts_box img { vertical-align: middle; padding: 10px; }
.contacts_box_bottom button { position: relative; background: #f58220; border: none; outline: none; color:#fff; padding: 10px; 
border-radius: 10px; width: 90%; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; overflow: hidden; cursor: pointer; margin: 0px 17px;}
.contacts_box_bottom button:after { content: ""; background: #f58220; display: block; position: absolute; padding-top: 300%;
padding-left: 350%; margin-left: -20px!important; margin-top: -120%; opacity: 0; transition: all 0.8s }
.contacts_box_bottom button:active:after { padding: 0; margin: 0; opacity: 1; transition: 0s }
.contacts p { font-size: 13px; }

/* KYC popup - starts */
.digiokycdiv 
{
	text-align: center;
	margin: 10% auto;
}
.kycimportantnot 
{
	font-size: 1.5rem;
	font-weight: bold;
}
.kyccontent 
{
	padding: 10px 12%;
}

.kycproceedbutton 
{
	width: 20%;
	padding: 10px;
	border-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	border: none;
	margin: 2% auto;
	background: #0277bd;
}

.kycproceedbutton > a {
	color: #fff;
	font-weight: bold;
	font-size: 16px;
}
.kycproceedbutton > a:hover {
	color: #fff;
	text-decoration: none;
}

@media screen and (max-width: 650px) 
{
	.kycproceedbutton {
		width: 80%;
	}
	.kychosteasy { display:none; }
}
/* KYC popup - starts */

.alertforkyc {
	width: 1000px;
	text-align: center;
	background: antiquewhite;
	margin: auto;
	padding: 5px 0px;
	color:blue;
}
.alertforkyc > span {
	text-decoration: underline;
	color:red;
	cursor:pointer;
}

@media screen and (max-width: 650px) 
{
	.alertforkyc { width:100%; }
}


/* Offer top imags shows */
.top-desktop-offer-image, .top-mobile-offer-image, .top-highres-offer-image {
	padding : 10px 0px;
}
.top-desktop-offer-image img, .top-mobile-offer-image img, .top-highres-offer-image img {
	max-width: 96%;
}
.top-mobile-offer-image, .top-desktop-offer-image {
	display:none;
}
@media screen and (max-width: 1600px) 
{
	.top-desktop-offer-image {
		display:block;
	}
	.top-highres-offer-image {
		display:none;
	}
	.top-mobile-offer-image {
		display:none;
	}
}
@media screen and (max-width: 480px) 
{
	.top-desktop-offer-image {
		display:none;
	}
	.top-highres-offer-image {
		display:none;
	}
	.top-mobile-offer-image {
		display:block;
	}
}

/*Captcha Design - starts*/
.captcha_design
{
	display:block;
}
.captcha_design > div
{
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	margin:5px;
	padding:5px 10px;
	font-weight:bold;
	border-radius:5px;
	line-height:100%;
}
.captcha_design_yellow
{
	background:#666;
	border:rgba(0,0,0,.1) 2px solid;
	color:#fff;
	font-size:30px;
}
.captcha_design_blue
{
	background:#666;
	border:rgba(0,0,0,.1) 2px solid;
	color:#fff;
	font-size:30px;
}
.captcha_design_green
{
	background:#fff;
	border:#666 2px solid;
	width:60%;
}
.captcha_design_green > input[type="text"] 
{
	background:none;
	border:none;
	color:#443131;
	font-size:14px;
	text-align:center;
	width:100%;
	margin:unset !important;
}
.captcha_design_grey
{
	color:#443131;
	font-size:36px;
	padding:5px 0px !important;
}
@media screen and (max-width: 480px) 
{
	.captcha_design {
		text-align: center;
	}
	.captcha_design_yellow, .captcha_design_blue, .captcha_design_grey,.captcha_design_green > input[type="text"] {
		font-size:1.5em;
	}
	.captcha_design_green {
		width: 30%;
	}
}

.signup_captcha, .signup_captcha_pd
{
	margin: auto;
	padding: 5px;
	text-align: center;
}

.signup_captcha_pd { flex-basis: 70% !important; }

.signup_captcha > div, .signup_captcha_pd > div {
	margin: 5px;
	padding: 5px 12px;
}

.signup_captcha_green {
	width: 20% !important;
}

@media screen and (max-width: 480px) {
  .signup_captcha_green {
		width: 30% !important;
	}
}
/*Captcha Design - ends*/
.multissl_container
{
	border-bottom:1px solid #18C66D;
	margin: 8px 0px;
}
.multissl_item
{
	padding: 5px 20px;
	display: inline-block;
	text-transform: capitalize;
	cursor:pointer;
}
.multissl_item:hover
{
	background-color: #18C66D;
	color: white;
}
.multissl_item.active
{
	background-color: #18C66D;
	color: white;
}
.lds-ring {
  display: inline-block;
  position: relative;
  width: 25px;
  height: 25px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  margin-top: 8px;
  border: 2px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #1f9ede transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*
	Tickets system css
*/
.tap_nav_search
{
	margin:10px auto;
	border-bottom:#4fbdba 1px solid;
}
.tap_nav_search ul
{
	float:left;
	list-style:none;
}
.tap_nav_search ul li
{
	font-weight:bold;
	float:left;
}
.tap_nav_search ul li a
{
	cursor:pointer;
	padding:5px 10px;
	display:block;
	color:#626262;
	text-decoration:none;
}
.tap_nav_search ul li a:hover
{
	padding:5px 10px;
	display:block;
	background:#4fbdba;
	color:#fff;
}
.tap_search_part
{
	float:right;
	border:#4fbdba 1px solid;
	border-bottom:none;
	width:200px;
}
.tap_search_box
{
	display:table-cell;
	width:100%;
	background:#fff;
}
.tap_search_box input[type="text"]
{
	width:100%;
	background:#fff;
	border:none;
	padding:5px;
	color:#999;
}
.tap_search_button
{
	width:20px;
	display:table-cell;
	background:none;
	border:none;
	position:relative;
}
.tap_search_part_center
{
	border:#4fbdba 1px solid;
	border-bottom:none;
	width:200px;
	text-align: center;
}
.tap_search_button:before
{
	content:"\e00f";
	color:#cccccc;
	font-family: "Flaticon";
	font-size:1.8em;
	display:inline-block;
	vertical-align:top;
}
.tap_search_button input[type="submit"]
{
	background:none;
	border:none;
/*	width:100%;
	height:100%;*/
	position:absolute;
	z-index:100;
	cursor:pointer;
	margin-top:-20px;
}
.tap_nav2
{
	margin:10px auto;
}
.tap_nav2 ul
{
	list-style:none;
}
.tap_nav2 ul li
{
	float:left;
	font-size:1.1em;
}
.tap_nav2 ul li a
{
	padding:5px 10px;
	display:block;
	color:#7e7d7d;
	text-decoration:none;
	cursor: pointer;
}
.tap_nav2 ul li a:hover
{
	padding:5px 10px;
	display:block;
	background:#f3c745;
	color:#694e00;
	cursor: pointer;
}

.ticket_sys
{
	margin:10px;
}
.ticket_sys h1
{
	font-size:1.4em;
	color:#603;
}
.ticket_box
{
	width:100%;
	margin:10px 0;
}
.ticket_box_sts
{
	margin:0;
	padding:5px;
}
.ticket_box_sts ul
{
	list-style:none;
}
.ticket_box_sts ul li
{
	padding-right:10px;
	float:left;
	color:#000000;
}
.ticket_box_top
{
	background:#f9f9f9;
	padding:12px;
	border:#cecccc 1px solid;
}
.ticket_box_top p, .ticket_cmnts p
{
	padding:0;
	color:#2b2b2b;
}
.ticket_box_create,.ticket_box_update
{
	font-size:.9em;
	font-style:italic;
	color:#6a6a6a;
	margin-top:10px;
}
.ticket_box_create
{
	float:left;
}
.ticket_box_update
{
	float:right;
}
.ticket_box_bottom
{
	background:#3498db;
	color:#fff;
	padding:10px;
	font-size:1.1em;
	line-height:100%;
}
.right_tic_span
{
    float: right; font: bold 14px/38px Arial;
}
.ticket_cmnts_reply
{
    width: auto;
    margin-left: auto;
}
.ticket_box_bottom_con
{
	padding:6px;
	display:inline-block;
	vertical-align:middle;
}
.ticket_box_bottom_con span
{
	display:inline-block;
	vertical-align:middle;
	margin-right:4px;
}
.ticket_cmnts
{
	margin:10px auto;
	padding:10px;
	border-radius:4px;
	border:#d8d8d8 1px solid;
	background:#f3f3f3;
	display:inline-block;
	vertical-align:top;
}
.ticket_cmnts_container
{
	display:table;
}
.ticket_cmnts h3
{
	font-size:1.1em;
	font-style:italic;
	color:#955d47;
	padding:4px 0;
}
.arrow_box
{
	width:30px;
	height:30px;
	border-left:#707070 1px solid;
	border-bottom:#707070 1px solid;
	position:relative;
	display:inline-block;
	margin-top:20px;
}
.arrow_box:after
{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 6px;
	border-color: transparent transparent transparent #707070;
	content:"";
	position:absolute;
	bottom:-6px;
	right:-2px;
}
.ticket_index_left,.ticket_index_right
{
   display: inline-block;vertical-align:middle;padding:10px;
}
.ticket_index_left
{
     width: 60%;
}
.ticket_index_right
{
    width: 30%;
    float: right;
}
.table_gridview
{
	overflow:auto;
	padding:20px;
}
.table_gridview table
{
	width:100%;
}
.table_gridview table, .table_gridview td, .table_gridview th
{
	border-collapse:collapse;
	border:none;
	border-bottom:1px solid #cccce3;
}
.table_gridview table th
{
	background: #f7f8f9; /* Old browsers */
	font-size:1em;
	line-height:130%;
	color:#3c3f5f;
	text-shadow:#fff 1px 1px 0px;
	text-align:left;
	padding:10px 6px;
	border-top:1px solid #cccce3;
	background: rgb(251,252,254); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmNmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2YwZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(251,252,254,1) 0%, rgba(236,240,249,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(251,252,254,1)), color-stop(100%,rgba(236,240,249,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(251,252,254,1) 0%,rgba(236,240,249,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(251,252,254,1) 0%,rgba(236,240,249,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(251,252,254,1) 0%,rgba(236,240,249,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(251,252,254,1) 0%,rgba(236,240,249,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfcfe', endColorstr='#ecf0f9',GradientType=0 ); /* IE6-8 */
}
.table_gridview table th:first-child
{
	border-left:1px solid #cccce3;
}
.table_gridview table th:last-child
{
	border-right:1px solid #cccce3;
}
.table_gridview table td, .table_gridview th
{
	-moz-box-shadow:none;
	-o-box-shadow:none;
   -webkit-box-shadow:none;
   box-shadow:none;
}
.table_gridview table td
{
	padding:6px;
	font-size:1em;
	line-height:130%;
	color:#3c3f5f;
	text-shadow:#fff 1px 1px 0px;
	vertical-align:middle;
	text-align:left;
	border-bottom:1px solid rgba(0,0,0,.1);
}
.table_gridview table tr:nth-child(even)
{
	background: #fefefe; /* Old browsers */
}
.table_gridview table tr:nth-child(odd)
{
	background: #f9f9f9; /* Old browsers */
}
/*************** page_navigation ****************/
.page_navigation
{
	margin:10px auto;
	padding:0px;
	text-align:center;
}
.page_navigation ul
{
	margin:0px;
	padding:0px;
	list-style:none;
	display:inline-block;
}
.page_navigation ul li
{
	float:left;
	font-size:1em;
	line-height:130%;
	color:#000;
	margin:1px;
}
.page_navigation ul li a
{
	float:left;
	color:#000;
	background:#f5f7f8;
	display:block;
	padding:4px 7px;
	text-decoration:none;
	border:#dae1e5 1px solid;
}
.page_navigation ul li a:hover
{
	float:left;
	color:#fff;
	background: #fd8524; /* Old browsers */
	display:block;
	padding:4px 7px;
	text-decoration:none;
	border:#fd780b 1px solid;
}
.page_navigation_active
{
	float:left;
	color:#fff;
	background: #616161; /* Old browsers */
	display:block;
	padding:4px 7px;
	text-decoration:none;
	border:#4f4f4f 1px solid;
	cursor:pointer;
}
@media screen and (max-width: 650px) 
{
	.right_tic_span
	{
		width: 100%;
	}
	.ticket_index_right,.ticket_index_left
	{
		width: 100%;
	}
	.ticket_box_bottom_con
	{
		display: block;
	}
	.ticket_box_sts ul li
	{
		float: none;
		/*display: table-row;*/
	}
	.right_tic_span
	{
		font: bold 13px/38px Arial;
	}
	.ticket_cmnts_reply
	{
		width: 230px; margin-left:10px; 
	}
}

.tabs_ext_div {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	align-items: center;
	margin-bottom: 1%;
}

.divs_exts {
  background-color: #fff;
  border-radius: 100px;
  transition: box-shadow 0.3s ease; /* Smooth transition for hover effect */
  box-shadow: rgba(31, 168, 210, .15) 0 -12px 8px -6px inset, rgba(31, 168, 210, .1) 0 1px 2px, rgba(31, 168, 210, .1) 0 2px 4px, rgba(31, 168, 210, .1) 0 4px 8px;
  color: #18c66d;
  cursor: pointer;
  display: inline-block;
  font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif;
  padding: 7px 20px;
  text-align: center;
  text-decoration: none;
  border: 0;
  font-size: 16px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  font-weight: bold;
}

.divs_exts:hover {
  box-shadow: rgba(31, 168, 210, .25) 0 -12px 8px -6px inset, rgba(31, 168, 210, .2) 0 1px 2px, rgba(31, 168, 210, .2) 0 2px 4px, rgba(31, 168, 210, .2) 0 4px 8px;
}

.divs_exts.active {
	background-color: #18c66d;
	color: #ffffff;
}
.ssl_pack_rate {
	font-weight: bold; /* Ensure bold text */
    padding-top: 15px; /* Add some padding for spacing */
}
.ssl_pack_rate > div {
    font-size: 1.1em; /* Larger font for emphasis */
    color: #333; /* Darker color for the text */
}

.ssl_pack_rate > div > span:nth-child(1), .ssl_pack_rate > div > span:nth-child(3) {
    font-size: 0.8em; /* Smaller font size for the 1st and 3rd spans */
}


/*Email Hosting Number of accounts*/
.numofaccounts {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-direction: row-reverse;
}

span.numofaccountsminus, span.numofaccountsplus {
    width: 32px;
    height: 32px;
    border: 1px solid #ccc;
    background-color: #1fa8d2;
    color: #FFF;
    font-weight:bold;
    font-size:1.5em;
    cursor: pointer;
    text-align: center;
}
span.numofaccountsminus {
	padding-top: 3px;
}
span.numofaccountsplus {
	padding-top: 5px;
}

.numofaccountscount {
    /*width: 120px !important;*/
    text-align: center;
    font-size: 16px;
}
.cmn_btn{
	background: #3276b1;
	color: white;
	border: none;
	border-radius: 6px;
	padding: 4px 8px;
	cursor: pointer;
}
.specialParaStyl {
	text-align:left;
	text-indent:30px;
	margin-bottom:3px;
}
/**** Hosteasy Product details new styles starts****/

/* Header styling */
.order-header {
    text-align: center;
    margin-bottom: 20px;
}

.order-header h3 {
    color: #1fa8d2;
}

/* Form row styling with label on left and input on right */
.form-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    position: relative;
}

.form-row label {
    color: #000;
    font-size: 1em;
    white-space: nowrap;
    padding-bottom: 4px;
    display: inline-block;
    vertical-align: middle;
}

.form-row input[type="text"],.form-row input[type="number"], .form-row select {    
    font-size: 14px;
    padding: 5px 10px;
    width: 50%;
    outline: 0;
    border: 1px solid #ccc;
    transition: box-shadow 150ms ease-out;
    border-radius: 5px;
}
/* Account counter styling */
.account-counter {
    display: flex;
    align-items: center;
    gap: 5px;
}

.account-counter button {
    padding: 5px 10px;
    border: none;
    background-color: #f58220;
    color: #fff;
    cursor: pointer;
    border-radius: 4px;
}

.account-counter input {
    width: 60px;
    text-align: center;
}

.summary-item.total {
    font-weight: bold;
    font-size: 16px;
}

/* Action button styling */
.action-button {
    text-align: center;
}

.action-button button {
    width: auto;
    padding: 0 10px;
    border: none;
    background-color: #1fa8d2;
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    cursor: pointer;
    height: 30px;
    margin-bottom: 10px;
}

/* Note section styling */
.note-section {
    text-align: center;
    margin-top: 20px;
    font-size: 12px;
}

.note-section a {
    color: #f58220;
}

.config {
    display: flex;
    width: 100%;
    margin: 0 auto;
    padding-top: 1%;
    gap: 5%;
}
.config > div:first-child {
    flex-basis: 58%;
}
.config > div:nth-child(2) {
    flex-basis: 40%;
}
.config_right {
    min-width: 340px;
    width: 100%;
    position: sticky;
    top: 10%;
}
.summary-section {
    background: #f0f0f0;
    /*border: 1px solid #59adfc;*/
    border-radius: 5px;
}
.summary-item {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 6px 3px;
    margin: auto;
}
.summary-item > div {
    display: table-cell;
    text-align: left;
    font-size: bold;
}
.summary-item > div:first-child {
    width: 64%;
}
.summary-item > div:nth-child(2) {
    width: 35%;
    text-align: right;
}
.sky_blue {
    background: #21b3df;
    padding: 10px;
    border-radius: 5px 5px 0 0;
    margin-bottom: 10px;
}
.sky_blue h4 {
    line-height: 120%;
    margin: 4px 0;    
    color: #fff;
}
.summary-item:last-child {
	font-weight: bold;
	color: #f58220;
	border-top: rgba(0,0,0,.1) 1px solid;
	font-size: 1.3rem;
	margin: 5px auto;
	padding-top: 2%;
}
.heprcd
{
	float: right;
	margin-bottom: 0%;
}
#sub
{
	width: 150px;
}
@media screen and (max-width: 950px) {
	.config_right
	{
		min-width:240px;
	}
}
@media screen and (max-width: 800px) {
	.config {
		flex-direction: column;		
	}
	.sky_blue
	{
		display: none;
	}
	.summary-item
	{
		padding: 8px 0px;
	}
	.total_content
	{
		padding: 10px 5px;
	}
	.form-row input[type="submit"]
	{
		margin-right:0px;
	}
	.config_right {
		min-width: 0;
	}
	.heprcd
	{
		float: none;
	}
	.summary-item:last-child {
		padding-top:3%;
	}
}
@media screen and (max-width: 650px) {
	.config {
		flex-direction: column;		
	}
	.specialParaStyl {
	 	text-align:justify;
	} 
	.sky_blue
	{
		display: none;
	}
	.summary-item
	{
		padding: 8px 0px;
	}
	.total_content
	{
		padding: 10px 5px;
	}
	.form-row input[type="submit"]
	{
		margin-right:0px;
	}
	.config_right {
		min-width: 0;
	}
}
@media screen and (max-width: 380px) {
	.message
	{
		padding: 2px;
	}
}
.error_alert {
	background: #C30;
	color: #fff;
	margin-bottom: 4px;
	font-size: .8em;
	padding: 2px 4px;
	position: absolute;
	bottom:90% ;
}
/**** Hosteasy Product details new styles ends****/

/*---start email host css---*/
/* Delete Button */
.delete-email-btn,.reset-email-pass,.login-email-btn
{
	cursor: pointer;
	font-size: 16px;
	margin-right : 5px
}
.delete-email-btn {
    color: #f44336;
}
.reset-email-pass {
    color: #f58220;
}
.login-email-btn {
	color: #1fa8d2;
}
.reset-email-pass.disabled,.delete-email-btn.disabled {
    color: #8e8c8c;
    cursor: not-allowed;
}

/* General Styling */
.add-email-accounts {
    margin: 20px auto;
    font-family: Arial, sans-serif;
    padding: 20px;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}

/* Button Styling */
.add-email-accounts input[type="button"] {
    padding: 8px 12px;
    background-color: #1fa8d2;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.add-email-accounts input[type="button"]:hover {
    background-color: #127ba1;
}
.inv-searchBar-cont input[type="text"] {
    padding: 6px 12px;
    padding-right: 30px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    color: #333;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    width: 100%;
}
.inv-searchBar-cont input[type="text"]:focus {
    border-color: #1fa8d2;
    outline: none;
}

/* Search Button Styling */
.searchBtn{
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10%;
    margin-left: 5px;
    position: absolute;
    color: gray;
}
.inv-searchBar-cont
{
	display: flex;
	align-items: center;
	margin-bottom: 8px;
	justify-content: end;
	width: 40%;
	float: right;
	position: relative;
}
.add-email-accounts input[type='button']:disabled {
    background-color: #ccc;
    cursor: not-allowed
}


/*email hosting account table style */
.email-acc-list table{
	width: 100%;
	border-collapse: collapse;
}
.email-acc-list table td{
	padding: 5px;
	color: #333;
	font-size: 15px;
	word-wrap :anywhere;
	border-bottom: 1px solid #d5d5d5;
}
.email-acc-list table th{
	padding: 5px;
	color: #333;
	text-align: left;
	font-weight: bold;
	font-size: 13px;
}
.email-acc-list,.smtp-record,.dns-record{
	margin: 20px auto;
	background: rgb(249, 249, 249);
	border: 1px solid rgb(204, 204, 204);
	border-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px;
	padding: 20px;
	padding-top: 10px;
}
.emailInputDiv_pri{
	display: inline-flex;
	align-items: center;
	gap: 5px;
	justify-content: center;
}
.emailInputDiv_sec{
	display: inline-block;
	text-align: center;
}
.eachAddBlock
{
	display: flex;
	align-items:center;
	gap: 10px;
	margin:10px 0px;
}
.eachAddBlock input[type='text']
{
	width: fit-content;
	flex:1;
}
.email-request-status
{
	color: #b34b0c;
	font-size: 12px;
	border: 1px solid #b34b0c78;
	border-radius: 7px;
	padding: 0px 3px;
	background: #b34b0c1c;
	margin-left: 5px;
}
.mbe-action-col
{
	display: none;
	margin: 10px 0px;
}
.mbe-action-col > div{
	display: inline-block;
	padding: 0px 6px;
}
.disk-size-icon
{
	color: #1fa8d2;
	margin-right: 5px;
}
.smtp-record-container td,.dns-record-container td
{
	padding: 5px;
	font-size: 14px;
	word-wrap: anywhere;
}
.smtp-record-container
{
	display: flex;
	justify-content: space-around;
}
.smtp-record-container .ports_cont{
	display: flex;
	gap: 10px;
}
.email_host_links
{
	padding:10px;
	border-top:#e8e8e8 1px solid;
}
.email_host_links ul
{
	list-style:none;
}
.email_host_links ul li
{
	float:left;
	font-size:.85em;
	margin:5px;
}

.email_host_links ul li a,.email_host_links a
{
	background:#1fa8d2;
	text-decoration:none;
	cursor:pointer;
	padding : 4px 6px;
	border-radius : 4px;
	color: white;
	transition:background-color 0.3s ease;
}
.email_host_links ul li a:hover
{
	background:#127ba1;
}
.email_host_links a:hover
{
	background:#127ba1;
}

@media screen and (max-width: 480px) {

	.popup{
		width: 90%;
	}
	.popup_close
	{
		left: 94%;
	}
	.email-acc-list
	{
		padding: 10px;
	}
	.add-email-accounts{
		padding: 10px;
	}
	.emailInputDiv_pri
	{
		display: flex;
		flex-wrap: wrap;
	}
	.emailInputDiv_sec{
		display: block;
	}
	.inv-searchBar-cont
	{
		width: 100%;
	}
	.eachAddBlock
	{
		flex-direction : column;
		border-bottom: 1px solid #ccc;
		padding: 10px 0px;
	}
	.email-request-status
	{
		display: inline-block;
		margin: 5px 0px;
	}
	.disk-usage,.action-col
	{
		display: none;
	}
	.mbe-action-col
	{
		display: block;
	}
	.email-acc-list table th{
		text-align: center;
	}
	.email-acc-list table td{
		text-align: center;
	}
	.smtp-record-container
	{
		flex-direction: column;
		gap: 15px;
	}
	.smtp-record-container .ports_cont{
		flex-direction: column;
		  gap: 0px;
	}
	.multissl_item
	{
		padding: 5px 13px;
	}
}
.hiox_livechat {
	background: none repeat scroll 0 0 #05d56a;
	border-radius: 50%;
	bottom: 160px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
	color: #FFFFFF;
	font-size: 4.5em;
	height: 80px;
	right: 0px;
	line-height: 100px;
	position: fixed;
	text-align: center;
	width: 80px;
	z-index: 100;
}
.hiox_livechat a {
	display: block;
	text-decoration: none;
	color: #fff;
}
.hioxchat{
	display: inline-block;
	background: url('https://www.hioxindia.com/images/hiox_sprite.png') no-repeat;
	overflow: hidden;
	text-indent: -9999px;
	text-align: left;
}
.hioxchat {
	background-position: -158px -79px;
	width: 44px;
	height: 62px;
}
@media screen and (max-width:480px) {
	.hiox_livechat {
		display: none;
	}
}
