body {
	background-color: #F0F0F0;
}

.body-container {
	height: 100%;
}

.main-content {
	background-color: #F0F0F0;
}

a {
	color: #337ab7;
	transition: all ease-in-out 0.2s;
}
a:hover {
	color: rgba(51, 122, 183, 0.7);
}

li a.active {
	color: #34495E;
}

.url-return {
	word-break: break-all;
}

.tweet-over {
	color: red
}

.url-input {
	text-align: center;
}

.utmBuilder .floating-label {
	margin-top: 4em;
	margin-bottom: 1em;
}

table {
	min-width: 100%;
}

table th {
	text-align: left;
}

.main-menu {
	float: right;
}

md-sidenav {
	height: 100vh;
}

md-sidenav ul {
	padding-left: 8px;
}

md-sidenav li {
	margin-top: 16px;
}

.utmBuilder .panel-heading {
	margin-top: 4em;
}

.utmBuilder button {
	margin-top: 2em;
}

.text-box {
	overflow-wrap: break-word;
	border-top: 3px solid #34495E;
}

.panel {
	background: transparent;
	word-break: break-all;
}

.list-group-item {
	background-color: transparent;
}

.form-control-wrapper .material-input:before .invalid {
	background-color: red;
}

.text-box {
	background-color: white;
	border-radius: 4px;
	padding: 2em;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13);
}

.text-box input {
	margin-top: 1em;
}

.text-box button {
	margin-top: 2em;
}

.alert-box {
	text-align: center;
}


/*Animation provided by https://github.com/daneden/animate.css*/
.animated {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    transform: translate3d(10px, 0, 0);
  }

  90% {
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    transform: none;
  }
}

.bounceInRight {
  animation-name: bounceInRight;
}

@media screen and (min-width: 768px) {
	.navbar .navbar-nav > li > a.active::after {
		content: '\25b2';
		color: #F0F0F0;
		bottom: -7px;
	  right: 44%;
	  position: absolute;
	}
}


input:-webkit-autofill {
	background-color: green;
}

input[label].url-input {
	text-align: center;
}

.md-raised {
	margin: 0.5rem 0;
}

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

.unstyled-list {
	list-style: none;
	padding-left: 0;
}

.md-subheader .md-subheader-inner {
	padding-left: 0;
}

.unstyled-list li {
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #F0F0F0;
}