.alertError {
    background: #FCE9E8;
    border-color: #F1BBB6;
    color: #97180C;
	margin-left:  10px;  
	margin-right:  10px; 
}

.alert {
    margin-bottom: 10px !important;
}

 @media (max-width: 48em){
.managesub{
	margin-top: 10px;
	margin-bottom: 10px;
	/* height: 475px;  */
}
}
@media screen and (min-width: 992px){
.managesub{
	height: 420px;
}
} 
.inputError {
    border: 2px solid #D12212;
}
.btn-primary {
 
	border: 1px solid transparent!important;;
	}
.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	right: 0;
	background-color: #111;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
}

.sidenav a {
	padding: 8px 8px 8px 35px;
	border-color: #202020 !important;
	text-decoration: none;
	font-size: 15px;
	color: #ffffff;
	display: block !important;
	transition: 0.3s;
}

.sidenav a:hover {
	color: #818181;
}

.sidenav .closebtn {
	border-style: none !important;
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 20px;
	margin-left: 50px;
}
@media screen and (max-height: 450px) {
	.sidenav a {font-size: 18px;}
}

@media only screen and (max-width : 420px) {
	.ui-dialog {
		width: auto !important;
	}

}
.sidenav .sideBarGreeting {
	padding: 13px 8px 8px 5px;
	color: #D6D6D6;
	border-style: none !important;
	position: absolute;
	top: 0;
	right: 30px;
	font-size: 15px;
	margin-right: 60px;
}
/* --------------------------------------------- my account controls ---------------------------------------------*/
.accountDesktop {
	position: relative;
	float: right;
	margin-top: -50px;
	z-index: 10;
	font-size: 13px;
}
.accountDesktop p {
	display: inline;
	margin-right: 10px;
}
button#myAccBtnDesktop {
	padding: 5px 11px;
	margin-bottom: 0;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.42857143;
}
.accountMobile {
	position: relative;
	left: 10px;
	float: right;
	margin-top: -62px;
	z-index: 10;
	font-size: 13px;
}
#myAccBtnMobile {
	border-bottom: 0;
	cursor: pointer;
}
a#myAccBtnMobile svg {
	width: 39px;
	height: 39px;
}
.accountMobile .dropdown-menu {
	padding: 7px 0;
}
.accountMobile .dropdown-menu a {
	font-size: 16px;
	padding: 7px 20px;
}
#Subscription, #Preferences, .liStyles  {
	margin-right: 10px !important;
}
#pageContent .nav-tabs {
	margin: 0 auto;
	border-bottom: 0px solid #2A902A   !important;
}
#pageContent .nav-tabs > li.active {
border-bottom: #2A902A   !important;
	position:relative; top:1px;
}
.nav-tabs > li.active > a {
    border-bottom: 1px solid #fff !important;
}
#headColor {
   background-color: #525252;
    color: #FFFFFF;
}
#table_id_info {
 display:none;
}
table.dataTable.no-footer {
   border-bottom: none!important;
}
 td.dataTables_empty {
  display: table-cell!important;
} 

element.style {
    text-align: center;
    width: 153px;
}
table.dataTable thead th, table.dataTable thead td {
    padding: 10px 10px!important;
	
	
}
.form-group {
margin-left: 0px!important;
 margin-right: 10px;
  		} 
		
		
@media screen and (min-width: 0px) and (max-width: 800px) and (orientation: portrait)  {
	.form-control {
	font-size: 12px;
	margin-right: 0px!important;	
	}
}	

	#pageBorder {
     padding-right: 20px!important;
}

  .bootstrap-tagsinput  {
	display:inline-block!important;
	width:100%!important; 
	white-space:normal;  
	max-width: 100%!important;
  }
 
 @media screen and (min-width: 0px) and (max-width:899px) and (orientation: portrait) {
	 .bootstrap-tagsinput {
	  display:inline-block!important;
	}

 }
 @media screen and (min-width: 0px) and (max-width:899px)and (orientation: landscape) {
	 .bootstrap-tagsinput {
	  display:inline-block!important;
}

 }
 input:focus::placeholder {
  color: transparent;
  visibility: hidden;
} 
input::placeholder{
	visibility: visible;
	display:inline-block;
	width: 100%!important;
	
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
} 


.bootstrap-tagsinput .tag {
	margin-right: 2px;
	color: black;
	font-size: 11px;
}
  @media screen and (min-width: 0px) and (max-width: 480px) and (orientation: portrait)  {
	#tabNav_Subscription .bootstrap-tagsinput input::placeholder{
	visibility: visible;
	display:inline-block;
	width: 100%!important;
	font-size: calc(.2em + 1vw)!important;
	
} 
 .bootstrap-tagsinput input {

  
  padding: 0 0;
 
}
 }
  @media screen and (min-width: 0px) and (max-width: 480px) and (orientation: portrait)  {
	 input::placeholder{
	visibility: visible;
	display:inline-block;
	width: 100%!important;
	font-size: calc(.4em + 1vw)!important;
	
} 
 .bootstrap-tagsinput input {
  padding: 0 0;
	}
 }

 @media screen and (min-width: 0px) and (max-width: 480px) and (orientation: portrait)  {
	.popover-content {
    padding: 9px 21px ;
	margin-right: 1px;
	border: 1px ;
}
 }
 @media screen and (min-width: 0px) and (max-width: 480px) and (orientation: portrait)  {
	.popover{
	 margin-left: 0px!important;
	 }
} 
 .popover  {
  margin-left: 20px;
   background-color: #fff!important;
  border-radius: 4px;
  padding: 2px;
 }
 
 .popover.top>.arrow:after {
	 margin-left:-22px!important;
 }
.popover>.arrow {
    border-width: inherit!important;
}

 @media screen and (min-width: 0px) and (max-width: 480px) and (orientation: portrait)  {
	.popover.top>.arrow:after {
	 margin-left:-2px!important;
 }
}

 #none  {
	margin-top: 13px !important;
}

 #PrivacyPolicy{
margin-bottom: 13px;
}
 .g-recaptcha{
margin-bottom: 13px;
}

@media (max-width: 48em){
.container{
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px!important;
    padding-right: 0px!important;
}
}
#btnUnsubscribe{
  margin-left: 1px!important;
  
}

#btnrecallSubmit{
  margin-right: 10px!important;
  margin-top: 30px!important;
}