body{margin:0; padding:0; font-family: 'Nunito', 'open sans', sans-serif, tahoma, verdana, arial; color:#000; /*background-color:#f0f4f7;*/ background-color:#fff;}  

.ntext {font-size: 11px; line-height: 15px; font-weight: normal; color: #000000}
.tdbgcolor1 {  background-color: #BDE3FC; font-size: 12px; font-weight: bold; border-color: black #C9E2CC; border-right-width: 3px; border-left-width: 3px}
.btext {font-size: 11px; font-weight: bold; color: #000000}
a.chooselink:link {font-size: 11px; font-weight: bold; color: #000000; text-decoration: none}
a.chooselink:visited {font-size: 11px; font-weight: bold; color: #000000; text-decoration: none}
a.chooselink:hover {font-size: 11px; font-weight: bold; color: #000000; text-decoration: underline}
.tdbgcolor2 {BACKGROUND-COLOR: #FEFEFE;}
.tdbgcolor3 {BACKGROUND-COLOR: #d4555b; TEXT-ALIGN: center}
.bgcol4 {BACKGROUND-COLOR: #f8f8f8;}
.tdbgcolor9 {  background-color: #626C75}
.header4 {COLOR: #d4555b; FONT-SIZE: 30px; FONT-WEIGHT: 500; TEXT-DECORATION: none;}
.notehd {COLOR: #000; FONT-SIZE: 16px; FONT-WEIGHT:500; TEXT-DECORATION: none;}
.goodie_normal {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:#d4555b}
.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-size: 11px; font-weight: normal; color: #000000; text-decoration: underline; background-position: right}
.help {font-size: 11px; font-weight: normal; background-position: right}
a.help:visited {font-size: 11px; font-weight: normal; color: #000000; text-decoration: underline; background-position: right}
a.help:hover {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; box-shadow:0 0 9px 0px #666;*/ margin: 0 auto;}
.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%;}

.p-com-2 {padding: 2px;}
.p-com-5 {padding: 5px;}
.p-com-10 {padding: 10px;}
.p-com-15 {padding: 15px;}
.p-com-20 {padding: 20px;}

.plr-com-2 {padding:0 2px;}
.plr-com-5 {padding: 0 5px;}
.plr-com-10 {padding:0 10px;}
.plr-com-15 {padding:0 15px;}
.plr-com-20 {padding:0 20px;}

.ptb-com-2 {padding: 2px 0;}
.ptb-com-3 {padding: 3px 0;}
.ptb-com-5 {padding: 5px 0;}
.ptb-com-10 {padding: 10px 0;}
.ptb-com-15 {padding: 15px 0;}
.ptb-com-20 {padding: 20px 0;}

.txt-align-rgt {text-align:right}
.txt-align-lft {text-align:left}
.txt-align-center {text-align:center}



.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; /*border-left: 1px dotted #999; border-right: 1px dotted #999; display:none; */background-color:#f6f6f6; vertical-align:top;}
.wb_smwdt {margin:0 auto; width:100%}

.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:6px 10px;}
.wb_br {border:1px solid #d4555b;}
.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{width:100%; float:left;}
.lft_icon {background:#fff; float:left; padding:15px; border-radius:50%; box-shadow:1px 2px 3px #999; margin-right:10px; display:none;}

.rt_text img{margin-left:5px;}

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

.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: 15px; 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{font-size: 14px; color: #333; font-weight:normal; cursor:pointer;}
.wbpage_navig ul li a:hover{text-decoration: none;  color: #000000; text-decoration: underline;}


.wb_link {padding:6px 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 {
  border: 1px solid #000000;
  color: #fff;
  background: #2696db;
  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;
	-webkit-box-shadow:1px 1px #aaa inset; 
	-moz-box-shadow:1px 1px #aaa inset;
	box-shadow:1px 1px #aaa inset;
  /*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 {
  color: #fff;
  background:#266ebc;
  border: 1px solid #000000;
	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, #rgtooltip{
	position:absolute;
	padding:10px;
	color:#fff;
	display:none;
	font-size: 14px;
}
a.cm_btn {color:#fff;}
.cm_btn {
  color: #fff; background: #d4555b; padding: 14px; font-size: 17px; text-align: center; text-transform: initial;  min-width: 160px; display: inline-block; border-radius: 45px; font-weight: normal; letter-spacing: 0.4px; border:1px solid #d4555b; cursor:pointer; margin: 0 5px;
}
.cm_btn:hover {color: #fff; background: #ad3f44; border:1px solid #d4555b;
	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 {
  color: #d4555b; background: #fff; border:1px solid #d4555b;
	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:hover{color: #fff; background: #d4555b; border:1px solid #d4555b;}

.cm_btn_preview {
 border: 1px solid #000000;
  color: #fff;
  background: #2696db;
  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 {
  color: #fff;
  background:#266ebc;
  border: 1px solid #000000;
	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 {
  color: #fff;
  background:#266ebc;
  border: 1px solid #000000;
	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 #505050;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: "";
    position: absolute;
    left: -1px;
    top: -8px;
	margin-top:1px;
	transform:rotate(0deg)
}

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

input.filefield {
	color: #666;
	outline: none;
	font-size: 14px;
	border: none;
	/*font-weight:600;
	-webkit-appearance: none;*/
	background: transparent;
    border: 1px solid #e3e3e3;
	margin:0;
	width:95%;
  height: 28px;
}

input.addtextfield {
	color: #666;
	outline: none;
	font-size: 14px;
	border: none;
	/*font-weight:600;
	-webkit-appearance: none;*/
	background: #fff;
    border: 1px solid #e3e3e3;
	margin:0;
	width:95%;
	border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  height: 30px;
  padding-left:15px;
  box-shadow: inset 2px 2px 1px 0px #ddd;
}
textarea.addtextarea {
	color: #666;
	outline: none;
	font-size: 14px;
	border: none;
	/*font-weight:600;
	-webkit-appearance: none;*/
	background: #fff;
    border: 1px solid #e3e3e3;
	margin:0;
	width:95%;
	border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  height: 80px;
  padding:10px 0 0 15px;
  box-shadow: inset 2px 2px 1px 0px #ddd;
}
.addselectfield select, select.addselectfield  {
	color: #666;
 width: 100%;
	outline: none;
	font-size: 14px;
	font-weight:500;
	padding: 5px 10px;
	border: none;
	/*-webkit-appearance: none;*/
	background: #fff;
    border: 1px solid #e3e3e3;
	border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
	display:inline-block;
	box-shadow: inset 2px 2px 1px 0px #ddd;
}
.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:#666; 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 {
 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:#888;   font-weight: 500;}
.rearr_regtext {font-size: 14px; color:#666;   font-weight: 500; padding:10px 0 5px 0;}
.rearr_regtext a{font-size: 14px; color:#666;   font-weight: 600; }
.rearr_regtext img{margin:0 5px;}
.rearr_ntext{font-size: 16px; color:#000;   font-weight: 600;}

.wb_chtype{font-size: 14px; font-weight: 600; color: #333;	text-decoration: none;}
a.wb_chtype{font-size: 14px; font-weight: normal; color: #d4555b;}
a.wb_chtype:hover {color: #d4555b;		text-decoration: underline;}
.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{
 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{
 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%;}
.gd_btn_fixed{position:fixed; bottom:0; background-color:#ccc; }
.guest_btn img{float:left; padding-right:10px;}
.guest_text{margin-left:5px; line-height:35px; white-space:nowrap; margin-right:50px;}
a.guest_btn {color: #6b6b6b;}
.guest_btn {
  color: #6b6b6b;
  padding: 1px 5px;
  font-size: 16px;
  text-align:center;
  cursor:pointer;
  /*-webkit-appearance: none;*/
  font-weight:500;
  background: #f5f5f5;
  /*  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:90%;
	text-align:left;
/* border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	-o-border-radius:15px;
	-ms-border-radius:15px;*/
	border:1px solid #7f7f7f;
  
}
.guest_btn:hover {
	background:#daeaf7;
	color:#204c69;
	/*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{
 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{
 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{
 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;}



.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:100%;
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: #7d0000;
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: #d4555b;
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: #7d0000;
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: #d4555b;
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: 100%;
overflow:auto;
padding: 10px;
position: relative;
width: 100%;
}
.ak_container-image-list .imgCont {
float: left;
height: 35%;
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;
background-size: cover;
border-radius: 1px;
cursor: pointer;
height: calc(100% - 20px);
/*box-shadow: 0 0 0 1px #d9e1e8;
margin: 10px;*/
overflow: hidden;
position: relative;
width: calc(100% - 20px);
}
.ak_container-image-list .imgCont .img:hover {box-shadow: 0 0 1px 2px #d4555b;}
.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;
height: 100%;
}
.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: #d4555b;
}
.control-button.btn-confirm-secondary:hover {
background-color: #d9e1e8;
color: #d4555b;
}
.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: #d4555b;
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: #bb3333;
}
.control-button:active {
background-color: #d4555b;
}
.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 #bb3333;
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: #d4555b;
border-radius: 3px;
box-shadow: 0 1px 0 0 #d4555b inset;
cursor: pointer;
height: 6px;
left: 0;
position: absolute;
top: 14px;
}
.input-slider .slider .sliderKnob:after {
background-color: #d4555b;
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 #d4555b;}
.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: #d4555b;
color: #fff;
font-size: 14px;
line-height: 14px;
padding: 0 18px;
border-radius: 15px;
cursor:pointer;
margin:10px 0;
}
.shp_button:hover {
background-color: #bb3333;
}
.shp_button.btn_cancel {
background-color: #ffe3e3;
color: #d4555b;
margin:10px 5px 10px 15px;
}
.shp_button.btn_cancel:hover {
background-color: #d9e1e8;
color: #d4555b;
}

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

@media screen and (max-width:480px){
	.header_title {float:left;}
.main_title {margin:10px 10px 0 10px; text-align:left;}
.sub_title {margin:10px; text-align:left;}
}
 /* Header End */ 
 
 /*new version 21 development */
.sub_heading {font-size: 15px; color: #555; font-weight: 600;}
.breadcrumbs_section {position: relative; width: 100%;}
.breadcrumbs{ margin: 40px 0 0 40px; position:absolute;}
.breadcrumbs ul{padding:0; margin:0}
.breadcrumbs li{list-style:none; display:table-cell; font-size:13px; color:#999; cursor:pointer;} 
.breadcrumbs li img:hover{background-color:#f8f8f8; color:#666; border-radius:50%;} 
/*.breadcrumbs li:last-child{color:#d4555b! important; background:transparent! important;  cursor:default! important;} 
.breadcrumbs li:hover:nth-of-type(even) {background:transparent;  cursor:default; color:#999;}*/



.lft_icon {background-color: transparent; float:none; width:35px; margin: 0 auto; border-radius: 50%; box-shadow: none;}

.rt_text{display: table-cell; height: 55px;  vertical-align: middle; text-align:left; /*color:#6a6666;*/ font-size: 15px;}
.rt_text.active {color:#d4555b;}
 
.minrgt {min-width:90%}
.minltf {min-width:10%; width: 260px; border-left: 1px dotted #999; border-right: 1px dotted #999;}
 
.lg_container {max-width: 500px;
background-color: #fff;
margin: 2%;
box-sizing: border-box;
text-align: center;
border: 1px solid #D4D4D4;
-webkit-box-shadow: 10px 0 20px rgba(0,0,0,.2);
-moz-box-shadow: 10px 0 20px rgba(0,0,0,.2);
box-shadow: 10px 0 20px rgba(0,0,0,.2);
}
.login_container {max-width: 600px;
background-color: #fff;
margin: 5% auto;
box-sizing: border-box;
text-align: center;
border: 1px solid #D4D4D4;
-webkit-box-shadow: 10px 0 20px rgba(0,0,0,.2);
-moz-box-shadow: 10px 0 20px rgba(0,0,0,.2);
box-shadow: 10px 0 20px rgba(0,0,0,.2);
}
 .login_container1 {padding: 30px 100px;}
.common_container {
box-sizing: border-box;
text-align: left;
/*border: 1px solid #D4D4D4;
-webkit-box-shadow: 10px 0 20px rgba(0,0,0,.2);
-moz-box-shadow: 10px 0 20px rgba(0,0,0,.2);
box-shadow: 10px 0 20px rgba(0,0,0,.2);*/
vertical-align: top;
display: table-cell;
}

 .lg_container1 {
padding: 15px 30px 30px;}

.sadmfooter {background-color:#222; width: 100%; color: #fff; padding: 15px 0;}

input.lg_btn {
  border: none;
  color: #fff;
  background: #d4555b;
  padding: 6px 20px;
  font-size: 14px;
  text-align:center;
  cursor:pointer;
  /*-webkit-appearance: none;*/
  font-weight:600;
	margin-top: 30px;
	text-decoration: none;
	text-transform:uppercase;
	white-space:nowrap;
	-webkit-box-shadow:1px 1px #aaa inset; 
	-moz-box-shadow:1px 1px #aaa inset;
	box-shadow:1px 1px #aaa inset;
	width:100%;
  border-radius: 0.2em;
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  -o-border-radius: 0.2em;
  -ms-border-radius: 0.2em;
}
input.lg_btn:hover {
  color: #fff;
  background:#505050;
	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.lg_link, .clink_txt {
 border: none;
  background: transparent;
  color: #d4555b;
  padding: 6px 20px;
  font-size: 14px;
  text-align:center;
  cursor:pointer;
	margin-top: 30px;
	text-decoration: none;
	text-transform:uppercase;
	width:100%;
	outline:none;
}
input.lg_link:hover, .clink_txt:hover {
	color:#505050;
  text-decoration: underline;
	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.lgtextfield, textarea.lgtextfield {
	color: #666;
	outline: none;
	font-size: 14px;
	font-weight:600;
	border: none;
	/*-webkit-appearance: none;*/
	background: #fff;
    border: 1px solid #c2c2c2;
	margin:20px 0 5px 0;
	width:95%;
	border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  height: 30px;
  padding-left:10px;
  box-shadow: inset 2px 2px 1px 0px #ddd;
}

.lgmaxlabelfield {position:absolute; font-size:14px; margin-top:28px; margin-left:10px;  margin-right:20px;  margin-bottom:20px; color: #aaa; font-weight:600;}
.lgminlabelfield {position:absolute; font-size:12px; margin-top:2px; margin-left:10px;  margin-right:20px;  margin-bottom:20px; color: #d4555b; font-weight:600;}
/*input.lgtextfield:focus, textarea.lgtextfield:focus {border-bottom: 1px solid #d4555b;}*/
.lgselectfield select, select.lgselectfield  {
 width: 100%;
	color: #666;
	outline: none;
	font-size: 14px;
	font-weight:600;
	border: none;
	padding-left:10px;
	/*-webkit-appearance: none;*/
	display:inline-block;
	margin: 20px 0 5px 0;
    border: 1px solid #c2c2c2;
	width:100%;
	border-radius:13px;
  -webkit-border-radius:13px;
  -moz-border-radius: 13px;
  -o-border-radius: 13px;
  -ms-border-radius: 13px;
  height:32px;
}
.lg_buttomlink {
 border: none;
  background: #f8f8f8;
  color: #d4555b;
  padding: 25px 5px;
  font-size: 14px;
  text-align:center;
  cursor:pointer;
  font-weight:400;
	margin-top: 30px;
	text-decoration: none;
	text-transform:uppercase;
	width:100%;
}
.lg_buttomlink:hover{color:#505050;}
.lg_desc {text-align: left;
font-weight: 500;
color: #333;
font-size: 15px;}
.show_pass {position: absolute;
right: 13px;
top: 29px;
}
.alter_section {
	font-size: 14px;
    text-align: center;
    font-weight:600;
}
.alter_section:after,
.alter_section:before{
    width: 100px;
    height: 1px;
    vertical-align: middle;
    content: "---";
    margin: 0 2%
}
.headertile{
	border: none;
	background: #f8f8f8;
	color: #d4555b;
	box-sizing: border-box;
border-bottom: 1px solid #D4D4D4;
-webkit-box-shadow: 10px 0 20px rgba(0,0,0,.2);
-moz-box-shadow: 10px 0 20px rgba(0,0,0,.2);
box-shadow: 10px 0 20px rgba(0,0,0,.2);
font-weight:600;
font-size: 14px;
}
.headertile a, .toptext{color: #d4555b;}
.headertile a:hover{color: #266ebc; text-decoration:underline;}
.akuser_info {border-left:1px solid #d4555b; padding-left:10px; margin-left:10px; line-height:35px;}
.error_mesg {color: #ff0000; font-size: 13px; font-weight: 400; padding: 10px 0 0 0; text-align: left;}
.wb_draktext, .wb_btext {font-weight:600;}
.commonsection_block {color:#d4555b; margin: 2% 0; box-sizing: border-box; background-color:#f8f8f8; padding:15px 0; -webkit-box-shadow: 0px 1px 0px 0px #bbb; -moz-box-shadow: 0px 1px 0px 0px #bbb; box-shadow: 0px 1px 0px 0px #bbb; border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; 	-o-border-radius: 10px;	-ms-border-radius: 10px; font-size:20px; padding:30px 20px;} 
.cssection_block {color:#d4555b; margin: 2% 0; box-sizing: border-box; background-color:#f8f8f8; padding:15px 0; -webkit-box-shadow: 0px 1px 0px 0px #bbb; -moz-box-shadow: 0px 1px 0px 0px #bbb; box-shadow: 0px 1px 0px 0px #bbb; border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; 	-o-border-radius: 10px;	-ms-border-radius: 10px; font-size:20px; padding:10px 20px;} 
.accsection_block {color:#d4555b; margin: 2% 0; box-sizing: border-box; background-color:#f8f8f8; padding:15px 0; -webkit-box-shadow: 0px 1px 0px 0px #bbb; -moz-box-shadow: 0px 1px 0px 0px #bbb; box-shadow: 0px 1px 0px 0px #bbb; border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; 	-o-border-radius: 10px;	-ms-border-radius: 10px; font-size:20px; padding:25px 30px;} 
.sg_padding {padding:40px 100px;}
.accsection_block:hover {background-color: #ebebeb;} 
.accsection_block a {color:#666666; font-size: 18px; font-weight: 600; text-decoration:none;}
.accsection_block a:hover {color:#333; text-decoration:none;}
.accnortext {color:#a3a3a3; font-size: 14px; font-weight: 600; padding:5px 0;}

.accpack_details ul{padding:0; margin:15px 0 25px 0;}
.accpack_details li{list-style:none; text-align:left; color:#818181; font-weight: 700; font-size:15px; padding:2px 0; display:flex;} 
.accpack_details li span{font-weight: normal; width:130px;} 
.accpack_details li p{padding:0; margin:0 0 0 20px;} 


.lftrow_item {background-color:#f6f6f6; border-bottom: 1px solid #fff; padding:0 10px 0 30px;}
.lftrow_item a{width:100%; float:left;}
.lftrow_item:hover .rt_text{/*background:#fff8ee;*/ color:#d4555b;}
#tooltip, #tooltip2{background:#505050; box-sizing: border-box; border: 1px solid #505050; -webkit-box-shadow: 5px 0 10px rgba(0,0,0,.3); -moz-box-shadow: 5px 0 10px rgba(0,0,0,.3); box-shadow: 5px 0 10px rgba(0,0,0,.3); max-width:300px;}
#rgtooltip{background:#505050; box-sizing: border-box; border: 1px solid #505050; -webkit-box-shadow: 5px 0 10px rgba(0,0,0,.3); -moz-box-shadow: 5px 0 10px rgba(0,0,0,.3); box-shadow: 5px 0 10px rgba(0,0,0,.3); max-width:300px;}
.cm_btext {color: #555; font-size: 15px; font-weight:600;}
.cm_draktext {color: #333; font-size: 18px; font-weight:600;}
.cm_drak18text {color: #d4555b; font-size: 19px; font-weight:600;}
.cm_btext18text {color: #555; font-size: 19px; font-weight:600;}
.cm_ftext12 {font-size: 14px;}
.cm_ftext14 {font-size: 14px;}
.cm_ftext15 {font-size: 15px;}
.cm_fweight500 {font-weight: 500;}
.cm_fweight600 {font-weight: 600;}
.cm_fweight700 {font-weight: 700;}
.cm_redcolor {color: #ff0000! important;}
.cm_designcolor {color: #d4555b;}
.cm_designcolor2 {color: #bc7736;}
.cm_fwhitecolor {color: #fff;}
.cm_fgreycolor {color: #666;}
.cm_flgreycolor {color: #999;}
.cm_bggreycolor { background-color:#f8f8f8;}
.cm_designweight {font-weight:600;}
.cm_notetext {color: #555; font-size: 12px;}
.colm_50 {width:50%}
.colm_60 {width:60%}
.colm_70 {width:70%}
.colm_80 {width:80%}
.colm_90 {width:90%}
.mg5-0 {margin:5px 0! important;}
.mg-top10 {margin-top:10px}
.mg-top20 {margin-top:20px}
.mg-top30 {margin-top:30px}
.mg-top40 {margin-top:40px}
.mg-top50 {margin-top:50px}
.mg-bottom5 {margin-bottom:5px}
.mg-bottom10 {margin-bottom:10px}
.mg-bottom20 {margin-bottom:20px}
.mg-bottom30 {margin-bottom:30px}
.mg-bottom40 {margin-bottom:40px}
.mg-bottom50 {margin-bottom:50px}
.pd10-0 {padding:10px 0! important;}
.padding-top5 {padding-top:5px}
.padding-top10 {padding-top:10px}
.padding-top20 {padding-top:20px}
.padding-top30 {padding-top:30px}
.padding-top40 {padding-top:40px}
.padding-top50 {padding-top:50px}
.padding30 {padding:40px 100px}
.padding5 {padding:5px;}
.padding10 {padding:10px;}
.padding10-20 {padding:10px 20px;}
.padding20 {padding:20px;}
.padding25 {padding:25px;}
.padding40 {padding:40px;}
.padding-bottom5 {padding-bottom:5px}
.padding-bottom10 {padding-bottom:10px}
.padding-bottom20 {padding-bottom:20px}
.padding-bottom30 {padding-bottom:30px}
.padding-bottom40 {padding-bottom:40px}
.padding-bottom50 {padding-bottom:50px}
.br-top {border-top: 1px solid #d4555b;}
.br-bottom {border-bottom: 1px solid #d4555b;}
.goodiesbr-bottom {border-bottom: 1px solid #d4555b; padding-bottom:8px;}
.lefttxt-align {text-align:left;}
.righttxt-align {text-align:right;}
.centertxt-align {text-align:center;}
.middletxt-align {vertical-align:middle}
.margin0-auto {margin:0 auto;}
.ds_table {display:table;}
.ds_tablecell {display:table-cell;}
.ds_inline {display:inline;}
.lfloat {float:left;}
.rfloat {float:right;}
.uppercase {text-transform:uppercase;}
.positionfix {position:fixed;}
.cursorpointer{cursor:pointer}
.cm_maxwd700 {max-width:700px}
.cm_maxwd650 {max-width:650px; margin:0 auto;}
.cm_maxwd600 {max-width:600px; margin:0 auto;}
.cm_maxwd750 {max-width:750px; margin:0 auto;}
.cm_maxwd800 {max-width:800px; margin:0 auto;}
.cm_maxwd900 {max-width:900px; margin:0 auto;}
.cm_maxwd1000 {max-width:1000px; margin:0 auto;}
.cmsection_heading {color:#d4555b; font-size: 18px; font-weight: 600; text-decoration:none;}
.cmnortext {color:#666; font-size: 14px; font-weight: 600; padding:10px 0;}
.cmnotetext {color:#666; font-size: 13px; font-weight: 500;}
.cmsnotetext {color:#666; font-size: 12px; font-weight: 500;}
.sglink a {color:#666; font-size: 12px; font-weight: 500;}
.cmsg_btext {color: #888; font-size: 15px; font-weight:600;}
.cm_list_row {border-bottom: 1px dotted #999; }
.cmlink_txt {color:0000ff; text-decoration:underline}
.cmlink_txt a{color:0000ff; text-decoration:underline}
.cmlink_txt:hover{text-decoration:none;}
.cmlink_txt a:hover{text-decoration:none;}
.pagetypewidth {width:65%}
.pagetypeinput {margin-left:10px;}
.pagetypecheck {padding-right: 25px; width: 5%;}
.pagetypetxt {vertical-align:middle;}
.pagetypespan {color:#666;}
.pagetypetips {color:#999; font-size:13px;}
.pagetypetips br, .nobreak br{display:none;}
.txt_ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.questtxt {color:#d4555b;  font-style: italic; font-size:14px;}
.ft_italic {font-style: italic;}

.cpage_img_lock {margin: 4px 8px; display: table-cell; float: left;}
.inputpublish {border: 1px solid #d9d9d9; min-width: 350px; font-size: 14px;padding: 8px 10px; box-shadow: inset 0 0 0 0px #ddd; color:#888; font-weight: normal; }
.pwd_lock{position:absolute; right:17px; top:25px; cursor:pointer;}
.pwd_lock img{width: 20px; padding: 0px 5px; float: left;}
.pwd_lock span{font-size:14px; color:#666;}

.lftrow_item.hglefttxt {color:#fff; background-color:#d4555b;}
.lftrow_item.hglefttxt:hover .rt_text {color:#fff;}

.tbcommon_block {color:#d4555b; box-sizing: border-box; background-color:#e9e9e9; -webkit-box-shadow: 0px 1px 0px 0px #bbb; -moz-box-shadow: 0px 1px 0px 0px #bbb; box-shadow: 0px 1px 3px 0px #bbb; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; 	-o-border-radius: 10px;	-ms-border-radius: 5px; font-size:20px;} 

/* Table Format */
.tb_block {color:#d4555b; box-sizing: border-box; background-color:#2e2b2b; -webkit-box-shadow: 0px 1px 0px 0px #bbb; -moz-box-shadow: 0px 1px 0px 0px #bbb; box-shadow: 0px 1px 3px 0px #bbb; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; 	-o-border-radius: 10px;	-ms-border-radius: 5px; font-size:20px;} 
.td_hpad {padding:10px 10px 10px 40px;}
.td_pad {padding:0 0 30px 40px; background-color:#f8f8f8;}
.td_clwidth180 {width:180px;}
.td_clwidth120 {width:120px;}
.td_dash:after,.td_dash:before{	width: 20%; height: 1px; display: inline-block;   vertical-align: middle; content: "";  margin: 0 1%; background: #888}

/* POPUP Insert Link */
.insertlink_container {width:100%; position:relative; background-color:#f2f2f2;}
.il_headersec {display:table; width:100%; background-color:#2f373a;}
.il_header {float: left; width: 100%;}
.il_title {display: table-cell; color: #c5ccce; font-size: 20px; float: left; margin: 3px 0 3px 10px;}
.il_btn {display: table-cell; text-align: right; float: right; margin-bottom: 5px;}
.il_btn ul {padding:0; margin:0;}
.il_btn li {list-style:none; background-color:#d4555b; border-radius:0 0 8px 8px; text-transform:uppercase; color:#fff; padding: 4px 20px; cursor:pointer; display: table-cell; font-size:13px; float: left; margin-right: 8px;}

.il_fieldsec {position: relative; width: 100%; height: 60px; display: table; vertical-align: middle;}
.il_field {display: table-cell; vertical-align: middle;}
.il_field input  {
	color: #666;
	outline: none;
	font-size: 14px;
	border: none;
	/*font-weight:600;
	-webkit-appearance: none;*/
	background: #fff;
    border: 1px solid #e3e3e3;
	margin:0;
	border-radius:13px;
  -webkit-border-radius:13px;
  -moz-border-radius: 13px;
  -o-border-radius: 13px;
  -ms-border-radius: 13px;
  height: 20px;
  width:50%;
  padding:5px 15px;
  margin-left: 30px;}

.il_content {position: relative; width: 100%; display: table; vertical-align: middle;}

.il_leftpanel {display:table-cell; width:250px; vertical-align: top;}
.il_link {background-color:#ffffff; margin-right:15px; box-shadow: 2px 4px 6px 1px #ccc; height:410px;}
.il_link ul {padding:20px 10px; margin:0;}
.il_link li {list-style:none; font-size:14px; color:#6a6666; padding:10px 0; border-bottom:1px solid #eaeaea; cursor:pointer;}
.il_link li input {float:left;  margin-right: 8px;}
.il_linktxt {}
.il_pg_scroll {width: 100%; height: 370px; overflow-y: scroll;}
.il_rightpanel {display: table-cell; vertical-align: top; padding: 0 20px 0 10px; }
.il_pg_content {display:table; width:100%; background-color: #fff; box-shadow: 2px 3px 4px 0px #ccc;}
.il_pg_sec {display: table; vertical-align: top; width:100%; }
.il_pg_sec ul{padding: 20px; margin: 0; height: 290px; overflow-y: scroll;}
.il_pg_sec li{list-style:none; cursor:pointer; display: table; font-size:13px; margin-right: 8px; background-color: #f8f8f8;  text-align: left; width: 100%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; box-shadow: 0px 1px 0px 0px #bbb; margin-bottom: 10px; padding: 18px 0 15px 0;}
.il_pg_sec li:hover, .il_pg_sec li:active {background-color:#ebebeb; }
.il_pg_txt{text-align:left; vertical-align: middle; padding: 3px 20px; font-size: 15px; color: #666; font-weight:600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 250px;}
.il_pg_img{display:table-cell;  text-align:right; vertical-align: middle; padding: 0 20px;}
.il_openwin {padding:8px 0; font-size: 14px; color: #666;}
.il_openwin input {margin:3px 7px 0 0; float: left;}

.il_pgheader_sec {display: table;width: 100%;}
.il_pgtitle {display: table-cell; padding:10px 0 5px 20px; font-size:18px; font-weight:600; color:#444; vertical-align: bottom;}
.il_pgbtn {text-align: right; padding:10px 20px 7px 20px;}
.il_pgbtn label{background-color:#617379; color:#fff; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; -ms-border-radius: 15px; padding: 4px 15px; font-size: 14.5px; font-weight: 600; cursor:pointer;}
.il_pgbtn label span{font-size: 18px; font-weight: 600;}

.il_urfile {padding:10px 0 5px 20px;}
.il_urpg {padding:15px 0 0 20px;}

.il_upload {text-align: center; vertical-align: middle;width: 100%;display: table-cell;height: 250px;}

.il_pgimages {display: table; vertical-align: top; width:100%; }
.il_pgimages ul{padding: 20px; margin: 0; height: 290px; overflow-y: scroll;}
.il_pgimages li{list-style: none; float: left; margin: 0 13px 30px 13px; background-color: #ebebeb; padding: 10px 10px 0 10px; width: 100px; border:1px solid #ebebeb;  border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; display: table-cell;}
.il_pgimages li:hover, .il_pgimages li:active {background-color:#ebebeb; }
.ilthumbs_container {cursor: pointer; position:relative;}
.ilthumbs_section {height: 80px; position: relative; text-align:center; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; background-color:#f8f8f8;}
.ilthumbsimg {vertical-align: middle; height: 80px; overflow: hidden; width: 100%;}
.ilthumbs_align {display:table; width:100%}
.ilthumbs_align1 {display: table-cell; height: 80px; vertical-align: middle;}
.ilthumbsimg img{max-width: 100%; margin-top: auto; background: no-repeat 50% 50%;vertical-align: middle; max-height: 100%;}
.ilthumbs {padding:0; text-align:left;}
.ilthumbs_heading {color: #777; vertical-align: middle; width: 83%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding:5px 0 0 0;}
.ilthumbs_heading a {color: #777; font-size: 11px; font-weight: normal; text-decoration:none;}
.ilthumbs_desc {color: #aaa; font-size: 13px; font-weight: 500; overflow: hidden; padding-bottom:5px; text-overflow: ellipsis; white-space: nowrap; }
.ilthumbs_container .ilthumbscheck {position:absolute; bottom:0; right:5px; display:block; height:25px;}
.ilthumbs_container .ilthumbscheck input{padding:0; margin:0}
.il_pgimages li .ilthumbsdelete {display:none;}
.il_pgimages li:hover .ilthumbsdelete {position:absolute; bottom:-7px; right:0; display:block;}
.ilthumbsdelete img {width:15px;}

.il_pgimages li:hover{border:1px solid #d4555b;}
.ilselect img{margin-top: auto; background: no-repeat 100%;vertical-align: middle;}

.il_emailsec {display: table; vertical-align: top; width:100%; }
.il_emailsec_height {height:365px;}
.il_emailsec input{
	color: #666;
	outline: none;
	font-size: 14px;
	border: none;
	/*font-weight:600;
	-webkit-appearance: none;*/
	background: #fff;
    border: 1px solid #e3e3e3;
	margin:0;
	border-radius:13px;
  -webkit-border-radius:13px;
  -moz-border-radius: 13px;
  -o-border-radius: 13px;
  -ms-border-radius: 13px;
  height: 20px;
  width:50%;
  padding:5px 15px;
  margin: 20px;}
.il_emaillink a{color: #0000ff; font-size: 13px; font-weight: 500; margin-left: 27px; text-decoration:underline;}
.il_emaillink a:hover{text-decoration:none;}

.il_pgimages li .ilselect {display:none;}
.il_pgimages li:hover{border:1px solid #d4555b;}
.il_pgimages li:hover .iimgselect {position: absolute; z-index: 100; top: 30%; left: 20%; right: 20%; display:block; background:#d4555b; padding:3px 25px;}

/* POPUP Insert Images */
.insertimg_container {width:100%; position:relative; background-color:#f2f2f2;}
.insertimg_headersec {display:table; width:100%; background-color:#2f373a;}
.insertimg_header {float: left; width: 100%;}
.insertimg_title {display: table-cell; color: #c5ccce; font-size: 20px; float: left; margin: 3px 15px;}
.insertimg_btn {display: table-cell; text-align: right; float: right; margin-bottom: 5px;}
.insertimg_btn ul {padding:0; margin:0;}
.insertimg_btn li {list-style:none; background-color:#d4555b; border-radius:0 0 8px 8px; text-transform:uppercase; color:#fff; padding: 4px 20px; cursor:pointer; display: table-cell; font-size:13px; float: left; margin-right: 8px;}

.iimg_pg_scroll {width: 100%; height: 370px; overflow-y: scroll;}
.iimg_pg_content {display:table; width:100%; background-color: #fff; box-shadow: 2px 3px 4px 0px #ccc;}
.iimg_pg_sec {display: table; vertical-align: top; width:100%; }
.iimg_pg_sec ul{padding: 20px; margin: 0; height: 420px; overflow-y: hidden;}
.iimg_pg_sec li{list-style:none; cursor:pointer; display: table; font-size:13px; margin-right: 8px; background-color: #f8f8f8;  text-align: left; width: 100%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; box-shadow: 0px 1px 0px 0px #bbb; margin-bottom: 10px; padding: 18px 0;}
.iimg_pg_sec li:hover, .iimg_pg_sec li:active {background-color:#ebebeb; }


.iimg_pgheader_sec {display: table;width: 100%;}
.iimg_pgtitle {display: table-cell; padding:10px 0 5px 20px; font-size:18px; font-weight:600; color:#444; vertical-align: bottom;}
.iimg_pgbtn {text-align: right; padding:10px 20px 7px 20px;}
.iimg_pgbtn label{background-color:#617379; color:#fff; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; -ms-border-radius: 15px; padding: 4px 15px; font-size: 14.5px; font-weight: 600;}
.iimg_pgbtn label span{font-size: 18px; font-weight: 600;}

.iimg_urfile {padding:10px 0 5px 20px;}
.iimg_urpg {padding:15px 0 0 20px;}

.iimg_upload {text-align: center; vertical-align: middle;width: 100%;display: table-cell;height: 300px;}

.iimg_pgimages {display: table; vertical-align: top; width:100%; }
.iimg_pgimages ul{padding: 20px; margin: 0; height: 420px; overflow-y: scroll;}
.iimg_pgimages li{list-style: none; float: left; margin: 0 12px 30px 12px; background-color: #ebebeb; padding: 10px; width: 100px;  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border:1px solid #ebebeb;}
.iimg_pgimages li:hover, .iimg_pgimages li:active {background-color:#ebebeb; }
.iimgthumbs_container {cursor: pointer; position:relative;}
.iimgthumbs_section {height: 80px; position: relative; text-align:center; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; background-color:#f8f8f8;}
.iimgthumbsimg {vertical-align: middle; height: 80px; overflow: hidden; width: 100%;}
.iimgthumbs_align {display:table; width:100%}
.iimgthumbs_align1 {display: table-cell; height: 80px; vertical-align: middle;}
.iimgthumbsimg img{max-width: 100%; margin-top: auto; background: no-repeat 50% 50%;vertical-align: middle; max-height: 100%; -moz-transform: scale(1.3);
-webkit-transform: scale(1.3);
-o-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);}
.iimgthumbs {padding:0; text-align:left;}
.iimgthumbs_heading {color: #777; vertical-align: middle; width: 83%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding:0; height: 18px;}
.iimgthumbs_heading a {color: #777; font-size: 13px; font-weight: normal; text-decoration:none;}
.iimgthumbs_desc {color: #aaa; font-size: 13px; font-weight: 500; overflow: hidden; padding-bottom:5px; text-overflow: ellipsis; white-space: nowrap; }
.iimgthumbs_container .iimgthumbscheck {position:absolute; bottom:0; right:5px; display:block; height:25px;}
.iimgthumbs_container .iimgthumbscheck input{padding:0; margin:0}
.iimg_pgimages li:hover .iimgthumbsdelete {position:absolute; bottom:-13px; right:0; display:block;}
.iimgthumbsdelete img {width:15px;}
.iimg_pgimages li .iimgselect, .iimg_pgimages li .iimgthumbsdelete{display:none;}
.iimg_pgimages li:hover{border:1px solid #d4555b;}
/*.iimg_pgimages li:hover .iimgselect {position: absolute; z-index: 100; top: 30%; left: 20%; right: 20%; display:block; background:#d4555b; padding:3px 25px;  border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px;}*/
.iimgselect img{margin-top: auto; background: no-repeat 100%;vertical-align: middle;}


/* Images Editor */
.imgedit_pg_scroll {width: 100%; height: 370px; overflow-y: scroll;}
.imgedit_pg_content {display:table; width:100%;}
.imgedit_pg_sec {display: table; vertical-align: top; width:100%; background:#fff; margin-top:20px;}
.imgedit_pg_sec ul{padding: 20px; margin: 0; height: 200px; overflow-y: hidden;}
.imgedit_pg_sec li{list-style:none; cursor:pointer; display: table; font-size:13px; margin-right: 8px; background-color: #f8f8f8;  text-align: left; width: 100%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; box-shadow: 0px 1px 0px 0px #bbb; margin-bottom: 10px; padding: 18px 0;}
.imgedit_pg_sec li:hover, .imgedit_pg_sec li:active {background-color:#ebebeb; }
.upload_txt {font-size:25px; color:#999;}


.imgedit_pgheader_sec {display: table;width: 100%;}
.imgedit_pgtitle {display: table-cell; padding:10px 0 5px 20px; font-size:18px; font-weight:600; color:#444; vertical-align: bottom;}
.imgedit_pgbtn {text-align: right; padding:10px 20px 7px 20px;}
.imgedit_pgbtn label{background-color:#617379; color:#fff; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; -ms-border-radius: 15px; padding: 4px 15px; font-size: 14.5px; font-weight: 600;}
.imgedit_pgbtn label span{font-size: 18px; font-weight: 600;}

.imgedit_urfile {padding:10px 0 5px 20px;}
.imgedit_urpg {padding:15px 0 0 20px;}

.imgedit_upload {text-align: center; vertical-align: middle;width: 100%;display: table-cell;height: 150px;}

.imgedit_pgimages {display: table; vertical-align: top; width:100%; background:#fff; margin-top:20px; }
.imgedit_pgimages ul{padding: 20px; margin: 0; height: 420px; overflow-y: scroll;}
.imgedit_pgimages li{list-style: none; float: left; margin: 0 18px 30px 18px; background-color: #ebebeb; padding: 10px 10px 2px 10px; width: 100px;  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border:1px solid #ebebeb;}
.imgedit_pgimages li:hover, .imgedit_pgimages li:active {background-color:#ebebeb; }
.imgeditthumbs_container {cursor: pointer; position:relative;}
.imgeditthumbs_section {height: 80px; position: relative; text-align:center; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; background-color:#f8f8f8;}
.imgeditthumbsimg {vertical-align: middle; height: 80px; overflow: hidden; width: 100%;}
.imgeditthumbs_align {display:table; width:100%}
.imgeditthumbs_align1 {display: table-cell; height: 80px; vertical-align: middle;}
.imgeditthumbsimg img{max-width: 100%; margin-top: auto; background: no-repeat 50% 50%;vertical-align: middle; max-height: 100%;}
.imgeditthumbs {padding:0; text-align:left;}
.imgeditthumbs_heading {color: #777; vertical-align: middle; width: 83%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding:0;}
.imgeditthumbs_heading a {color: #777; font-size: 13px; font-weight: normal; text-decoration:none;}
.imgeditthumbs_desc {color: #aaa; font-size: 13px; font-weight: 500; overflow: hidden; padding-bottom:5px; text-overflow: ellipsis; white-space: nowrap; }
.imgeditthumbs_container .imgeditthumbscheck {position:absolute; bottom:0; right:5px; display:block; height:25px;}
.imgeditthumbs_container .imgeditthumbscheck input{padding:0; margin:0}
.imgedit_pgimages li .imgeditthumbsdelete{display:none;}
.imgedit_pgimages li:hover .imgeditthumbsdelete {position:absolute; bottom:-7px; right:0; display:block;}
.imgeditthumbsdelete img {width:15px;}
.imgedit_pgimages li:hover{border:1px solid #d4555b;}
.imgedit_pgimages li .imgeditselect{display:none;}
/*.imgedit_pgimages li:hover .imgeditselect {position: absolute; z-index: 100; top: 30%; left: 20%; right: 20%; display:block; background:#d4555b; padding:3px 25px;  border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px;}*/
.imgeditselect img{margin-top: auto; background: no-repeat 100%;vertical-align: middle;}

/* Edit Image */
.ed_table {display:table; width:100%;}
.ed_tablecell {display:table-cell; vertical-align:middle;}
.edwdt-10 {width:10%;}
.edwdt-25 {width:25%;}
.edwdt-50 {width:50%;}
.ed_mrg-5 {padding:5px;}
.ed_mrg-20 {padding:0 20px;}
.ed_mrg-10 {padding:0 10px;}
.edcommonsection_block {color:#d4555b; margin:0; box-sizing: border-box; background-color:#f8f8f8; -webkit-box-shadow: 0px 1px 0px 0px #bbb; -moz-box-shadow: 0px 1px 0px 0px #bbb; box-shadow: 0px 1px 0px 0px #bbb; border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; 	-o-border-radius: 10px;	-ms-border-radius: 10px; font-size:20px; padding:30px 20px;} 
.ed_container1 {position: relative; width: 100%; margin-bottom: 10px;}
.ed_container {position: relative; width: 100%; border: 1px solid #d1d1d1; border-radius: 15px;}
.ed_header {display: table; width: 100%;}
.ed_subtitle {display: table-cell; text-align: left; color: #333; font-size:16px;}
.ed_help {display: table-cell; text-align: right;}
.ed_function {position: relative; padding: 10px 0; background-color: #efefef; border-radius: 10px 10px 0 0;}
.ed_function ul{padding:0; margin:0;}
.ed_function li{list-style:none; text-align:center; cursor: pointer; display: inline-block; padding: 0 6px; font-size: 13px;} 

.ed_opfunction {position:relative; padding:30px 0 5px 0; display:table; width:100%}
.ed_middleopf {display: table-cell; text-align: center; vertical-align: top; width: 70%;}

.ed_imgsec {text-align: center; padding: 30px 10px;}
.ed_imgsec img{max-width:500px; max-height:400px; overflow:hidden;}
.ed_imgtxt{color: #555;}
.ed_imgbtxt {color: #333; font-size: 13px; font-weight:600;}
.ed_rotate {}

.ed_rotate ul{padding:0; margin:0}
.ed_rotate li{list-style:none; color:#d4555b; font-size:18px; font-weight:600; padding-bottom:5px;  vertical-align: middle;}

input.edimgfield{
	color: #666;
	outline: none;
	font-size: 14px;
	border: none;
	/*font-weight:600;
	-webkit-appearance: none;*/
	background: #fff;
    border: 1px solid #e3e3e3;
	margin:0;
	border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  height: 20px;
  padding:5px 8px;
  box-shadow: inset 2px 2px 1px 0px #ddd;
}
textarea.edimgfield{
	color: #666;
	outline: none;
	font-size: 14px;
	border: none;
	/*font-weight:600;
	-webkit-appearance: none;*/
	background: #fff;
    border: 1px solid #e3e3e3;
	margin:0;
	width:95%;
	border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  height: 70px;
  padding:10px 0 0 10px;
  box-shadow: inset 2px 2px 1px 0px #ddd;
}
.edimgfield select, select.edimgfield  {
	color: #666;
	outline: none;
	font-size: 14px;
	font-weight:600;
	border: none;
	padding-left:10px;
    border: 1px solid #c2c2c2;
	border-radius:8px;
  -webkit-border-radius:8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  height:32px;
}



/* SEO */
.td_seohpad {padding:10px 10px 10px 20px;}
.td_seopad {padding:0 0 20px 10px; background-color:#f8f8f8;}
.seotoplink {}
.seotoplink ul{padding:0; margin:0}
.seotoplink li{list-style:none; color:#d4555b; font-size:14px; font-style:italic; font-weight:600; padding-bottom:5px;}
.seotoplink li a{color:#666; font-size:14px; font-style:italic; font-weight:600; padding:0 2px;}
.seotoplink li a:hover{ text-decoration:underline;}
input.seofield{
	color: #666;
	outline: none;
	font-size: 14px;
	border: none;
	/*font-weight:600;
	-webkit-appearance: none;*/
	background: #fff;
    border: 1px solid #e3e3e3;
	margin:0;
  height: 20px;
  width:50%;
  padding:5px 8px;
	/*border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  box-shadow: inset 2px 2px 1px 0px #ddd;*/
}
textarea.seofield{
	color: #666;
	outline: none;
	font-size: 14px;
	border: none;
	/*font-weight:600;
	-webkit-appearance: none;*/
	background: #fff;
    border: 1px solid #e3e3e3;
	margin:0;
	width:95%;
  height: 70px;
  padding:10px 0 0 10px;
	/*border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  box-shadow: inset 2px 2px 1px 0px #ddd;*/
}


input.cm_wb_btn {
  color: #fff; background: #d4555b; padding: 14px; font-size: 17px; text-align: center; text-transform: initial;  min-width: 160px; display: inline-block; border-radius: 45px; font-weight: normal; letter-spacing: 0.4px; border:1px solid #d4555b; cursor:pointer; margin: 0 5px;
}
input.cm_wb_btn:hover {
  color: #fff; background: #ad3f44; border:1px solid #d4555b;
	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.cm_wb_canbtn { color: #d4555b; background: #fff; border:1px solid #d4555b;
	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.cm_wb_canbtn:hover {color: #fff; background: #d4555b; border:1px solid #d4555b;}
.cm_wb_btn {
  color: #fff;
  background: #d4555b;
  padding: 5px 20px;
  font-size: 15px;
  text-align:center;
  cursor:pointer;
  /*-webkit-appearance: none;*/
  font-weight:400;
	display:inline-block;
	margin-right:10px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;
  -ms-border-radius: 15px; 
  border:none; 
}
.cm_wb_btn:hover {
  background:#505050;
	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_wb_btn.cm_wb_canbtn {color: #d4555b; background: #fff; border:1px solid #d4555b;}
.cm_wb_btn.cm_wb_canbtn:hover {color: #fff; background: #d4555b; border:1px solid #d4555b; transition: 0.5s all; 	-webkit-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; 	-o-transition: 0.5s all;}

#popup-wrapper, #titlepopup-wrapper, .panel-header {-webkit-border-radius: 0; -moz-border-radius: 0;border-radius: 0;}
/*goodies*/
.goodies_colum1 {
	width: 40%;
float: left;
	font-weight: 400;
text-align: center;
max-height: 480px;
min-height: 480px;
position: fixed;
background-color:#414141;}
.gd_helper-text{width: 100%;
bottom: 0;
top: 0;}
.gd_heading {
font-weight: 400;
text-align: center;
font-size: 16px;
color: rgba(0, 0, 0, 0.6);
height: 172px;
background: #d4555b;
width:100%;
display:table;
}
.gd_heading_title {
font-weight: 600;
font-size: 20px;
color: #555;
text-align:left;
margin-bottom:20px;
}
.gd_help {color: #b7b7b7;  padding: 3px 10px; border: 1px solid #b7b7b7; float: right; margin: 10px 20px; border-radius: 15px; font-size: 13px;}
.gd_help a{color: #b7b7b7;}

.gd_commonlink {width: auto; text-align: center; position: absolute; bottom: 10px; left: 10%; right: 10%; color: #fff; font-weight:600;}
.gd_commonlink a{color: #fff;}
.gd_commonlink a p{color: #d4555b; padding: 0; margin: 12px 0;}

.gd_heading_img{display:table-cell; vertical-align:middle}
.gd_desc {font-size: 16px;
padding: 30px 25px 10px 25px;
font-weight: 500;
text-align: left; color:#b7b7b7;}
.goodies_colum2 {width:60%; float: right; background-color:#dedede; min-height: 480px;}
.gdmainwidth {width:80%;}
.goodies_container {
max-height: 480px;
min-height: 480px;
background-color: #fff;
}
.goodies_btn {width:60%; border-top: .5px solid #ddd;}


.cmpage_btn {background:#d4555b; color: #fff;  font-weight: 600; display: inline; padding:5px 35px; cursor:pointer;}
.cmpage_btn:hover {background:#ddd; color:#333;}

.gdtextpadding{padding:20px;}
input.gdtextfield {
	color: #666;
	outline: none;
	font-size: 14px;
	font-weight:600;
	border: none;
	/*-webkit-appearance: none;*/
	background: #fff;
    border: 1px solid #c2c2c2;
	margin:20px 0 5px 0;
	width:95%;
	border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  height: 30px;
  padding-left:15px;
  box-shadow: inset 2px 2px 1px 0px #ddd;
}
textarea.gdtextfield {
	color: #666;
	outline: none;
	font-size: 14px;
	font-weight:600;
	border: none;
	/*-webkit-appearance: none;*/
	background: #fff;
	margin:27px 0 5px 0;
	width:95%;
	border: 1px solid #c2c2c2;
	padding:10px;
	border-radius:0;
  -webkit-border-radius:0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  height: 80px;
}
.gdmaxlabelfield {position:absolute; font-size:14px; margin-top:28px; margin-left:10px; color: #666; font-weight:600;}
.gdminlabelfield {position:absolute; font-size:12px; margin-top:2px; margin-left:10px; color: #d4555b; font-weight:600;}
/*input.gdtextfield:focus, textarea.gdtextfield:focus  {border-bottom: 1px solid #d4555b;}*/
.gdselectfield select, select.gdselectfield  {
 width: 100%;
	color: #666;
	outline: none;
	font-size: 14px;
	font-weight:600;
	border: none;
	padding-left:10px;
	/*-webkit-appearance: none;*/
	display:inline-block;
	margin: 20px 0 5px 0;
    border: 1px solid #c2c2c2;
	width:100%;
	border-radius:13px;
  -webkit-border-radius:13px;
  -moz-border-radius: 13px;
  -o-border-radius: 13px;
  -ms-border-radius: 13px;
  height:32px;
}
.gdnortext{
	color: #666;
	outline: none;
	font-size: 14px;
	font-weight:500;
	margin: 15px 0 5px 0;
}
.gd_buttomlink {
 border: none;
  background: #f8f8f8;
  color: #d4555b;
  padding: 10px 5px;
  font-size: 14px;
  text-align:center;
  cursor:pointer;
  font-weight:400;
	margin-top: 30px;
	text-decoration: none;
	text-transform:uppercase;
	width:100%;
}
input.gd_wb_btn {
  border: none;
  color: #fff;
  background: #d4555b;
  padding: 6px 25px;
  font-size: 14px;
  text-align:center;
  cursor:pointer;
  /*-webkit-appearance: none;*/
	margin: 10px 5px 10px 0;
	text-decoration: none;
	text-transform:uppercase;
	white-space:nowrap;
	-webkit-box-shadow:1px 1px #aaa inset; 
	-moz-box-shadow:1px 1px #aaa inset;
	box-shadow:1px 1px #aaa inset;  
	border-radius:13px;
  -webkit-border-radius:13px;
  -moz-border-radius: 13px;
  -o-border-radius: 13px;
  -ms-border-radius: 13px;
}
input.gd_wb_btn:hover {
  color: #fff;
  background:#818181;
	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.gd_wb_canbtn {color: #fff; background: #818181; -webkit-box-shadow:none; 
	-moz-box-shadow:none; box-shadow:none;}
.gdnotetext{color: #333; font-size: 14px; font-weight: 600;}
.page_goodies {width:100%; display: table; padding-top: 2%;}
.page_goodies ul{padding:0; margin:0}
.page_goodies li{list-style:none; width:33.33%; float:left; } 
.gd_goodies_container {margin:0 10px 40px 10px; background-color: #f8f8f8; border: 1px solid #D4D4D4;
-webkit-box-shadow: 1px 6px 7px rgba(0,0,0,.2); -moz-box-shadow: 1px 6px 7px rgba(0,0,0,.2);box-shadow: 1px 6px 7px rgba(0,0,0,.2); padding:5px; cursor: pointer;}
.gdlogo_section {display:table; width:100%; height: 130px; background-color: #d4555b; position:relative;}
.gdlogoimg {display:table-cell; vertical-align:middle; text-align:center;}
.gdlogoimg img{background-color: #fff; padding: 15px; border-radius: 50%; width: 60px;}
.gdpage_goodies {padding:0 5px 5px 5px; text-align:left;}
.gdpage_heading {color: #d4555b; font-size: 18px; font-weight: 600; padding:0 10px 0 10px; height: 55px; line-height: 25px; vertical-align: middle; display: table-cell; width: 100%;}
.gdpage_desc {color: #666; font-size: 13px; font-weight: 600; height:108px; overflow: hidden; padding:0 10px 0 10px; }
.gdpage_btn {color: #d4555b;  font-weight: 600; display: inline; padding:5px 15px; cursor:pointer;}
.gdpage_btn:hover {background:#ddd;}
.goodies_lock {}

/*Photo Album */
.photo_mainlink {}
.photo_thumbs {width:100%; display: table; padding-top:20px;}
.photo_thumbs ul{padding:0; margin:0}
.photo_thumbs li{list-style:none; float:left; margin:0 12px 30px 12px; background-color:#fff; padding:10px; width:160px;} 
.pathumbs_block {color:#d4555b; background-color: #f8f8f8; margin:0; box-sizing: border-box; border: 1px solid #D4D4D4; -webkit-box-shadow: 5px 0 10px rgba(0,0,0,.2); -moz-box-shadow: 5px 0 10px rgba(0,0,0,.2); box-shadow: 5px 0 10px rgba(0,0,0,.2); font-size:20px; padding:30px 25px;} 
.pathumbs_block_txt {display: table; width: 100%; /*border-bottom: 1px solid #cfcfcf;*/ margin-bottom:30px;}
.pathumbs_link {color:#010101; margin:0; font-size:12px; padding:0;}
.pathumbs_link ul{padding:0; margin:0}
.pathumbs_link li{list-style:none; display: inline-block; text-align:left; padding: 5px 23px 20px 0; cursor: pointer;}  
.pathumbs_link li:hover span{text-decoration:underline;}  
.pathumbs_link img{float:left;}
.pathumbs_link span{font-size: 15px; padding-left: 8px; display: table-cell; height: 46px; vertical-align: middle;}
/*.pathumbs_container {margin:0 10px 40px 10px;; background-color: #f8f8f8; border: 1px solid #D4D4D4; -webkit-box-shadow: 1px 6px 7px rgba(0,0,0,.2); -moz-box-shadow: 1px 6px 7px rgba(0,0,0,.2);box-shadow: 1px 6px 7px rgba(0,0,0,.2); padding:5px; cursor: pointer; position:relative;}*/
.pltmb {display: table-cell; width: 25%;  vertical-align:middle;}
.pdofunction {color:#333; margin:0; padding:0; text-align:center; display: table-cell; width: 50%; vertical-align:middle;}
.pdofunction ul{padding:0; margin:0}
.pdofunction li{list-style:none; display: inline-block; text-align:center; padding: 5px 20px; cursor: pointer; font-size: 15px; background-color:#999797; color:#fff; margin: 5px 3px;
border-radius: 20px; -webkit-border-radius:20px; -moz-border-radius: 20px; -o-border-radius: 20px; -ms-border-radius: 20px;}  
.pdofunction li:hover{ background-color:#505050;} 

.pcheck_inner {color:#333; margin:0; padding:0; text-align:right; display: table-cell; width: 25%; vertical-align:middle;}
.pcheck_inner a{list-style:none; display: inline-block; text-align:center; padding: 3px 10px; cursor: pointer; font-size: 14px; border:1px solid #999797; color:#999797; margin: 5px 3px;
border-radius: 20px; -webkit-border-radius:20px; -moz-border-radius: 20px; -o-border-radius: 20px; -ms-border-radius: 20px;}  
.pcheck_inner li:hover span{text-decoration:underline;}  
.pcheck_inner img{float:left;}
.pcheck_inner span{font-size: 13px; line-height: 22px; padding-left: 5px; font-weight: 600;}

.pathumbs_container {cursor: pointer; position:relative;}
.pathumbs_section {width: 160px; height: 103px; position: relative; text-align:center; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; background-color:#f8f8f8;}
.pathumbsimg {vertical-align: middle; height: 103px; overflow: hidden; width: 100%;}
.pathumbs_align {display:table; width:100%}
.pathumbs_align1 {display: table-cell; height: 103px; vertical-align: middle;}
.pathumbsimg img{max-width: 100%; margin-top:auto; background: no-repeat 50% 50%;}
.pathumbs {padding:0; text-align:left;}
.pathumbs_heading {color: #777; vertical-align: middle; width: 83%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding:0;}
.pathumbs_heading a {color: #777; font-size: 13px; font-weight: normal; text-decoration:none;}
.pathumbs_desc {color: #aaa; font-size: 13px; font-weight: 500; overflow: hidden; padding-bottom:5px; text-overflow: ellipsis; white-space: nowrap; }
.pathumbs_container .pathumbscheck {position:absolute; bottom:0; right:5px; display:block; height:25px;}
.pathumbs_container .pathumbscheck input{padding:0; margin:0}
.pathumbs_container .pathumbsdelete {display:none; }
.pathumbs_container:hover .pathumbsdelete {position: absolute; right: 5px; bottom: 5px;  border-radius:50%; display:block; background-color:#333; padding:3px 6px}
.pathumbs_container:hover .pathumbsdelete img {width:18px; height:18px;}
.addph_thumbs {width:15%; padding: 5px 10px; border: 1px solid #cfcfcf;}
.addph_thumbs img{max-width:100%; max-height:100px;}

.ph_order_title {color: #555; font-size: 15px; font-weight:600;}
.ph_order_desc {color: #888; font-size: 15px;}

/* Form Page*/
input.formpgtextfield, textarea.formpgtextfield {
	color: #666;
	outline: none;
	font-size: 14px;
	font-weight:600;
	border: none;
	/*-webkit-appearance: none;*/
	background: #fff;
    border: 1px solid #e3e3e3;
	margin:0;
	width:95%;
	border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  height: 30px;
  padding-left:15px;
  box-shadow: inset 2px 2px 1px 0px #ddd;
}
.fminput_head {color: #666; font-size: 18px;}
.fminput{position: relative; padding: 0 20px;}
.fminput ul{padding:0; margin:0}
.fminput li{list-style:none; text-align:left; padding: 5px 0 20px 0; width:100%} 
.fm_padhead {padding:20px 10px;}

/* design Preview*/
.top_previewpanel_section {background-color:#2f373a; width:100%; position:relative; padding: 5px 0;}
.previewpanel_device_mode{position: relative; padding: 0 20px;}
.previewpanel_device_mode ul{padding:0; margin:0}
.previewpanel_device_mode li{list-style:none; text-align:left; cursor: pointer; display:table-cell;} 
.previewpanel_device_mode li img{ padding:7px; margin:0 3px;  border-radius:50%; background-color:#262d30;} 

.mode_top {position: absolute; top: 0;}

.previewpanel_btn {background-color:#d4555b; border-radius:0 0 13px 13px; color:#fff; padding: 7px 25px 10px; cursor:pointer; font-size:18px;}

.previewpanel_text {border-radius:0 0 13px 13px; color:#fff; padding: 18px 25px 10px; cursor:pointer; font-size:18px;}

.lft_previewpanel_section {position:absolute; background-color:#fff; box-shadow:1px 5px 7px 0px #000; height: 100%;}
.lft_previewpanel {margin:15px 0 0 0; padding:0;}
.lft_previewpanel ul {margin:0; padding:0;}
.lft_previewpanel li {text-align:center; padding: 5px 4px 0 4px; list-style: none;  margin:5px 0; cursor:pointer;}
.lft_previewpanel li:after{content: " ______ ";
    width: 50%; color:#ccc;}
.leftpreview_txt {color:#8e8e8e; padding: 0; font-size:18px; color:#555;}

/* Website Manager */
.title_container {position:relative; /*width:100%; display:table;*/}
.title_sec { display:inline-block;}
/*.title_sec {display: table-cell; width: 65%;}*/
.innertitle_sec {/*width: 65%;*/ text-align:center;}
.common_title {COLOR: #d4555b;  FONT-SIZE: 40px; padding:15px 0 5px 0; font-weight: lighter; }
.common_title_spe {FONT-SIZE: 33px! important;}
.common_title img{position: absolute; right: -80px; bottom: -6px;}
.fun_btn{display: table-cell; width: 35%; text-align:right;}
.domain_link{padding:5px 0; font-size: 16px;}
.domain_link a{color:#333;}
.domain_link a:hover{color:#818181;}

.navigation_container {color:#000; margin:0; font-size:14px; padding:15px 0;}
.navigation_container ul{padding:0; margin:0}
.navigation_container li{list-style:none; display: inline-block; text-align:left; padding: 5px 25px 5px 5px; cursor: pointer;}  
.navigation_container li:hover span{color:#d4555b}  
.navigation_container img{float:left;}
.navigation_container a{ padding-left: 5px; display: table-cell; height: 46px; vertical-align: middle;}
.navigation_txt{ padding-left: 5px; display: table-cell; height: 46px; vertical-align: middle;}
.navigation_container a:hover{color:#d4555b}

.pagenavig_container {color:#000; margin:0; font-size:14px; padding:0;}
.pagenavig_container ul{padding:0; margin:0; width: 100%; display: table;}
.pagenavig_container li{background-color:#f8f8f8; padding:5px 0; list-style:none; text-align:left; width:100%; border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; 	-o-border-radius: 10px;	-ms-border-radius: 10px; box-shadow: 0px 1px 0px 0px #bbb; margin-bottom: 10px;}  
.pagenavig_container ul ul{padding:0 40px; margin:0; width: 92%; }
.pagenavig_container li ul li:first-child{width:70%;} 
.pagenavig_container li ul li{background-color:transparent; padding:10px; list-style:none; display: table-cell; text-align:left; width:10%; border-radius:0; -webkit-border-radius: 0; -moz-border-radius: 0; 	-o-border-radius: 0;	-ms-border-radius: 0; box-shadow: none; vertical-align:middle; font-size:16px; color:#333; cursor:pointer;} 
.pagenavig_container li:hover{background-color:#eee;} 
.pagenavig_container li:hover span{text-decoration:underline;} 
.pagenavig_container img{float:left;}
.pagenavig_container span{ padding-left: 5px; display: table-cell; height: 46px; vertical-align: middle;}
.pageview{font-size:12px; color:#a3a3a3; float:left;}
.pageview img{float:left; margin-right: 5px;}


.clearfix:before, .clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}
.standalone_pages {text-align:center; color: #818181; font-size: 16px; padding:20px 0;}


.pgfooter_mesg {color: #818181; font-size: 16px; padding:20px 0;}

/*Add page*/
.addpage_container {width:100%; position:relative; margin-top: 10px;}
.addpage_main {display:table; width:100%;}
.addpagecolm {display:table-cell; width:50%; padding: 0;}
.addpage_title{color: #666; font-size: 15px;}
.addpage_sub {color: #666; font-size: 14px; font-style: italic;}
.addpage_field {background-color:#f8f8f8; padding:5px 0; list-style:none; text-align:left; width:100%; border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; 	-o-border-radius: 10px;	-ms-border-radius: 10px; box-shadow: 0px 1px 0px 0px #bbb; margin-bottom: 10px; margin-top: 5px;}
.addpage_field ul{padding: 0; margin: 50px;}
.addpage_field li{list-style: none; text-align: left; width: 100%; margin: 20px 0 0 0;}
.addpage_field li input{ color:#8a8a8a; font-size: 15px; font-weight:normal; background: #fff; border: 1px solid #d9d9d9; margin:27px 0 0 0; width:100%; border-radius:0;
  -webkit-border-radius:0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  height: 30px;
  padding:25px 10px;
  box-shadow: inset 0 0 0 0px #ddd;
   letter-spacing: 0.4px; font-weight: 300;}

.addpage_readymadefield {background-color:#f8f8f8; padding:5px 0; list-style:none; text-align:left; width:100%; border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; 	-o-border-radius: 10px;	-ms-border-radius: 10px; box-shadow: 0px 1px 0px 0px #bbb; margin-bottom: 10px; margin-top: 25px;}

.addpage_readymadefield ul{padding: 0; margin: 50px 30px 50px 50px; overflow-x: hidden; overflow-y: scroll; height: 450px;}
.addpage_readymadefield li{list-style: none; text-align: left; width: 100%; margin: 0 0 12px 0; color:#666; font-size:14px;  cursor:pointer; background:url(../images/add-icon.png) no-repeat 0 0;
    padding-left:35px; line-height: 26px;}
.addpage_readymadefield ul ul{padding: 0; margin: 15px 0 0 10px; overflow:hidden; height: auto;}
.addpage_readymadefield li ul li{list-style: none; text-align: left; width: 100%; margin: 10px 0 0px 0; color:#d4555b; font-size:14px; font-style: italic; width: 81%; font-weight: 600; float:left;  background:transparent;
    padding-left:0; line-height: normal;}
.addpage_readymadefield:select {background: transparent;}
.readytextpage {float: left; width: 70%;}
.readyiconpage {float: left;}
.readyiconpage img{margin: 0 3px; cursor:pointer;}

/*Rearrange  panel */
.reorder_container {background-color:#f8f8f8; padding:35px 20px 0; list-style:none; text-align:left; width:80%; border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; 	-o-border-radius: 10px;	-ms-border-radius: 10px; box-shadow: 0px 1px 0px 0px #bbb; margin-bottom: 10px;}
.reorder_container ul{padding:0; margin:0; width: 100%; display: table;}
.reorder_container li{list-style:none; color:#000; margin:0; font-size:14px; padding:0; border-bottom:1px solid #dedede;}  
.reorder_container ul ul{padding:0; margin:0; width: 100%; }
.reorder_container li ul li:first-child{width:70%; cursor:default;} 
.reorder_container li ul li{background-color:#f8f8f8; padding:5px 10px; list-style:none; display: table-cell; text-align:left; width:8%; border-radius:0; -webkit-border-radius: 0; -moz-border-radius: 0; 	-o-border-radius: 0;	-ms-border-radius: 0; box-shadow: none; vertical-align:middle; font-size:12px; color:#a3a3a3; cursor:pointer; border:none;} 
.reorder_container li:hover span{text-decoration:underline;} 
.reorder_container li ul li div {font-size:16px; color:#666666;} 
.reorder_container img{float:left;}
.reorder_container span{ padding-left: 5px; display: table-cell; height: 46px; vertical-align: middle;}
.reorder_text  {font-size:16px; color:#666666;}
/*Rename  panel */
.rename_container {width:100%; position:relative;}
.rename_grid {width:55%; text-align:left;color: #666666; margin-bottom: 35px;}
.rename_grid h3{font-size: 20px; padding: 10px 0; font-weight: 600; margin: 0;}
.rename_section{background-color:#f8f8f8; padding:30px 0 0 0;  border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; 	-o-border-radius: 10px;	-ms-border-radius: 10px; box-shadow: 0px 1px 0px 0px #bbb; margin: 10px 0;}
.rename_section ul{padding:0; margin: 0 auto;}
.rename_section li{list-style:none; text-align:left; width:100%; margin:20px 0 0 0;} 
.rename_section ul ul{padding:0; margin: 0 0 0 10%;}
.rename_section li ul li{list-style:none; text-align:left; margin:0;} 
.rename_section input{
	color: #666;
	outline: none;
	font-size: 14px;
	font-weight:600;
	border: none;
	/*-webkit-appearance: none;*/
	background: #fff;
    border: 1px solid #e3e3e3;
	margin:0;
	width:95%;
	border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  height: 30px;
  padding-left:15px;
  box-shadow: inset 2px 2px 1px 0px #ddd;
  
}
.rename_divided {margin: 0 18px! important; font-size: 16px; font-weight: normal; color:#bdbdbd;}

/*Goodie select page */
.gselectpg_container {width:100%; position:relative;}
.gselectpg_grid {width:55%; text-align:left;color: #666666; margin-bottom: 35px;}
.gselectpg_grid h3{font-size: 20px; padding: 10px 0; font-weight: 600; margin: 0;}
.gselectpg_section{background-color:#f8f8f8; padding:40px 0;  border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; 	-o-border-radius: 10px;	-ms-border-radius: 10px; box-shadow: 0px 1px 0px 0px #bbb; margin: 10px 15px;}
.gselectpg_section ul{padding:0; margin: 0 15% 0 10%;}
.gselectpg_section li{list-style:none; text-align:left; width:100%; margin:0; color:#666; cursor: pointer;}
.gselectpg_add{cursor:pointer; background:url(../images/add-icon.png) no-repeat 0 0; padding-left:35px;} 
.gselectpg_section li:hover{background-color:#ebebeb} 
.gselectpg_section li a{color:#666;} 
.gselectpg_section ul ul{padding:0; margin: 0 0 0 10%;}
.gselectpg_section li ul li{list-style:none; text-align:left; margin:0;}
.gselectpg_divided {margin: 0 10px! important; font-size: 16px; font-weight: normal; color:#bdbdbd;}
.gselectpg_separate {border-bottom: 1px solid #ddd; padding: 20px 0 20px 15px;}

/* Editor Preview*/
.top_editpreview_section {background-color:#2f373a; width:100%; position:relative; padding: 5px 0;}
.editpreview_device_mode{ padding: 0 20px;}
.editpreview_device_mode ul{padding:0; margin:0; display: table; margin: 0 auto;}
.editpreview_device_mode li{list-style:none; text-align:left; cursor: pointer; display:table-cell;} 
.editpreview_device_mode li img{ padding:7px; margin:0 3px;  border-radius:50%; background-color:#262d30;} 

.editpreviewmode_top {position: absolute; top: 0; right: 20px; z-index: 2;}
.editpreviewmode_top ul{padding:0; margin:0; display: table; margin: 0 auto;}
.editpreviewmode_top li{list-style:none; text-align:left; cursor: pointer; display: inline-block;} 
.editpreview_btn {background-color:#d4555b; border-radius:0 0 15px 15px; text-transform:uppercase; color:#fff; padding: 10px 30px; cursor:pointer; display: table-cell;}

.shoppreview_btn {background-color:#d4555b; border-radius:0 0 15px 15px; color:#fff; padding: 10px 15px; cursor:pointer; display: table-cell;}

.lft_editpreview_section {position:absolute; background-color:#fff; box-shadow:1px 5px 7px 0px #000; height:100%;}
.lft_editpreview ul {margin:25px 0 0 0; padding:0;}
.lft_editpreview li {text-align:center; padding: 5px 10px 0 10px; list-style: none;  margin:5px 10px; cursor:pointer;}
.lft_editpreview li:after{content: " ______ ";
    width: 50%; color:#ccc;}
.lefteditpreview_txt {text-transform:uppercase; color:#8e8e8e; padding: 13px 10px 0 10px;}

/*left panel */
.sidenav {padding-top:30px;}


/*Right panel */
.tblmoveright { font-size: 14px; padding-top: 50px; margin: 0 auto; width: 10%; display: table-cell; vertical-align: top;}
.tblmoveright ul{padding:0; margin:0}
.tblmoveright li{list-style: none; display: table; text-align: center; padding-top:25px;
cursor: pointer; width: 100%; margin: 0 auto;}

/*middle_section */
.middle_section {display: table;}


/*tblServiceAnnouncements */
.tblServiceAnnouncements {position:fixed; bottom:0; right:20px; border:1px solid #d5d5d5; z-index: 1;}
.tblService {background-color:#d4555b; color:#fff; width:350px; display: table; padding:5px 10px; }
.wb_annheading_text {float:left;}
.tblService_contain {background-color:#fff; padding:10px;}
.tblService_close {position:absolute; right:10px; top:5px; cursor:pointer; }

/* Social Media */
#social_media {
    backface-visibility: hidden;
    display: block;
    opacity: 1;
    position: relative;
    text-align: left;
    transition: all 0.2s ease-in 0s;
}
#social_media .sm-btn {
    box-sizing: border-box;
    display: inline-block;
    height: 36px;
    margin-top: 18px;
    opacity: 1;
    overflow: hidden;
    padding: 6px;
    position: relative;
    text-align: left;
    top: 0;
    transition: all 0.2s ease-in 0s;
    vertical-align: top;
    white-space: nowrap;
	float:left;
	border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius: 5px;
  -o-border-radius: 13px;
  -ms-border-radius: 13px;
	
}
#social_media .sm-btn > img {
    height: 24px;
    margin-left: 0;
    transition: all 0.2s ease-in 0s;
    vertical-align: top;
    width: 24px;
}
#social_media .sm-btn > span {
    color: #fff;
    display: inline-block;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 0 6px;
    position: relative;
    transition: all 0.2s ease-in 0s;
    vertical-align: top;
}

.socialfield_txt {display: inline-table; float: left; line-height: 20px;  margin:0 5px;  padding:0 7px; vertical-align: middle;    width: 80%;}

.socialfield_txt input{
background: #fff none repeat scroll 0 0;
    border: 1px solid rgb(153, 153, 153);
    border-radius: 0.5em;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    outline: medium none;
    padding: 0 5px;
    width: 100%;
	height:30px;
}
.socialtrash_icon {padding:18px 0 0 10px; cursor:pointer;}

.facebook {
    background-color: #3b5998;
}
.twitter {
    background-color: #55acee;
}
.youtube {
    background-color: #cc181e;
}
.pinterest {
    background-color: #cb2027;
}
.email {
    background-color: #7d7d7d;
}
.gplus {
    background-color: #d95232;
}
.sms {
    background-color: #ffbd00;
}
.sharethis {
    background-color: #95d03a;
}
.instagram {
    background-color: #be3380;
}
.linkedin {
    background-color: #0077b5;
}


.sm-section p{font-weight: normal; margin: 0 0 10px; padding: 0; font-size:14px;}
.field_txt {display: inline-table; float: left; line-height: 20px;  margin: 5px;  padding: 7px; vertical-align: middle;    width: 80%;}

.field_txt input{
background: #fff none repeat scroll 0 0;
    border: 1px solid rgb(153, 153, 153);
    border-radius: 0.5em;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    outline: medium none;
    padding: 0 5px;
    width: 100%;
	height:30px;
}
.field_txt select {background: #fff none repeat scroll 0 0;
    border: 1px solid rgb(153, 153, 153);
    border-radius: 0.5em;
    color: #000;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    outline: medium none;
    padding: 5px 10px;
    width: 100%;}


#social_media .sm-btn-success {
    box-sizing: border-box;
    display: inline-block;
    line-height: 24px;
    margin: 5px;
    opacity: 1;
    overflow: hidden;
    padding: 12px;
    position: relative;
    text-align: left;
    top: 0;
    transition: all 0.2s ease-in 0s;
    vertical-align: top;
    white-space: nowrap;
	float:left;
}
#social_media .sm-btn-success > img {
    height: 24px;
    margin-left: 0;
    transition: all 0.2s ease-in 0s;
    vertical-align: top;
    width: 24px;
}
#social_media .sm-btn-success > span {
    display: inline-block;
    letter-spacing: 0.5px;
    padding: 0 6px;
    position: relative;
    transition: all 0.2s ease-in 0s;
    vertical-align: top;
	font-size:14px;
}


/* Enduser Success Page*/
.card-register {max-width:500px;}
.success-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: #ffedd3;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    font-size: 1.2rem;
    color: #d4555b;
}
.btn-success {
    color: #fff! important;
    background-color: #d4555b;
    border-color: #d4555b;
}
.btn-success:hover {
    background-color: #b56a00;
    border-color: #b56a00;
}
.card-body {color:#333; font-size:0.9rem}

/*design color plate Page */
.designcol_plate {background-color:#2f373a; padding:10px; list-style:none; text-align:left; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; 	-o-border-radius: 5px;	-ms-border-radius: 5px; display: table;
text-align: center;}
.designcol_plate ul{padding:0; margin:0;}
.designcol_plate li{list-style:none; color:#000; margin:0; font-size:14px; padding:0; float:left; width:30px; height:30px; padding:0 5px;}  
.designcol_plate li img{display:table-cell; vertical-align:middle; margin-top: 5px;}  

.designcol_plate:before {
    border-left: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #2f373a;
    border-top: 8px solid transparent;
    content: "";
    position: absolute;
    left: -15px;
    top: 15px;
	margin-top:1px;
	transform:rotate(0deg)
}

.designcolor_details {cursor: pointer; width:30px; height:30px; border-style:solid; border-color:#000000; border-width:1px; border-radius: 50%;}

/*Form Page */
.formpg_contain {width:100%; position:relative; display:table;}
.formpg_section {width: 50%; display: table-cell; padding: 25px 30px 0 0;}
.formpg_bg {background-color:#fff8f0;   border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; 	-o-border-radius: 10px;	-ms-border-radius: 10px; padding: 20px 35px;}
.formpg_bg img{width:100%}
.formpg_heading {color: #666666; font-size: 20px; font-weight:600;}
.formpg_subheading {color: #666666; font-size: 12px; font-weight:600; font-style:italic;}
.advform_color {background-color:#f8f8f8;}
.advform_pad {padding: 15px;}

/*Choose pack Page */
.psmall-padding {padding-bottom: 10rem;}
.pcolumns {position: relative; float: left; display: inline-flex; width: 100%;}
.pborder { border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb;}

.psmall-12 {width: 100%; display:table;}

.pack-pricing-table {
    border-right: 0;
}
.packbg-1 {
    background: #fff;
}
.packbg-2 {
    background: #fff;
}
.pack-pricing-table {
    border: none;
}

a.packbutton {
z-index:10;
border-style: solid;
border-width: 0;
cursor: pointer;
line-height: normal;
position: relative;
text-decoration: none;
text-align: center;
-webkit-appearance: none;
-webkit-border-radius: 0;
display: inline-block;
padding-top: .75rem;
padding-right: 1.25rem;
padding-bottom: .65rem;
padding-left: 1.25rem;
font-size: 1rem;
background-color: #ED7233;
border-color: #d45413;
color: #fff; 
transition: all .2s ease-in;
opacity:1;
font-size:.8rem;
background: #ED7233; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ED7233, #d65f22); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ED7233, #d65f22); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ED7233, #d65f22); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ED7233, #d65f22); /* Standard syntax */
	font-weight:bold;
}
a.packbutton:hover {
background: #d65f22; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#d65f22, #ED7233); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#d65f22, #ED7233); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#d65f22, #ED7233); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#d65f22, #ED7233); /* Standard syntax */
	font-weight:bold;
}

.pbullet-item {
    border-bottom: 1px solid #ebebeb;
    font-size: .95rem;
    background: #fff;
    padding: 12px 13%;
    color: #313131;
    font-weight: 400;
}
.pbullet-item span.pcheck {
    background-image: url(/ui_design/common/images/V_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 12px;
    height: 20px;
    float: left;
    margin: 0 12px 0 0;
}
.item_pdesc {margin-left:25px; font-size:14px;}

.packdetails ul{padding:0; margin:0; width:100%;}
.packdetails li{list-style: none; padding: .9375rem 1.25rem;}
.commondetails{background-color:#e0e0e0;}
.packdetails li:first-child{ padding: 0; display:table; width:100%;}

.packdetails h3 {color: #fff; margin: 0 auto; font-size: 1.17rem; height: 65px; vertical-align: middle; display: table-cell; text-align: center; width: 100%; padding: 0 20px;}

.cmdetails ul{padding:0; margin:0; width:100%}
.cmdetails li{list-style: none; padding: .9375rem 1.25rem;}
.cmdetails li:first-child{ border-top: 1px solid #ebebeb;}

.packbg-1 li:first-child{background-color:#ffa200;}
.packbg-2 li:first-child{background-color:#ed7233;}
.packbg-3 li:first-child{background-color:#eb621c;}
.packbg-4 li:first-child{background-color:#c34d11;}
.packbg-5 li:first-child{background-color:#a14312;}
.packbg-6 li:first-child{background-color:#873307;}

.pack_1row_min {min-height:20px;}
.pack_2row_min {min-height:40px;}

.cpackbg-1 li:last-child{background-color:#ffa200;}
.cpackbg-2 li:last-child{background-color:#ed7233;}
.cpackbg-3 li:last-child{background-color:#eb621c;}
.cpackbg-4 li:last-child{background-color:#c34d11;}
.cpackbg-5 li:last-child{background-color:#a14312;}
.cpackbg-6 li:last-child{background-color:#873307;}

.cpackbg-1 li:last-child, .cpackbg-2 li:last-child, .cpackbg-3 li:last-child, .cpackbg-4 li:last-child, .cpackbg-5 li:last-child, .cpackbg-6 li:last-child{min-height:1px; padding: 3px;}


.packcolm-2 {width: 50%;}
.packcolm-2 li { padding: 1rem 3rem;}
.packcolm-3 {width: 33.333333%;}
.packcolm-3 li{padding: .9375rem 3rem;}
.packcolm-4 {width: 25%;}
.packcolm-5 {width: 20%;}
.packcolm-6 {width: 16.666667%;}


.packnotes_sec {display: inline-block; padding: 60px 0 30px 0;}
.packnotes {color:#333; font-size:13px;}

.hightlight_title {border:2px solid #226eaf;}


/* Tooltip */
.lftpanel_tooltip {
    position: relative;
}

.lftpanel_tooltip .lftpanel_tooltiptext {
    visibility: hidden;
    width: 100%;
    background-color: #505050;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 15px;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 102%; 
	opacity: 0;
    transition: opacity 1s;
	font-size:14px;
}

.lftpanel_tooltip .lftpanel_tooltiptext::after {
    content: "";
    position: absolute;
    top: 35px;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #505050 transparent transparent;
	
}
.lftpanel_tooltip:hover .lftpanel_tooltiptext {
    visibility: visible;
    opacity: 1;
}
.rgtpanel_tooltip {
    position: relative;
    display: inline-block;
}

.rgtpanel_tooltip .rgtpanel_tooltiptext {
    visibility: hidden;
    width: 250px;
    background-color: #505050;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 15px;
    position: absolute;
    z-index: 1;
    top: 30px;
    right: 90%;
	 opacity: 0;
    transition: opacity 1s;
}

.rgtpanel_tooltip .rgtpanel_tooltiptext::after {
   content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #505050;
}
.rgtpanel_tooltip:hover .rgtpanel_tooltiptext {
    visibility: visible;
    opacity: 1;
}

.btooltip {
    position: relative;
}

.btooltip .btooltiptext {
    visibility: hidden;
    width: 80%;
    background-color: #505050;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 15px;
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%;
    margin-left: -60px;
	 opacity: 0;
    transition: opacity 1s;
	color:#fff! important;
}

.btooltip .btooltiptext::after {
     content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #505050 transparent;
}
.btooltip:hover .btooltiptext {
    visibility: visible;
    opacity: 1;
}

/* quickstart link */
.quickstart_link {color:#010101; margin:0; font-size:12px; padding:0;}
.quickstart_link ul{padding:0; margin:0}
.quickstart_link li{list-style: none;
text-align: left;
margin: 5px 0 40px 0;
font-size: 16px;
display:table;
}  
.quickstart_link li div{list-style: none;
cursor: pointer;
font-size: 17px;
background-color: #d4555b;
padding: 12px;
border-radius: 50%;
width: 70px;
height: 70px;
color: #fff;
box-shadow:1px 3px 5px 1px #aaa;
text-align:center;
display:table-cell; vertical-align: middle; text-shadow: 1px 1px 1px #333;}
.quickstart_link li:first-child{margin-top:50px;}


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 15%; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    max-width: 500px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	
	-moz-animation-name: animatetop;
      -webkit-animation-name: animatetop;
      -ms-animation-name: animatetop;
      animation-name: animatetop;
      -moz-animation-duration: 1s;
      -webkit-animation-duration: 1s;
      -ms-animation-duration: 1s;
      animation-duration: 1s;
	  
	background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
}
	
/* Add Animation */
@-webkit-keyframes animatetop {
    from {opacity:0} 
    to {opacity:1}
}

@keyframes animatetop {
    from {opacity:0}
    to {opacity:1}
}

/* The Close Button */
.close {
    float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    display: -ms-flexbox;
/*display: flex;*/
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 15px;
border-bottom: 1px solid #e9ecef;
border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem;
}

.modal-header h5{font-size: 18px; font-weight: 500; line-height: 1.5; color: #000; margin:0; text-align:center}
.bgcolor-head {
    background-color: #f8f8f8 !important;
    color: #333;
}
.text-center {
    text-align: center !important;
}
.pb-2, .py-2 {
    padding-bottom: 0.5rem !important;
}
.pt-2, .py-2 {
    padding-top: 0.5rem !important;
}
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	border-radius: 0.2em;
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  -o-border-radius: 0.2em;
  -ms-border-radius: 0.2em;
  cursor:pointer;
  line-height: 1.5em;
}
.btn-primary {
    color: #fff;
  background: #d4555b;
  border-radius:25px;
  min-width:120px;
  min-height:35px;
  margin:5px 0;
}

.btn-primary:hover {
  color: #fff;
  background:#ad3f44;
}



@media screen and (max-width:2000px) {
	.middle_section {height:860px;}
}
@media screen and (max-width:1700px) {
	.middle_section {height:800px;}
}
@media screen and (max-width:1450px) {
	.middle_section {height:700px;}
}
@media screen and (max-width:1370px) {
	.middle_section {height:530px;}
}
@media screen and (max-width:1280px) {
	.middle_section {height:650px;}
}
@media screen and (max-width:1030px) {
	.middle_section {height:auto;}
}
@media screen and (max-width:992px) {
.colm_50, .colm_60, .colm_70, .colm_80, .colm_90 {width:100%}
.lg_container, .common_container {margin: 0;}
.minrgt {min-width: 100%; padding: 5%;}
.lg_container1 {padding: 10px;}
.accsection_block, .commonsection_block {margin: 6% 0; padding: 15px 10px;}
.mg-top10, .mg-top20, .mg-top30, .mg-top40, .mg-top50 {margin-top:10px}
.mg-bottom10, .mg-bottom20, .mg-bottom30, .mg-bottom40, .mg-bottom50 {margin-bottom:10px}
.padding-top10, .padding-top20, .padding-top30, .padding-top40, .padding-top50{padding-top:10px}
.padding-bottom10, .padding-bottom20, .padding-bottom30, .padding-bottom40, .padding-bottom50 {padding-bottom:10px}
.mb_pack {display:none;}
}



/* New Popup Style Start */ 

/* Common class */
.cm-Designclr{color:#f66035! important}
.container_popup {display: table; padding: 10px 20px; position: relative; width: 100%;}
.cmtab ul, .innercmtab ul,.frm_tab ul{padding: 0; margin: 0; list-style: none; display: table-cell;}
.add_item ul, .field_type ul, .ph-gly-option ul, .cmmedia ul, .sm_option ul, .btn-option ul{padding: 0; margin: 0; list-style: none;}

.cmtab {display: table; width: 100%; background: #fff; box-shadow: 1px 3px 3px #f0f4f7; padding: 5px 0 0 20px;}
.cmtab li{float: left;  padding: 6px 20px 5px 20px; cursor: pointer; }
.cmtab li.active{color: #f66035; border-bottom: none; background: #f0f4f7; border-radius: 10px 10px 0 0; font-weight: normal;}



.cmsection-pop {position:relative; overflow-y:auto; overflow-x:hidden; height:380px; width:96%;}
.cmfield_block {width:100%; display:table; margin:1px;}
.cmfield_item {padding:20px; margin:10px 8px 3px 2px; background-color:#fff; box-shadow: 0px 0px 2px #aaa; position:relative;}

.group_sec {padding: 10px 0px;}
.cmTextBox, .cmTextBox textarea, .cmTextBox select, .cmTextBox input{width: 100%;}
.cmTextBox{position: relative; display: flex;}

.cmTextBox input, .cmTextBox textarea, .cmTextBox select{padding: 5px 5px 5px 10px; border-radius: 3px; text-align: left; font-size: 13px; outline: none; /*box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.15);*/ border: 1px solid #CED6D9;}
.cmTextBox input, .cmTextBox textarea{height:25px;}
.cmTextBox select option {border-bottom: 1px solid #ddd; padding:3px 5px;}
.cmTextBox selected{color:#f66035;}
.cmTextBox textarea { height:75px;}

.cmfield-title { flex: 1 1 auto; cursor: inherit; display: flex; color: #313131; font-size: 15px; padding: 5px 0; word-wrap: break-word; font-weight: 600;}
.cmfield-subtitle { flex: 1 1 auto; cursor: inherit; display: flex; color: #999; font-size: 14px; padding: 5px 0; word-wrap: break-word; font-weight: 600;  text-align: justify;}
.label-title, .cmset-title{font-size: 15px; font-weight: 600; margin: 0 auto;  color: #313131; position:relative; text-align: left;}
.label-title{text-align: center;  padding-top: 20px; padding-bottom: 0;}

.cm_divider {width: calc(100% - 2px); margin: 10px 0; align-self: center; border-style: solid;     border-bottom-style: solid; border-color: #CED6D9; border-bottom-color: rgb(206, 214, 217); border-width: 1px; border-bottom-width: 1px; border-bottom: none;}

.rd-Button{display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; border-radius: 50%; border: 1px solid #ced6d9; box-shadow: 1px 1px 2px -2px #313131; margin-right:10px;}
.rd-innercircle {display: block; width: 8px; height: 8px; border-radius: 50%; background: #f66035;}

.padding-tb-5 {padding:5px 0;}
.padding-tb-10 {padding:10px 0;}
.padding-lr-5 {padding:0 5px;}
.padding-lr-10 {padding:0 10px;}
.margin-l-5 {margin-left:5px;}
.margin-l-10 {margin-left:10px;}
.margin-r-5 {margin-right:5px;}
.margin-r-10 {margin-right:10px;}
.margin-b-5 {margin-bottom:5px;}
.margin-b-10 {margin-bottom:10px;}


.chg-section {display: flex; align-items: center; padding: 10px 0; min-height: 30px;}
.chg-txt > * {
    margin-right: 8px;
}
.chg-txt {flex: 1 1 auto; cursor: inherit;     display: block; -webkit-user-select: none; color: #313131; font-size: 14px;    padding-top: 10px; padding-bottom: 10px; word-wrap: break-word;}


.chg-main{margin-right: 0; display: flex;}
.slider-main{display: flex;}
.rangeslider-wrapper {width: 90px; box-sizing: border-box; margin: 0 10px 0 0; cursor: pointer; position: relative; display: flex;}
.range-slider__range{height: 8px; border-radius: 10px; box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.15); width: 90px; box-sizing: border-box; margin: 10px 0; position: relative; background: #e6e6e6; border: 1px solid #CED6D9; display: block;}

.rangeslider_contain {width: 19px; eight: 100%; border-radius: 10px; top: 0; background: #ffffff; background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%); display: block; position: absolute; box-sizing: border-box;}
.rangeslider_select{ width: 24px; top: -9px; height: 24px; position: relative; cursor: pointer; box-sizing: border-box;}
.rangeslider_point{width: 12px; height: 12px; border-radius: 40px; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);     background: #F2F2F2; border: 1px solid #CED6D9; cursor: pointer; display: inline-block; position: absolute; }
.rangeslider-textfield {width: auto; position: relative; display: flex;}
.rangeslider-textfield input{box-sizing: border-box; width: 50px; text-align: center; padding: 5px; border-radius: 3px; font-size: 13px; outline: none; box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.15); border: 1px solid #CED6D9;}

.innercmtab {display:table; width:100%;}
.innercmtab li{float: left; border-bottom: 2px solid #a0abaf; cursor:pointer; width: 50%; text-align: center; color: #333;}
.innercmtab li.active{border-bottom: 2px solid #f66035; color: #f66035;}

.colorcircle-container {border-radius: 50%; height: 25px; width: 25px; border: 1px solid #aaa; display: flex;    justify-content: center; align-items: center; background-color: #f8f8f8; flex: none; }

.colorcircle-sec {border-radius: 50%; height: 15px; width: 15px; cursor: pointer; position: relative; overflow: hidden;  display: flex; justify-content: center; align-items: center; border: 1px solid #617379; }

.colorcircle-uncheck:after{content: ""; position: absolute; left: 7px; top: 0px; width: 0; height: 6px; border: solid #617379; border-top-width: medium;    border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-width: 0 1px 11px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.revertbtn{width: auto; max-width:40%; padding:5px; border: 1px solid #617379; color: #617379; font-size: 14px; border-radius: 30px; display: flex; align-items: center; justify-content: center; outline: none; cursor: pointer; margin:0 auto; margin-top:20px;}
.revertbtn:hover{border: 1px solid #f66035; color: #f66035;}

.cmcheckbox, .frm_checkbox {display: block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

.cmcheckbox {padding-left: 23px; font-size: 14px; color:#313131}

/* Hide the browser's default checkbox */
.cmcheckbox input, .frm_checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 15px;
	width: 15px;
	border: 1px solid #ced6d9;
	box-shadow: 1px 1px 2px -2px #313131;
	background-color: #eee;
}

/* On mouse-over, add a grey background color */
.cmcheckbox:hover input ~ .checkmark {
    background-color: #ced6d9;
}

/* When the checkbox is checked, add a blue background */
.cmcheckbox input:checked ~ .checkmark {
    
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.cmcheckbox input:checked ~ .checkmark:after, .frm_checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.cmcheckbox .checkmark:after {
	left: 5px;
	top: 1px;
	width: 2px;
	height: 8px;
	border: solid #f66035;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* Form Section class */
.frm_container {display:block; padding: 10px 20px; position:relative;}
.frm_tab {display:table;}
.frm_tab li{float: left; padding: 0 20px; border-bottom: 2px solid #a0abaf; cursor:pointer;}
.frm_tab li.active{border-bottom: 2px solid #f66035; color: #f66035;}
.frmfield_section {display:table; width:100%;}
.field_item {width:39%; padding:2% 5%; margin:2% 1% 2% 0; background-color:#fff; float:left; box-shadow: 0px 0px 2px #aaa; position:relative; overflow-y:scroll; overflow-x:hidden; height:350px;}
.field_property {width:39%; padding:2% 5%; margin:2% 0 2% 1%; background-color:#fff; float:left; box-shadow: 0px 0px 2px #aaa; position:relative; overflow-y:scroll; height:350px;}
.frm_close {position: absolute;right: 10px;top: 3px; color:#999; cursor:pointer; display:none;} 
.add_item {display:inline; padding:15px 30px 15px 20px; position:relative;}
.add_item li{margin-bottom:15px; margin-right:20px; position:relative; display: inline-table; width: 100%;}
.add_item li span{position: absolute; right: 10px; font-size: 12px; color: #aaa; cursor: pointer; top: 10px;}
.add_item li input{float: left; width: 96%; padding: 10px 0 10px 10px; border-radius: 3px; border: 1px solid #ced6d9; box-shadow: 1px 1px 1px 0px #efefef; color:#777;}
.add_item li input:focus, .add_item li .active{border: 1px solid #f66035; color:#c93e16;}
.frm_addfield {color:#f66035; font-size:12px; font-weight:bold; cursor:pointer; display: inline;}
.frm_addfield span{color: #fff; background-color: #f66035; padding: 0px 5px; border-radius: 10px; font-size: 13px; margin-right: 2px;}
.frm_separate {border-bottom: 1px solid #ddd; padding: 0 0 20px 0;}

.frm_submitbtn, .frm_title{font-size: 14px; color: #888; top: 10px; padding: 15px 0 0 0; display: inline-block; width: 100%;}
.frm_submitbtn input, .frm_title input{float: left; width: 96%; padding: 5px 0 5px 10px; border-radius: 3px; border: 1px solid #ced6d9; box-shadow: 1px 1px 1px 0px #efefef; color:#777; margin-top:5px;}

.frm_captchbtn{position: relative; padding: 20px 0 10px 0;}
.frm_captchbtn input{float: left; width: 96%; padding: 10px 0 10px 10px; border-radius: 3px; border: 1px solid #ced6d9; box-shadow: 1px 1px 1px 0px #efefef; color:#777;}
.frm_captchbtn span{font-size: 14px; color: #888;}

.frm_submitbtn input, .frm_captchbtn input, .frm_title input {height: 25px;}

.field_item {width:90%; max-width:320px;}


.field_type {display:block; padding:10px 0; position:relative;}
	
	.field_type li{position:relative; display: inline-table; width: 100%; padding: 0 10px 0 0;}
	.field_type li span{position: absolute; right: 0; font-size: 12px; color: #aaa; cursor: pointer; top: 10px;}
	.field_type li p{font-size: 14px; color: #888; margin: 0 0 5px 0;}
	.field_type li select{float: left; width: 100%; padding: 10px 0 10px 10px; border-radius: 3px; border: 1px solid #ced6d9; box-shadow: 1px 1px 1px 0px #efefef; color:#777; margin-bottom: 15px;}
	.field_type li select:focus{border: 1px solid #f66035; color:#c93e16;}
	.field_type ul ul{margin: 0;}
	.field_type ul ul li{padding: 0; margin:0 0 10px 10px;}
	.field_type ul ul li input{width: 93%; padding: 7px 0 7px 10px; border-radius: 3px; border: 1px solid #ced6d9; box-shadow: 1px 1px 1px 0px #efefef; color:#777;}
	.field_type ul ul li span{right: 7%;}
	.field_type li input:focus{border: 1px solid #f66035; color:#c93e16;}
	.field_name {font-size: 14px; color: #333; text-align:center; width: 80%; margin: 0 auto; font-weight:600;}
	/*.field_name:after {content: ">";  float: right; cursor:pointer;}
	.field_name:before{content:"<"; float: left; cursor:pointer;}*/
	
	.field_label{margin: 0 0 10px 0;}
	.field_label p{font-size: 14px; color: #888; margin: 15px 0 5px 0;}
	.field_label input{width: 96%; padding: 10px 0 10px 10px; border-radius: 3px; border: 1px solid #ced6d9; box-shadow: 1px 1px 1px 0px #efefef; color:#777;}
	/*.field_label input:hover{background-color:#000;}*/
	.field_label input:focus{border: 1px solid #f66035; color:#c93e16;}
	
	.field_label textarea{width: 100%; padding: 10px 0 10px 10px; border-radius: 3px; border: 1px solid #ced6d9; box-shadow: 1px 1px 1px 0px #efefef; color:#777;}
	/*.field_label textarea:hover{background-color:#000;}*/
	.field_label textarea:focus{border: 1px solid #f66035; color:#c93e16;}
	
	.field_placehold{margin: 0 0 10px 0;}
	.field_placehold p{font-size: 14px; color: #888; margin: 0 0 5px 0;}
	.field_placehold input{width: 96%; padding: 10px 0 10px 10px; border-radius: 3px; border: 1px solid #ced6d9; box-shadow: 1px 1px 1px 0px #efefef; color:#777;}
	.field_placehold input:focus{border: 1px solid #f66035; color:#c93e16;}
	.frmsmall_txt {font-size: 12px; color: #aaa; margin: 15px 0 5px 0;}
	
	.frm_checkboxsection {margin-top: 25px;}
	
	.frm_checkbox {padding-left: 20px; margin-top: 15px; font-size: 14px; color:#888; line-height: 14px;}

/* On mouse-over, add a grey background color */
.frm_checkbox:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.frm_checkbox input:checked ~ .checkmark {
    background-color: #f66035;
}


/* Style the checkmark/indicator */
.frm_checkbox .checkmark:after {
    left: 4px;
    top: 3px;
    width: 5px;
    height: 5px;
    border: solid white;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.frm_submission {font-size: 14px; color: #888; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;  border-left: 1px solid #fff; border-right: 1px solid #fff; display: table; width: 100%; height: 20px;}
.frm_submission:hover {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color:#f2f2f2;}
.frm_submission label{display:table-cell; height:50px; vertical-align: middle; padding:10px;}
.frm_submission.active {border: 1px solid #f66035;}

/* Photo Album Section class */

.pt-gallery-ly{display: block; width:100%; height:132px; cursor:pointer; background-position: center;  background-repeat: no-repeat;}
.ph-gly-opt1{background-image: url("/swiz/editor_new/images/gallery/photogallery_opt1.jpg");}
.ph-gly-opt2{background-image: url("/swiz/editor_new/images/gallery/photogallery_opt2.jpg");}
.ph-gly-opt3{background-image: url("/swiz/editor_new/images/gallery/photogallery_opt3.jpg");}

.ph-gly-option { position: relative; display: table; width: 100%;}

.ph-gly-option ul li {position: relative; float: left; width: 100%; border: 1px solid #fff; padding: 5px 0; margin: 0 0 20px 0; }
.ph-gly-option ul li.active {border: 1px solid #f66035;}

.additem {display: flex; align-items: center; justify-content: space-between; margin-bottom:15px; cursor:pointer;}
.addicon {color:#f66035; font-size: 14px;}
.addicon span{display: inline-flex; justify-content: center; align-items: center; background-color:#f66035; color:#fff; padding:3px; height:10px; width:10px; border-radius: 50%; font-weight: bold; font-size: 16px; margin-right: 5px;}
.del-all,.replace_image{color: #313131; cursor: pointer; user-select: none; font-size: 12px; text-decoration: underline; align-self:flex-start; display: flex; align-items: center; margin-right:0;}
.selected-gallery-Container {width: 100%; display: block; margin: 0 auto; height: 300px; overflow-y: auto;}
.selected-gallery{display: flex;}
.selected-gallery ul{padding:0; margin:0;}
.selected-gallery li{vertical-align: top; display: inline-table; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s;  -webkit-transition:.5s; transition: .5s; text-align: left; margin: 0 5px 25px 5px;  border-radius: 3px; border: 1px solid #CED6D9; box-sizing: border-box; cursor: pointer;}
.selected-gallery li:hover{opacity:0.6}
.selected-gallery li.active{border: 1px solid #f66035;}
.selected-gallery li .imageitem-delete {display:none; position: absolute; right: 0; top: 0; width: 15px; height: 15px; background-color: rgba(255, 255, 255, 0.9);  color: #000; font-size: 12px; font-weight:bold; text-align: center;  vertical-align: middle;  padding: 2px; cursor:pointer;}
.selected-gallery li:hover .imageitem-delete {display:block;}

.imageitem-Container {position: relative; overflow: visible; user-select: none; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-content: space-between; justify-content: flex-start;}

.imageitem-sec {-webkit-user-select: none; /*cursor: move;*/ border-radius: 3px; display: flex; align-items: center; flex-direction: column; flex-wrap: nowrap; position: relative; transition: opacity 0.2s ease-in-out;}
.gallery-image {width: 95px; height: 95px; display: flex; justify-content: center; align-items: center; border-radius: 3px; overflow: hidden;}
.gallery-image img{flex-shrink: 0; max-height: 100%;}
.cmfield_item_scroll {padding:20px 0 20px 20px;}

li.empty-imageitem {position: relative; margin: 0 5px 25px 5px; padding: 2px 0; background-color: #F2F2F2; color: #617379; font-size: 14px; border-radius: 3px; border: 1px dashed #617379; cursor: pointer; width: 95px; height: 95px;}
li.empty-imageitem:hover {opacity:1;}
.empty-sec{height: 100%; display: table-cell; flex-direction: column; align-items: center; justify-content: center; vertical-align: middle; text-align: center;}
.empty-sec span{font-size: 20px; font-weight: bold; line-height: 10px;}

.img-setting-Container {width: 100%; display: block; margin: 0 auto; height: 320px; overflow-x: hidden; overflow-y: auto;}
.large-img-preview {align-self: center; margin: 10px 0; border-radius: 3px; background-color: #F2F2F2; border-color: #F2F2F2; max-width: 100%; max-height: 100%; overflow: hidden;}
.large-img-preview img {display: block; margin: 0 auto; height: auto; border-radius: 3px; border: 1px solid #F2F2F2;   max-width: 100%; max-height: 136px; cursor: pointer;}
.detail-img-txt {padding-top: 0; padding-bottom: 5px; font-style: italic; font-size: 11px; color: #8a8a8a; flex: 1 1 auto; cursor: inherit; display: block; -webkit-user-select: none; word-wrap: break-word; text-align:center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


.ph-gly-txtly {display: flex; align-items: flex-start; margin-top: 10px; min-height: 0; min-width: 0;}
.txtly-col {width: 100px; margin-right: 10px; background-color: #f2f2f2; padding: 10px 5px; border-radius:5px; border: 1px solid #f2f2f2;}
.txtly-opt {width: 84px; height: 84px; background-size: contain; margin: 0px auto; cursor: pointer;}
.txtly-opt1 {background-image: url("/swiz/editor_new/images/gallery/default-textop1.png");}
.txtly-opt2 {background-image: url("/swiz/editor_new/images/gallery/default-textop2.png");}
.txtly-opt3 {background-image: url("/swiz/editor_new/images/gallery/default-textop3.png");}
.txtly-txt {font-style: italic;  font-size: 13px; color: #8a8a8a; flex: 1 1 auto; cursor: inherit; display: block; -webkit-user-select: none; padding-top: 5px; word-wrap: break-word; text-align: center;}
.txtly-col.active{border: 1px solid #f66035; color: #f66035;}

.cmdropdown{width: 100%; position: relative; display: flex; }
.cmdropdown input{width: 100%; padding: 5px 5px 5px 10px; border-radius: 3px; text-align: left; font-size: 13px; outline: none; box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.15); border: 1px solid #CED6D9;}

.cmdropdown textarea{width: 100%; padding: 5px 5px 5px 10px; border-radius: 3px; text-align: left; font-size: 13px; outline: none; box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.15); border: 1px solid #CED6D9;}

.cmdropdown select{width: 100%; padding: 5px 5px 5px 10px; border-radius: 3px; text-align: left; font-size: 13px; outline: none; box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.15); border: 1px solid #CED6D9; position:absolute; top:-17px; }
.cmdropdown select option {border-bottom: 1px solid #ddd; padding:3px 5px;}
.cmdropdown selected{color:#f66035;}


/* Social Section class */
.cmmedia { position: relative;}
.cmmedia label {font-style: italic; font-size: 13px; color: #8a8a8a;}


.cmmedia ul li {-webkit-user-select: none; cursor: move; border-radius: 3px; display: inline-flex; align-items: center;    /*flex-direction: column;*/ flex-wrap: nowrap;  position: relative; height: 48px; width: 48px; border-radius: 3px; box-sizing: border-box; background-color: #fff; margin: 10px 3px; border: 1px solid transparent;}
.cmmedia ul li.active {border: 1px solid #f66035;}
.cmmedia ul li:hover{opacity:0.7;}

.cm-socialmedia {	
	display: block;
	background-image: url("/swiz/editor_new/images/social-media/social_media_appl.png");
	 width:48px;
	 height:48px;
	 cursor:pointer;
	}

.cmt-facebook{background-position: 0 0;}
.cmt-twitter {background-position: -48px 0;}
.cmt-youtube {background-position: -96px 0;}
.cmt-pinterest {background-position: -336px 0;}
.cmt-email {background-position: -240px 0;}
.cmt-gplus {background-position: -144px 0;}
.cmt-instagram {background-position: -288px 0;}
.cmt-linkedin {background-position: -192px 0;}

.active .cmt-facebook{background-position: 0 -48px;}
.active .cmt-twitter {background-position: -48px -48px;}
.active .cmt-youtube {background-position: -96px -48px;}
.active .cmt-pinterest {background-position: -336px -48px;}
.active .cmt-email {background-position: -240px -48px;}
.active .cmt-gplus {background-position: -144px -48px;}
.active .cmt-instagram {background-position: -288px -48px;}
.active .cmt-linkedin {background-position: -192px -48px;}

.smt-socialmedia{display: block; background-image: url("/swiz/editor_new/images/social-media/social_media_appl.png"); width:22px; height:22px; cursor:pointer; margin-right: 7px;}
.smt-facebook{background-position: -11px -61px;}
.smt-twitter {background-position: -62px -62px;}
.smt-youtube {background-position: -109px -62px;}
.smt-pinterest {background-position: -349px -62px;}
.smt-email {background-position: -253px -62px;}
.smt-gplus {background-position: -157px -62px;}
.smt-instagram {background-position: -301px -62px;}
.smt-linkedin {background-position: -205px -62px;}

.sm-ly-opt1, .sm-ly-opt2, .sm-ly-opt3, .sm-ly-opt4, .sm-ly-opt5, .sm-ly-opt6, .sm-ly-opt7{display: block; width:100%; height:42px; cursor:pointer; background-repeat: no-repeat; background-position: center;}
.sm-ly-opt1{background-image: url("/swiz/editor_new/images/social-media/sm1.jpg");}
.sm-ly-opt2{background-image: url("/swiz/editor_new/images/social-media/sm2.jpg");}
.sm-ly-opt3{background-image: url("/swiz/editor_new/images/social-media/sm3.jpg");}
.sm-ly-opt4{background-image: url("/swiz/editor_new/images/social-media/sm4.jpg");}
.sm-ly-opt5{background-image: url("/swiz/editor_new/images/social-media/sm5.jpg");}
.sm-ly-opt6{background-image: url("/swiz/editor_new/images/social-media/sm6.jpg");}
.sm-ly-opt7{background-image: url("/swiz/editor_new/images/social-media/sm7.jpg");}

.sm_option { position: relative;}
.sm_option ul li {position: relative; padding: 10px; border: 1px solid transparent;}
.sm_option ul li.active {border: 1px solid #f66035;}

/* Button Section class */

.cmcheckbox.small {font-size:12px; color:#999;}

.btn-option { position: relative; display: table; width: 100%;}
.btn-option ul li {position: relative; float: left; width: 49%; border: 1px solid #fff; padding: 5px 0; border: 1px solid transparent;}
.btn-option ul li.active {border: 1px solid #f66035;}

.btn-ly{display: block; width:100%; height:42px; cursor:pointer; background-position: center;  background-repeat: no-repeat;}
.btn-opt1{background-image: url("/swiz/editor_new/images/btn/btn_opt1.jpg");}
.btn-opt2{background-image: url("/swiz/editor_new/images/btn/btn_opt2.jpg");}
.btn-opt3{background-image: url("/swiz/editor_new/images/btn/btn_opt3.jpg");}
.btn-opt4{background-image: url("/swiz/editor_new/images/btn/btn_opt4.jpg");}
.btn-opt5{background-image: url("/swiz/editor_new/images/btn/btn_opt5.jpg");}
.btn-opt6{background-image: url("/swiz/editor_new/images/btn/btn_opt6.jpg");}
.btn-opt7{background-image: url("/swiz/editor_new/images/btn/btn_opt7.jpg");}
.btn-opt8{background-image: url("/swiz/editor_new/images/btn/btn_opt8.jpg");}

/* Change Image Section class */

.cmEditBox { width:94%; height: 50px; min-height: 50px; overflow-y: scroll; line-height: 22px; padding: 5px 5px 5px 10px;    border-radius: 3px; text-align: left; font-size: 13px;  outline: none; box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.15);    border: 1px solid #CED6D9; color:#777;}

.cmEditTitle{flex: 1 1 auto;  cursor: inherit; display: flex; -webkit-user-select: none; color: #000; font-size: 14px; padding: 5px 0; word-wrap: break-word;  font-weight: 600;}

.cmntx {font-size: 11px; margin-top: 5px; color:#555;}

.video-container{display:table; height:328px; text-align: center;}
.video_sec{display: table-cell; vertical-align:middle;}
.video-uptxt{font-size: 18px; padding:5px 0; color:#f66035}
.video-updestxt{color: #555; font-size: 13px; font-weight: normal;}
.video-urlsec{font-size: 14px; padding:5px 0; color:#f66035}
.video-urlsec input {width: 100%; padding: 5px 5px 5px 10px; border-radius: 3px; text-align: left; font-size: 13px; outline: none; box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.15); border: 1px solid #CED6D9; color: #777; }

.video-urlsec label {background-color: #617379; color: #fff; border-radius: 15px; -webkit-border-radius: 15px; cursor:pointer;  -moz-border-radius: 15px; -o-border-radius: 15px; -ms-border-radius: 15px; padding: 4px 15px; font-size: 14px; outline: none;}


/* OnOff Button */
.switch {position: relative; display: inline-block; width: 50px; height: 25px;}

.switch input {display:none;}

.chgimg-slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc;  -webkit-transition: .4s; transition: .4s;}

.chgimg-slider:before {position: absolute; content: ""; height: 17px; width: 17px; left: 3px; bottom: 4px; background-color: white;  -webkit-transition: .4s; transition: .4s; }

input:checked + .chgimg-slider {background-color: #f66035; }

input:focus + .chgimg-slider {box-shadow: 0 0 1px #f66035;}

input:checked + .chgimg-slider:before {-webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);}

/* Rounded sliders */
.chgimg-slider.round {border-radius: 34px;}

.chgimg-slider.round:before {border-radius: 50%;}

.chg-descsection {display: flex; align-items: center; padding: 0 0 10px 0; font-size:11px; color: #888;}


/* Change Image Upload Section class */

.Searchpanel-container{position: relative; transition: width 0.3s linear; width: 100%; margin: 0 0 5px;}
.outsearchicon {position: absolute; z-index: 10; top: 10px; left: 10px; height: auto; margin-top: -1px; cursor: pointer; transition: left 0.3s ease;}
.SearchTextBox-sec{width: 100%; position: relative; display: flex;}
.SearchTextBox{border-radius: 3px; box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.15); background: #F2F2F2; height: 22px; opacity: 1; transition: padding-right 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease 0.1s; width: 100%; text-align: left; padding: 5px 30px; outline: none; border: 1px solid #CED6D9;}

.siimg_pgimages {display: table; vertical-align: top; width:100%; }
.siimg_pgimages ul{padding: 0; margin: 0; /*height: 420px; overflow-y: scroll;*/}
.siimg_pgimages li{list-style: none; float: left; margin: 0 12px 30px 12px; background-color: #ebebeb; padding: 10px; width: 120px;  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border:1px solid #ebebeb;}
.siimg_pgimages li:hover, .siimg_pgimages li:active {background-color:#ebebeb; }
.siimg_pgimages li:hover .iimgthumbsdelete {position:absolute; bottom:-13px; right:0; display:block;}
.iimgthumbsdelete img {width:15px;}
.siimg_pgimages li .iimgselect, .siimg_pgimages li .iimgthumbsdelete{display:none;}
.siimg_pgimages li:hover{border:1px solid #d4555b;}
/*.siimg_pgimages li:hover .iimgselect {position: absolute; z-index: 100; top: 30%; left: 20%; right: 20%; display:block; background:#d4555b; padding:3px 25px;  border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px;}*/
.cm_imgname{font-size: 11px; font-weight: 600; color: #333;	text-decoration: none;}

/* Change Background Setting class */
.iimg_imgname{font-size: 11px; font-weight: 600; color: #555;	text-decoration: none; padding-top: 5px;}
.iimg_pgtitle ul{margin:0; padding:0;}
	.iimg_pgtitle ul li{list-style:none; display:inline; margin: 0 10px 0 0; cursor: pointer;}
	.iimg_pgtitle ul li.active{border-bottom:2px solid #d4555b;}
	
.bgimg_upload {
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    height: 150px;
    border: 1px dashed #506a70;
    background-color: #f2f2f2;
	margin:0 auto;
	padding:0 100px;
}

.bgupload_txt {
    font-size: 17px;
    color: #5a7278;
}
.bgupload_txt span {font-size: 30px; font-weight:bold; line-height: 10px;}
.bgupload_img {display:table; margin:10px auto; height: 350px; margin-bottom: 2px;}
.bgupload_img img{max-width:100%;}

.iimg_pgbtm_sec {display: table; width: 100%;}
.iimg_btn {display: table-cell;
    padding: 10px 0 10px 20px;
    font-size: 13px;
    font-weight: 600;
    color: #444;
    vertical-align: bottom;
}
.iimg_btn ul{margin:0; padding:0;}
	.iimg_btn ul li{list-style:none; display:inline; margin: 0 3px 0 0; cursor: pointer; border: 1px solid #333; padding: 3px 10px 2px 10px; border-radius: 8px;}
	.iimg_btn ul li:hover{background-color:#d7d7d7;}

.iimg_pgdelete{text-align: right; padding: 10px 20px 7px 20px; text-decoration:underline; cursor: pointer;}
.iimg_pgdelete:hover{color:#246cff}

.bgtile_col {display:table;margin:20px auto; width:90%;}
.bgtile_col ul{margin:0; padding:0;}
	.bgtile_col ul li{list-style:none; margin: 0 ; border-bottom: 1px solid #cbd6d9; padding: 0;  position:relative;}
.bgtile_text{display: table-cell; padding: 25px 0; font-size: 18px; font-weight: 600; color: #444;}
.bgtile_colblock { position:absolute; top:10px; right:25px; padding: 5px; 
display: table-cell; width: 18px; height: 18px; background-color: #f9f9f9; }
.bgtile_colblock span{padding: 1px; width: 15px; height: 15px; 
border-radius: 50px; position: relative; display: block;  margin: 0;}
.bgtile_nocol { position:absolute; top:20px; right:10px; }
.iimg_pg_content1 {
    display: table;
    width: 100%;
    background-color: #fff;
}

.bgimg_upload {
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    height: 150px;
    border: 1px dashed #506a70;
    background-color: #f2f2f2;
	margin:0 auto;
	padding:0 100px;
}

.bgupload_txt {
    font-size: 17px;
    color: #5a7278;
}
.bgupload_txt span {font-size: 30px; font-weight:bold; line-height: 10px;}

/* Cookie Section class */
.cmTextdrop select{width: 100%; padding: 5px 5px 5px 10px; border-radius: 3px; text-align: left; font-size: 13px; outline: none; box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.15); border: 1px solid #CED6D9; color:#777; }
.cmTextdrop select option {border-bottom: 1px solid #ddd; padding:3px 5px;}
.cmTextdrop selected{color:#f66035;}

/* Change Title Section class */

.container_popup1 {padding: 0 10px; position: relative;}

.cmtitle_item {padding:10px; margin:20px 0 0 0; background-color:#fff; box-shadow: 0px 0px 2px #aaa; position:relative;}
.cm_divider {width: calc(100% - 10px); margin: 10px 0; align-self: center; border-style: solid; border-bottom-style: solid;  border-bottom-style: solid; border-color: #CED6D9; border-bottom-color: rgb(206, 214, 217); border-bottom-color: rgb(206, 214, 217); border-width: 1px; border-bottom-width: 1px; border-bottom-width: 1px; border-bottom: none;}
.Title-Container {display: block; margin: 0 auto; /*height: 380px;*/ overflow-x: hidden; overflow-y: auto;}

.rgt_setdetails { width: 95%; margin: 0 auto; position:relative; padding:15px 0;}
.chgreplace_image { cursor: pointer; user-select: none; color: #f66035; font-size: 11px; text-decoration: underline; align-self: flex-start; float:right;}
.titlerevertbtn {padding: 5px; color: #f66035; font-size: 11px; justify-content: left; outline: none; cursor: pointer; text-decoration: underline;}
.browse-wrap {     top:0;     left:0;     margin:0 0 8px 0;     cursor:pointer;     overflow:hidden;     padding:10px;     text-align:center;     position:relative;     background-color:#f6f7f8;     border:solid 1px #d2d2d7;}
.title {color:#f66035; font-size:14px; font-weight:bold;}
.upload {     right:0;     margin:0;     bottom:0;     padding:0;     opacity:0;     height:300px;     outline:none;     cursor:inherit;     position:absolute;     font-size:1000px !important;}
.upload-path {margin:0; padding: 10px 0; font-size: 11px; color: #888;}
.sbtbtn {padding: 5px 25px; color: #f66035; font-size: 13px; justify-content: left; outline: none; cursor: pointer;  display: inline-block; border: 1px solid #aaa; border-radius: 10px; margin-left:5px;}
.sbtbtn:hover {background:#f66035;  color: #fff;}

/* Icon Section class */
.icon-Container{width: 96%; display: block; height: 380px; overflow-x: hidden; overflow-y: auto;}
.iconsection-pop{position: relative; overflow-y: auto; overflow-x: hidden;}
.iconfield_item {padding: 5px 15px; margin: 10px 8px 3px 0; background-color: #fff; box-shadow: 0px 0px 2px #aaa;    position: relative;}
.ic-large-img-preview {margin: 10px 0; border-radius: 3px; background-color: #F2F2F2; max-width: 100%; max-height: 100%; overflow: hidden; text-align: center; font-size: 80px; color: #617279; background-image: url('/swiz/editor_new/images/right_arror.png');   background-repeat: no-repeat; background-position: right; }

.icon_smitem{}
.icon_smitem ul{margin:0; padding:0;}
.icon_smitem li{list-style: none; padding:6px 8px; float: left; width: 32px; height: 32px; font-size: 25px; display: block; text-align: center; vertical-align: middle; color: #999; cursor:pointer;}
.icon_smitem li:hover{color: #333;}
.ic-small-preview {margin: 10px 0; border-radius: 3px; max-width: 100%; max-height: 100%; overflow: hidden; text-align: center; font-size: 30px; color: #617279; background-image: url('/swiz/editor_new/images/right_arror.png');   background-repeat: no-repeat; background-position: right; padding: 10px 0; }

.ic-small-preview.iconopt1 .fa{ border: 1px solid #fff; border-radius: 20%; vertical-align:middle; padding:15px;}
.ic-small-preview.iconopt2 .fa{background-color: #dfe4e7;  border: 1px solid #fff; border-radius: 20%; vertical-align:middle; padding:15px;}
.ic-small-preview.iconopt3 .fa{border-radius: 50%; border: 1px solid #617279; vertical-align:middle;  padding:15px;}
.ic-small-preview.iconopt4 .fa{background: #dfe4e7; border: 1px solid #617279; vertical-align:middle;  padding:15px;}


.ic-option {text-align: center; font-size: 30px; color: #617279;  width: 60px; height:60px; display:table-cell; vertical-align:middle;}
.ic-option.iconopt1{}
.ic-option.iconopt2{background-color: #dfe4e7; border-radius: 20%;}
.ic-option.iconopt3{border-radius: 50%; border: 1px solid #617279;}
.ic-option.iconopt4{background-color: #dfe4e7; border: 1px solid #617279;}
.icon_rgtdetails{display: table; width: 100%;}
.ic-row{text-align: center; margin: 0 auto; display: inherit; padding: 12px 0 0 0;}
.ic-option.select {border: 1px solid #f66035;}


.more-opt {display: table;}
.more-opt:after {content: ""; text-align: right; vertical-align: middle; display: table-cell;  font-size: 14px; color: #111; font-weight: bold; background-image: url("/swiz/editor_new/images/right_arror.png"); background-repeat: no-repeat; background-position: right;}
/* New Popup Style End */ 

.bgimgposition-section {display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between;}

.bgimgposition-wraper {
    position: relative;
    margin-top: 10px;
    padding-top: 30px;
    padding-bottom: 10px;
    min-width: 20px;
    text-align: center;
    color: #617379;
    user-select: none;
    cursor: pointer;
}

.bgimgposition-icon {
    font-size: 20px;
    color: #617379;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.bgimgposition-cover::after, .bgimgposition-full::after, .bgimgposition-tile::after, .bgimgposition-norepeat::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
	right: 0;
    width: 25px;
    height: 25px;
    border: 0.05em solid currentColor;
    border-radius: 3px;
	margin: 0 auto;
}

.bgimgposition-icon::before {
    content: '';
    position: absolute;
    background: currentColor;
    height: 0.25em;
    width: 0.25em;
    left: 0;
	display: block;
	right: 0;
	margin: 0 auto;
}

.bgimgposition-cover::before {
    top: 11px;
    width: calc(25px + 0px);
}

.bgimgposition-full::before {
    top: 1px;
	height: 25px;
	width: 25px;
}

.bgimgposition-tile::before {
   top: 4px;
box-shadow: 0.35em 0 0 currentColor, 0.7em 0 0 currentColor, 0px 0.35em 0 currentColor, 0.35em 0.35em 0 currentColor, 0.7em 0.35em 0 currentColor, 0px 0.7em 0 currentColor, 0.35em 0.7em 0 currentColor, 0.7em 0.7em 0 currentColor;
margin:0;
left: 4px;
}

.bgimgposition-norepeat::before {
   top: 0.15em;
left: 14px;
margin: 0;
}
.bgimgposition-icon.active {color:#f66035;}


.bgimgposition-wraper Label {
    font-style: italic;
    font-size: 11px;
    color: #8a8a8a;
	padding: 0;
	flex: 1 1 auto;
    cursor: inherit;
    display: block;
    -webkit-user-select: none;
    word-wrap: break-word;
	text-align: center;
}

.ArrangementSection-full-screen-38u::before {

    width: 100%;
    height: 100%;
    border-radius: 3px;

}

/* Shop New Layout Begin */
.spcol-md-1, .spcol-md-2 {
  position: relative;
  min-height: 1px;
  padding: 0 15px 0 0;
  box-sizing: border-box;
}
.spcol-md-2 {
  position: relative;
  min-height: 1px;
  padding: 0 15px 0 30px;
  box-sizing: border-box;
}
.sp-lft-block {
    color: #d4555b;
}
.sp-rgt-block {
    color: #d4555b;
    /*margin: 10px 0;*/
    box-sizing: border-box;
    background-color: #f8f8f8;
    -webkit-box-shadow: 0px 1px 0px 0px #bbb;
    -moz-box-shadow: 0px 1px 0px 0px #bbb;
    box-shadow: 0px 1px 0px 0px #bbb;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    font-size: 20px;
    padding: 30px 20px;
}
.sp-table {display:table; width:100%;}
.sp-tablecell {display:table-cell;}
.sp-vrt-middle {vertical-align:middle}
.shoplink1 {font-size:16px; cursor:pointer; color:#555555; font-weight:600; }
  .shop-img {background-image: url("/shwiz/images/shop-sprite.png");}
  .shop-addproduct{background-position: 0 0; width: 42px; height: 42px;	cursor: pointer;}
  .shop-shipping{background-position: -42px 0; width: 42px; height: 42px;	cursor: pointer;}
  .shop-rearrange{background-position:-84px 0; width: 42px; height: 42px;	cursor: pointer;}
  .shop-edit{background-position:-126px 0; width: 42px; height: 42px;	cursor: pointer; margin: 0 auto;}

  .shop-wrapper {border: 1px solid #adb1b5; border-radius: 10px; text-align: center;} 
  .shop-heading {font-size:16px; color:#555555; font-weight:600; }
  .shop-desc {font-size:16px; cursor:pointer; color:#555555; font-weight:600; }
  .shop-acbtn {font-size:16px; cursor:pointer; color:#555555; font-weight:600; }
  .shop-acbtn ul {margin: 0; padding: 0;  list-style: none;}
  .shop-acbtn ul li{display: inline-block; padding:8px 12px; font-size: 15px; color: #333; cursor:pointer; border: 1px solid #adb1b5;  font-weight:600; border-radius:3px;}
  .shop-acbtn ul li:hover{text-decoration: none;  color: #000000; text-decoration: underline;}
  .shop-hrow {background:#f8f8f8; color:#555;  font-size: 15px;  font-weight:600; border-radius: 10px 10px 0 0;}
  .shop-row {display: table; width: 100%; border-bottom: 1px dotted #ccc; box-sizing: border-box;}
  .shop-column {display: table-cell; color: #909090; font-size: 15px; text-align:center; vertical-align: middle;}
   .shcol-1 {width: 10%; margin: 0 auto; text-align: center; display: block;}
  .shcol-2 {width:15%}
  .shcol-3 {width:45%}
  .shcol-4 {width:15%}
  .shcol-5 {width:15%}
  .shcol-6 {width:50%}
  .shcol-12 {width:100%}
  .shop-productimg {Width:50px; height:50px; background:#ede7e7; margin: 0 auto; padding:5px; cursor:pointer;}
  .shop-productimg img {Width:100%;}
  .shop-hrow .shop-column {color: #555;}

  .shcheckbox {display: block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

.shcheckbox {padding-left: 23px; font-size: 14px; color:#313131}

/* Hide the browser's default checkbox */
.shcheckbox input{
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom checkbox */
.shcheckmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 15px;
	width: 15px;
	border: 1px solid #ced6d9;
	box-shadow: 1px 1px 2px -2px #313131;
	background-color: #eee;
}

/* On mouse-over, add a grey background color */
.shcheckbox:hover input ~ .shcheckmark {
    background-color: #ced6d9;
}

/* When the checkbox is checked, add a blue background */
.shcheckbox input:checked ~ .shcheckmark {
    
}

/* Create the checkmark/indicator (hidden when not checked) */
.shcheckmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.shcheckbox input:checked ~ .shcheckmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.shcheckbox .shcheckmark:after {
	left: 5px;
	top: 1px;
	width: 2px;
	height: 8px;
	border: solid #f66035;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.shp_rgtxt {font-size: 15px; color:#333; font-weight: 600; padding:15px 0 7px 0}
.shop-homebtn {display: inline-table; text-align: right; cursor:pointer; background-color: #555; padding: 6px 10px 5px 10px; border-radius: 9px; margin-bottom:15px;}
.shop-homebtn img {display: table;}
.shop-homebtn span {display: table-cell; vertical-align: middle; color: #d4555b;}
.sh-spare {padding:5px 0}

.shopimg-sec {display:table; width:100%;}
.shopimg-big{display:table-cell; width:50%; text-align: center; vertical-align:middle; position:relative; cursor:pointer;}
.shopimg-big img{border:1px solid #d5d9dc; width:152px; height:152px;}
.shopimg-upload{display:table-cell; width:50%; text-align:center;  vertical-align:middle; color:#323b43; font-size:14px; }
.shopimg-upload h3{font-size: 22px; padding: 0; margin: 0;}
.shopimg-upload span{color:#3374ff;display: inline-block; }
.shopimg-big .shopimg-edit{display:none; position:absolute; right:15px; top:2px; z-index:1;}
.shopimg-big:hover .shopimg-edit{display:block;}
.shopimg-edit img{ width:auto; height:auto; background: rgba(0,0,0,.6);     border: none;  font-size: 18px;    height: 15px; margin: 0 2px 5px 0; padding: 2px; width: 15px;}

.shopimgsub-sec {display:table; width:100%;}
.shopimg-small{display:table-cell; text-align: center; vertical-align:middle; position:relative; cursor:pointer;}
.shopimg-small img{border:1px solid #d5d9dc; width:60px; height:60px;}
.shopimg-small .shopimg-edit{display:none; position:absolute; right:0; top:2px; z-index:1;}
.shopimg-small:hover .shopimg-edit{display:block;}
.shopimg-edit img{ width:auto; height:auto; background: rgba(0,0,0,.6); border: none;  font-size: 18px;    height: 15px; margin: 0 2px 5px 0; padding: 2px; width: 15px;}
.shopimgsub-sec ul{padding:0; margin:0}
.shopimgsub-sec li{list-style:none; display: inline-block;}

.sp-form-field {vertical-align:top; text-align: left;}
.sp-form-field label{display:inline-block; text-align:left; font-size: 14px; color:#808080; font-weight: 600; padding-bottom:10px;}
.sp-form-field span{float: right;  font-size: 12px; color:#808080;}
.sp-unedit {font-size:20px; font-weight:600; color: #333; margin-left: 13px;}
.sp-frm-stxt{font-size: 12px; color:#808080;}
  
@media (min-width: 992px) {
  .spcol-md-1, .spcol-md-2{float: left;}
  .spcol-md-1{width: 65%;} 
  .spcol-md-2{width: 35%;}  
}
/* Shop New Layout End */
/* Divider Style */

hr {
  border: 0;
}
.cmd-hr-contain {width: 100%; display: block; margin: 0 auto; text-align: center;}

.cmd-hr-sec {vertical-align: middle; padding: 8px; margin: 0;  margin: 0 auto; text-align: center; cursor:pointer;} 
.cmd-hr-sec.active {border:1px solid #f66035;}
.cmd-hr-sec.opt1 hr{display: block; margin: 18px 0; border-top: 2px solid #999; }
.cmd-hr-sec.opt2 hr{display: block; margin: 18px 0; border-top: 2px dotted #999;}
.cmd-hr-sec.opt3 hr{display: block; margin: 18px 0; border-top: 2px dashed #999;}
.cmd-hr-sec.opt4 hr{display: block; margin: 18px 0; border-top: 5px double #999;}
.cmd-hr-sec.opt5 hr{background-image: url("/swiz/editor_new/images/divider/divider-opt5.png"); background-repeat: no-repeat; width:198px; height:7px; padding: 0; margin: 0 auto; border: none;  margin-top: 18px;}
.cmd-hr-sec.opt6 hr{background-image: url("/swiz/editor_new/images/divider/divider-opt6.png"); background-repeat: no-repeat; width:100px; height:20px; padding: 0; margin: 0 auto; border: none;  margin-top: 10px;}
.cmd-hr-sec.opt7 hr{background-image: url("/swiz/editor_new/images/divider/divider-opt7.png"); background-repeat: no-repeat; width:190px; height:28px; padding: 0; margin: 0 auto; border: none;  margin-top: 10px;}
.cmd-hr-sec.opt8 hr{background-image: url("/swiz/editor_new/images/divider/divider-opt8.png"); background-repeat: no-repeat; width:180px; height:35px; padding: 0; margin: 0 auto; border: none;  margin-top: 3px;}
.cmd-hr-sec.opt9 hr{background-image: url("/swiz/editor_new/images/divider/divider-opt9.png"); background-repeat: no-repeat; width:200px; height:13px; padding: 0; margin: 0 auto; border: none;  margin-top: 15px;}
.cmd-hr-sec.opt10 hr{background-image: url("/swiz/editor_new/images/divider/divider-opt10.png"); background-repeat: no-repeat; width:200px; height:13px; padding: 0; margin: 0 auto; border: none;  margin-top: 15px;}
.cmd-hr-sec.opt11 hr{background-image: url("/swiz/editor_new/images/divider/divider-opt11.png"); background-repeat: no-repeat; width:200px; height:18px; padding: 0; margin: 0 auto; border: none;  margin-top: 15px;}
.cmd-hr-sec.opt12 hr{background-image: url("/swiz/editor_new/images/divider/divider-opt12.png"); background-repeat: no-repeat; width:200px; height:23px; padding: 0; margin: 0 auto; border: none;  margin-top: 10px;}

.cmd-hr-list.opt1 hr, .cmd-hr-list.opt2 hr, .cmd-hr-list.opt3 hr, .cmd-hr-list.opt4 hr, .cmd-hr-list.opt5 hr, .cmd-hr-list.opt6 hr, .cmd-hr-list.opt7 hr, .cmd-hr-list.opt8 hr, .cmd-hr-list.opt9 hr, .cmd-hr-list.opt10 hr, .cmd-hr-list.opt11 hr, .cmd-hr-list.opt12 hr {margin: 5px;}

/* Divider Style */

/* Slider Section class */

.wdslider-option { position: relative; display: table; width: 100%;}
.wdslider-option ul{padding:0; margin:0}
.wdslider-option ul li {position: relative; float: left; width: 100%; border: 1px solid #fff; padding: 5px 0; border: 1px solid transparent; list-style:none;}
.wdslider-option ul li.active {border: 1px solid #f66035;}

.wdslider-ly{display: block; width:100%; height:135px; cursor:pointer; background-position: center;  background-repeat: no-repeat;}
.wdslider-opt1{background-image: url("/swiz/editor_new/images/slider/slider_opt1.jpg");}
.wdslider-opt2{background-image: url("/swiz/editor_new/images/slider/slider_opt2.jpg");}
.wdslider-opt3{background-image: url("/swiz/editor_new/images/slider/slider_opt3.jpg");}

/* List Section class */

.wdlist-option { position: relative; display: table; width: 100%;}
.wdlist-option ul{padding:0; margin:0}
.wdlist-option ul li {position: relative; float: left; width: 100%; border: 1px solid #fff; padding: 5px 0; border: 1px solid transparent; list-style:none;}
.wdlist-option ul li.active {border: 1px solid #f66035;}

.wdlist-ly{display: block; width:100%; height:135px; cursor:pointer; background-position: center;  background-repeat: no-repeat;}
.wdlist-opt1{background-image: url("/swiz/editor_new/images/list/list_opt1.jpg");}
.wdlist-opt2{background-image: url("/swiz/editor_new/images/list/list_opt2.jpg");}
.wdlist-opt3{background-image: url("/swiz/editor_new/images/list/list_opt3.jpg");}
.wdlist-opt4{background-image: url("/swiz/editor_new/images/list/list_opt4.jpg");}
.wdlist-opt5{background-image: url("/swiz/editor_new/images/list/list_opt5.jpg");}
.wdlist-opt6{background-image: url("/swiz/editor_new/images/list/list_opt6.jpg");}

/* Tab Section class */

.wdtab-option { position: relative; display: table; width: 100%;}
.wdtab-option ul{padding:0; margin:0}
.wdtab-option ul li {position: relative; float: left; width: 100%; border: 1px solid #fff; padding: 5px 0; border: 1px solid transparent; list-style:none;}
.wdtab-option ul li.active {border: 1px solid #f66035;}

.wdtab-ly{display: block; width:100%; height:135px; cursor:pointer; background-position: center;  background-repeat: no-repeat;}
.wdtab-opt1{background-image: url("/swiz/editor_new/images/tab/tab_opt1.jpg");}
.wdtab-opt2{background-image: url("/swiz/editor_new/images/tab/tab_opt2.jpg");}
.wdtab-opt3{background-image: url("/swiz/editor_new/images/tab/tab_opt3.jpg");}

/* Website Setting Page */
.wb-pg-item {padding:0; margin:10px 0 0 0; position:relative;}
.wb-pg-setting {width:100%;}
.wb-pg-block {color:#d4555b; margin: 2% 0; box-sizing: border-box; background-color:#f8f8f8; padding:15px 0; -webkit-box-shadow: 0px 1px 0px 0px #bbb; -moz-box-shadow: 0px 1px 0px 0px #bbb; box-shadow: 0px 1px 0px 0px #bbb; border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; 	-o-border-radius: 10px;	-ms-border-radius: 10px; font-size:20px; padding:25px 60px; display: table; vertical-align:middle; position:relative; width:100%;} 
.wb-pg-text {color:#a3a3a3; font-size: 14px; font-weight: 600; text-align: left; vertical-align: middle; /*display: table-cell;*/ width: 100%;}
.wb-pg-text h2 {color: #666666; font-size: 18px; font-weight: 600; text-decoration: none; padding:0 0 5px 0; margin:0; }
.wb-img-sec {float:right; padding-left:35px;}
.wb-img-block {width: 102px; height: 102px; display: table;  position:relative;}
.wb-img-block1 {width: 60px; height: 40px; display: table;  position:relative;}
.wb-img-box {width: 100%; height: 100%; position: relative; margin: 0; padding: 2px 0; background-color: #F2F2F2; color: #617379; font-size: 14px; border-radius: 3px; border: 1px dashed #617379; cursor: pointer; display: table-cell; vertical-align:top;  text-align: center;}
.wb-img-box img {width: 100%;}
.wb-img-box .wb-delete{position:absolute; right:0; top:0; background-color: rgba(255, 255, 255, 0.6); font-size: 12px; font-weight: 600; text-transform:uppercase; color:#333; padding: 5px; z-index: 2; border-radius: 3px;}
.wb-img-box p{padding:0; margin:0;}

/* Duplicate page */
.pagenavig_container li ul li {position:relative;}
.pagenavig_container ul ul ul {display: none; z-index:10; padding: 5px 8px; margin:0; 	position: absolute; top: 15%;  left:50%; min-width: 160px; -webkit-transform:translatey(-8px);  transform:translatey(-8px);
 opacity:0;  -webkit-transition:opacity .3s ease-out,transform .4s ease-out;  transition:opacity .3s ease-out,transform .4s ease-out; cursor: default; border: 1px solid #CED6D9; box-shadow: 4px 4px 8px 0px rgba(64, 65, 71, 0.28);
background-color: #fafafa;}

.pagenavig_container ul ul ul span {
    border-width: 1px;
    border-color: transparent transparent #fff #fff; box-shadow: -1px 1px 1px 0px rgba(0, 0, 0, 0.1);
transform: rotate(59deg) skewY(-14deg) skewX(10deg); transform-origin: 0 0; border: 6px solid #fff;
position: absolute;
z-index: -1000;
backface-visibility: hidden;
width: 0; padding: 0; height: auto; left: 0px; top: 11px;
}
 
.pagenavig_container ul ul li:hover > ul {display: block; opacity:1;
 -webkit-transform:translatey(0);
 transform:translatey(0); -webkit-transition:all .5s ease-in-out;
 transition:all .5s ease-in-out; }
.pagenavig_container ul ul ul li {
	float: left; 
	width:100%! important;
	position: relative;
	/*background:#e46c32;*/
	margin:0 0 5px 0;
	padding:5px 3px;
	font-size:14px;
	box-sizing: border-box;
	border-bottom:1px solid #CED6D9;
}
.pagenavig_container ul ul ul li:hover {background-color:transparent; color:#d4555b; -webkit-transition:opacity .5s ease-out,transform .6s ease-out;  transition:opacity .5s ease-out,transform .6s ease-out;}

.pagenavig_container ul ul ul li:last-child {border-bottom:none; margin:0;}

li.duplicate-img{ background: url('/ui_design/design1/images/duplicate-img.png') no-repeat top right;}
li:hover.duplicate-img{ background: url('/ui_design/design1/images/duplicate-imgover.png') no-repeat top right;}
li.delete-img{ background: url('/ui_design/design1/images/delete-img.png') no-repeat center right;}
li:hover.delete-img{ background: url('/ui_design/design1/images/delete-imgover.png') no-repeat center right;}
li.seo-img{ background: url('/ui_design/design1/images/seo.png') no-repeat top right;}
li:hover.seo-img{ background: url('/ui_design/design1/images/seohover.png') no-repeat top right;}
li.rename-img{ background: url('/ui_design/design1/images/rename-img.png') no-repeat top right;}
li:hover.rename-img{ background: url('/ui_design/design1/images/rename-imghover.png') no-repeat top right;}
li.show-img{ background: url('/ui_design/design1/images/show-img.png') no-repeat top right;}
li:hover.show-img{ background: url('/ui_design/design1/images/show-imghover.png') no-repeat top right;}
li.hide-img{ background: url('/ui_design/design1/images/hide-img.png') no-repeat top right;}
li:hover.hide-img{ background: url('/ui_design/design1/images/hide-imghover.png') no-repeat top right;}

.choose-page {color:#fff; margin-top: 8px; font-size: 20px; display: inline-block;}
.choose-page select {background: #2f373a; border: medium none; margin-left: 10px; padding:5px; 
	font-size:16px;
	color:#f1f1e7;
	border: 2px solid #6e6e6e;
	font-weight: 500;
	-webkit-appearance: none; 
   -moz-appearance: none;
   appearance: none;       /* remove default arrow */
   background-image: url('/ui_design/design1/images/plus.png');
   background-repeat:no-repeat;
   background-position:right center;
   min-width: 300px;
   border-radius:5px;
}


/* Client Customization */
.wmtbl_col5 {width:5%;}
 .wm_hgt{height: 250px; min-height: 700px;}
 .wm_title {
    color: #000000;
    font-size: 20px;
    font-weight: bold;
}
.wm_btext {
    color: #000000;
    font-size: 13px;
    font-weight: bold;	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width:150px;
}
.wm_tfield {
    color: #000000;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
}

a.wm_account:link , a.wm_account:active, a.wm_account:visited {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}
a.wm_account:hover {
    text-decoration: none;
}

.wm_heading {
    color: #000000;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
	background-color:#ccc;
	padding:5px;
}
.wm_heading_txt {
    color: #000000;
    font-size: 14px;
    text-decoration: none;
	padding:5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width:100px;
	background-color:#e8e8e8;
}
.wm_heading_txt a:link, .wm_heading_txt a:active, .wm_heading_txt a:visited {
    color: #000000;
    font-size: 14px;
    text-decoration: underline;
	padding:5px;
}
.wm_heading_txt a:hover {
    text-decoration: none;
}
a.wm_help:link, a.wm_help:active, a.wm_help:visited {
    background-position: right center;
    color: #000000;
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;
}
a.wm_help:hover {
    color: #666;
}
.wm_ntext {
    color: #000000;
    font-size: 11px;
    font-weight: normal;
}

@media screen and (max-width: 1000px) {
.wmtbl_col5 {width:0%;}
.wm_title {font-size: 15px;}
.wm_tfield, .wm_account {display:none;}
.wm_hgt{min-height: 500px;}
}


/* Site dashboard Start */
.featuresTitle {COLOR: #6d6d6d; font-weight: 300; font-size: 40px; padding: 0;}
.wmb_btn {color: #fff; background: #d4555b; font-size: 14px; text-align: center; cursor: pointer; -webkit-appearance: none; font-weight: 400; display: inline-block; margin-right: 10px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; -ms-border-radius: 30px; border: none; min-width: 194px; height: 34px; line-height: 36px; margin: 0; float: none; padding: 0 20px;}
.wmb_btn:hover {opacity:0.9}
.directList {display: table; width: 100%; position:relative;}
.dashboard-listTitle {
    width: 100%;
    font-size: 0;
    white-space: nowrap;
    background-color: #e7eaea;
    border: 1px solid #dddddd;
    overflow: visible;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    box-sizing: border-box;
    background-clip: padding-box;
    width: 100%;
    cursor: default;
	display:table;
	
}
.dashboard-listTitle > div{
    display: table-cell;
    vertical-align: middle;
    border-right: 1px solid transparent;
    color: #6d6d6d;
    font-size: 17px;
    font-weight: 400;
    height: 46px;
    overflow: visible;
    box-sizing: border-box;
    padding: 8px 0 8px 17px;
}
.dashboard-listTitle .snapCol {
    min-width: auto;
}

.dashboard-listTitle .col1{
text-align: right;
margin: 0; list-style: none; padding:0 20px; line-height: 0; 
    white-space: nowrap;
}
.dashboard-listTitle .col1 li{text-align: center; margin-left: 0; display: inline-block;
margin: 0 auto;
overflow: visible;
position: relative;
padding-left: 25px; color:#6d6d6d}

.dashboard-listTitle .col1 li {color:#6d6d6d; font-size:17px;}
.dashboard-listTitle .col1 li:last-child {cursor:pointer;}
.dashboard-listTitle .col1 li:last-child:hover{color:#d4555b; }
.dashboard-listTitle .col1 li i {padding-right:5px;}


.row-siteLine {
    background: #fff;
    font-size: 0;
    clear: both;
    border: 1px solid #ddd;
        border-top-color: rgb(221, 221, 221);
        border-top-style: solid;
        border-top-width: 1px;
    border-top: none;
    height: 120px;
    /*white-space: nowrap;
    overflow: hidden;*/
    width: 100%;
    box-sizing: border-box;
}
.snapsimgCol {float: none;
display: table-cell;
vertical-align: middle;
height: 100%;
overflow: hidden;
padding: 0;
    padding-top: 0px;
border-right: 1px solid #dddddd;
box-sizing: border-box; min-width: 116px; height: 120px;
padding-top: 0;
position: relative;}
.snapsimgColinner {width: 100%;
height: 120px;
overflow: hidden; display:table-cell; vertical-align:middle; text-align:center}
.snapsimgColinner img{
opacity: 0.8;
width: 100%;}
.row-siteLine .col1 {
    width: 100%;     float: none;
    display: table-cell;
    height: 100%;
    padding: 0;
    box-sizing: border-box;
	vertical-align: top;
padding-top: 25px;
padding-left: 18px;
padding-right: 42px;
}
.siteDatalist {float: left; font-size: 0;
white-space: nowrap;}
.siteIndicator{
width: 8px;
height: 8px;
display: inline-block;
vertical-align: top;
margin-top: 7px;
margin-right: 9px;
border-radius: 50%;
background: #d4555b;
font-size: 0;
white-space: nowrap;}
.siteData{float:left;}
.siteData h3{    max-width: 280px;
color: #333; cursor: pointer;
font-size: 15px;
font-weight: 600;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin: 0;
padding: 0 13px 0 0;
display: inline-block;
vertical-align: top;}
.siteData a{
display: inline-block;
color: #d4555b;
font-size: 12px;
vertical-align: top;
padding: 1px 8px;
border: 1px solid #d4555b;
border-radius: 10px;    text-decoration: none;
}
.siteData a:hover{color: #fff; background-color:#d4555b;
}
.siteData h4, .siteData p{   font-size: 13px;
font-weight: normal;
position: relative;
overflow: hidden;
padding-right: 5px;
text-overflow: ellipsis;
white-space: nowrap;
margin: 6px 0 0px;
padding: 0;color: #6d6d6d;}

.sitefunction{
float: right;
margin: 25px 0; list-style: none; padding:0; line-height: 0;     font-size: 0;
    white-space: nowrap;
}
.sitefunction li{cursor: pointer;
text-align: center; margin-left: 0; display: inline-block;
font-size: 14px;
margin: 0 auto;
overflow: visible;
position: relative;
padding-left: 25px; color:#6d6d6d}

.sitefunction li {color:#6d6d6d; font-size:15px;}
.sitefunction li:hover{color:#d4555b;}
.sitefunction li i {padding-right:5px;}

/* Duplicate page */
.sitefunction li ul li {position:relative;}
.sitefunction li ul {z-index:10; padding: 5px 8px; margin:0; 	position: absolute; top: 150%;  left:0; right:0; min-width: 110px; -webkit-transform:translatey(-8px);  transform:translatey(-8px);
 opacity:0;  -webkit-transition:opacity .3s ease-out,transform .4s ease-out;  transition:opacity .3s ease-out,transform .4s ease-out; cursor: default; border: 1px solid #CED6D9; box-shadow: 4px 4px 8px 0px rgba(64, 65, 71, 0.28);
background-color: #fafafa;}

.sitefunction li ul span {
    border-width: 1px;
    border-color: transparent transparent #fff #fff; box-shadow: -2px -2px 0px 0px rgba(0, 0, 0, 0.1);
transform: rotate(59deg) skewY(-14deg) skewX(10deg); transform-origin: 0 0; border: 6px solid #fff;
position: absolute;
z-index: -1000;
backface-visibility: hidden;
width: 0; padding: 0; height: auto; left: 30px; top: -8px;
}
 
.sitefunction li:hover > ul {display: block; opacity:1;
 -webkit-transform:translatey(0);
 transform:translatey(0); -webkit-transition:all .5s ease-in-out;
 transition:all .5s ease-in-out; }
.sitefunction li li {
	float: left; 
	width:100%! important;
	position: relative;
	/*background:#e46c32;*/
	margin:0 0 5px 0;
	padding:15px 13px;
	font-size:14px;
	box-sizing: border-box;
	border-bottom:1px solid #CED6D9;
	color:#6d6d6d;
	text-align:left;
}
.sitefunction li li:hover {background-color:transparent; color:#d4555b; -webkit-transition:opacity .5s ease-out,transform .6s ease-out;  transition:opacity .5s ease-out,transform .6s ease-out;}

.sitefunction li ul li:last-child {border-bottom:none; margin:0;}

.imgselect-tab {background-color:#eee; display: table; width: 100%; padding:5px 0 0 5px;}
.imgselect-tab ul {padding:0; margin:0; }
.imgselect-tab ul li{float: left; list-style:none;
	position: relative;
	padding:7px 17px;
	font-size:14px;
	box-sizing: border-box;
	color:#6d6d6d;
	text-align:left; cursor:pointer; border-radius: 5px 5px 0 0;}
	
.imgselect-tab ul li.select {background:#d4555b;  color:#fff;}
.imgselect-tab ul li.select:after {
    z-index: -1;
    position: absolute;
    top: 98.1%;
    left: 70%;
    margin-left: -25%;
    content: '';
    width: 0;
    height: 0;
    border-top: solid 8px #d4555b;
    border-left: solid 8px transparent;
    border-right: solid 8px transparent;
}

.img-picker{font-size: 14px; color: #444;}
/* Site dashboard End */
.page-container {margin: 10px auto !important;}
.page-container, .rename_section ul {width: 75%;}
.fun_btn .cm_btn { min-width: 100px; padding: 8px; font-size: 15px;}

/* Choose category Start */
label {font-weight: 400! important;}
.akmodel {padding:0}
.choose-cat {
    max-width: 400px;  
    margin: 30px auto;
    box-sizing: border-box;
    text-align: left;    
}

.choose-cat ul {margin:0; padding:0; list-style:none}
.choose-cat li { background-color: #fff; border: 0 solid #D4D4D4; -webkit-box-shadow: 0px 2px 1px 1px rgba(231,231,231,1); -moz-box-shadow: 0px 2px 1px 1px rgba(231,231,231,1); box-shadow: 0px 2px 1px 1px rgba(231,231,231,1); margin: 13px 0; list-style: none; font-size:14px}

/*form page */
.choose-cat form {margin:0;}

.choose-cat input[type=checkbox], .choose-cat input[type=radio] {-webkit-appearance: none; position: relative; margin: 0 7px 0 0; padding: 0;      border: 0; vertical-align: middle; overflow: hidden;}

/* The radio & checkbox */
.select-radio-btn, .select-checkbox-btn {display: block; position: relative; cursor: pointer;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

/* Hide the browser's default radio & checkbox button */
.select-radio-btn input, .select-checkbox-btn input {position: absolute; opacity: 0; cursor: pointer;}

/* Create a custom radio button */
.radio_checkmark, .checkbox_checkmark {position: absolute;  top: 18px; left: 10px; height: 15px;  width: 15px; background-color: #eee;    -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out;}

/*.radio_checkmark{border-radius: 50%;}*/

/* On mouse-over, add a grey background color */
.select-radio-btn:hover input ~ .radio_checkmark, .select-checkbox-btn:hover input ~
.checkbox_checkmark {background-color: #cbe8ff;}

/* When the radio button is checked, add a blue background */
.select-radio-btn input:checked ~ .radio_checkmark, .select-checkbox-btn input:checked
~ .checkbox_checkmark  {background-color: #d4555b;}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio_checkmark:after, .checkbox_checkmark:after {content: "";
position: absolute; display: none;}

/* Show the indicator (dot/circle) when checked */
.select-radio-btn input:checked ~ .radio_checkmark:after, .select-checkbox-btn
input:checked ~ .checkbox_checkmark:after {display: block;}

/* Style the indicator (dot/circle) */
/*.select-radio-btn .radio_checkmark:after {
      top: 3px; left: 3px; width: 10px; height: 10px;  border-radius:
50%; background: #fff; }
*/
/* Style the indicator (dot/circle) */
.select-radio-btn .radio_checkmark:after, .select-checkbox-btn .checkbox_checkmark:after {
       left: 3px;
     top: -1px;
     width: 6px;
     height: 12px;
     border: solid white;
     border-width: 0 3px 3px 0;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
}

/* Database Value */
.choose-cat form select {padding: 0 5px;}
.choose-cat textarea {height:100px;}
.choose-cat input[type=checkbox], .choose-cat
input[type=radio] {margin: 0;}
.select-radio-btn, .select-checkbox-btn {padding: 15px 35px;}
.radio_checkmark, .checkbox_checkmark {background-color: #d4555b; border:2px solid #d4555b}
.select-radio-btn:hover input ~ .radio_checkmark, .select-checkbox-btn:hover input ~ .checkbox_checkmark {background-color: #ffe4b9;}
.select-radio-btn input:checked ~ .radio_checkmark, .select-checkbox-btn input:checked ~ .checkbox_checkmark  {background-color: #d4555b;}

/* Choose category End */


@media screen and (max-width:1300px){
	input.cm_wb_btn {padding:10px 14px; font-size: 15px; min-width: 140px;}
}
@media screen and (max-width:992px){
.page-container, .rename_section ul {width: 87%; }
.cm_btn, input.cm_wb_btn{min-width: 130px; padding: 10px 15px 8px 15px; font-size: 13px; margin: 0 2px;}
.title_container {/*display: inline-block;*/ text-align: center;}
.common_title{padding: 0; border-bottom: 0 solid #a2a2a2;}
.common_title img{display:none;}
.addpage_field {margin-top: 0;}
}

@media screen and (max-width:600px){
	.inputpublish {width: 100%; min-width:auto;}
	input.cm_wb_btn {margin-top:8px; min-width:110px}
	.pagenavig_container li ul li{padding:5px; font-size:14px;} 
	.navigation_container img{width:40px;}
}
@media screen and (max-width:420px){
	.cm_btn, input.cm_wb_btn{min-width: auto; padding: 5px 10px 5px 10px; font-size: 11px; margin: 0 2px;}
	.wb_btext {font-size: 13px;}
}