html, body {	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Georgia !important;
	font-size: 12pt !important;
	line-height: 20px !important;
	background-color: #ffffff;
	/* The html and body elements cannot have any padding or margin.*/
}

.packge_name_field, .command_name_field, .ws_name_field, .has_controller_field, .command_method_field, .variable_name_field, .variable_type_field {
    font-size: small;
    float: left;
    min-width: 100px;
    padding-right: 20px;
    vertical-align: top;
    padding-top: 4px;
}

* {
  box-sizing: inherit;
}

.config-form-container select {
	width: 155px;
}

/*===========================*/

/*
.stb-header {
    background-color:#fcc930;
    padding:10px;
}

.stb-logo {
    font-weight:bold;
    font-size:14px;
    text-align:right;
}

.stb-logo img {
    width:45px;
}

.stb-search input{
    border-radius:20px;
    margin-top:5px;
}

.stb-storename {
    font-weight: bold;
    font-size: 14px;
    margin-top: 10px;
    text-align: right;
}

.stb-acc-icon img {
    width:45px;
}


.stb-scr-1{
    background-image:url(/images/wall.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
}

.stb-scr-1-content {
    text-align:center;
    margin-top:200px;
    box-shadow: unset !important;
}

.stb-scr-1-content h3 {
    box-shadow: unset !important;
}

.stb-scr-1-content input {
    width:350px;
    display:table-cell;
    margin-bottom:20px;
    border:1px solid #1f2c56;
    border-radius:20px;
    height:40px;
}

button {
    background-color: #1f2c56;
    color:#fff !important;
    border:0px;
    padding:10px 30px 10px 30px;
    border-radius:20px;
    text-transform:uppercase;
}

button:hover {
    color:#1f2c56 !important;
    background-color:#fff;
    transition: all 0.2s ease 0.2s;
}

.stb-scr-2{
    background-color: #fdc82e;
    width: 100%;
    height: 100%;
    padding: 10%;
}

.stb-scr-2-content-right img {
    width:60%;
}

.stb-scr-2-content-right {
    text-align:center;
}

.stb-scr-2-content-right input {
    width:350px;
    display:table-cell;
    margin-bottom:20px;
    border:1px solid #1f2c56;
    border-radius:20px;
    height:40px;
    margin-top:25px;
}



.stb-scr-3{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0; 
}

.stb-scr-3-content-left img {
    width:100%;
}

.stb-scr-3-content-right .content {
    background-color:#fed24d;
    padding:40px;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.stb-scr-3-content-right .content label {
    color:#1f2c56;
    margin-top:10px;
    font-size:14px;
}


.stb-scr-3-content-right h3 {
    color:#1f2c56;
    font-weight:bold;
}

#regbisiness {
    width:20px;
}



.stb-load-scr {
    width: 100%;
    height: 100%;
    padding: 15%;   
}

.stb-load-scr-content {
    text-align:center;
}

.stb-load-scr-content img {
    width:400px;
    margin-bottom:200px;
}



.navbar-fixed-left {
width: 140px;
position: fixed;
border-radius: 0;
height: 100%;
}

.navbar-fixed-left .navbar-nav > li {
float: none;  /* Cancel default li float: left */
width: 139px;
}

.navbar-fixed-left + .container {
padding-left: 160px;
}

/* On using dropdown menu (To right shift popuped) */
.navbar-fixed-left .navbar-nav > li > .dropdown-menu {
margin-top: -50px;
margin-left: 140px;
}


.stb-overview {
    width: 100%;
    height: 100%;  
}

.stb-right-content {
    height:87%;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    padding:2%;
}

.stb-over-view-container {
    margin-top:30px;
    width:100%;
}

.navbar-fixed-left {
    height:87%;
    padding:5%;
}

.navbar-fixed-left a {
    font-size:21px;
}

.stb-right-content h3 {
    font-weight:bold;
    color:#050751;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    padding:15px;
}

.stb-right-steps {
    height:300px;
    background-color:#ffd84d;
    padding:2%;
}

.stb-right-content h4 {
    font-weight:bold;
    color:#050751;
    padding:10px;
    border:1px solid #ffffff;
    width:auto;
    margin-bottom:20px;
}

.stb-right-content h4:hover, .stb-right-content h4.active {
    background-color:#050751;
    color:#fff;
    transition: all 0.2s ease 0.2s;
    cursor:click;
}

.stb-right-steps-right {
    background-color:#fff;
    padding:20px;
}

.stb-right-steps-right h4 {
    font-weight:bold;
    font-size:21px;
    padding:0px;
}

.stb-right-steps-right p {
    font-size:13px;
    line-height:1.7;
    margin-bottom:20px;
}*/




/*==================================*/






/*.field_info.field_info_style {
    width: 48% !important;
}

.field_info.field_info_style input, .field_info.field_info_style select {
    width: 100% !important;
}

form#add_variable table .field_info.field_info_style {
	width:48%;
}

form#add_variable table .variable_name_field, form#add_variable table .variable_type_field, {
	width:37%;
	font-size:small;
}
*/

#add_domain #domain_name {
	margin-right: 15px;
}


#block-options ul li a:hover, #block-options ul li:hover {
 color:#866868 !important;
}

.dropdown-menu > li > a{
 color:#ffffff;
}

.account-options .dropdown-menu > li > a{
 color:#444444;
}

#invite_email label {
    display: none;
} 

#invite_email select {
    width: 100%;
}

#inviteProject {
    margin-top: 15px;
}

#application_modify_settings input {
    padding-left: 10px;
}

#application_modify_settings #applicationImage {
    padding-left: 0 !important;
}

.invited-user-tbl {
	font-size:14px;
}

/* Wrapper for page content to push down footer 
#loaderdiv, #maindiv {
	min-height: 60%;
	height: auto !important;
	height: 100%;
	margin: 0 auto 30px;
}
*/

/* #loaderdiv {
	text-align: center;
	padding-top: 300px;
	font-size: 18pt;
} */

.header {
	background:#ffffff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);	   		
	color: #555555 !important;
}

.logo_align {
    height: auto;
    margin-left: 3%;
    padding: 5px;
    width: 190px;
	background:#ffffff;
	padding: 15px !important;
	
}

.login-new #text-right {
	text-align: left !important;
	margin-bottom: 10px;
}

.login-new .col-md-offset-5 {
	margin-left: 0px !important;
}

.left-zero .col-md-5-offset {
	display: none
}

.login_content
{
	margin-top:6%;
}
.signup_top
{
	margin-top:15px;
	margin-bottom: 16px;
}

.label_align
{
	margin-top:-3px;
}
.appstore_center
{
	text-align:center;
}

.upgrade_head
{
	margin-left:10px;
	padding-top:10px;
}

.align_left
{
 margin-left:200px;
}
#upgrade_th
{
	height:30px !important;
	padding-left:5px !important; 
	
}
.upgrade_td
{
	padding-top:15px !important;
	
}
.upgrade_table
{
	width:60% !important;
	margin-left:10px !important;
	
}
#upgrade_btn {
    margin-top: 20px;
    padding-bottom: 10px;
}
.label_style
{
 font-size:small;
 float:left;
 min-width:125px;
 padding-right:20px;
 vertical-align:top;
 padding-top:4px;
 
}
.field_style
{
 font-size:small;
 float:left;
}
.align_style
{

 padding-bottom:50px;
}
.btn_area
{
 margin-bottom:-20px;

}

.ui-widget-content {
    background: #ffffff url("") repeat-x scroll 50% top !important;
        
}

/* Set the fixed height of the footer here */
#push, #footer {
//	height: 200px;
}

#footer {
	
	background: #ffffff;  		
	color: #555555 !important;
    bottom: 0;
    font-size: 14px;
    height: auto !important;
    position: relative;
    width: 100%;
    overflow-x: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	z-index:10;
}

.follow {
}

.footerlink {
	
}

.tab_style
{
	padding:0 !important;
	min-height: 605px !important;
	height: auto !important;
	
}
.tab_style2
{
	border-radius: 0px !important;
}

.headclass
{
	 border-top-left-radius: 0px !important;
	 border-top-right-radius: 0px !important;
	 padding: 0.2em !important;
}

/* Lastly, apply responsive CSS fixes as necessary */
@media ( max-width :767px) {
	#footer {
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
	}
}

.ui-dialog-buttonset > button {
  
  background: #f7f9fa ;
  background-image: -webkit-linear-gradient(top, #f7f9fa, #f2f6f7);
  background-image: -moz-linear-gradient(top, #f7f9fa, #f2f6f7);
  background-image: -ms-linear-gradient(top, #f7f9fa, #f2f6f7);
  background-image: -o-linear-gradient(top, #f7f9fa, #f2f6f7);
  background-image: linear-gradient(to bottom, #f7f9fa, #f2f6f7);
  -webkit-border-radius: 5 ;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #333133;
  font-size: 16px;
  padding: 3px 12px 3px 12px;
  border: solid #c7d3db 1px;
  text-decoration: none;
  font-weight: normal;
}
.ui-dialog-buttonset > button.ui-button {
  
  background: #f7f9fa !important;
  background-image: -webkit-linear-gradient(top, #f7f9fa, #f2f6f7) !important;
  background-image: -moz-linear-gradient(top, #f7f9fa, #f2f6f7) !important;
  background-image: -ms-linear-gradient(top, #f7f9fa, #f2f6f7) !important;
  background-image: -o-linear-gradient(top, #f7f9fa, #f2f6f7) !important;
  background-image: linear-gradient(to bottom, #f7f9fa, #f2f6f7) !important;
  -webkit-border-radius: 5 !important;
  -moz-border-radius: 5 !important;
  border-radius: 5px !important;
  font-family: Arial !important;
  color: #333133 !important;
  font-size: 16px !important;
  padding: 0px !important;
  border: solid #c7d3db 1px !important;
  text-decoration: none !important;
  font-weight: normal !important;
  margin-bottom:0px !important;
  
}


.ui-dialog-buttonset> button:hover {
  
 background: #d9dee0 !important;
  background-image: -webkit-linear-gradient(top, #d9dee0, #f7f9fa);
  background-image: -moz-linear-gradient(top, #d9dee0, #f7f9fa);
  background-image: -ms-linear-gradient(top, #d9dee0, #f7f9fa);
  background-image: -o-linear-gradient(top, #d9dee0, #f7f9fa);
  background-image: linear-gradient(to bottom, #d9dee0, #f7f9fa);
  text-decoration: none;
}

.ui-dialog-buttonset:hover > button .ui-button {
  
 background: #d9dee0 !important;
  background-image: -webkit-linear-gradient(top, #d9dee0, #f7f9fa) !important;
  background-image: -moz-linear-gradient(top, #d9dee0, #f7f9fa) !important;
  background-image: -ms-linear-gradient(top, #d9dee0, #f7f9fa) !important;
  background-image: -o-linear-gradient(top, #d9dee0, #f7f9fa) !important;
  background-image: linear-gradient(to bottom, #d9dee0, #f7f9fa) !important;
  text-decoration: none !important;
}
.install_btn
{
	padding:0px !important;
}

.install_btn_pane
{
	 margin-bottom:-7px !important;
	 font-weight: normal!important;
	 padding: 0px 0px 0px 0px !important;  
}

.topbutton {
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}

.topmenu {
	background-color: #808080
}

.title {
	color: white;
	text-align: right;
	text-alignment: right;
	vertical-align: middle;
	background-color: #808080;
	font-weight: bold;
}

.formClass {
	border: 0;
	margin: 0;
}

.nicefont {
	margin: 0;
	font: normal 12px tahoma, arial, helvetica, sans-serif;
}

.document_main {
	width: 95%;
	padding-left: 35px;
}

.document_head {
	color: #2A75A9;
	
}
.document_bottom {
	padding-bottom:1px;
	
}

.document_subhead {
	color:#333;
	

	
}

.document_subhead1 {
	color: #2A75A9;
	padding-left: 35px;
}

.document_li {
	padding-bottom: 10px;
}

 .faq_sub_head {
	padding-top: 10px;
	color: #2A75A9;
}

.document_content {
	padding-left: 35px;
	padding-bottom: 30px
}

.document_content1 {
	padding-left: 35px;
}

.account_label {
	font-size: 16px;
}

.table_style {
	border: thin solid #000000;
	line-height: normal;
	padding: 0px;
	clear: left;	
	width:auto;
}

.row_style td {
	padding:5px 20px 5px 5px;
	/*background-color: #F4F4F4;*/
	font-size: 16px;

}

.row_style  .check_pos {
	padding-left: 70px;
}

.table_style thead th {
	text-align: left;
	color: #FFFFFF;
	background-color: #045b80 ;
	margin-left: 20px;
    padding: 5px 40px 5px 5px;
	font-size:16px!important;
	font-weight: normal;
	
}

.table_style thead tr {
	background-color: #332532;
}

td {
	padding-bottom: 5px;
}

.list_table {
	width: 15%;
	float: left;
}



.error {
	color: #CA0000 !important;
	font-size: 12px !important;
	margin-bottom:8px !important;
	font-weight: normal !important;
}

.app_img {
	display: block;
    height: 130px;
    margin-left: auto;
    margin-right: auto;
	width: 130px;
}

.content{
	margin: 0 auto;
    width: 90%;
}

.app_grid{
	border-width : 1px;
	border-color: #d3d7cf;
	border-radius: 5px;
	border-style: solid;
	padding: 6px;
	width: 205px;
	margin: 10px;
	height: 300px;
	text-align:center;
}

.app_grid_list{
	border-width : 1px;
	border-color: #d3d7cf;
	border-radius: 5px;
	border-style: solid;
	padding: 6px;
	width: 205px;
	margin: 10px;
	height: 280px;
}

.myapps_launch{
	margin-top:7px;
	margin-bottom:-4px;
}

.app_grid tbody:hover {
	background: rgb(252, 255, 244); / Old browsers / / IE9 SVG, needs
	conditional override of 'filter' to 'none' / background :
	url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmZmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5Y2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(252, 255, 244, 1) 0%,
		rgba(233, 233, 206, 1) 100%); / FF3 .6+ / background :
	-webkit-gradient( linear, left top, left bottom, color-stop( 0%, rgba(
	252, 255, 244, 1)), color-stop( 100%, rgba( 233, 233, 206, 1))); /
	Chrome ,Safari4+ / background : -webkit-linear-gradient( top, rgba( 252
	, 255, 244, 1) 0%, rgba( 233, 233, 206, 1) 100%); / Chrome10
	+,Safari5.1+ / background : -o-linear-gradient( top, rgba( 252, 255,
	244, 1) 0%, rgba( 233, 233, 206, 1) 100%); / Opera 11.10+ / background
	: -ms-linear-gradient( top, rgba( 252, 255, 244, 1) 0%, rgba( 233, 233,
	206, 1) 100%); / IE10 + / background : linear-gradient( to bottom,
	rgba( 252, 255, 244, 1) 0%, rgba( 233, 233, 206, 1) 100%); / W3C /
	filter : progid : DXImageTransform.Microsoft.gradient ( startColorstr =
	'#fcfff4', endColorstr = '#e9e9ce', GradientType = 0); 
	border-color: #D8D8C9;
}
.app_grid_list tbody:hover {
	background: rgb(252, 255, 244); / Old browsers / / IE9 SVG, needs
	conditional override of 'filter' to 'none' / background :
	url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmZmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5Y2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(252, 255, 244, 1) 0%,
		rgba(233, 233, 206, 1) 100%); / FF3 .6+ / background :
	-webkit-gradient( linear, left top, left bottom, color-stop( 0%, rgba(
	252, 255, 244, 1)), color-stop( 100%, rgba( 233, 233, 206, 1))); /
	Chrome ,Safari4+ / background : -webkit-linear-gradient( top, rgba( 252
	, 255, 244, 1) 0%, rgba( 233, 233, 206, 1) 100%); / Chrome10
	+,Safari5.1+ / background : -o-linear-gradient( top, rgba( 252, 255,
	244, 1) 0%, rgba( 233, 233, 206, 1) 100%); / Opera 11.10+ / background
	: -ms-linear-gradient( top, rgba( 252, 255, 244, 1) 0%, rgba( 233, 233,
	206, 1) 100%); / IE10 + / background : linear-gradient( to bottom,
	rgba( 252, 255, 244, 1) 0%, rgba( 233, 233, 206, 1) 100%); / W3C /
	filter : progid : DXImageTransform.Microsoft.gradient ( startColorstr =
	'#fcfff4', endColorstr = '#e9e9ce', GradientType = 0); 
	border-color: #D8D8C9;
}
.security_td_info
{
padding: 8px 25px 8px 16px;
}

.admin_title {	
 margin-bottom:30px;
 padding-left:8px;
 
}
.insert_block_heading
{
 color: #2A75A9;
}
.insert_block_heading2
{
 color: #2A75A9;
 margin-top:-35px;
}
.insert_block_heading3
{
 color: #2A75A9;
 margin-top:20px;
}
.float_avoid
{
 float: none;
}
.block_align
{
 margin-top:15px !important;
}
.block_align2
{
 margin-top:10px !important;
}
.block_align3
{
 margin-top:-10px !important;
}
.block_bottom_space
{
 float:none;
 padding-bottom:40px;
}

.dijitToggleButton, .dijitButton, .dijitDropDownButton, .dijitComboButton {
    margin: 0px !important;
    
}

.carousel-control
{
	border: 0px solid #fff !important;
	border-radius: 4px !important;
	font-size: 0px !important;
	font-weight: normal !important;
	height: 72px !important;
	left: 0;
	line-height: normal !important;
	margin-top: 0px !important;
	width: 32px !important;
	opacity: 0.3;
}

.carousel-control.right {
    right: 0px !important;
}

.img_carousel {
   margin-top:18px;
}

.carousel_heights {
	
   min-height:500px !important;
}

.claro .dijitTreeRow,
.claro .dijitTreeNode .dojoDndItemBefore,
.claro .dijitTreeNode .dojoDndItemAfter {
	
  width:auto !important;
 
}

/*Bootstrap support*/

.full-width
{
	width:100%;
}

#follow a img {
	margin-right:10px;
	width: 35px;
	height: 35px;
	padding:0px !important;
}

#follow a {
	text-decoration: none;
}

#footerlinks {
	text-align: center;
}

#footerlinks a {
	padding: 5px 20px;
	 text-decoration: none;
}

a[text-decoration=none] {
	color: #25303D;
}

.document_subhead > h4
{
	
	 font-size: 19px !important;
	 font-weight: normal!important;
}

.form-group > label
{
	 font-weight: normal !important;
}

.ui-dialog-titlebar-close
{
	box-sizing: border-box !important;
}
#text-right
{
	text-align: right;
}


#add_webservice #has_controller {
	width: 191px;
}

#has_controller {
	width: 192px;
}

.ui-widget input[type='text'], .email-field, select,textarea
  {
  display: block;
  width: 206px;
  height: 20px !important;
  padding: 4px 6px;
  font-size: 14px;
  line-height: 20px;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
           margin-bottom: 10px;
           margin-left:0px !important;
           
}

textarea
{
	height: auto !important;
}
.scroll-hidden
{
	overflow: hidden !important;
	
}
.scroll-hidden-width
{
	overflow: hidden !important;
	min-width: 340px !important;
}

.left-zero
{
	margin-left:0px !important;
}


.error-helper > label
{
	 font-weight: normal !important;
	 padding-left: 5px;
}

.appstore_center > label
{
	font-weight:400 !important;
	cursor: default;
}

.left-right-zero
{
	margin-left: 0px !important;
    margin-right: 0px !important;
    overflow-x: hidden;
}


/* Customize Tabs */

.toptab {
    background: #01c5ad none repeat scroll 0 0;
    border-radius: 0 !important;
    font-family: Tahoma,Verdana,Segoe,sans-serif;
    font-size: 17px;
    position: relative;
    text-align: center;
    width: 50%;
}

.toptab.active a {
    background-color: #3e526d !important;
    color: #fff !important;
    position: relative;
}

/*
.toptab.active a:active {
    transform: scale(1.01) !important;
}
*/


.toptab.active a {
    border: 0 none !important;
    border-radius: 0 !important;
    box-shadow: 1px 1px 14px -3px #333333;
    background-color: #3e526d !important;
    color: #fff !important;
    padding: 10px;
    position: relative;
    z-index: 10;
}

.toptab a {
    color: #fff !important;
}

.toptab a:hover {
	background-color:#00a793 !important;
	border-radius:0px; 
	border:0px;
	padding-bottom:12px;
}

.toptab.active a:hover {
	background-color:#415570 !important;
}

 .secondmenu-btn {
    background-color: #3e526d !important;
    border-color: #3e526d !important;
    color: #fff !important;
	padding:10px !important;
	text-decoration:none !important;
	border:1px solid  #b4b4b4 !important;
}

.secondmenu-btn:hover, .secondmenu-btn:active {
    background-color:#1f2c47 !important;
    border-color: #1f2c47 !important;
    color: #fff !important;
	transition: all 0.5s ease 0s;
	
}

.button-container {
	margin-bottom:10px;
}
/* Top Buttons */

.projectdetails{
	z-index:9999;
}

.select-width{
width:61px !important;
}
#attr table, #cat table{
width: 387px;
}
.chosen-container{
	width: 190px !important;
}

#add_child_command .chosen-drop {
	position:relative !important;
}

#add_variable_mapping .chosen-drop {
	position:relative !important;
}

/*Jsp Cleanup Changes*/

.text_center
{
	text-align:center;
}

/* More info css */
.more-info h3{	
	color: rgb(70, 65, 65);
}
.more-info p{
	font-size: small;
}
#banner-container {
background-color: rgb(48, 13, 43);
color: #fff;
width: 169px;
height: 184px;
text-align: center;
margin: 0 4% 0 auto;


float: right;
background-image: url("/images/White_background_info.jpg");
}

.info_app_img {
    display: block;
    margin-left: initial;
    margin-right: initial;
    width: auto;
    height: 130px;
    
}

.main-heading{
	margin: 21px 0 20px 0;
	text-align:left;
	color: rgb(70, 65, 65);
}

#main-content {
float: left;
width: 646px;
}

.info_right

{
	margin-right:20px;
}

.m-top{
margin-top:15px;
}




.privacy_outer

{
	width:95%;
	padding-left:20px;
}

.privacy_address

{
	padding-left:45px;
}

.privacy_address_row

{
	margin-bottom:4px
}

/*Other Files*/

.hide
{
	 display:none !important; 
}

.launch_outer_div
{
	float: right;
	text-align: right;
	 width: 300px;
}

.launch_inner_div
{
	padding-bottom: 25px;
}

.footerlink p{

color:#ffffff;

}

#footerlinks {

color:#333;
padding-bottom: 5px !important;

} 

.footerlink a{

color:#333;

}

#copyright p{

color:#ffffff;

}

#copyright a{

color:#333;

}

#copyright{

color:#333;
padding:10px;
padding: 0px 10px 0px 10px;
bottom:1;
text-align:center;
width:100%;
padding-top: 0px !important;
font-size:12px;


}

#follow img {
	background:#43515c;
	transition: 0.2s ease !important;	
}


#follow a:nth-child(2) img:hover {
	background:#4e71a8;
	transition: 0.2s ease !important;
}

#follow a:nth-child(3) img:hover {
	background:#1cb7eb;
	transition: 0.2s ease !important;
}

#follow a:nth-child(4) img:hover {
	background:#1686b0;
	transition: 0.2s ease !important;
}

#follow a:nth-child(5) img:hover {
	background:#ca3737;
	transition: 0.2s ease !important;
}

.footerlink{

padding-top:2px;
padding-bottom: 12px;

}

.follow{

color:#333 !important;

}

#follow{

color:#333 !important;
margin-bottom: 7px;

}

#follow a{

color:#333;

}

#login-content {

color:#333 !important;
font-size: 14px;

}

#follow img {
	
	margin-top:10px;
	
}

.forgot-pass{
	
	font-size:13px;
	vertical-align: middle;
}

.follow-us {
	
	margin-bottom: -15px;
    padding-bottom: 10px;
    font-size:11px;
    display:none;
	
}

.ui-dialog .ui-dialog-titlebar-close {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("/images/close.png") !important;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    border: 0 none;
    height: 25px !important;
    margin-right: 7px !important;
    margin-top: -12px !important;
    width: 25px !important;
}
	

/*Feedback*/

.feedback_outer_div
{
	margin-top:15px;
	margin-bottom:-2%;
	width:345px;

}


.label_info
{
 font-size:small;
 float:left;
 min-width:75px;
 padding-right:20px;
 vertical-align:top;
 padding-top:4px;
 
}

.large_label_info
{
	min-width:100px;
}

.field_info
{
 font-size:small;
 padding-bottom:5px;
 float:left;
}

.feedback_field_info
{
 padding-bottom:15px;
}

.feedback_width_info
{
	height:150px;	
}

.textarea_label_info
{
	padding-top:0px;
}

.feedback_height_info
{
	height:150px;
}	

.feedback_field_info input[type="text"], .email-field
{
	box-sizing: unset !important ;
}

/*Footer*/

.footer_outer
{
	text-align: center; 
	padding: 5px
}



.signup_btn
{
	margin-left:-37px;
}
	
	
#login-content .form-control::-moz-placeholder {
    color: #fff;
   
}	

#login-content .form-control::-webkit-input-placeholder {
    color: #fff;
   
}

#login-content .form-control:-ms-input-placeholder {
    color: #fff;
   
}

.signup-form .form-control::-moz-placeholder {
    color: #fff;
}

.signup-form .form-control::-webkit-input-placeholder {
    color: #fff;
   
}

.signup-form .form-control:-ms-input-placeholder {
    color: #fff;
   
}

.signup-form .btn {
   margin-left: 0px !important;
}	

.bottom_ten
{
	padding-bottom: 10px;
}

.signup_bottom
{
	margin-bottom:-18px !important;
}
	
.row_style td
{
	font-size: 15px !important;
	
}

.app_login .document_subhead > h4
{
	
	padding-bottom:10px !important;

}

.login_content .document_subhead > h4
{
	font-weight: normal !important;
	font-size:19px !important
}

.dialog_confirm_message{

	font-size:15px;
	margin: 15px 20px 10px 2px;
	min-width:170px;
	min-height:20px;
	padding-right:50px;
	width:82%;
		
}

.faq_outer .col-md-12
{
	padding-left: 0px !important;
}

.width_auto
{
	width:auto !important;
}

.login .error
{
	margin-bottom: 0px !important;
}

.bottom_25
{
	margin-bottom: 25px!important;
}

.login_content label:empty {
   display: none;
}

.forgot_psd_top
{
	padding-top: 15px;
}

.signup_bottom label:empty {
   display: none;
}

.width_for_large
{
	width:90% !important;
}
/**/

.btn_right
{
	margin-right:4px;
}

.login .document_subhead > h4
{
	margin-bottom: 20px !important;
} 

.login .col-md-offset-4
{
	margin-top:5px !important;
}
.common-btn
{
	margin-top:10px;
}

.margin_auto
{
	margin:0 auto;
}
.login
{
	margin-left:2%;
}

.signup-form
{
	margin-left:15px !important;
	margin-top: 25px !important;
	margin-bottom: 40px !important;
}

.signup-form .document_subhead
{
	margin-bottom: 10px;
}

.signup-form .bottom-signup
{
	margin-bottom: 20px !important;
	font-size: 13px;
}

.terms_policy
{
	height: 24px !important;
}

.label_min_width
{
	margin-left:35px !important;
	padding-top: 0px!important;
}

.document-common .document_subhead{
 font-size:19px;
 font-weight:normal;
 text-align:left;
 padding-bottom:20px !important;
 padding-top:10px !important;
}

.manage-content{
 padding-top:30px;
 margin-left:55px;

}

.btn-grp{
 margin-top:-5px;
}

.btn_save
{
	margin-top:-29px;
}

.forgotpassword .document_subhead >h4
{
	margin-bottom: 0px !important;
}

#forgotpassword .form-control
{
	width:230px;
} 

 

#changeemail  .document_subhead > h4
{
	margin-bottom: 0px !important;
}

.top-space
{
	margin-top:10px !important;
	margin-left:15px !important;
}

#changepassword .manage-content
{
	margin-left:55px !important;
	margin-top:20px !important;
}

#changepassword .document_subhead > h4
{
	margin-bottom: 0px !important;
	margin-left:-15px!important;
}

#changepassword .common-btn
{

	margin-top:0px !important;
}

.account-overview
{
	margin-top:35px !important;
}

#validationMessage
{
	margin-left:-40px !important;
	margin-top:5px !important;
}

@media (max-height:769px) and (min-height:400px) { 
	
.login .col-md-3
{
	width:28%;
}	



.login .col-md-offset-3 {
    margin-left: 28%;
}

.login_content{

 margin-top:7.1% !important;
 margin-bottom: 9.75% !important;
}



}/*First media  ending*/


.sign_btn
{
	margin-top:5px;
}

.account_link
{
	font-size: 15px!important;
}

.account-overview .document_subhead > h4
{
	margin-bottom: 20px !important;
}

#changepassword
{
	margin-left:15px;
}

#forgotpassword 
{
	margin-top:10px !important;
	margin-left:-15px !important;
}

#changepassword .col-sm-2 
{
	width:17.8%;
}

#changepassword .col-sm-offset-2
{
	margin-left:17.8%;
}


/*New UI implementation [application_list.jsp] start*/

.store-navigation li a{
 
  border:0px !important;
  color : #9a9ea7 !important;
  
}

.store-navigation a{
  font-size:12px;
}

.store-navigation i{
  font-size:12px;
}


.store-navigation li{
	border-bottom:1px solid #1a1d22 !important;
	border-top:1px solid #434855 !important;
  	width:100%;
}

.store-navigation > .nav-tabs > li.active > a, .store-navigation > .nav-tabs > li.active > a:focus, .store-navigation > .nav-tabs > li.active > a:hover {

background: -webkit-gradient(linear, center top, center bottom, from(#4c5160), to(#373b46)) !important;

background-image: linear-gradient(#4c5160, #373b46) !important;
color: #eaeaea !important;
border-radius:0px !important;

}

.store-navigation .nav > li > a:focus, .store-navigation .nav > li > a:hover {

background:#5a6174 !important;
color:#eaeaea !important;
border-radius:0px !important;
margin-right:0px;

}

.wel-text{
	line-height:1.4;
}

.appstore-tabs .tab-pane {
    padding-top: 15px;
}

.applist-tabs {
padding-top:10px;
}

.applist-tabs .active a {
  font-weight:bold;
  background: -webkit-gradient(linear, center top, center bottom, from(#4c5160), to(#373b46)) !important;
  background-image: linear-gradient(#4c5160, #373b46) !important;
  color: #eaeaea !important;
  border-top-right-radius: 0 20px 0 0 !important;
  font-size: 14px;
}


.caption__overlay__content .dijitButtonNode {
background:transparent !important;
border:0px !important;
box-shadow:unset !important;	
color:#fff !important;
	
}

.caption__overlay__content .dijitButtonNode:hover {

background:transparent !important;
border:0px !important;
box-shadow:unset !important;	
color:#333 !important;
	
}

.app-name{
	
	font-size
}

.store-navigation li.active a{
  /* background:#337ab7 !important; */
  color:#eaeaea;
  border-radius:5px;
  margin-right:0px !important;
 /*  margin-bottom:10px;
  margin-top:10px; */
}

.store-navigation li.active a:hover{
	color:444 !important;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

.store-navigation{
  background:#ffff;
  padding-top:0px;
  padding:10px;
  height:auto !important;
  margin-right: 10px !important;
}
.apps-list-area{
  background:#fff !important;
  padding:10px;
  height:auto;
}

.app-details img{
  width:100%;
}
.app-details p {
     font-size: 13px;
    font-weight: normal;
    margin-top: 10px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform:capitalize;
}


.huge-c{
  width:97%;
  margin:0 auto;
  float: left;
  margin-left: 11px !important;
  margin-top: -25px !important;
 }

.huge-c .apps-list-area {
    padding-left: 0;
}

.huge-c .wel-text {
    margin-left: 7px;
}

.app-details {
 margin: 0 12px 15px auto;
 max-width: 480px;
 float:left;
 height: 199px;
 width: 228px !important;
 background: #fff;
 border:1px solid #fff;
 color:#737373;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    color: #737373; 
}

.raw-material h4{
   
    color:#816f2c; 
}

.caption__overlay p{
   
    font-size:11px;
    line-height:1.5;
   
}


/*
 * Caption component
 */
.raw-material {
    position: relative;
    overflow: hidden;

    /* Only the -webkit- prefix is required these days */
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
}

.raw-material::before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    transition: background .35s ease-out;
    border-bottom: 1px solid #dedede;
}

.raw-material:hover::before {
    background: rgba(0, 0, 0, .8);
}

.caption__media {
    display: block;
    min-width: 100%;
    max-width: 100%;
    height: 160px !important;
	width:auto;
	
}

.caption__overlay__content{
     font-size: 11px;
    margin-left: 0 !important;
    margin-top: -5px !important;
    text-align: center;
   
}

.caption__overlay {
    position: absolute;
    margin-top:3px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px;
    color: white;
    padding-top:14px !important;
	transition-delay:0.35s !important;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);

    transition: -webkit-transform .35s ease-out;
    transition:         transform .35s ease-out;
}



.raw-material:hover .caption__overlay {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

.caption__overlay__title {
    -webkit-transform: translateY( -webkit-calc(-100% - 10px) );
            transform: translateY( calc(-100% - 10px) );

    transition: -webkit-transform .35s ease-out;
    transition:         transform .35s ease-out;
}

.raw-material:hover .caption__overlay__title {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

.nav-tabs > li > a {
	border-radius:4px !important;
}

.cuz-btn {
    color: #fff;
    border: 3px solid #46b3f8;
    background:#46b3f8 !important;
    font-size: 14px;
    margin-bottom:0px;
    font-weight: normal;
    padding:7px;
    height:25px !important;
    min-width:120px;
    display: inline-block;
    text-decoration: none !important;
    font-family: font-family : Century Gothic, CenturyGothic, AppleGothic,
        sans-serif;
   
    text-align: center;
    box-shadow: 1px 1px 14px -3px #333333;
}

.cuz-btn:hover, .cuz-btn:active {
    color: #333 !important;
    background: #fff !important;
  transition: all .3s ease-in-out;
  border:3px solid #46b3f8;
}


.lau-btn {
    color: #fff;
    border: 3px solid #33cd6d;
    background:#33cd6d !important;
    font-size: 14px;
    margin-bottom:0px;
    font-weight: normal;
    padding:7px;
    height:25px !important;
    min-width:120px;
    display: inline-block;
    text-decoration: none !important;
    font-family: font-family : Century Gothic, CenturyGothic, AppleGothic,
        sans-serif;
   
    text-align: center;
    box-shadow: 1px 1px 14px -3px #333333;
}

.lau-btn:hover, .lau-btn:active {
    color: #333 !important;
    background: #fff !important;
  transition: all .3s ease-in-out;
  border:3px solid #33cd6d;
}

.dell-btn {
    color: #fff;
    border: 3px solid #f55d5d;
    background:#f55d5d !important;
    font-size: 14px;
    margin-bottom:0px;
    font-weight: normal;
    padding:7px;
    height:25px !important;
    min-width:120px;
    display: inline-block;
    text-decoration: none !important;
    font-family: font-family : Century Gothic, CenturyGothic, AppleGothic,
        sans-serif;
   
    text-align: center;
    box-shadow: 1px 1px 14px -3px #333333;
}

.dell-btn:hover, .dell-btn:active {
    color: #333 !important;
    background: #fff !important;
  transition: all .3s ease-in-out;
  border:3px solid #f55d5d;
}


.cuz-btnl {
    color: #fff;
    border: 3px solid #46b3f8;
    background:#46b3f8 !important;
    font-size: 14px;
    margin-bottom:10px;
    font-weight: normal;
    padding:2px;
    min-width:120px;
    display: inline-block;
    text-decoration: none !important;
    font-family: font-family : Century Gothic, CenturyGothic, AppleGothic,
        sans-serif;
   
    text-align: center;
    box-shadow: 1px 1px 14px -3px #333333;
}

.cuz-btnl:hover, .cuz-btnl:active {
    color: #333 !important;
    background: #fff !important;
  transition: all .3s ease-in-out;
  border:3px solid #46b3f8;
}


.lau-btnl {
    color: #fff;
    border: 3px solid #33cd6d;
    background:#33cd6d !important;
    font-size: 14px;
    margin-bottom:10px;
    font-weight: normal;
    padding:2px;
    height:25px;
    min-width:120px;
    display: inline-block;
    text-decoration: none !important;
    font-family: font-family : Century Gothic, CenturyGothic, AppleGothic,
        sans-serif;
   
    text-align: center;
    box-shadow: 1px 1px 14px -3px #333333;
}

.lau-btnl:hover, .lau-btnl:active {
    color: #333 !important;
    background: #fff !important;
  transition: all .3s ease-in-out;
  border:3px solid #33cd6d;
}

.dell-btnl {
    color: #fff;
    border: 3px solid #f55d5d;
    background:#f55d5d !important;
    font-size: 14px;
    margin-bottom:10px;
    font-weight: normal;
    padding:2px;
    min-width:120px;
    display: inline-block;
    text-decoration: none !important;
    font-family: font-family : Century Gothic, CenturyGothic, AppleGothic,
        sans-serif;
   
    text-align: center;
    box-shadow: 1px 1px 14px -3px #333333;
}

.dell-btnl:hover, .dell-btnl:active {
    color: #333 !important;
    background: #fff !important;
  transition: all .3s ease-in-out;
  border:3px solid #f55d5d;
}

.tabbs{
	width:100%; 
	height:2px; 
	color:#555555;
}

.checkbox .error {
    float: right;
}

.store-navigation .glyphicon {
	margin-right:15px;
	font-size:16px !important;
}

#sb-tree span{
	font-size:16px !important;
}

.navigation_outer button, .topbutton button, .table_left_info button, .well b, .table_left_info span {
	
	font-size:14px;
	font-weight:normal !important;
}

  .left-space .document_subhead > h4 {
    text-align: left;
}

.tab_style2 a{
	font-size:17px !important;
	font-weight:normal !important;
}

.dijitButtonText i, .app-details button i {
    font-size: 15px;
    margin-right: 10px;
}

/*New UI implementation [application_list.jsp] end*/

@media (min-height:770px) and  (max-height:900px) { 

.login_content{

 margin-top:11.65% !important;
 margin-bottom:11.7% !important;
}







}

/*Second Media Ending*/

@media (max-height:1200px) and (min-height:901px) { 

.login_content{

 margin-top:16.75% !important;
 margin-bottom:16.75% !important;
}

 



}
.project_div{
	margin-left:5px !important;
}
.project_div span{
	font-size:16px !important;
}
.btn-group-sm > .btn, .btn-sm{
	 padding-bottom: 3px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 5px!important;
}


.project_div, #tabs .ui-widget-header{

background:#045b80;
border:0px !important;
border-radius:0px !important;

}

#maindiv #tabs{
	border:0px !important;
}

.tab_style2 li {
	background:#609fb9 !important;
	border:0px !important;
	border-radius:0px !important;
}

.tab_style2 li a {
	color:#e5edf3 !important;
}

.tab_style2 .ui-tabs-active{
	
	background:#ffffff !important;
}

.tab_style2 .ui-tabs-active a{
	
	color:#444!important;
}

.project_div .document_subhead {
	
	font-size:17px !important;
	text-transform:capitalize;
	margin-right:15px;
	font-weight: normal;
	width: 66%;
}

.ui-dialog .ui-widget-header{
	
	background:#4682b4;
	border:0px;
	border-radius:0px;
	padding-top:10px;
	padding-bottom:10px;
}

.ui-dialog{
	border-radius:0px;
	border:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
}

.ui-dialog-title{
	
	font-size:16px;
	font-weight:normal !important;
}

.tab_style2 img{
	padding-right:18px;
}

.project_div button {
    float: left;
    margin: 9px 25px 1px 15px;
}

.huge-c #home{
	width: 100% !important;
}

.huge-c #profile{
	width: 100% !important;
}

.huge-c .col-md-3{
	padding-left:0px !important;
	padding-right:0px !important;
}

.app-details:hover {
    background:  #eaeaea none repeat scroll 0 0 !important;
    transition:all 0.3s ease-in-out 0s;
    color:#232323;
}


.caption__overlay p {
    font-size: 4px !important;
}
.caption__overlay__content {
    margin-top: -7px !important;
}

.installed-module-list {
    background: #FFF none repeat scroll 0 0;
    /* border: 1px solid #d0d0d0; */
    padding-top: 8px;
    padding-left: 8px;
    padding-right: 8px;
    text-align: center;
    min-width:159px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  	margin-top:-10px;
}

.installed-module-list:hover,.available-module-list:hover{
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.available-module-list{
	 background: #FFF none repeat scroll 0 0;
   /*  border: 1px solid #d0d0d0; */
    padding-top: 8px;
    padding-left: 8px;
     /* height: 218px !important; */
    padding-right: 8px;
    text-align: center;
     box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.lau-btnl.green-lau-btnl {
    height: 33px;
    width: 131px;
}


.available-module-list .module_description {
    font-size: 13px !important;
}


.green-lau-btnl {
    color: #fff;
    border: 3px solid #33cd6d;
    background:#33cd6d !important;
    font-size: 12px;
    margin-bottom:4px;
    font-weight: normal;
    padding:2px;
    height:34px;
    min-width:130px;
    display: inline-block;
    text-decoration: none !important;
    font-family: font-family : Century Gothic, CenturyGothic, AppleGothic,
        sans-serif;
    text-align: center;
    text-transform:uppercase;
   
}

.green-lau-btnl:hover, .green-lau-btnl:active {
    color: #333 !important;
    background: #fff !important;
  transition: all .3s ease-in-out;
  border:3px solid #33cd6d;
}
	
.available-module-list .green-lau-btnl {
    float: right;
    min-width: 69px !important;
}


.available-module-list .green-lau-btnl {
    background: #ffffff none repeat scroll 0 0 !important;
    color: #0aa444 !important;
    float: right;
    margin-top: 10px !important;
    min-width: 69px !important;
     height: 29px;
     border:1px solid;
    font-size:12px !important;
    text-transform:uppercase;
}

.available-module-list .green-lau-btnl:hover{
	background: #33cd6d !important;
	color: white !important;
	border:1px solid #33cd6d;
}
.module-tab{
	 margin-bottom: 75px;
    padding-top: 45px;
}
.module-tab .nav li a {
    background: #FFF none repeat scroll 0 0;
    border-radius: 0 !important;
     color: #333333;
     margin-right: 0;
}

.module-tab .nav li {
    width: 50% !important;
     box-shadow: 1px 1px 4px -3px #333333;
     color:
}

.module-tab .nav .active .glyphicon {
    color: #33cd6d;
}
#installed-module .caption__overlay .glyphicon {
    font-size: 17px;
}
.module-headings{
      
    display: block;
    font-size: 20px;
    font-weight: 100;
    margin-bottom: 19px !important;
    margin-left: 0px !important;
    padding-left: 5px;
    padding-top: 11px !important;
   
}
#installed-module .module-headings {
    margin-left: -10px !important;
}

#available-module:hover .glyphicon-shopping-cart, #installed-module:hover .glyphicon-cloud-download {
    color: #0aa444;
}

#modules-divContainer .full-width .col-md-6 {
    padding-left: 0 !important;
    padding-right: 0 !important; 
}

#installed-module .green-lau-btnl {
    margin-top: 10px;
}

.raw-material .caption__overlay {
    visibility: hidden;
}
.raw-material:hover .caption__overlay {
    visibility: visible;
}
#installed-module .cuz-btn {
    margin-bottom: 5px !important;
}

.btn-outer
{
	margin: 0;
	padding: 6em 0 .5em;
}

#installed-module .glyphicon-remove{
    color: #4682b4;
    cursor: pointer;
    font-size: 23px;
    margin-top: 13px;
}

.parentmodulebox {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	  border-bottom-width: 3px;
    margin-bottom: 23px;
    min-height: 143px;
    padding-bottom: 46px;
    padding-top: 37px;
}
.parentmodulebox:hover{
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.parentmoduletitle {
    color: #333333;
    font-size: 18px;
    margin-bottom: 10px;
}

.parentmoduledescription {
    color: #333333;
    font-size: 14px;
}

#installed-module .parentmodulebox .module_img_info {
    height: 120px;
    width: 120px;
}
.parentmodulebox .col-md-2{
	padding-right:30px !important;
}



 .mablghost-btn {
    display: inline-block !important;
    text-decoration: none !important;
    border: 1px solid #FFFFFF !important;
    height: 25px !important;
    width: 125px !important;
    color: #FFFFFF !important;
	text-align:center !important;
	font-size:12px !important;
    -webkit-border-radius: 5px !important;
    -webkit-background-clip: padding-box !important;
    -moz-border-radius: 2px !important;
    -moz-background-clip: padding !important;
    border-radius: 2px !important;
    background-clip: padding-box !important;
    padding:10px 10px 6px 6px !important;
    -webkit-transition: all 0.2s ease-out !important;
    -moz-transition: all 0.2s ease-out !important;
    -o-transition: all 0.2s ease-out !important;
    transition: all 0.2s ease-out !important;
    background: transparent !important;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
    cursor: pointer !important;
    zoom: 1 !important;
    -webkit-backface-visibility: hidden !important;
    position: relative !important;
	text-transform: uppercase;
}

 .mablghost-btn:hover, .mablghost-btn span:hover {
    -webkit-transition: 0.2s ease !important;
    -moz-transition: 0.2s ease !important;
    -o-transition: 0.2s ease !important;
    transition: 0.2s ease !important;
	color:#03a9f4 !important;
    
}



 .magrghost-btn {
    display: inline-block !important;
    text-decoration: none !important;
    border: 1px solid #FFFFFF !important;
    height: 25px !important;
    width: 125px !important;
    color: #FFFFFF !important;
	text-align:center !important;
	font-size:12px !important;
    -webkit-border-radius: 5px !important;
    -webkit-background-clip: padding-box !important;
    -moz-border-radius: 2px !important;
    -moz-background-clip: padding !important;
    border-radius: 2px !important;
    background-clip: padding-box !important;
    padding:10px 10px 6px 6px !important;
    -webkit-transition: all 0.2s ease-out !important;
    -moz-transition: all 0.2s ease-out !important;
    -o-transition: all 0.2s ease-out !important;
    transition: all 0.2s ease-out !important;
    background: transparent !important;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
    cursor: pointer !important;
    zoom: 1 !important;
    -webkit-backface-visibility: hidden !important;
    position: relative !important;
	text-transform: uppercase;
}

 .magrghost-btn:hover, .magrghost-btn span:hover {
    -webkit-transition: 0.2s ease !important;
    -moz-transition: 0.2s ease !important;
    -o-transition: 0.2s ease !important;
    transition: 0.2s ease !important;
	color:#4caf50 !important;
    
}



 .asblghost-btn {
    display: inline-block !important;
    text-decoration: none !important;
    border: 1px solid #FFFFFF !important;
    height: 25px !important;
    width: 125px !important;
    color: #FFFFFF !important;
	text-align:center !important;
	font-size:12px !important;
    -webkit-border-radius: 5px !important;
    -webkit-background-clip: padding-box !important;
    -moz-border-radius: 2px !important;
    -moz-background-clip: padding !important;
    border-radius: 2px !important;
    background-clip: padding-box !important;
    padding:8px 6px 8px 6px !important;
    -webkit-transition: all 0.2s ease-out !important;
    -moz-transition: all 0.2s ease-out !important;
    -o-transition: all 0.2s ease-out !important;
    transition: all 0.2s ease-out !important;
    background: transparent !important;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
    cursor: pointer !important;
    zoom: 1 !important;
    -webkit-backface-visibility: hidden !important;
    position: relative !important;
	text-transform: uppercase;
}

 .asblghost-btn:hover, .asblghost-btn span:hover {
    -webkit-transition: 0.2s ease !important;
    -moz-transition: 0.2s ease !important;
    -o-transition: 0.2s ease !important;
    transition: 0.2s ease !important;
	color:#03a9f4 !important;
    
}



 .asgrghost-btn {
    display: inline-block !important;
    text-decoration: none !important;
    border: 1px solid #FFFFFF !important;
    height: 25px !important;
    width: 125px !important;
    color: #FFFFFF !important;
	text-align:center !important;
	font-size:12px !important;
    -webkit-border-radius: 5px !important;
    -webkit-background-clip: padding-box !important;
    -moz-border-radius: 2px !important;
    -moz-background-clip: padding !important;
    border-radius: 2px !important;
    background-clip: padding-box !important;
    padding:8px 6px 8px 6px !important;
    -webkit-transition: all 0.2s ease-out !important;
    -moz-transition: all 0.2s ease-out !important;
    -o-transition: all 0.2s ease-out !important;
    transition: all 0.2s ease-out !important;
    background: transparent !important;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
    cursor: pointer !important;
    zoom: 1 !important;
    -webkit-backface-visibility: hidden !important;
    position: relative !important;
	text-transform: uppercase;
}

 .asgrghost-btn:hover, .asgrghost-btn span:hover {
    -webkit-transition: 0.2s ease !important;
    -moz-transition: 0.2s ease !important;
    -o-transition: 0.2s ease !important;
    transition: 0.2s ease !important;
	color:#4caf50 !important;
    
}





 .asorghost-btn {
    display: inline-block !important;
    text-decoration: none !important;
    border: 1px solid #FFFFFF !important;
    height: 25px !important;
    width: 125px !important;
    color: #FFFFFF !important;
	text-align:center !important;
	font-size:12px !important;
    -webkit-border-radius: 5px !important;
    -webkit-background-clip: padding-box !important;
    -moz-border-radius: 2px !important;
    -moz-background-clip: padding !important;
    border-radius: 2px !important;
    background-clip: padding-box !important;
    padding:8px 6px 8px 6px !important;
    -webkit-transition: all 0.2s ease-out !important;
    -moz-transition: all 0.2s ease-out !important;
    -o-transition: all 0.2s ease-out !important;
    transition: all 0.2s ease-out !important;
    background: transparent !important;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
    cursor: pointer !important;
    zoom: 1 !important;
    -webkit-backface-visibility: hidden !important;
    position: relative !important;
	text-transform: uppercase;
}

 .asorghost-btn:hover, .asorghost-btn span:hover {
    -webkit-transition: 0.2s ease !important;
    -moz-transition: 0.2s ease !important;
    -o-transition: 0.2s ease !important;
    transition: 0.2s ease !important;
	color:#ff5722 !important;
    
}
#profile, #home {
    padding-top: 0 !important;
}
#profile .wel-text, #home .wel-text {
    margin-left: -15px;
    margin-top: -9px !important;
}

.installed-module-list button {
	
	margin:5px;
}
.module_info .more-info .col-md-3 img {
    margin-top: 20px;
    width: 200px;
}
#installed-module .asgrghost-btn {
    margin-top: -5px !important;
}

#available-module .asblghost-btn {
    margin-top: 7px;
}

.module_info .more-info .caption__overlay {
    padding-left: 5px;
}

.header .pull-right button{

	margin-top:-9px;

}

.mshadow {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.mshadow2 {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.premium-box {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  width: 245px;
  margin-left: 85px;
 text-align: center !important;
 min-height: 520px;
 height:auto;
 
}
 
.premium-box:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.premium-box p{
	font-size: 12px;	
}
 .premium-box h4{
   color: #ffffff;
    font-family: Arial;
    font-size: 20px;
    margin-bottom: 39px !important;
    padding-top: 19px;
    text-align: center; 
 }
 
.more-info #installed-module {
    left: -20px;
    top: 20px;
}

#jqdialog .module_info{
	margin-top: 10px;
}
.module_info .breadcrumb {
    background: #ffffff none repeat scroll 0 0;
   color: #333333;
    font-size: 15px;
}

 .header-btn {
    display: inline-block !important;
    text-decoration: none !important;
    height: 25px !important;
    width: auto !important;
    color: #333 !important;
	font-size: 14px !important;
	border:0px !important;
	text-align:center !important;
    -webkit-border-radius: 5px !important;
    -webkit-background-clip: padding-box !important;
    -moz-border-radius: 2px !important;
    -moz-background-clip: padding !important;
    border-radius: 2px !important;
    background-clip: padding-box !important;
    padding:3px 12px 3px 12px !important;
    -webkit-transition: all 0.2s ease-out !important;
    -moz-transition: all 0.2s ease-out !important;
    -o-transition: all 0.2s ease-out !important;
    transition: all 0.2s ease-out !important;
    background: transparent !important;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
    cursor: pointer !important;
    zoom: 1 !important;
    -webkit-backface-visibility: hidden !important;
    position: relative !important;
	text-transform: capitalize;
	letter-spacing:0.7px;
}

 .header-btn:hover, .header-btn span:hover {
    -webkit-transition: 0.2s ease !important;
    -moz-transition: 0.2s ease !important;
    -o-transition: 0.2s ease !important;
    transition: 0.2s ease !important;
	color:#996600 !important;
	
    
}
#jqdialog .more-info {
    margin-top: -25px;
}

.module_info .breadcrumb {
    background: #ffffff none repeat scroll 0 0;
   color: #333333;
    font-size: 15px;
}
.module_info .breadcrumb a {
    color: #505050;
}
#jqdialog #saveuser table tr, #jqdialog #modifyfield table tr, #jqdialog #saverole table tr  {
	display: flex !important;
}
#savefield table tr, #fieldmodify table tr{
	display:flex;
}
  #jqdialog #saverelation table tr{
  	display: inherit;
  }
.account-options .dropdown, .account-options button{
    float: left;
  
}

.account-options .dropdown-menu {
	width:100%;
	
}

.account-options .dropdown-menu .dropdown {
	width:100%;

}

.account-options .dropdown-menu li a{
	
padding:7px 7px 7px 10px !important;
	
}


.account-options .dropdown-menu li a:hover{
	
	background:#B68353 !important;
	transition: 0.2s ease !important;
	color:#fff;
	
}

.account-options .dropdown .dropdown-menu{
	
	padding-top:0px;
	padding-bottom:0px;
	border-radius:2px;
	margin-left:-110px;
}

.accounto-btn {
    background: transparent none repeat scroll 0 0 !important;
    border: 0 none !important;
	margin-top:-15px !important;
	outline:none !important;

}

.accounto-btn:hover {
    background: transparent none repeat scroll 0 0 !important;

}

.acc-img {
    height: 35px;
    background: #5a6174 !important;
	border-radius: 50%;
}

.account-options button{
	
	margin-right:10px;
}

.material-shadow{
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24) !important;
}

.material-shadow:hover{
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22) !important;
}
.help_content span {
    display: block;
    margin-top: 20px;
    text-align: center;
}
.help_content h3 {
    text-align: center !important;
    width: 100% !important;
}

.help_content p {
    color: #333333;
    font-size: 14px;
    text-align: unset;
}

.help_content a {
    color: #1c588a !important;
    display: inline;
    font-size: 14px;
    margin-left: 0 !important;
    margin-right: 10px;
    width: 100%;
}
.help_content a:hover {
    color: #588ec0 !important;
}

.getting_started, .contact_us, .documentation {
    min-height: 375px !important;
    padding-bottom: 15px !important;
}
.help_content .col-md-12 {
    padding-left: 10px;
}
.help_content img {
    margin-top: 20px;
    text-align: center !important;
    width: 100px;
}
.social img {
     border-radius: 50% !important;
    width: 30px;
}

#feedback .feedback_outer_div .error{
	display:block;
	text-align:left;
}

.social img:hover{
	opacity:.8;
}
.help_content
{
	 margin-top: 50px;
    text-align: center;
    width: 100%;
}


.help_content .document_subhead {
 color: #545454;
    display: block;
    margin-top: 20px;
}
.liclass a {
    color: #353535 !important;
}

.help_content ul {
    margin-top: 15px;
}

.help_content .glyphicon {
    color: #008000 !important;
    font-size: 65px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center;
}

.help_content .glyphicon:hover {
    color: #000000;
}
.error-field{
	display: none;
}
.store-navigation > ul {
	border-bottom: none !important;
	background:#2c2f38;
}

#childloaderdiv {
  border: 4px solid #f3f3f3;
  border-radius: 50%;
  border-top: 4px solid steelblue;
  border-bottom: 4px solid steelblue;
  width: 80px;
  height: 80px;
  text-align: center;
	margin-top: 280px;
	font-size: 18pt;
	margin-bottom:500px;
	margin-left:47% !important;

  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

a {
	outline:none !important;
}


  .avmodule-desc {
    font-size: 14px !important;
    line-height: 1.5;
    padding-top: 10px;
    width: 85%;
	
}

  .inmodule-desc {
    font-size: 14px !important;
    line-height: 1.5;
    padding-top: 10px;
    width: 167%;
	
}

#carousel-generic .item {
    transition-property: opacity !important;
}
#carousel-generic .item, #carousel-generic .active.left, #carousel-generic .active.right {
    opacity: 0 !important;
}
#carousel-generic .active, #carousel-generic .next.left, #carousel-generic .prev.right {
    opacity: 1 !important;
}
#carousel-generic .next, #carousel-generic .prev, #carousel-generic .active.left, #carousel-generic .active.right {
    left: 0 !important;
    transform: translate3d(0px, 0px, 0px) !important;
}

#carousel-generic {

	margin: 30px auto 0;
    width: 90.6%;
    
}

#carousel-generic li{

width:10px !important;

}

.installed-module-list i, .available-module-list i {
    font-size: 16px !important;
    margin-right: 7px;
    top: 3px;
}

.disp-superadmin-drop {
    float: right;
    margin-right:6px;
}

.pricing_tab .customize_pricing{
    font-size:12px !important;
}
.pricing_tab h3{
    text-align:center;
}
.pricing_tab .customize_pricing label {
    font-weight: 100;
}

.pricing_tab .customize_pricing{
    margin-bottom:100px;
}

.pricing_tab{
    margin-top:100px;
}

.pricing_tab .customize_pricing {
    text-align: center;
    height:470px;
}
.pricing_tab .customize_pricing h4 {
    margin-bottom: 40px;
    margin-top: 25px;
    text-align: center;
}

.pricing_tab .customize_pricing .col-md-12, .pricing_tab .customize_pricing .col-md-4{
    padding-left: 0;
    padding-right: 0;
}

.customize_tab{
     margin-top: 100px;
}


.price-head {
    background: #4682b4 none repeat scroll 0 0;
    color: #ffffff !important;
    height: 78px;
    margin-left: -15px;
    margin-right: -10px;
    margin-top: -10px;
    width: 275px !important;
    margin-bottom:47px;
}


#loaderdiv {
    background: #fff none repeat scroll 0 0 !important;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0 !important;
    width: 100%;
    z-index: 999;
}
.help_content .documentation a {
    display: block;
}
.help_content .get_help_link_section a {
    display: block;
}
.help_content .get_help_link_section a {
    display: block;
}

.basic-plan .price-head, .basic-plan #upgrade_btn {
    background: #4caf50 none repeat scroll 0 0;
    border: 1px solid #4caf50;
}

.pricing_tab select {

  /* styling */
  background-color: white;
  border: thin solid blue;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;
  width: 180px !important;
  border-color: #a7a7a7;

  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}


/* arrows */

.pricing_tab select.classic {
  background-image:
    linear-gradient(45deg, transparent 50%, blue 50%),
    linear-gradient(135deg, blue 50%, transparent 50%),
    linear-gradient(to right, skyblue, skyblue);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
  font-size: 14px !important;
    height: 18px !important;
}

.pricing_tab select.classic:focus {
  background-image:
    linear-gradient(45deg, white 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, white 50%),
    linear-gradient(to right, gray, gray);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
  border-color: grey;
  outline: 0;
}

.pricing_tab .basic-plan .price-head, .basic-plan #upgrade_btn {
    background: #4caf50 none repeat scroll 0 0;
    border: 1px solid #4caf50;
    pointer-events: none !important;
}

.pricing_tab .professional-plan .price-head, .professional-plan #upgrade_btn {
    background:  #ff5722 none repeat scroll 0 0;
    border: 1px solid #ff5722;
}

.pricing_tab .enterprise-plan .price-head, .enterprise-plan #upgrade_btn {
    background: #2196f3 none repeat scroll 0 0;
    border: 1px solid #2196f3;
}

.pricing_tab .col-md-12 {
    margin-bottom: 10px;
}

.pricing_tab .customize_tab .col-md-6 label {
    text-align: left !important;
}
.help_content .social a {
    display: inline !important;
}
.pricing_tab .classic {
    text-align: center;
}
.pricing_tab #feedback input {
    border: 1px solid #dfdfdf;
    height: 30px;
    margin-bottom: 13px;

}

.pricing_tab #feedback textarea {
    height: 130px !important;
    border: 1px solid #dfdfdf;
}

.pricing_tab .pricing_contact {
   background: #00e676 none repeat scroll 0 0;
    border: 1px solid #00e676;
    border-radius: 5px;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    height: 40px;
    margin-bottom: 21px;
    margin-top: 10px;
    width: 100px;
}

.customize_pricing .pricing_contact_head {
    color: #5c5c5c;
    margin-bottom: 23px;
    margin-top: -13px;
    text-align: center !important;
    width: 100% !important;
}
.pricing_tab .customize_price {
     height: auto !important;
    min-height: 340px !important;
}


.pricing_tab .price_print button {
    background: #ffffff none repeat scroll 0 0 !important;
    color: #28b748;
    font-size: 12px !important;
    width: 118px !important;
}
.pricing_tab .price_print .pricing_contact:hover {
    background: #00e676 none repeat scroll 0 0 !important;
}

.pricing_tab .ui-slider-handle {
    background: #78909c none repeat scroll 0 0 !important;
    border:2px solid #78909c !important;
    border-radius: 12%;
    color: #ffffff;
    font-size: 12px;
    height: 20px;
    margin-top: -2px !important;
    padding-left: 2px;
    padding-right: 2px;
    text-align: center;
    width: 50px;
 
}

.pricing_tab .ui-slider {
    background: #f1f1f1 none repeat scroll 0 0 !important;
    border: 1px solid #a9a9a9;
    height: 10px;
}

.pricing_tab .price_print {
    background: #728f9d none repeat scroll 0 0 !important;
    color: white !important;
    border: none;
    width: 120px !important;
}
.pricing_tab .price_print:hover {
	    background: #a8c5d3 none repeat scroll 0 0 !important;
	}

.pricing_tab .pricing_contact_height {
    height: auto !important;
    min-height: 470px;
    margin-top: 100px;
}

.pricing_tab .perfomance-label input {
    border: 0 none;
}
.pricing_tab .recc-badge {
    position: absolute;
    right: -40px;
    top: -40px;
    width: 90px;
}

.blockMsg h1{
	 display:none !important; 

}

.blockMsg {
	/* display:none !important; */
	border:none !important;
	
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/*Expert*/

#experts{
	
	overflow-x:hidden !important;
	margin-top:-35px!important; /*Need to remove this property later*/
	
}
.list-expert{
	margin-left:-5px !important;
}
.expert-thumbnail .caption{
       background: rgba(0,0,0,0.7) !important;
    color: #fff !important;
    padding: 1px !important;
    text-align: center !important;
}
.expert-thumbnail img{
     	height:225px ! important;
}
.expert-thumbnail{
      border:none !important;
      padding:18px !important;
      margin: 0px !important;;
}
.description {
    line-height: 25px;
    margin-top: 45px;
    text-align: justify;
    font-size:15px !important;
}
.contact-btn{
	background-color:#4caf50 !important;
	border-color:#4caf50 !important;
	border-radius:4px;
	font-size:15px;
}
.expert-list img {
    width: 90%;
    height: 150px;
}

.row.expert-list {
    margin-bottom: 15px;
}

.header-upgrade {
    margin-right: 40px;
    margin-top: 30px;
}
.layout2 .leftContent{
	width:49%;
	float:left;
	position:relative;
	padding-right:2%;
}
.layout2 .rightContent{
	width:49%;
	float:left;
	position:relative;
}
.align_layout{
	font-size: 12px;
	font-weight: unset;
	text-align: center;
	width: 100%;
}

#billing-subs, #display-plan {
    margin: 0 auto;
    width: 85%;
    padding-top: 25px;
}

#billing-subs h4 {

margin-top:15px;
margin-bottom:-35px;

}

#display-plan h4 {

margin-top:15px;

}

#billing-subs .item-options .options_right {

text-align:right !important;

}

.#billing-subs .item-options .options_right input {

margin-right:4px;

}


#billing_table {

margin-top:12px;

}

#billing_table th, #billing_table td {
    color: #fff !important;
    font-size: 12px;
}

#billing-subs .btn {
    margin-right: 4px;
}

#billing-subs #options_right {
    text-align: right;
}


#disp-plan {
margin-top:-9px;

}

#disp-plan th, #disp-plan td {

    color: #444444 !important;
    font-size: 12px;

}
#saving-form h3 {
    font-size: 20px;
    text-align: left;
    text-transform: uppercase;
}

#saving-form{
	text-align:center;
}

#saving-form label {
    font-size: 13px;
}

#saving-form input {
    width: 100%;
}

.submit.stipe_payment_button {
    border: 0 none;
    height: 28px;
    margin-top: 20px;
    width: 91px !important;
    background:#4caf50 none repeat scroll 0 0 !important;
}
#saving-form .payment-errors {
    color: red;
    font-size: 14px;
    margin-bottom: 20px;
    text-align: center;
}
.pricing_tab .customize_tab .perfomance-label .performance_amount_label {
    margin-left: -15px;
}

.customize_price .custom_plan_header_value {
    background: #728f9d none repeat scroll 0 0 !important;
    height: 85px;
    margin: -25px -17px 36px;
}

.customize_price .custom_plan_header_value h4 {
    color: #ffffff;
    font-size: 20px;
    padding-top: 28px;
    text-align: center;
}

.outer_div_dialog
{
	width:auto;
	margin:20px 0 20px 0;
}

.disp-superadmin-drop .superuser-label {
    float: left;
    padding-right: 15px;
    padding-top: 3px;
    
}

.disp-superadmin-drop #accountId {
    float: left;
}



/*new material signup*/
.text {
    font-size: 12px;
}
a.forget{
	font-size: 11px;
    position: absolute;
    right: 15px;
}
.terms
{
	line-height: 20px;
    font-size: 12px !important;
}

.signup, .signin{
	margin-top : 50px;
	text-transform:capitalize;
}

.signup .legend, .signin .legend{
		border-bottom: 0px;
		color: #7f7979;		
		margin-bottom: 45px;
		
}
.signup .form-group>div>label, .signin .form-group>div>label
{
	color: #d0392e;
	font-size: 12px;
}

.custom-btn
{
	padding : 5px 15px !important;
	background: white !important;
    color: #009688 !important;
    border: 1px solid white !important;
}
.custom-btn:hover{
	background: rgba(153, 153, 153, 0.2) !important;
}

.signup p, .signin p{
	padding-right: 10px;
	font-size : 14px;
	text-transform: initial;
}
/*Bootstrap modal dialog*/
#myModal{
	top:25% !important;
}
.modal-header{
	background-color:#03a9f4;
	padding:15px !important;
}
.modal-body input{
	background-image:none !important;
}
.close{
	color:#fff;
	opacity:1;
}
.modal-header h4{
		text-align:center;
        color:#fff;
        font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
}
.modal-text{
      border:none !important;
      border-bottom:1px solid #337ab7 !important;
      box-shadow:none !important;
      border-radius:0px !important;
}
.modal-text:focus{
	background:none !important;
}
.modal-content{
	border-radius: 0px;
}
.email-btn{
      border-radius:0px !important;
      font-size:15px !important;
      padding: 10px 0px !important;
      color:#fff !important;
}
.email-btn:hover{
    color: #fff !important;
    background-color: #286090 !important;
    border-color: #204d74 !important;
}
.btn-margin{
      margin-top:30px;
}
/*Bootstrap modal dialog*/
.pricing_tab #billing_table {
    font-size: 13px;
    margin-bottom: 75px;
    margin-left: 22px;
    margin-top: -35px;
    text-align: center;
}
.pricing_tab #billing_table .billing_head {
    background: #69a3c0 none repeat scroll 0 0;
    color: #ffffff;
    height: 32px !important;
    margin-left: -17px;
    padding-left: 33px;
    padding-right: 0;
    padding-top: 12px;
}
.pricing_tab .plan_name{
	text-transform: capitalize;
}

.pricing_tab .premium-box {
    margin-bottom: 10px;
}

.labelInfo
{
 font-size:small;
 float:left;
 min-width:79px;
 padding-right:15px;
 vertical-align:top;
 padding-top:4px;
 
}

.activePage{
	 -webkit-transition: 0.2s ease !important;
    -moz-transition: 0.2s ease !important;
    -o-transition: 0.2s ease !important;
    transition: 0.2s ease !important;
    color: #996600 !important;

}

.top-align-display-payment {
    margin-top: 50px;
    height: 475px;
}

.payment_form .payment_head label {
    border: medium none;
    color: #434343;
    font-size: 15px !important;
    font-weight: normal;
    margin-left: 6px;
    margin-top: 0;
    text-transform: uppercase;
}
.payment_form .payment_head {
    height: 35px;
    margin-bottom:15px;
}
.payment_form .payment_invoice .head {
     font-size: 22px;
    margin-bottom: 15px;
    margin-top: 15px;
   padding: 0;
    text-align: center;
    text-transform: uppercase;
    padding:0;
}
.payment_form .payment_head .glyphicon {
    color: #47aa4b;
}

.payment_form #stripe-payment .form-group input {
    height: 30px !important;
}
.payment_form .col-md-10 .purchase-button {
    text-align: center;
    width: 100% !important;
}
.margin-left-15 {
    margin-left: -10px;
}
.payment_form .form-group {
    padding-bottom: 11px;
}
.payment_form .paylabel {
    color: #333333;
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 15px;
    text-align: center;
    font-weight:100;
}
.payment_form .payment_invoice .glyphicon {
    font-size: 20px;
    text-align: center;
    width: 100%;
}
.payment_form .payment_invoice {
    background: #2196f3 none repeat scroll 0 0 !important;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.5;
    text-align:center;
}
.payment_form .plan_details{
	width: 50%; 
	margin: 15px auto 0px; 
	border: 1px solid white; 
	border-radius: 10px; padding: 15px;
	 font-size: 13px !important;
	 margin-bottom:24px !important;
}
.payment_form .payment_invoice img {
    margin-bottom: 8px;
    width: 150px;
}
.payment_form .plan_details .cart {
	   margin-bottom: 9px;
    margin-top: -9px;
}
.payment_form .payment_invoice .glyphicon {
    text-align: center;
    width: 100%;
     margin-top: 3px;
}

.cancel-button-ghost-button {
    float: right !important;
    height: 35px !important;
    margin-right: 76px;
    padding: 0 !important;
    width: 109px !important;
}

.payment_form #stripe-payment #saving-form {
    margin-left: 9px;
}
.payment_form input {
    margin-bottom: 0 !important;
}
#application_modify_settings input {
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    height: 27px;
    width: 219px;
    margin-bottom: 10px;
    padding-right: 10px;
}
#application_modify_settings #applicationImage {
    border: medium none;
}
#application_modify_settings{
	overflow:hidden;
}
.wel-text p:first-child {
    font-size: 20px;
    margin-bottom: 5px;
    padding-top: 4px;
}

.wel-text p:nth-child(2) {
    color: #737373;
    font-size: 12px;
}

.signup .legend, .signin .legend {
    background: #607d8b none repeat scroll 0 0;
    border-bottom: 0 none;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    color: #fff !important;
    margin-top: -37px;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
    font-size:18px !important;
}

#signinSubmit button, #signupsubmit button, .col-md-5.signin .btn, .col-md-5.signup .btn {
    border: 0 none;
    padding:10px 25px 10px 25px;
}

#carousel-generic img {
    width: 100%;
}

button {

outline:none !important;

}

.list-expert .wel-text
{
	margin-left:0px !important;
}

.list-expert .description span
{
	margin-right:15px;
}
.pricing_tab .basic-plan .freelabel {
 	 background: #ffc347 none repeat scroll 0 0;
    border-bottom: 2px dashed #ffffff;
    border-top: 2px dashed #ffffff;
    color: #2b2b2b;
    float: initial;
    font-size: 14px !important;
    font-weight: unset;
    margin: 0 auto 0 45px;
    opacity: 0.75;
    padding: 4px;
    text-transform: capitalize;
    width: 150px !important;
}

.pricing_tab .basic-plan .glyphicon {
    color: #ffc107;
    font-size: 18px;
    margin-left: -14px;
    margin-right: 5px;
    margin-top: -19px;
}

.pricing_tab .customize_tab .glyphicon {
    color: #00e676;
    font-size: 18px;
    font-weight: 400;
}
.pricing_tab .customize_tab .text-left {
    margin-bottom: 18px;
}
.pricing_tab .price_banner img {
    width: 100%;
    min-height:336px;
}
.pricing_tab .price_banner {
    padding-top: 15px;
    text-align:center;
}
.pricing_tab .pricing_custom_web {
    color: #333333;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
}
.material_button {
    background: #ffffff none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    height: 28px !important;
       margin-bottom: 30px;
    margin-top: 30px;
    width: 98px;
}

.material_button:hover{
	box-shadow:0 4px 4px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.24)
}

table#billing_plan {
    font-size : 12px;
}

#billing_plan tr th, #billing_plan tr td {
    text-align : center;
}
#billing_plan tr:first-child{
	background: #0288D1;
	color: #fff;
}
#billing_plan caption {
    color: #333333;
    font-size: 17px;
    margin-bottom: 6px;
    margin-left: 5px;
}
#display-plan  p{
	font-size: 12px
}

#display-plan .panel-default>.panel-heading{
	color: #fff;
    background-color: #01579B;
    text-transform: capitalize;
    font-size: 17px;
}



.btn-next-action
 {
    backface-visibility: hidden !important;
    background: #4caf50 none repeat scroll 0 0 !important;
    border: 1px solid #4caf50 !important;
    border-radius: 4px !important;
    box-sizing: content-box !important;
    color: #ffffff !important;
    cursor: pointer !important;
    display: inline-block !important;
    font-size: 16px !important;
    height: 25px !important; 
    padding: 4px 14px !important;
    position: relative !important;
    text-align: center !important;
    text-decoration: none !important;
    transition: all 0.3s ease-out 0.3s !important;
    width: auto !important;
    margin-top:12px !important;
    line-height:1.2 !important;
}

.btn-display-action
 {
    backface-visibility: hidden !important;
    background: #2196f3 none repeat scroll 0 0 !important;
    border: 1px solid #2196f3 !important;
    border-radius: 4px !important;
    box-sizing: content-box !important;
    color: #ffffff !important;
    cursor: pointer !important;
    display: inline-block !important;
    font-size: 16px !important;
    height: 25px !important; 
    padding: 4px 14px !important;
    position: relative !important;
    text-align: center !important;
    text-decoration: none !important;
    transition: all 0.3s ease-out 0.3s !important;
    width: auto !important;
    margin-top:12px !important;
    line-height:1.2 !important;
}

button.btn-display-action:hover {
    background: #066ec1 !important;
    transition: all 0.3s ease 0.3s !important;
}

button.btn-next-action:hover {
    background: #27862b !important;
    transition: all 0.3s ease 0.3s !important;
}

.btn-delete-action
 {
    backface-visibility: hidden !important;
    background: #f0483e none repeat scroll 0 0 !important;
    border: 1px solid #f0483e !important;
    border-radius: 4px !important;
    box-sizing: content-box !important;
    color: #ffffff !important;
    cursor: pointer !important;
    display: inline-block !important;
    font-size: 16px !important;
    height: 25px !important; 
    padding: 4px 14px !important;
    position: relative !important;
    text-align: center !important;
    text-decoration: none !important;
    transition: all 0.3s ease-out 0.3s !important;
    width: auto !important;
    margin-top:12px !important;
    line-height:1.2 !important;
}

.btn-delete-action:hover{
	
    background: #f0483e none repeat scroll 0 0 !important;
    border: 1px solid #f0483e !important;
    color: #fff !important;
    transition: all 0.3s ease 0.3s !important;
}

.logo-div
{
background-size: 100% auto;
 height: 250px;
float: left; 
background-image: url("/images/monitor.png");
background-repeat:no-repeat;
 width: 280px;
}

.logo-img
{
	
   float: left;
    height: 157px;
    margin-left: 16px;   
    margin-top: 19px;
    padding-bottom: 0;
    width: 248px !important;
    
}

.moreinfo-content p {

font-size: 12px;
line-height: 1.7;

}

.moreinfo-conten > h4
{
	text-transform: capitalize;
}
.top-10
{
	margin-top:10px;
}
.info-dismissable{
	font-size: 12px;
    width: 25px;
   height: 25px;
    background: #a28e8e;
    border-radius: 50%;
    border: 3px solid #fff;
    position: absolute !important;
    background-image: url(/images/icons/info-close.png);
    top: -15px !important;
    right: -11px !important;
    background-size: 100%;
    background-repeat: no-repeat;
}
.pricing_tab #feedback label {
    margin-bottom: 30px;
}
.payment_form .card_design {
    height: 34px;
    margin-left: 20px;
}
#template-features{
box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

#changeemail .form-group .col-sm-6 label {
    margin-bottom: 0 !important;
    text-align: center;
    width: 100%;
}

#changepassword .form-group .col-sm-6 label {
    margin-bottom: 0 !important;
    margin-top: 5px;
    text-align: center;
    width: 100% !important;
}

form[name="forgotPassword"] .form-group .col-sm-6 label{
	  margin-bottom: 0 !important;
    margin-top: 5px;
    text-align: center;
    width: 100%;
}
form[name="forgotPassword"] .form-group button {
    background: #337ab7 none repeat scroll 0 0 !important;
    margin-top: -5px;
}

#application_modify_settings .error {
    margin-left: 15px;
    margin-bottom: 10px !important;
}

.low-opacity {
    background: #8b8b8b none repeat scroll 0 0 !important;
    border: 1px solid #8b8b8b !important;
    opacity: 0.6;
}

/* .basic-plan .price_description {
    color: #4caf50 !important;
}

.price_description {
    font-size: 14px;
}
.professional-plan .price_description {
    color: #ff5722 !important;
}
.enterprise-plan .price_description {
    color: #2196f3 !important;
} */
.price_description {
    color: #555555;
    font-size: 14px;
}
.pricing-head-text {
    margin-top: -43px;
    margin-bottom:50px;
}
.pricing-head-text .head {
    color: #414141;
    font-size: 32px;
    font-weight: normal;
    margin-bottom: 22px;
}
.pricing-head-text .head-body {
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
}

.alert.alert-info {
    color: #03a9f4;
    background-color: rgba(255,255,255, 0.84);
    border-color: #03a9f4;
}

.alert.alert-info p {
    font-size: 12px;
}


 .alert.alert-info button.btn.btn-default {
     color:  rgba(255,255,255, 0.84);
    background-color: #03a9f4;
    margin-left:10px
}

#changepassword .error, #changeemail .error
{
	text-align: center;
}

.repository-select{
	float : right;
}
.domain-operation-link{
	float: right;
    font-size: 14px;
    padding-right: 20px;
    width: auto;
}

.inviteduser-operation-link{
	float: right;
    font-size: 14px;
    padding-right: 20px;
    width: auto;
}

.invite_user_list{
	margin-left:8px;
}

.head-main{
	font-size: 20px;
    margin-bottom: 5px;
    padding-top: 4px;
    font-family: Verdana, Arial, Georgia;
}
.head-para{
	color: #737373;
    font-size: 12px;
    margin-bottom: 20px;
    font-family: Verdana, Arial, Georgia;
}
p.head-para.site {
    margin-bottom: -10px;
}

h4.head-main.table {
    margin-top: -20px;
}

h4.head-main.extra {
    margin-top: -1px;
}

.due_amnt{
padding-bottom: 29px; 
border-bottom: 1px solid rgb(229, 229, 229); 
padding-top: 20px; 
font-size: 20px !important;
}

#display-plan .print-button {
    color: #333333 !important;
    font-size: 30px;
}
.signup .plan_cart {
    margin-left: 5px;
    margin-top: 63px;
    text-align: left;
    width: 90%;
}
.signup .plan_cart h4 {
    text-transform: capitalize;
}

.settings_top_info .field_info {
	padding-top:4px;
}

#changeemail .email-label {
    font-size: 14px !important;
    font-weight: normal;
    float: left !important;
    padding-bottom: 12px;
    padding-top: 7px;
}
.btn-add-albm{
   	background: white;
    border: 1px solid white;
}
.align-btn{
	float: left;
}
.row.fields{
	margin-left: 2px;
	margin-top: 12px;
}

.signin .control-label, .signup .control-label {

margin-top:7px !important;

}

td.action-icons a:first-child {
    margin-right: 10px;
}
td.action-icons a:last-child {
    margin-left: 10px;
}
td.action{
	border: 1px solid white !important;
    border-bottom: 1px solid #dddddd  !important;
}
#available-module .module-headings {
	min-height:110px;
}


#installed-module .module-headings {
	min-height:120px;
}


#controlForm .horizontal .buttontip .glyphicon {
	margin-right: 4px;
}
.exist-select{
	margin-top:21px !important;
}


 @media only screen and (min-device-width: 320px) and (max-device-width: 500px) and (orientation:portrait) {


img.logo_align {
    width: 40%;
}
.pricing-head-text.col-md-8.col-md-offset-2.text-center {
    margin-top: 20px;
}
.col-md-3.col-md-offset-1.premium-box.basic-plan {
    margin-left: 6%;
    margin-top: -80px;	
}
.col-md-3.col-md-offset-1.premium-box.professional-plan {
    margin-left: 6%;
    margin-top: 55px;
}
.col-md-3.col-md-offset-1.premium-box.enterprise-plan {
    margin-left: 6%;
    margin-top: 55px;
}
.row.customize_tab {
    width: 100% !important;
}
table#pricing-tbl {
    width: 100% !important;
    font-size: 11px;
}
.col-md-12.mshadow.customize_pricing.customize_price {
    width: 244px;
    margin-left: -4%;
    margin-top: -100px;
}
.col-md-12.mshadow.price_banner {
    width: 244px;
    margin-left: -4%;
    margin-top: 50px;
}
div#pricing_contact {
    margin-top: 1px;
}
#pricing_contact h4 {
    padding-top: 10px;
}
#feedback input,  #feedback textarea{
    width: 90%;
}
#pricing-tbl td{
    padding: 6px;	
}
.document h3,  .pricing-head-text .head{
  font-size:16px;
  font-weight: 500;
  margin-top: 10%;
}
.document h4, .signup h4, .signin h4{
   font-size:15px;	
}
.document p, .signup p, .signin p, .head-body{
	font-size: 12px;
}
.header-upgrade{
	margin-right: 3%;
    margin-top: 5%;
 }
.pull-right.account-options {
    margin-top: 7%;
    width: 99%;
    padding: 1% !important;
}
.nav.nav-tabs.tabs-left{
    width: 99%;
    margin-left: -5%;
}
.store-navigation div.row{
    margin-left: -6%;
    width: 100%;
}
.amount-due-content{
	margin-top: 20%;
	margin-top: 15%;
}
 }

 .block-h
{
	background: red none repeat scroll 0 0 !important;
}

#pricing_contact #feedback .error {
    display: block;
}
#support-feedback .error {
    margin-bottom: 0px !important;
}

.not-clickable-button{
	 pointer-events: none !important;
}

.custom-head .head{
	font-size:28px;
	margin-top:82px !important;
}

.custom-head .head-body{
	font-size:16px;
}
 
 /* loadin */
 .spinner {
  width: 80px;
  height: 80px;

  position: relative;
  margin: 20% auto;
  margin-bottom: 20px;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}
.double-bounce1{
 background: #660033;

}
.double-bounce2 {
 background: #9c6801;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
/* frequently asked questions */
.faq-panel{
	font-size:15px;
	line-height:30px;
	padding:25px;
	margin-top:-10px;
}
.faq-panel p{
	text-align:left !important;
} 

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

#support-feedback .error {
    display: block;
}

#myModal #changeemail input, #myModal #changepassword input {
    text-align: left !important;
}
.customer-support .error{
	margin-bottom:0px !important;
}
.textarea-padding{
	padding-left:0px !important;
}
#support-feedback .error {
	padding-top: 10px;
    text-align: left;
}
#g-recaptcha-response-label{
	display : none;
	color: #CA0000 !important;
	font-size: 12px !important;
	margin-bottom:8px !important;
	font-weight: normal !important;
}
select#queryIdList {
    height: auto !important;
}
label.q-title{
	 margin-left: 4px;
    font-size: 12px;
    font-weight: 500;
    vertical-align: middle;
}

.package-table a {
    float: left;
    padding: 5px;
}

.variable-list {
	width:100%;
}
.edit-frame{
	width: 115% !important;
}
/*Add condition*/
.add-btn-grp{
	padding: 20px 0 25px 0;
}
.join-btn{
	border-radius:0;
	box-shadow:none;
}

.con-remove{
	margin-left:10px;
	border:0;
	box-shadow:none;
}
.con-separator{
	border-bottom: 1px solid #eee;
	display:block;
}
.cons-space{
	padding-bottom:10px;
}

.services-tree-container {
	padding-top:15px;
}
.services-tab-container {
	margin:0px !important;
}



        .stb-home {
          width: 100%;
          height: 100%;
          background-image: url(/images/storecover.jpg);
          background-size: cover;
          background-repeat: no-repeat;
        }

        .stb-home-content input {
          width: 300px;
          padding: 5px;
          height: 37px;
          margin-right: 10px;
          border:0px;
          float: left;
          border-radius: 0px;
          box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        }

        ::placeholder {
          color: #474747;
      }

        .stb-home-content h2 {
          margin-bottom: 15px;
          line-height: 1.4;
        }

        .stb-home-content p {
          margin-top: 15px;
          font-size: 14px;
          line-height: 1.4;
        }        

      /* Sweep To Right */

.stb-home-content button {
  display: inline-block;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  float: left;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  padding: 10px 15px 10px 15px;
  background-color: #1cb656;
  color: #eaeaea;
  text-transform: uppercase;
  letter-spacing: 1px;
  width: max-content;
  border:0px;
  border-radius: 0px;
  cursor: pointer;
  margin-top: -2px;
}
.stb-home-content button:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #258d86;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.stb-home-content button:hover, .stb-home-content button:focus, .stb-home-content button:active {
  color: white;
}
.stb-home-content button:hover:before, .stb-home-content button:focus:before, .stb-home-content button:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


    		.stb-admin-signup {
    			width: 100%;
    			height: 100%;
    			background-image:url(/images/storecover.jpg);
    			background-size: cover;
    			background-repeat: no-repeat;
    		}

  
    		.stb-admin-signup-content h2 {
    			margin-bottom: 15px;
          color: #fff;
          line-height: 1.4;
    		}

    		.stb-admin-signup-content input {
    			padding: 5px;
    			margin-bottom: 15px;
    			width: 300px;
    			height: 37px;
          border:0px;
          border-radius: 0px;
          box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    		}
    		::placeholder {
  				color: #474747;
			}

			/* Sweep To Right */

.stb-admin-signup-content button {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  padding: 10px 15px 10px 15px;
  background-color: #1cb656;
  color: #eaeaea;
  text-transform: uppercase;
  letter-spacing: 1px;
  width: max-content;
  border:0px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  border-radius: 0px;
  cursor: pointer;
}
.stb-admin-signup-content button:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #258d86;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.stb-admin-signup-content button:hover, .stb-admin-signup-content button:focus, .stb-admin-signup-content button:active {
  color: white;
}
.stb-admin-signup-content button:hover:before, .stb-admin-signup-content button:focus:before, .stb-admin-signup-content button:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

    		.stb-admin-theme {
    			width: 100%;
    			height: 100%;
    			background-image:url(/images/storecover.jpg);
    			background-size: cover;
    			background-repeat: no-repeat;
    		}


    		.stb-admin-theme-content h2 {
    			margin-bottom: 15px;
          
          line-height: 1.4;
    		}

    		.stb-admin-theme-content input {
    			padding: 5px;
    			margin-bottom: 15px;
    			width: 300px;
    			height: 37px;
          border:0px;
          border-radius: 0px;
          box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    		}
    		::placeholder {
  				color: #474747;
			}

			/* Sweep To Right */

.stb-admin-theme-content button {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  padding: 10px 15px 10px 15px;
  background-color: #1cb656;
  color: #eaeaea;
  text-transform: uppercase;
  letter-spacing: 1px;
  width: max-content;
  border:0px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  border-radius: 0px;
  cursor: pointer;
}
.stb-admin-theme-content button:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #258d86;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.stb-admin-theme-content button:hover, .stb-admin-theme-content button:focus, .stb-admin-theme-content button:active {
  color: white;
}
.stb-admin-theme-content button:hover:before, .stb-admin-theme-content button:focus:before, .stb-admin-theme-content button:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.stb-admin-theme-sidebar {
	background: #e9e9e9;
	height: 1080px;
}

.stb-admin-theme-content {
	background: rgb(17,56,161);
	background: linear-gradient(270deg, rgba(17,56,161,1) 0%, rgba(32,106,195,1) 76%, rgba(32,106,195,1) 100%);
	padding: 30px;
}

.stb-admin-theme-sidebar h2 {
	color: #2e2e2e;
}

.stb-admin-sidebar-progress {
	background: #2e2e2e;
	height: 1920px;
	margin-top: 20px;
	margin-left: -30px;
}

.stb-admin-sidebar-progress a {
	float: left;
	margin-top: 20px;
	color: #fff;
	text-transform: capitalize;
	font-size: 24px;
}

.stb-admin-theme-header h2 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 30px;
	width: 100%;
}

.stb-admin-theme-header {
	text-align: right;
	float: right;
	padding-right: 30px;
	width: 100%;
}

.stb-admin-theme-content .row-2 {
	width: 100%;
	font-size: 18px;
	margin-left: 30px;
}

.stb-admin-theme-content .row-3 {
	padding: 30px;
}

.stb-admin-theme-content-preview-content {
	height: 300px;
	background: #eaeaea;
}

.stb-admin-theme-content-preview {
	margin-bottom: 20px;
}

.stb-admin-theme-content-preview p {
	margin-top: 10px;
}

.stb-admin-sidebar-progress .active {
	color: #ea8018;
}



        .stb-admin-create-store {
          width: 100%;
          height: 100%;
          background-image:url(/images/storecover.jpg);
          background-size: cover;
          background-repeat: no-repeat;
        }

        .stb-admin-create-store .row, .stb-admin-domain .row, .stb-admin-details .row, .stb-home .row, .stb-admin-signup .row, .stb-admin-create-store .row, .stb-admin-theme .row {
        	width: 100% !important;
        }

  
        .stb-admin-create-store-content label {
        	display: none;
        }

        .stb-admin-create-store-content select {
        	width: 350px;
        	padding:5px;
        	height:37px;
        	border: 0px;
        	border-radius: 0px;
        	margin-bottom: 15px;
          box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        }


        .stb-admin-create-store-content input {
          width: 350px;
          padding: 5px;
          height: 37px;
          margin-right: 10px;
          border:0px;
          border-radius: 0px;
          margin-bottom: 15px;
          box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        }

        ::placeholder {
          color: #474747;
      }

        .stb-admin-create-store-content h2 {
          margin-bottom: 15px;
          line-height: 1.4;
        }

        .stb-admin-create-store-content p {
          margin-top: 15px;
          font-size: 14px;
          line-height: 1.4;
        }        

      /* Sweep To Right */

.stb-admin-create-store button {
  display: inline-block;
  float: left;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  padding: 10px 15px 10px 15px;
  background-color: #1cb656;
  color: #eaeaea;
  text-transform: uppercase;
  letter-spacing: 1px;
  width: max-content;
  border:0px;
  border-radius: 0px;
  cursor: pointer;
  margin-top: -2px;
}
.stb-admin-create-store button:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #258d86;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.stb-admin-create-store button:hover, .stb-admin-create-store button:focus, .stb-admin-create-store button:active {
  color: white;
}
.stb-admin-create-store button:hover:before, .stb-admin-create-store button:focus:before, .stb-admin-create-store button:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

        .stb-admin-details {
          width: 100%;
          height: 100%;
          background-image:url(/images/storecover-settingup.jpg);
          background-size: cover;
          background-repeat: no-repeat;
        }

    
        .stb-admin-details-content label {
        	display: none;
        }

        .stb-admin-details-content select {
        	width: 350px;
        	padding:5px;
        	height:37px;
        	border: 0px;
        	border-radius: 0px;
        	margin-bottom: 15px;
        }


        .stb-admin-details-content input {
          width: 350px;
          padding: 5px;
          height: 37px;
          margin-right: 10px;
          border:0px;
          border-radius: 0px;
          margin-bottom: 15px;
          box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        }

        ::placeholder {
          color: #474747;
      }

        .stb-admin-details-content h2 {
          margin-bottom: 15px;
          line-height: 1.4;
        }

        .stb-admin-details-content p {
          margin-top: 15px;
          font-size: 14px;
          line-height: 1.4;
        }        

      /* Sweep To Right */

.stb-admin-details button {
  display: inline-block;
  float: left;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  padding: 10px 15px 10px 15px;
  background-color: #1cb656;
  color: #eaeaea;
  text-transform: uppercase;
  letter-spacing: 1px;
  width: max-content;
  border:0px;
  border-radius: 0px;
  cursor: pointer;
  margin-top: -2px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.stb-admin-details button:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #258d86;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.stb-admin-details button:hover, .stb-admin-details button:focus, .stb-admin-details button:active {
  color: white;
}
.stb-admin-details button:hover:before, .stb-admin-details button:focus:before, .stb-admin-details button:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

     
    		.stb-admin-domain {
    			width: 100%;
    			height: 100%;
    			background-image:url(/images/storecover.jpg);
    			background-size: cover;
    			background-repeat: no-repeat;
    		}

    	
    		.stb-admin-domain-content h2 {
    			margin-bottom: 15px;
          
          line-height: 1.4;
    		}

    		.stb-admin-domain-content input {
    			padding: 5px;
    			margin-bottom: 15px;
    			width: 300px;
    			height: 37px;
          border:0px;
          border-radius: 0px;
          box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    		}
    		::placeholder {
  				color: #474747;
			}

			/* Sweep To Right */

.stb-admin-domain-content button {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  padding: 10px 15px 10px 15px;
  background-color: #1cb656;
  color: #eaeaea;
  text-transform: uppercase;
  letter-spacing: 1px;
  width: max-content;
  border:0px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  border-radius: 0px;
  cursor: pointer;
}
.stb-admin-domain-content button:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #258d86;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.stb-admin-domain-content button:hover, .stb-admin-domain-content button:focus, .stb-admin-domain-content button:active {
  color: white;
}
.stb-admin-domain-content button:hover:before, .stb-admin-domain-content button:focus:before, .stb-admin-domain-content button:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.stb-admin-domain-sidebar {
	background: #e9e9e9;
	height: 1080px;
}

.stb-admin-domain-content {
	background: rgb(17,56,161);
	background: linear-gradient(270deg, rgba(17,56,161,1) 0%, rgba(32,106,195,1) 76%, rgba(32,106,195,1) 100%);
	padding: 30px;
}

.stb-admin-domain-sidebar h2 {
	color: #2e2e2e;
}

.stb-admin-sidebar-progress {
	background: #2e2e2e;
	height: 1920px;
	margin-top: 20px;
	margin-left: 0px;
	
}

.stb-admin-sidebar-progress a {
	float: left;
	margin-top: 20px;
	color: #fff;
	text-transform: capitalize;
	font-size: 24px;
}

.stb-admin-domain-header h2 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 30px;
	width: 100%;
}

.stb-admin-domain-header {
	text-align: right;
	float: right;
	padding-right: 30px;
	width: 100%;
}

.stb-admin-domain-content .row-2 {
	width: 100%;
	font-size: 18px;
	margin-left: 30px;
}

.stb-admin-domain-content .row-3 {
	padding: 30px;
}

.stb-admin-domain-content-preview-content {
	height: 300px;
	background: #eaeaea;
	padding: 30px;
}

.stb-admin-domain-content-preview {
	margin-bottom: 20px;
}

.stb-admin-domain-content-preview p {
	margin-top: 10px;
}

.stb-admin-sidebar-progress .active {
	color: #ea8018;
}

.stb-admin-domain-description p {
	margin-bottom: 0px !important;
}

.stb-domain-desc {
	font-size: 14px;
}

.stb-admin-domain-description .col-md-12 {
	padding: 0px;
}









/*STORE BUILDER CONTENT*/


.stb-header {
    background-color:#fcc930;
    padding:10px;
}

.stb-logo {
    font-weight:bold;
    font-size:14px;
    text-align:right;
}


.stb-search input{
    border-radius:20px;
    margin-top:5px;
}

.stb-storename {
    font-weight: bold;
    font-size: 14px;
    margin-top: 10px;
    text-align: right;
}

.stb-acc-icon img {
    width:45px;
}


.stb-scr-1{
    background-color: #fff;
    width: 100%;
    height: 100%;
    padding: 10%;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: -20px;
}

.stb-scr-1-content {
    text-align:center;
}

.stb-scr-1-content input {
    width:350px;
    display:table-cell;
    margin-bottom:20px;
    border:1px solid #1f2c56;
    border-radius:50px;
    height:40px;
}

button {
    background-color: #1f2c56;
    color:#fff;
    border:0px;
    padding:10px 30px 10px 30px;
    border-radius:20px;
    text-transform:uppercase;
}

button:hover {
    color:#1f2c56;
    background-color:#fff;
    transition: all 0.2s ease 0.2s;
}

.stb-scr-2{
    background-color: #fff;
    width: 100%;
    height: 100%;
    padding: 10%;
}

.stb-scr-2-content-right img {
    width:60%;
}

.stb-scr-2-content-right {
    text-align:center;
}

.stb-scr-2-content-right input {
    width:350px;
    display:table-cell;
    margin-bottom:20px;
    border:1px solid #1f2c56;
    border-radius:20px;
    height:40px;
    margin-top:25px;
}



.stb-scr-3{
    width: 100%;  
}

.stb-scr-3-content-left img {
    width:500px;
}

.stb-scr-3-content-right .content {
    background-color:#fed24d;
    padding:40px;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.stb-scr-3-content-right .content label {
    color:#1f2c56;
    margin-top:10px;
    font-size:14px;
}


.stb-scr-3-content-right h3 {
    color:#1f2c56;
    font-weight:bold;
}

#regbisiness {
    width:20px;
}



.stb-load-scr {
    width: 100%;
    height: 100%;
    padding: 15%;   
}

.stb-load-scr-content {
    text-align:center;
}

.stb-load-scr-content img {
    width:400px;
    margin-bottom:200px;
}



<!-- LEFT NAVBAR CSS -->

.navbar-fixed-left {
width: 140px;
position: fixed;
border-radius: 0;
height: 100%;
}

.navbar-fixed-left + .container {
padding-left: 160px;
}

/* On using dropdown menu (To right shift popuped) */
.navbar-fixed-left .navbar-nav > li > .dropdown-menu {
margin-top: -50px;
margin-left: 140px;
}


.stb-overview {
    width: 100%;
    height: 100%;  
}

.stb-right-content {
    height:87%;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    padding:2%;
}

.stb-over-view-container {
    margin-top:30px;
    width:100%;
}

.navbar-fixed-left {
    height:87%;
    padding:5%;
}

.navbar-fixed-left a {
    font-size:21px;
}

.stb-right-content h3 {
    font-weight:bold;
    color:#050751;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    padding:15px;
}

.stb-right-steps {
    height:300px;
    background-color:#ffd84d;
    padding:2%;
}

.stb-right-content h4 {
    font-weight:bold;
    color:#050751;
    padding:10px;
    border:1px solid #ffffff;
    width:auto;
    margin-bottom:20px;
}

.stb-right-content h4:hover, .stb-right-content h4.active {
    background-color:#050751;
    color:#fff;
    transition: all 0.2s ease 0.2s;
    cursor:click;
}

.stb-right-steps-right {
    background-color:#fff;
    padding:20px;
}

.stb-right-steps-right h4 {
    font-weight:bold;
    font-size:21px;
    padding:0px;
}

.stb-right-steps-right p {
    font-size:13px;
    line-height:1.7;
    margin-bottom:20px;
}

.stb-scr-one-img {
    text-align: center;
    margin-top: 50px;
}

.stb-scr-one-img img {
    width: 500px;
}












.store-one-bg{
    background: url(/store_files/wallpaper-one.jpg);
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.stb-header-one .stb-logo img {
    width: 125px;
    margin-left: 100px;
}

.stb-header-one .col {
    padding: 20px;
}

.stb-header-one-right {
    background-color: rgba(222,222,222,0.7);
    padding: 20px;
    text-align: right;
}

.stb-header-one-right .btn {
    background: transparent;
    color: #464646;
    margin-right: 20px;
    border:0px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 20px;
    letter-spacing: 1px;
    text-transform: capitalize;
} 

.stb-header-one-right .btn.active {
    color: #fff;
    background-color: #101f56;
}

.stb-signup-img img {
  width: 500px;
}

.stb-scr-1-content h3 {
  color: #1f2c56;
}







/*MENU*/

#myNavbar {
    float: right;
}

#myNavbar a {
    color: #464646;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 13px;
}



/*LANDING PAGE*/

.landing-container {
  padding-left: 0% !important;
  padding-right: 0% !important;
}

.landing-heading-row {
  text-align: center;
}

.landing-heading-row img {
  width: 155px;
  margin-bottom: 30px;
}

.landing-hd {
    font-size: 47px;
    font-weight: bold;
    color: #101f56;
    text-align: center;
    line-height: 1.7
}

.landing-hd-2 {
    font-size: 21px;
    color: #101f56;
    text-align: center;
    line-height: 1.7;
    margin-top: 20px;
}

.landing-btn-group input {
    margin-right: 20px;
    margin-bottom: 0px;
    border-radius: 50px;
}

.landing-btn-group {
    padding: 25px;
    width: max-content;
    margin: 0 auto;
    background: #fed44e;
    border-radius: 50px;
}

.landing-hd-3 {
    font-size: 14px;
    color: #a4a4a4;
    margin-top: 40px;
}

.landing-social {
    text-align: center;
    margin-top: 30px;
}

.landing-social img {
    width: 40px;
    margin: 10px;
    margin-bottom: 50px;
}

.landing-features-row {
    background: #fed44e;
    padding:55px;
    box-sizing: unset !important;
}

.landing-features-row .col-md-4 {
    text-align: center;
    box-sizing: border-box;
}

.landing-features-row img {
    background: #fff;
    border-radius: 100%;
}

.landing-features-row p:nth-child(2) {
    font-size: 21px;
    color: #101f56;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
}

.landing-features-row p:nth-child(3) {
    font-size: 13px;
    color: #101f56;
    line-height: 1.7;
}

.landing-action-text {
    text-align: center;
}

.landing-action-text p:nth-child(1) {
    margin-top: 70px;
}

.landing-action-text p {
    font-size: 32px;
    font-weight: bold;
    color: #101f56;
    text-align: center;
    line-height: 1.7;
}

.landing-action-text button {
    margin-bottom: 100px;
}

.stb-pin-sent-l1 h1 {
  text-align: center;
  font-size: 38px;
  color: #101f56 !important;
}

.stb-pin-sent-l2 {
  text-align: center !important;
  font-weight: bold !important;
  font-size: 16px !important;
  color: #101f56 !important;
}

.stb-pin-sent-l3 {
    text-align: center;
    font-size: 21px;
    font-weight: bold;
    color: #101f56;
    width: 70%;
    margin: 0 auto;
    line-height: 2;
}

.stb-email-verified-container {
  padding:5%;
  color: #101f56;
}

.stb-email-verified-container img {
  width: 250px;
}



.stb-email-verified-container p {
  color: #101f56;
}

.stb-admin-logo {
    text-align: left;
    padding: 20px;
    background: #ffd84e;
    border-bottom: 4px solid #fff;
}

.stb-admin-logo img {
  width: 150px;
}

.stb-admin-leftr-menu, .stb-admin-left-area {
  background-color: #ffd84e;
}

.stb-admin-right-header {
    background-color: #ccccc7;
    padding: 42px;
}

.stb-admin-right-header .col-md-2 {
  text-align: right;
}

.stb-admin-content {
  margin-top: 20px;
}


/*SIDEBAR*/

/* Style the sidebar - fixed full height */
.sidebar {
  height: 100%;
  width: 100%;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #ffd84e;
  overflow-x: hidden;
  padding-top: 16px;
}

/* Style sidebar links */
.sidebar a {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 20px;
  color: #1f2c56;
  display: block;
  padding:20px;
  transition: all 0.15s ease 0.15s !important;
}

/* Style links on mouse-over */
.sidebar a:hover {
  color: #ffffff;
}

/* Style the main content */
.main {
  margin-left: 160px; /* Same as the width of the sidenav */
  padding: 0px 10px;
}

/* Add media queries for small screens (when the height of the screen is less than 450px, add a smaller padding and font-size) */
@media screen and (max-height: 450px) {
  .sidebar {padding-top: 15px;}
  .sidebar a {font-size: 18px;}
}