body, form{margin:0; padding:0; font-family: 'Roboto', sans-serif, tahoma, verdana, arial; color:#000;}  

.ntext {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; font-weight: normal; color: #000000}
.tdbgcolor1 {
	BACKGROUND-COLOR: #AFCAE4; BORDER-BOTTOM-COLOR: black; BORDER-LEFT-COLOR: #c9e2cc; BORDER-LEFT-WIDTH: 3px; BORDER-RIGHT-COLOR: #c9e2cc; BORDER-RIGHT-WIDTH: 3px; BORDER-TOP-COLOR: black; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-WEIGHT: bold
}
.btext {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000}
a.chooselink:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; text-decoration: none}
a.chooselink:visited {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; text-decoration: none}
a.chooselink:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; text-decoration: underline}
.tdbgcolor2 {BACKGROUND-COLOR: #FEFEFE;}
.tdbgcolor3 {BACKGROUND-COLOR: #DCDADA; TEXT-ALIGN: center}
.bgcol4 {BACKGROUND-COLOR: #eee;}
.tdbgcolor9 {  background-color: #626C75}
.header4 {COLOR: #042A81; FONT-SIZE: 30px; FONT-WEIGHT: 500; TEXT-DECORATION: none; text-shadow:1px 1px 1px #aaa;}
.notehd {COLOR: #000; FONT-SIZE: 16px; FONT-WEIGHT:500; TEXT-DECORATION: none;}
.goodie_normal {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; font-weight: normal; color: #424242;	text-decoration: none;	text-align: justify;}
.goodie_normal:hover {text-decoration: underline;}
A:active, A:link, A:visited, A:hover {TEXT-DECORATION: none; color:#005ebc;}
.toplink, .emlink {text-decoration: none; font-size: 14px; font-weight: 600; color: #333;}
a.toplink, a.emlink {text-decoration: none; color:#333;}
a.toplink:link, a.emlink:link {text-decoration: none;}
a.toplink:visited, a.emlink:visited  {text-decoration: none;}
a.toplink:hover, a.emlink:hover {  text-decoration: underline; }
.toptext {font-size: 14px; font-weight: 600; color: #333; text-decoration: none}
a.help:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; text-decoration: underline; background-position: right}
.help {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; background-position: right}
a.help:visited {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; text-decoration: underline; background-position: right}
a.help:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #666666; text-decoration: underline; background-position: right}


/* Web_manager pages Start */
.tbl_container {max-width:1380px; width:100%; border-left:1px solid #aaa; border-right:1px solid #aaa;}
.tbl_cont_padding {padding:10px 40px;}
.tbl_col2 {width:2%;}
.tbl_col5 {width:5%;}
.tbl_col10 {width:10%;}
.tbl_col20 {width:20%;}
.tbl_col30 {width:30%;}
.tbl_col40 {width:40%;}
.tbl_col50 {width:50%;}
.tbl_col60 {width:60%;}
.tbl_col70 {width:70%;}
.tbl_col80 {width:80%;}
.tbl_col90 {width:90%;}
.tbl_col100 {width:100%;}

.tbl_ftrgt {float:right;}
.tbl_ftlt {float:left;}
.tbl_dstbl {display:table;}
.tbl_dstblcell {display:table-cell;}
.tbl_middle {vertical-align:middle;}
.tbl_tphgt {line-height:35px;}

.wb_leftpanel {width:260px;}
.wb_smwdt {width:830px; max-width: 830px; padding-right:5%;}

.design_preview_top_link {width:100%;}
.design_preview_top_link ul{list-style: none; width:100%; margin:0 auto; padding:0;}
.design_preview_top_link ul li{display:inline-block;}

.testdr_pad {padding:15px 20px;}
.testdr_br {border-bottom: 1px dotted #999;}
.testdr_nortext {color:#555; font-size: 16px; font-weight: 600;}
.testdr_botext {color:#000; font-size: 16px; font-weight: 600;}
.testdr_main_sec {padding:15px 20px;}
.testdr_main_sec img{ float: left; padding: 0 20px 0 0;}
.testdr_main_sec p{color:#666; font-size: 16px; font-weight: 600; padding:0 20px 15px; border-bottom: 1px dotted #999; line-height:30px;}
.testdr_main_sec p a {color:#000; font-size: 16px; font-weight: 600;}
.testdr_main_sec p a:hover {color:#666; text-decoration: underline;}


.wb_brradius {border-radius:15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; 	-o-border-radius: 15px;	-ms-border-radius: 15px; border:1px solid #ccc;}
.wb_padhead {padding:15px 10px;}
.wb_br {border:1px solid #ccc;}
.wb_br_rt {border-right:1px solid #ccc;}
.wb_noradius {border-radius:15px; -webkit-border-radius:15px; -moz-border-radius: 15px; 	-o-border-radius:15px;	-ms-border-radius:15px;}
.wb_radius {border-radius:15px 15px 0 0; -webkit-border-radius:15px 15px 0 0; -moz-border-radius: 15px 15px 0 0; 	-o-border-radius:15px 15px 0 0;	-ms-border-radius:15px 15px 0 0;}
.wb_up_radius {border-radius:0 0 15px 15px; -webkit-border-radius:0 0 15px 15px; -moz-border-radius: 0 0 15px 15px; 	-o-border-radius:0 0 15px 15px;	-ms-border-radius:0 0 15px 15px;}

.chdes_heading {color:#333; font-size: 22px; font-weight: 600; padding-left:15px;}
.chdes_heading img{padding-right:10px;}
a.chdes_btext {color:#555; font-size: 16px; font-weight: 600;}
a.chdes_btext:hover{color:#000; text-decoration: underline;}
.chdes_redbtext {color:#ff0000; font-size: 14px; font-weight: 400;}
a.spbtext {color:#555; font-size: 14px; font-weight: 600;}
a.spbtext:hover{color:#000; text-decoration: underline;}

.lftrow_item {padding:10px; cursor:pointer;}
.lftrow_item a{color:#333; width:100%; float:left;}
.lftrow_item:hover {background:#4377b3;}
.lft_icon {background:#fff; float:left; padding:15px; border-radius:50%; box-shadow:1px 2px 3px #999; margin-right:10px;}
.rt_text{display: table-cell; height: 63px;  vertical-align: middle; font-weight: 400; font-size:13px; letter-spacing:0.7;}
.lftrow_item:hover .rt_text{color:#fff;}
.rt_text img{margin-left:5px;}

.wb_list_row {border-bottom: 1px dotted #999; height:50px; }

.wb_annheading {color:#fff; font-size: 16px; font-weight: 600; display:table;}
.wb_annheading img{padding-right:5px;}
.wb_annheading_text{display: table-cell; line-height: 16px; vertical-align: middle;}
.wb_anntext{color:#555; font-size: 15px; font-weight: 400;}
.wb_nortext {color:#333; font-size: 14px; font-weight: 500;}
.wb_smatext {color:#333; font-size: 12px; font-weight: 400;}
.wb_spetext {color:#333; font-size: 14px; font-weight: normal;}
.wb_draktext {color:#000; font-size: 14px; font-weight: 500;}
.wb_btext {color:#555; font-size: 14px; font-weight: normal;}
a.wb_btext {color:#555; font-size: 14px; font-weight: normal;}
a.wb_btext:hover{color:#000; text-decoration: underline;}
.wb_redbtext {color:#ff0000; font-size: 14px; font-weight: 400;}

.wb_commonlinktext a, a.wb_commonlinktext {color:#005ebc; font-size: 14px; font-weight: normal; text-decoration: underline;}
.wb_commonlinktext a:hover, a.wb_commonlinktext:hover {color:#000;}

.wbpage_navig {padding:0 0 15px 0;}

.wb_acctext {color:#000; font-size: 14px; font-weight: normal; padding:15px 20px; border-bottom: 1px dotted #999;}
.wb_acctextlink {color:#555; font-size: 14px; font-weight: normal; padding:15px 20px; border-bottom: 1px dotted #999;}
.wb_acctextlink a {color:#555; font-size: 14px; font-weight: 500; text-decoration: underline;}
.wb_acctextlink a:hover {color:#000; text-decoration: underline;}

.wbpage_navig ul {margin: 0; padding: 0;  list-style: none;}
.wbpage_navig ul li{display: inline-block; margin:8px 12px 0 0;}
.wbpage_navig ul li img{margin:10px 3px 0 0;}
.wbpage_navig ul li a{color: #606467; font-size: 14px; font-weight:normal; cursor:pointer;}
.wbpage_navig ul li a:hover{text-decoration: none;  color: #000000; text-decoration: underline;}


.wb_link {padding:15px 10px; text-align:left;}
.wb_link a {font-size: 16px;	text-decoration: underline; color:#000; font-weight:500;}
.wb_link a:hover {color: #606467;}

input.wb_button {
 font-family: "Open Sans",sans-serif,tahoma,verdana,arial;
  border: 2px solid #042a81;
  color: #fff;
  background: #0e4391;
  background: -webkit-linear-gradient(#0e4391, #237ab6);
  background: -o-linear-gradient(#0e4391, #237ab6);
  background: -moz-linear-gradient(#0e4391, #237ab6);
  background: linear-gradient(#0e4391, #237ab6);
  padding: 1px 20px;
  font-size: 14px;
  text-align:center;
  cursor:pointer;
  /*-webkit-appearance: none;*/
  font-weight:400;
	display:inline-block;
	margin: 15px 7px;
	text-decoration: none;
	text-transform:uppercase;
	white-space:nowrap;
  /*border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  -o-border-radius: 0.3em;
  -ms-border-radius: 0.3em; */
}
input.wb_button:hover {
  border: 2px solid #003e84;
  color: #fff;
  background: #00599e;
  background: -webkit-linear-gradient(#00599e, #109ac7);
  background: -o-linear-gradient(#00599e, #109ac7);
  background: -moz-linear-gradient(#00599e, #109ac7);
  background: linear-gradient(#00599e, #109ac7);
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-o-transition: 0.5s all;
}

#tooltip, #tooltip2{
	position:absolute;
	background:#777;
	padding:10px;
	color:#fff;
	display:none;
	font-size: 14px;
}
a.cm_btn {color:#fff;}
.cm_btn {
  border: 2px solid #042a81;
  color: #fff;
  background: #0e4391;
  background: -webkit-linear-gradient(#0e4391, #237ab6);
  background: -o-linear-gradient(#0e4391, #237ab6);
  background: -moz-linear-gradient(#0e4391, #237ab6);
  background: linear-gradient(#0e4391, #237ab6);
  padding: 1px 20px;
  font-size: 14px;
  text-align:center;
  cursor:pointer;
  /*-webkit-appearance: none;*/
  font-weight:400;
	display:inline-block;
	margin-right:5px;
	text-decoration: none;
	text-transform:uppercase;
	white-space:nowrap;
  /*border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  -o-border-radius: 0.3em;
  -ms-border-radius: 0.3em; */
  
}
.cm_btn:hover {
  border: 2px solid #003e84;
  color: #fff;
  background: #00599e;
  background: -webkit-linear-gradient(#00599e, #109ac7);
  background: -o-linear-gradient(#00599e, #109ac7);
  background: -moz-linear-gradient(#00599e, #109ac7);
  background: linear-gradient(#00599e, #109ac7);
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-o-transition: 0.5s all;
}
.cm_btn.active {
  border: 2px solid #003e84;
  color: #fff;
  background: #00599e;
  background: -webkit-linear-gradient(#00599e, #109ac7);
  background: -o-linear-gradient(#00599e, #109ac7);
  background: -moz-linear-gradient(#00599e, #109ac7);
  background: linear-gradient(#00599e, #109ac7);
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-o-transition: 0.5s all;
}

.cm_btn_preview {
  border: 2px solid #042a81;
  color: #fff;
  background: #0e4391;
  background: -webkit-linear-gradient(#0e4391, #237ab6);
  background: -o-linear-gradient(#0e4391, #237ab6);
  background: -moz-linear-gradient(#0e4391, #237ab6);
  background: linear-gradient(#0e4391, #237ab6);
  padding: 1px 15px;
  font-size: 14px;
  text-align:center;
  cursor:pointer;
  /*-webkit-appearance: none;*/
  font-weight:400;
	display:inline-block;
	margin:5px 15px 5px 0;
	text-decoration: none;
	text-transform:uppercase;
	white-space:nowrap;
  /*border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  -o-border-radius: 0.3em;
  -ms-border-radius: 0.3em; */
  
}
.cm_btn_preview:hover {
  border: 2px solid #003e84;
  color: #fff;
  background: #00599e;
  background: -webkit-linear-gradient(#00599e, #109ac7);
  background: -o-linear-gradient(#00599e, #109ac7);
  background: -moz-linear-gradient(#00599e, #109ac7);
  background: linear-gradient(#00599e, #109ac7);
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-o-transition: 0.5s all;
}
.cm_btn_preview.active {
  border: 2px solid #003e84;
  color: #fff;
  background: #00599e;
  background: -webkit-linear-gradient(#00599e, #109ac7);
  background: -o-linear-gradient(#00599e, #109ac7);
  background: -moz-linear-gradient(#00599e, #109ac7);
  background: linear-gradient(#00599e, #109ac7);
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-o-transition: 0.5s all;
}

/*
#tooltip:before {
    border-bottom: 8px solid #777;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: "";
    position: absolute;
    left: -1px;
    top: -7px;
	margin-top:1px;
	transform:rotate(0deg)
}*/

input.addtextfield, textarea.addtextarea {
 font-family: "Open Sans",sans-serif,tahoma,verdana,arial;
 width: 94%;
	color: #000;
	outline: none;
	font-size: 14px;
	font-weight:500;
	padding: 5px 3%;
	border: none;
	/*-webkit-appearance: none;*/
	background: #fff;
    border: 1px solid rgba(153, 153, 153, 1);
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
}
.addselectfield select, select.addselectfield  {
 font-family: "Open Sans",sans-serif,tahoma,verdana,arial;
 width: 100%;
	color: #000;
	outline: none;
	font-size: 14px;
	font-weight:500;
	padding: 5px 10px;
	border: none;
	/*-webkit-appearance: none;*/
	background: #fff;
    border: 1px solid rgba(153, 153, 153, 1);
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	display:inline-block;
}
.rdm_mlink a{font-size: 20px; color:#005ebc; text-decoration:underline; font-weight:500; line-height:30px;}
.rdm_mlink a:hover{text-decoration:none;}
.rdm_subheading {font-size: 16px; color:#000; font-weight:600;  line-height:45px;}

.rdmlist {padding:5px 0 10px 0;}
.rdmlist ul {margin: 0; padding: 0;  list-style: none; width:98%;}
.rdmlist ul li{display: inline-block; cursor: pointer; color:#555; font-size: 16px; font-weight: 600; border-bottom: 1px dotted #999; width:100%;}
.rdmlist ul li:hover{text-decoration: none;  color: #000000; text-decoration: underline;}
.rdmlist ul li img{padding:15px 3px; float:left;}
.rdmlist ul li span{display:table-cell; padding:10px;}

ul.rdm_sublist {margin: 0; padding: 5px 0 30px 0;  list-style: none; width:90%; margin:0 auto;}
ul.rdm_sublist li {display: inline-block; border-bottom: 1px dotted #999; width:100%;  font-size: 14px; line-height:14px;  font-weight: normal; color:#555;}
ul.rdm_sublist li:hover { color:#555;}
.rdm_pagename{float:left; line-height:40px;}
.rdm_seclink{float:right; display:table;  line-height:20px;}
.rdm_link {font-size: 14px; color:#005ebc; text-decoration:underline; font-weight:normal;}
.rdm_link:hover {color:#000; text-decoration:underline;}

.rn_heading {font-size: 16px; color:#000;   font-weight: 600;}
.rn_heading a{font-size: 16px; color:#000;   font-weight: 600;}
.rn_heading a:hover{font-size: 16px; color:#555;   font-weight: 600;}

input.rntextfield {
 font-family: "Open Sans",sans-serif,tahoma,verdana,arial;
 width: 50%;
	color: #000;
	outline: none;
	font-size: 14px;
	font-weight:500;
	padding: 12px 10px;
	border: none;
	/*-webkit-appearance: none;*/
	background: none;
    border: 1px solid rgba(153, 153, 153, 1);
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	margin:10px 0;
}

.rearr_smtext {font-size: 12px; color:#000;   font-weight: 500;  font-family: "Open Sans",sans-serif,tahoma,verdana,arial;}
.rearr_regtext {font-size: 14px; color:#000;   font-weight: 500;  font-family: "Open Sans",sans-serif,tahoma,verdana,arial;}
.rearr_regtext a{font-size: 14px; color:#000;   font-weight: 600; }
.rearr_regtext img{margin:0 5px;}
.rearr_ntext{font-size: 16px; color:#000;   font-weight: 600; font-family: "Open Sans",sans-serif,tahoma,verdana,arial;}

.wb_chtype{font-size: 14px; font-weight: 600; color: #333;	text-decoration: none;}
a.wb_chtype{font-size: 14px; font-weight: normal; color: #005ebc;	text-decoration: underline;}
a.wb_chtype:hover {color: #005ebc;	text-decoration: none;}
.wb_chtype_br {border-bottom:1px solid #ccc;}

.gd_main_sec {font-size: 18px; color:#333;   font-weight: 500; border:1px solid #ccc; padding:10px;
background:#fff;
	background: -webkit-linear-gradient(#ccc, #fff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ccc, #fff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ccc, #fff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ccc, #fff); /* Standard syntax */
	border-radius:15px 15px 0 0; -webkit-border-radius:15px 15px 0 0; -moz-border-radius: 15px 15px 0 0; 	-o-border-radius:15px 15px 0 0;	-ms-border-radius:15px 15px 0 0;
}
.gd_item_row {border:1px solid #ccc; padding:20px 25px; background:#fff;}
.gd_title {color:#333; padding:7px 8px; font-size: 14px; font-weight: normal;}
.gd_normal_text {font-size: 13px; color:#333;   font-weight: 600; padding:10px 0;}

.gdpop_pad {padding:3px 15px;}
.gdpop_br {border-bottom: 1px dotted #999;}
.gdpop_smtext {color:#555; font-size: 12px; font-weight: 300;}
.gdpop_nortext {color:#555; font-size: 16px; font-weight: 500;}
.gdpop_botext {color:#000; font-size: 16px; font-weight: 500;}
.gdpop_notetext {color:#000; font-size: 13px; font-weight: 400;}

input.gdpoptextfield, textarea.gdpoptextfield{
	font-family: "Open Sans",sans-serif,tahoma,verdana,arial;
 width: 94%;
	color: #000;
	outline: none;
	font-size: 14px;
	font-weight:500;
	padding: 5px 3%;
	border: none;
	/*-webkit-appearance: none;*/
	background: none;
    border: 1px solid rgba(153, 153, 153, 1);
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	margin:5px 0;
}
select.gdpoptextfield{
 font-family: "Open Sans",sans-serif,tahoma,verdana,arial;
 width: 100%;
	color: #000;
	outline: none;
	font-size: 14px;
	font-weight:500;
	padding: 5px 10px;
	border: none;
	/*-webkit-appearance: none;*/
	background: none;
    border: 1px solid rgba(153, 153, 153, 1);
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	margin:5px 0;
}
input.gdpoprd {margin:0; padding:0;}
.gdpop_linktext a {color:#005ebc; font-size: 12px; font-weight: 400; text-decoration: underline;}
.gdpop_linktext a:hover {color:#000; font-size: 12px; font-weight: 400;}

.desimg img {
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	-o-border-radius:15px;
	-ms-border-radius:15px;
	margin-top:5px;
	box-shadow:0 0 2px 2px #aaa;
	border:8px solid #D5D9DD;}
	
.lftSidenav{width:100%;}
.guest_btn img{float:left; padding-right:5px;}
.guest_text{margin-left:5px; line-height:35px; white-space:nowrap; margin-right:50px;}
a.guest_btn {color: #333;}
.guest_btn {
  color: #333;
  padding: 3px 15px;
  font-size: 16px;
  text-align:center;
  cursor:pointer;
  /*-webkit-appearance: none;*/
  font-weight:500;
 /* background: #6f7a83;
    background: -webkit-linear-gradient(#6d7882, #7e8a92);
    background: -o-linear-gradient(#6d7882, #7e8a92);
    background: -moz-linear-gradient(#6d7882, #7e8a92);
    background: linear-gradient(#6d7882, #7e8a92);*/
	display:inline-block;
	margin:10px 5px 0 0;
	text-decoration: none;
	width:80%;
	text-align:left;
 border-radius:0 15px 15px 0;
	-webkit-border-radius:0 15px 15px 0;
	-moz-border-radius:0 15px 15px 0;
	-o-border-radius:0 15px 15px 0;
	-ms-border-radius:0 15px 15px 0;
	border:1px solid #4574aa;
  
}
.guest_btn:hover {
	background:#4574aa;
	color:#fff;
	/*background: -webkit-linear-gradient(#333, #32414d);
    background: -o-linear-gradient(#333, #32414d); 
    background: -moz-linear-gradient(#333, #32414d); 
    background: linear-gradient(#333, #32414d); */
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-o-transition: 0.5s all;
}

input.smtextfield{
 font-family: "Open Sans",sans-serif,tahoma,verdana,arial;
 width: 50px;
	color: #000;
	outline: none;
	font-size: 14px;
	font-weight:500;
	padding: 5px 10px;
	border: none;
	/*-webkit-appearance: none;*/
    border: 1px solid rgba(153, 153, 153, 1);
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	margin:5px 0;
	background:#fff;
}
select.smtextfield{
 font-family: "Open Sans",sans-serif,tahoma,verdana,arial;
 width: 70px;
	color: #000;
	outline: none;
	font-size: 16px;
	font-weight:500;
	padding: 5px 10px;
	border: none;
	/*-webkit-appearance: none;*/
    border: 1px solid rgba(153, 153, 153, 1);
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	margin:5px 0;
	background:#fff;
}
input.sptextfield{
 font-family: "Open Sans",sans-serif,tahoma,verdana,arial;
 width: 35px;
	color: #000;
	outline: none;
	font-size: 12px;
	font-weight:500;
	padding: 1px 3px;
	border: none;
	/*-webkit-appearance: none;*/
    border: 1px solid rgba(153, 153, 153, 1);
	border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	-o-border-radius: 0.2em;
	-ms-border-radius: 0.2em;
	margin:5px 0;
	background:#ddd;
}
.shplink, a.shplink {color:#005ebc; font-size: 14px; font-weight: 500; text-decoration: underline;}
.shplink:hover, a.shplink:hover {color:#000; text-decoration: none;}
.sptextlink {color:#005ebc; font-size: 12px; font-weight: 400; text-decoration: underline;}
.sptextlink:hover {color:#000;}

.success_tstdrive {color:#00bb11; font-size:20px; font-weight:600;}

input.seofield{
 font-family: "Open Sans",sans-serif,tahoma,verdana,arial;
 width: 65%;
	color: #000;
	outline: none;
	font-size: 13px;
	font-weight:500;
	padding: 5px 10px;
	border: none;
	/*-webkit-appearance: none;*/
	background: none;
    border: 1px solid rgba(153, 153, 153, 1);
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	margin:5px 0;
}
select.seofield, textarea.seofield{
 font-family: "Open Sans",sans-serif,tahoma,verdana,arial;
 width: 94%;
	color: #000;
	outline: none;
	font-size: 13px;
	font-weight:500;
	padding: 5px 3%;
	border: none;
	/*-webkit-appearance: none;*/
	background: none;
    border: 1px solid rgba(153, 153, 153, 1);
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	margin:5px 0;
}

.wb_imgedit {max-width:400px;}

/* Web_manager pages End */


/* popup */
.modalPopLite-mask{
position:fixed;
z-index:9994;
background-color:#000;
display:none;
top:0px;
left:0px;
width:100%;
}
#clicker{
font-size:20px;
cursor:pointer;
}
#popup-wrapper{
width:100%;
height:580px;
background-color:#fff;
-webkit-border-radius: 15px; 
-moz-border-radius: 15px;
border-radius: 15px;
}
#titlepopup-wrapper{
width:350px;
height:550px;
background-color:#fff;
-webkit-border-radius: 15px; 
-moz-border-radius: 15px;
border-radius: 15px;
}
#close-btn{
position:absolute;
text-decoration:none;
font-size:15px;
line-height:10px;
font-weight:bold;
padding: 0;
border-radius: 50%;
border: 0;
width: 25px;
height: 25px;
background-color: #000454;
color: #fff;
box-sizing: border-box;
margin:15px 0;
cursor:pointer;
}  
/* popup */
.ak_header-dialog {
left: 0;
top: 0;
width: 100%;
}
.panel-header {
background-color: #042A81;
height: 54px;
min-height: 54px;	
-webkit-border-radius: 13px 13px 0 0; 
-moz-border-radius: 13px 13px 0 0;
border-radius: 13px 13px 0 0;
}
.panel-header .panel-header-title {
line-height: 54px;
padding-left: 24px;
overflow: hidden;
text-overflow: ellipsis;
position: absolute;
color: #fff;
max-width: 75%;
white-space: nowrap;
}
.panel-header.dark button {
background-color: #000454;
color: #fff;
line-height: 25px;
}
.panel-header button.close {right: 18px;}
.panel-header button {}
.ak_panel-main {
bottom: 0px;
left: 0;
top: 54px;
width: 100%;
}
.ak_panel-image-list {
bottom: 0;
left: 0;
right: 289px;
top: 0;
}
.ak_container-image-list, .ak_empty-gallery, .ak_footer-fixed, .ak_header-dialog, .ak_header-grid, .ak_panel-image-list, .ak_panel-image-settings, .ak_panel-main {
box-sizing: border-box;
position: absolute;
}
container, hbox {
-webkit-align-items: stretch;
align-items: stretch;
display: -webkit-flex;
display: flex;
}
.ak_panel-image-settings {
border-left: 1px solid #e2e2e2;
bottom: 0;
right: 0;
top: 0;
width: 289px;
}
.ak_header-grid {
-webkit-align-items: center;
align-items: center;
/*border-bottom: 1px solid #e2e2e2;*/
display: flex;
left: 0;
margin: 0 18px;
padding: 5px 0;
right: 0;
top: 0;
}
.ak_panel-instruction {
-webkit-flex-grow: 1;
 flex-grow: 1;
font-size: 13px;
/*line-height: 30px;*/
margin: 0;
padding: 0;
}
.ak_container-add-button {
box-sizing: border-box;
-webkit-flex-shrink: 0;
flex-shrink: 0;
-webkit-justify-content: flex-end;
justify-content: flex-end;
position: relative;
margin-left: 5px;
margin-right: 6px;
-webkit-align-items: stretch;
align-items: stretch;
display: -webkit-flex;
display: flex;
}
.ak_button-add-images {
background-color: #fb7d33;
}
.control-button {
font-size: 16px;
overflow: hidden;
height: 36px;
line-height: 16px;
padding: 0 24px;
border-radius: 18px;
text-align: center;
box-sizing: border-box;
border: 0;
outline: 0;
background-color: #042A81;
color: #fff;
}
.ak_container-image-list, .ak_empty-gallery {
bottom: 0;
left: 0;
right: 0;
top: 50px;
}
.ak_container-image-list .inner-container {
height: 100%;
position: relative;
}
.ak_container-image-list .items {
box-sizing: border-box;
height: 465px;
overflow:auto;
padding: 10px;
position: relative;
width: 100%;
}
.ak_container-image-list .imgCont {
float: left;
height: 150px;
opacity: 1;
position: relative;
/*width: 33.33%;*/
}
.ak_container-image-list .animation .imgCont .img.loaded {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.ak_container-image-list .animation .imgCont .img {
opacity: 0;
-webkit-transform: scale(.9);
transform: scale(.9);
transition-duration: 300ms;
transition-property: box-shadow,opacity,-webkit-transform;
transition-property: box-shadow,opacity,transform;
}
.ak_container-image-list .imgCont .img {
background: center no-repeat #efefef;
background-size: cover;
border-radius: 1px;
box-shadow: 0 0 0 1px #d9e1e8;
cursor: pointer;
height: calc(100% - 20px);
/*margin: 10px;*/
overflow: hidden;
position: relative;
width: calc(100% - 20px);
}
.ak_container-image-list .imgCont .img:hover {box-shadow: 0 0 1px 2px #042A81;}
.ak_container-image-list .imgCont .img figcaption {
background-color: rgba(255,255,255,.8);
border-radius: 100%;
box-shadow: 3px 4px 5px rgba(22,45,61,.5);
color: #162d3d;
font-size: 12px;
height: 24px;
left: 6px;
line-height: 24px;
min-width: 24px;
position: absolute;
text-align: center;
top: 6px;
padding: 0 5px;
box-sizing: border-box;
}
figure{
border: 0;
margin: 0;
padding: 0;
}
.ak_panel-image-settings .outer-container {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.custom-scroll .outer-container {
overflow: hidden;
position: relative;
}
.ak_panel-image-settings .inner-container {
height: 100%;
position: relative;
}
.custom-scroll .inner-container {
overflow-x: hidden;
overflow-y: scroll;
}
.ak_panel-image-settings .control-section-divider, .ak_panel-image-settings .image-preview {
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
.image-preview {
background-color: #eaf7ff;
box-sizing: border-box;
height: 155px;
position: relative;
text-align: center;
/*width: 288px;*/
}
.ak_panel-image-settings .image-wrapper {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
height: 155px;
position: relative;
width: 100%;
}
.image-preview .image-wrapper {
font-size: 0;
height: 160px;
overflow:hidden;
}
.ak_panel-image-settings .control-section-divider, .ak_panel-image-settings .image-preview {
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
.ak_container-panel-settings-inputs {
padding: 6px 18px;
}
.image-preview .placeholder-wrapper.symbol-in-the-middle img {
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.image-preview .placeholder-wrapper img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-75%);
transform: translate(-50%,-75%);
}
img:not(:root) {
overflow: hidden;
}
.control-text-input.is-disabled input, .control-text-input.is-disabled textarea {
color: #b6c1cd;
background-color: transparent;
}
button[disabled], html input[disabled] {
cursor: default;
}
.control-text-input input, .control-text-input textarea {
font-size: 18px;
display: block;
box-sizing: border-box;
width: 100%;
height: 36px;
padding: 0 11px;
border: 1px solid #ccc;
outline: 0;
border-radius: 8px;
color: #162d3d;
text-align: left;
text-overflow: ellipsis;
}
.control-text-input {
position: relative;
text-align: left;
display: inline-block;
width: 100%;
}
.ak_panel-image-settings .control-section-divider {
border: 1px solid #e2e2e2;
border-left: 0;
border-right: 0;
}
.ak_panel-image-settings .control-section-divider, .ak_panel-image-settings .image-preview {
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
.control-section-divider.labeled {
font-size: 16px;
line-height: 42px;
position: relative;
text-align: center;
cursor: default;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #2b5672;
padding: 0 42px;
}
.control-section-divider {
height: 42px;
box-sizing: border-box;
background-color: #f0f3f5;
width: 100%;
}
.ak_panel-image-settings .control-text-input>label {
overflow: visible;
}
.control-text-input.is-disabled>label {
color: #939393;
}
.control-text-input>label {
font-size: 14px;
font-weight: 300;
color: #2b5672;
text-align: left;
display: block;
overflow: hidden;
line-height: 18px;
max-height: 34px;
padding: 7px 30px 6px 12px;
}
.ak_footer-fixed {
align-items: center;
/*border-top: 1px solid #e2e2e2;
height: 55px;*/
bottom: 8px;
-webkit-justify-content: space-between;
justify-content: space-between;
left: 0;
padding: 5px 18px;
width: 100%;
}
.control-button.btn-confirm-secondary {
background-color: #ffe3e3;
color: #042A81;
}
.control-button.btn-confirm-secondary:hover {
background-color: #d9e1e8;
color: #042A81;
}
.control-button.btn-md {height: 30px;}
.control-button.btn-md, .control-button.btn-sm {
font-size: 14px;
line-height: 30px;
padding: 0 18px;
border-radius: 15px;
}
.ak_panel-image-settings .divider-long, .ak_panel-image-settings .divider-short {margin: 10px 0;}
hr.divider-long, hr.divider-short {
background-color: #d9e1e8;
border: 0;
height: 1px;
margin: 0;
}

hr {
display: block;
-webkit-margin-before: 0.5em;
-webkit-margin-after: 0.5em;
-webkit-margin-start: auto;
-webkit-margin-end: auto;
border-style: inset;
border-width: 1px;
}
.control-text-input .textarea-wrapper .ak_gallerygridstextarea-image-description, .control-text-input .textarea-wrapper .ak_gallerygridstextarea-image-description:focus {border: medium none;}
.textarea-wrapper .ak_gallerygridstextarea-image-description {
height: 55px;
line-height: 21px;
padding-bottom: 3px;
padding-top: 10px;
}
.control-text-input textarea {
height: 75px;
line-height: 25px;
overflow: hidden;
padding: 10px 24px 10px 10px;
resize: none;
transition: height 200ms ease 0s;
}
.image-preview .placeholder-wrapper .corner-borders:after, .image-preview .placeholder-wrapper .corner-borders:before {
border: medium solid hsl(214, 75%, 64%);
content: "";
height: 10px;
margin: 25px;
position: absolute;
width: 10px;
}
.image-preview .placeholder-wrapper .corner-borders.top:before {
border-width: 1px 0 0 1px;
left: 0;
top: 0;
}
.image-preview .placeholder-wrapper .corner-borders.top:after {
border-width: 1px 1px 0 0;
right: 0;
top: 0;
}
.image-preview .placeholder-wrapper .corner-borders.bottom:before {
border-width: 0 0 1px 1px;
bottom: 0;
left: 0;
}
.image-preview .placeholder-wrapper .corner-borders.bottom:after {
border-width: 0 1px 1px 0;
bottom: 0;
right: 0;
}

.control-button {
background-color: #042A81;
border: 0 none;
border-radius: 18px;
box-sizing: border-box;
color: hsl(0, 0%, 100%);
font-size: 16px;
height: 36px;
line-height: 16px;
outline: 0 none;
overflow: hidden;
padding: 0 24px;
text-align: center;
cursor:pointer;
}
.control-button:hover {
background-color: #0548a4;
}
.control-button:active {
background-color: #042A81;
}
.control-button[disabled] {
background-color: hsl(0, 0%, 74%);
color: hsl(0, 0%, 100%);
}
.button-wrapper-center {
margin-bottom: 15px;
text-align: center;
}

hr.divider-short {
margin: 0 24px;
}
.delete {width: 15px;
height: 15px;	
background:url(/sebase/images/trash_icon.png)no-repeat 0 0;
cursor: pointer;
display:block;
float:right;
margin:6px 10px;}
.peek {position:absolute;}

.control-text-input textarea:focus {
height: 102px;
overflow: auto;
}
.control-text-input:hover > input, .control-text-input:hover > textarea {
background-color: hsl(203, 100%, 96%);
color: hsl(204, 45%, 31%);
cursor: pointer;
}
.control-text-input input:hover, .control-text-input textarea:hover {
background-color: hsl(205, 100%, 91%);
color: hsl(204, 45%, 31%);
}
.control-text-input input:focus, .control-text-input textarea:focus {
background-color: hsla(0, 0%, 0%, 0);
border: 1px solid #0548a4;
box-shadow: 0 0 3px 0 hsla(199, 100%, 26%, 0.25) inset;
color: hsl(204, 45%, 31%);
}
.control-text-input.instant-error input:focus, .control-text-input.instant-error textarea:focus {border: 1px solid hsl(3, 82%, 63%);}
.control-text-input.instant-error.validation-icon-error:not(.focused) {visibility: hidden;}
.control-text-input.is-disabled > label {color: hsl(0, 0%, 58%);}
.background-sub-panel .input-slider, .animation-panel .input-slider, .settings-panel .input-slider {margin: 17px 10px 7px 24px;}
.input-slider {
position: relative;
margin:20px 10px;
}
.input-slider.has-label > label {
color: hsl(204, 45%, 31%);
display: block;
font-size: 14px;
font-weight: 300;
margin-bottom: 5px;
overflow: hidden;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
}
.input-slider > label {display: none;}
.input-slider .sliderArea {position: relative;}
.comp-panel-frame {
font-size: 16px;
text-align: left;
}
.input-stepper:after {
border: 1px solid hsla(0, 0%, 0%, 0);
border-radius: 8px;
bottom: 0;
content: "";
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
}
.input-slider .input-stepper {
position: absolute;
right: 0;
}
.input-stepper {
border: 1px solid hsla(0, 0%, 0%, 0);
border-radius: 8px;
display: inline-block;
padding: 0 6px;
position: relative;
text-align: left;
width: 56px;
}

.input-stepper:not(.edited) > .input {cursor: default;}
.input-slider .input-stepper .input {text-align: right;}
.input-stepper > .input {
border: medium none;
color: hsl(205, 47%, 16%);
display: inline-block;
font-size: 18px;
height: 36px;
line-height: 36px;
outline: medium none;
padding: 0 7px;
text-align: center;
width: calc(100% - 14px);
}
.input-slider .slider {
height: 36px;
margin: 0 81px 0 0;
padding-top: 3px;
position: relative;
}
.input-slider .slider .line {
background-color: hsl(205, 100%, 91%);
border-radius: 3px;
box-shadow: 0 1px 0 0 hsl(200, 66%, 85%) inset;
cursor: pointer;
height: 6px;
left: 0;
position: absolute;
top: 17px;
width: 100%;
}
.input-slider .slider .knobContainer {
margin-right: 16px;
position: relative;
}
.input-slider .slider .coloredLine {
background-color: #042A81;
border-radius: 3px;
box-shadow: 0 1px 0 0 #042A81 inset;
cursor: pointer;
height: 6px;
left: 0;
position: absolute;
top: 14px;
}
.input-slider .slider .sliderKnob:after {
background-color: #042A81;
border-radius: 50%;
content: "";
cursor: pointer;
display: inline-block;
height: 8px;
left: 4px;
position: absolute;
top: 4px;
width: 8px;
}
.input-slider .slider .sliderKnob {
background-color: hsl(0, 0%, 100%);
border-radius: 50%;
box-shadow: 0 1px 3px 0 hsla(215, 49%, 40%, 0.6);
content: "";
cursor: pointer;
display: inline-block;
height: 16px;
position: absolute;
top: 9px;
transition: box-shadow 0.25s ease-in-out 0s;
width: 16px;
}
.input-stepper:not(.disabled) > .input:focus {
background-color: hsl(205, 100%, 91%);
color: hsl(204, 45%, 31%);
cursor: pointer;
}
.disabled.input-stepper > .input {
background: none repeat scroll 0 0 hsla(0, 0%, 0%, 0);
color: hsl(0, 0%, 48%);
}

/* Preview Site */
.right {
float: right;
margin-top: 9px;
}
.devices {
float: left;
padding: 0 15px 0 0;
}
.devices ul {padding:0; margin:0;}
.devices li {
display: inline;
width: 40px;
}
.devices li a {display: inline-block;}
.devices img {max-width: 100%;}
.ipad_frame_ver {
background: none repeat scroll 0 0 #333;
border-radius: 40px;
-webkit-border-radius: 40px; 
-moz-border-radius: 40px;
box-shadow: 0 0 15px 5px rgba(22,45,61,.5);
margin: 15px 0;
padding: 60px;
width: 768px;
}
.ipad_frame_land {
 background: none repeat scroll 0 0 #333;
border-radius: 40px;
-webkit-border-radius: 40px; 
-moz-border-radius: 40px;
box-shadow: 0 0 15px 5px rgba(22,45,61,.5);
margin: 15px 0;
padding: 55px;
width: 1024px;
}
.smart_frame_var {
background: none repeat scroll 0 0 #333;
border-radius: 30px;
-webkit-border-radius: 30px; 
-moz-border-radius: 30px;
box-shadow: 0 0 15px 5px rgba(22,45,61,.5);
margin: 15px 0;
padding: 45px 35px;
width: 320px;
}
.smart_frame_land {
background: none repeat scroll 0 0 #333;
border-radius: 25px;
-webkit-border-radius: 25px; 
-moz-border-radius: 25px;
box-shadow: 0 0 15px 5px rgba(22,45,61,.5);
margin: 15px 0;
padding: 25px 60px;
width: 600px;
}


/* Shopping Popup Start */
.shp_header_grid{
	-webkit-align-items: center;
	align-items: center;
    display: table;
    padding: 5px 0;
    width: 100%;
	border-bottom:1px solid #aaa;
}
.shp_panel_img {
bottom: 0;
left: 0;
top: 0;
}


.shp_img_list, .ak_empty-gallery {
bottom: 0;
left: 0;
right: 0;
top: 60px;
}
.shp_img_list .inner-container {
position: relative;
}
.shp_img_list .items {
box-sizing: border-box;
overflow:auto;
padding: 5px 40px 5px 5px;
position: relative;
width: 100%;
height:160px;
}
.shp_img_list .shp_imgCont {
float: left;
height: 150px;
opacity: 1;
position: relative;
width: 25%;
}
.shp_img_list .animation .shp_imgCont .img.loaded {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.shp_img_list .animation .shp_imgCont .img {
opacity: 0;
-webkit-transform: scale(.9);
transform: scale(.9);
transition-duration: 300ms;
transition-property: box-shadow,opacity,-webkit-transform;
transition-property: box-shadow,opacity,transform;
}
.shp_img_list .shp_imgCont .img {
background: center no-repeat #efefef;
background-size: cover;
border-radius: 1px;
box-shadow: 0 0 0 1px #d9e1e8;
cursor: pointer;
height: calc(100% - 20px);
margin: 10px;
overflow: hidden;
position: relative;
width: calc(100% - 10px);
}
.shp_img_list .shp_imgCont .img:hover {box-shadow: 0 0 1px 2px #042A81;}
.shp_img_list .shp_imgCont .img figcaption {
background-color: rgba(255,255,255,.8);
border-radius: 100%;
box-shadow: 3px 4px 5px rgba(22,45,61,.5);
color: #162d3d;
font-size: 12px;
height: 24px;
left: 6px;
line-height: 24px;
min-width: 24px;
position: absolute;
text-align: center;
top: 6px;
padding: 0 5px;
box-sizing: border-box;
}
.shp_ins {
-webkit-flex-grow: 1;
 flex-grow: 1;
font-size: 13px;
line-height: 30px;
margin: 0;
padding: 0;
float:left;
}

.shp_ftr_section{
	align-items: center;
	border-top: 1px solid #aaa;
	bottom: 0;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 100%;
	margin-top: 5px;
}
.shp_button {
overflow: hidden;
height: 30px;
text-align: center;
box-sizing: border-box;
border: 0;
outline: 0;
background-color: #042A81;
color: #fff;
font-size: 14px;
line-height: 14px;
padding: 0 18px;
border-radius: 15px;
cursor:pointer;
margin:10px 0;
}
.shp_button:hover {
background-color: #0548a4;
}
.shp_button.btn_cancel {
background-color: #ffe3e3;
color: #042A81;
margin:10px 5px 10px 15px;
}
.shp_button.btn_cancel:hover {
background-color: #d9e1e8;
color: #042A81;
}

/* Shopping Popup End */
/* Header start */
.mbl_bg {background-image: url('/ui_design/design4/images/mbg.png');}
.header_logo {float:left;}
.main_title {margin:25px 10px 0 10px; font-size:20px; font-weight:bold; text-align:right; color:#fff; text-shadow: 2px 2px 4px #333;}
.sub_title {margin:10px; font-size:16px; font-weight:600;  text-align:right; color:#fff; text-shadow: 2px 2px 4px #333;}

@media screen and (max-width:480px){
	.header_title {float:left;}
.main_title { text-align:left; margin: 0 0 0 18px;}
.sub_title {margin:10px 18px; text-align:left;}
}

 /* Header End */