/**********************************************************
 *  Copyright (c) 2011-2024  Jim Semple, Semple Ventures  *
 *  http://www.sempleventures.com/mit-license             *
 **********************************************************/
 .candy-bg {
  background: linear-gradient(10deg, #ff45b5, #7cf3a0, #b4f8c8, #ff75d8);
  background-size: 400% 400%;
  -webkit-animation: gradient 15s ease infinite;
      animation: gradient 15s ease infinite;
  height: 100%;
}
.purple-bg {
  background: linear-gradient(45deg, #1d1160, #fae6f9, #4b0082, #74428a);
  background-size: 400% 400%;
  -webkit-animation: gradient 15s ease infinite;
      animation: gradient 15s ease infinite;
  height: 100%;
}
.redpurple-bg {
	background: linear-gradient(45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	-webkit-animation: gradient 15s ease infinite;
			animation: gradient 15s ease infinite;
	height: 100%;
}
.green-bg {
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	-webkit-animation: gradient 15s ease infinite;
			animation: gradient 15s ease infinite;
	height: 100%;
}
.blue-bg {
	background-image: linear-gradient(120deg, #c973ff, #aebaf8);
}
  /* main layout */
  .margins {
	margin-left:50px;margin-right:50px;
  }
  .left-side {
	width:35%;
	min-width:300px;
  }
  .right-side {
	margin-left:3%;
	min-width:60%;
  }
  @media screen and (max-width: 750px) {
  .margins {
	margin-left:15px;
	margin-right:15px;
  }
  .left-side {
	width:100%;
  }
  .right-side {
	margin:0px;
	width:100%;
  }
  }
  /* subset layout */
  .info-box {
  min-width:180px;
  }
  .transactions {
  min-width:320px;
  }
  @media screen and (max-width: 750px) {
  .info-box {
	width:100%;
  }
  .transactions {
	width:100%;
  }
  }
  .standard {
	background-color:#ffffff;
	padding:20px;
	border-radius:3px;
  }
  .selectize-dropdown .selected {
	background-color:#424242;
  }
  
/* fix top padding in header */
.navbar {
	color: #eeeeee;
	background-color: #083464;
  }
  .nav a {
	color: #ffffff;
  }
  .nav.inverse a {
	color: #ffffff !important;
  }
  
  #email {
	width: 350px;
  }
  #currentpassword {
	width: 200px;
  }
  #password {
	width: 200px;
  }
  #confirmpassword {
	width: 200px;
  }
  #captcha-phrase {
	width: 162px;
  }
  
  /* text links */
  .content a:link {
   color: #007fff;
   text-decoration: none;
  }
  .content a:visited {
	color: #007fff;
  }
  .content a:hover, .content a:active {
   opacity: 0.95;
	text-decoration: underline;
  }
  .inverse a:link {
   color: #007fff;
   text-decoration: none;
  }
  .inverse a:visited {
	color: #007fff;
  }
  .inverse a:hover, .inverse a:active {
   opacity: 0.95;
	text-decoration: underline;
  }

 /* default & nav links */
 a, a:link {
	color: #065aa7; /* #0b0080 = basic web blue */
   }
   a:visited {
	 color: #065aa7; /* #663366 = basic web purple */
   }
  
   /* content on page links */
   .content a:link {
	   color: #065aa7; /* #0b0080 = basic web blue */
	   text-decoration: none;
	/*text-decoration-style: dotted;*/
   }
   .content a:visited {
	 color: #065aa7; /* #663366 = basic web purple */
   }

/* full screen nav resolution */
@media screen and (min-width: 751px) {
   .navbar {
      padding: 5px 24px 8px 40px;
   }
   .nav-links {
      margin-top: 6px !important;
   }
}

@media screen and (min-width: 751px) and (max-width: 1020px) {
  .nav-links {
    margin-top: 6px !important;
    margin-right: 60px;
  }
}

.center-image {
   display: flex;
   align-items: center;
   justify-content: center;
 }
 .center-image img {
   width: 120px;
   height: 120px;
 }

/*** Avatars & Social Icons ***/

.monster-avatar, .monster-avatar img {
	width: 300px;
	height: 300px;
	-webkit-border-radius: 150px; /* Saf3+, Chrome */
	border-radius: 150px; /* Opera 10.5, IE 9 */
	/*-moz-border-radius: 150px;  Disabled for FF1+ */
}

.huge-avatar, .huge-avatar img {
	width: 180px;
	height: 180px;
	-webkit-border-radius: 90px; /* Saf3+, Chrome */
	border-radius: 90px; /* Opera 10.5, IE 9 */
	/*-moz-border-radius: 90px;  Disabled for FF1+ */
}

.big-avatar, .big-avatar img {
	width: 128px;
	height: 128px;
	-webkit-border-radius: 64px; /* Saf3+, Chrome */
	border-radius: 64px; /* Opera 10.5, IE 9 */
	/*-moz-border-radius: 64px;  Disabled for FF1+ */
}

.avatar, .avatar img {
	width: 80px;
	height: 80px;
	-webkit-border-radius: 40px; /* Saf3+, Chrome */
	border-radius: 40px; /* Opera 10.5, IE 9 */
	/*-moz-border-radius: 40px;  Disabled for FF1+ */
}

.small-avatar, .small-avatar img {
	width: 40px;
	height: 40px;
	-webkit-border-radius: 20px; /* Saf3+, Chrome */
	border-radius: 20px; /* Opera 10.5, IE 9 */
	/*-moz-border-radius: 20px;  Disabled for FF1+ */
}

.tiny-avatar, .tiny-avatar img {
	width: 20px;
	height: 20px;
	-webkit-border-radius: 10px; /* Saf3+, Chrome */
	border-radius: 10px; /* Opera 10.5, IE 9 */
	/*-moz-border-radius: 10px;  Disabled for FF1+ */
}

/* flex grid / double-pane */
.fortyfive {
	width: 45%;
  }
  @media screen and (max-width: 750px) {
	/* used to break content into single columns */
	.fortyfive {
		width: 100%;
	}
  }

  /* gradient */

  .gradient {
	background-color: #c70039 !important;
	color: #ffffff;
  }
  .gradient {
	/* beautiful linear gradient */
	background: #860064;
	background: -moz-linear-gradient(left, #860064 0%, #e7222a 100%);
	background: -webkit-linear-gradient(left, #860064 0%,#e7222a 100%);
	background: linear-gradient(to right, #860064 0%,#e7222a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#860064', endColorstr='#e7222a',GradientType=1 );
  }