/******FONTS******/
@font-face {
  	font-family: Heebo;
  	src: url("/static/fonts/Heebo/Heebo-VariableFont_wght.ttf");
}
@font-face {
  	font-family: Roboto;
  	src: url("/static/fonts/Roboto/Roboto-Black.ttf");
 	font-weight: bolder;
	font-style: normal;
}
@font-face {
  	font-family: Roboto;
  	src: url("/static/fonts/Roboto/Roboto-Bold.ttf");
 	font-weight: bold;
	font-style: normal;
}
@font-face {
  	font-family: Roboto;
  	src: url("/static/fonts/Roboto/Roboto-Regular.ttf");
 	font-weight: regular;
	font-style: normal;
}
@font-face {
  	font-family: Roboto;
  	src: url("/static/fonts/Roboto/Roboto-Italic.ttf");
 	font-weight: regular;
	font-style: italic ;
}

/******KEYFRAMES******/
@keyframes slide {
  0% {
    transform:translateX(-25%);
  	}
  100% {
    transform:translateX(25%);
  }
}

/******STYLE******/
* {
	padding: 0;
	margin: 0;
	font-size: 32px;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	transition: .5s;
}
.bg {
	animation: slide 25s ease-in-out infinite alternate;
	background-image: linear-gradient(-60deg, #795ee5 50%, #09f 50%);
	bottom: 0;
	left: -50%;
	opacity: .2;
	position: fixed;
	right: -50%;
	top: 0;
	z-index: -1;
}
.bg2 {
 	animation-direction: alternate-reverse;
 	animation-duration: 30s;
}
.bg3 {
 	animation-duration: 35s;
}
.bg4 {
	animation-direction: alternate-reverse;
	animation-duration: 20s;
}
body{
	overflow-x: hidden;
	width: 100vw;
	height: 100vh;
	background-image: url("/static/images/pattern.png");
	background-repeat: repeat;
	margin: 0;
}
h1 {
	font-family: 'Heebo', sans-serif;
	font-weight: bold;
}
h2 {
	font-style: italic;
}
h3 {
	font-size: 1.5rem;
}
p {
	padding: 0;
	margin:0;
}
th {
	font-family: 'Heebo', sans-serif;
	font-weight: bold;
}
a:hover {
	font-style: normal;
	font-weight: bolder;
}
section {
	margin: 1rem auto;
	margin-bottom: 0;
}
section.profile-section {
	margin-top: 4rem;
}
section.profile-section:first-of-type {
	margin-top: 2rem;
}
.container {
	justify-content: flex-end;
}
.container-fluid {
	margin: 0 auto;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}
.container-fluid.mainSection{
	display: flex;
	align-items: center;
}
.hide {
	visibility: hidden;
}
.cite {
	font-style: italic;
}
.error-panel {
	z-index: 998;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 80%;
	height: auto;
	text-align: center;
}
div#messages {
	transition: 0s;
}
#messages p {
	padding: .5rem 3rem;
	margin-bottom: .5rem;
	border-radius: 4px;
	font-weight: bold;
}
#messages .message-error {
	color: #fff;
	background: rgb(183,64,76);
 	background: linear-gradient(90deg, rgba(183,64,76,0) 0%, rgba(183,64,76,1) 10%, rgba(183,87,97,1) 90%, rgba(183,64,76,0) 100%);
}
#messages .message-success {
	color: #fff;
	background: rgb(46,109,164);
 background: linear-gradient(90deg, rgba(46,109,164,0) 0%, rgba(160,221,48,1) 10%, rgba(160,221,48,1) 90%, rgba(46,109,164,0) 100%);
}
#rg_logo {
	margin: 1rem;
}
#rg_logo img {
	width: 80px;
	height: 80px;
}
button#logout {
	z-index: 999;
	border-radius: 4px 0 0 4px;
	position: fixed;
	top: 20px;
	right: 0;
	box-shadow: -1px 1px 15px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow: -1px 1px 15px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: -1px 1px 15px 2px rgba(0,0,0,0.25);
}
button#logout:hover {
	color: #FFB100;
}
button#logout p {
	margin: 0;
}
button.deleteButton {
	font-size: 1rem;
	font-weight: bolder;
	font-family: 'Roboto', sans-serif;
}
.btn-mine {
	background-color:#FFB100;
	border: #2e6da4;
	color: #fff;
	letter-spacing: 1px;
	padding: 8px 12px;
	/* font-family: 'Heebo', sans-serif;
	font-weight: bolder; */
	border-radius: 4px;
	line-height: 1.5;
	text-decoration: none;
	box-shadow: -1px 1px 15px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow: -1px 1px 15px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: -1px 1px 15px 2px rgba(0,0,0,0.25);
}
.btn-mine:hover {
	background-color:#fff;
	color: #FFB100;
}
input[type="text"],
input[type="password"] {
	color: #065796;
}
input {
	box-shadow: -1px 1px 15px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow: -1px 1px 15px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: -1px 1px 15px 2px rgba(0,0,0,0.25);
}
.switch>span{
	box-shadow: -1px 1px 15px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow: -1px 1px 15px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: -1px 1px 15px 2px rgba(0,0,0,0.25);
}
/* The switch - the box around the slider */
.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}
/* Hide default HTML checkbox */
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}
/* The slider */
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}
.slider:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	left: 6px;
	bottom: 6px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}
input:checked + .slider {
	background-color: #FFB100;
}
input:focus + .slider {
	box-shadow: 0 0 4px #065796;
}
input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
	border-radius: 34px;
	border:  1px solid #fff;
}
.slider.round:before {
	border-radius: 50%;
}
.form {
	max-width: 100%;
}
.form-floating label {
	color: #2e6da4;
}
.text-muted {
	font-size: .7rem;
	font-style: italic;
	color: #AEAFB1!important;
}
footer {
	margin-top: 90px;
	/* background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%); */
}
footer #footerInfo {
	display: flex;
	justify-content: space-around;
	padding: 1rem 0;
}
footer #footerInfo:first-child {
	background-color: #ffffff50;
}
footer #footerCopy {
	width: 100%;
	margin: 1rem auto;
	text-align: center;
}
footer p {
	margin: 1rem 0;
}
footer a {
	text-decoration: none;
	font-style: italic;
	padding: .5rem;
	border-radius: 10px;
}
footer a:hover {
	background-color: #fff;
	color: #2e6da4!important;
	font-weight: normal;
}
.simpleLink {
	color: #fff;
	padding: 0;
}
.simpleLink:hover {
	color: #fff!important;
	padding: 0;
	background-color: transparent;
}
footer .simpleLink:hover {
	text-decoration: underline;
}
.simpleLink-blue {
	color: #50a3ff;
	padding: 1rem;
}
.simpleLink-blue:hover {
	color: #fff!important;
	background-color: #50a3ff;
}
#loginLink {
	display: inline-block;
	background: #fff;
	border: none;
	text-transform: uppercase;
	padding: 20px 30px;
	border-radius: 5px;
	box-shadow: 0px 17px 10px -10px rgba(0, 0, 0, 0.4);
	cursor: pointer;
	-webkit-moz-transition: all ease-in-out 300ms;
	transition: all ease-in-out 300ms
}
#loginLink:hover {
	box-shadow: 0px 37px 20px -20px rgba(0, 0, 0, 0.2);
	-webkit-moz-transform: translate(0px, -10px) scale(1.2);
	transform: translate(0px, 10px) scale(1.2)
}
#loginLink a {
	text-decoration: none;
	font-weight: normal;
}
#loginLink:hover a {
	color: #50a3ff;
	font-weight: normal;
}
.card-text {
	font-weight: bolder;
}
.user-big {
	font-size: 4rem;
	font-weight: bolder;
}
.alert-white {
	background: rgb(183,64,76);
 	background: linear-gradient(90deg, rgba(183,64,76,0) 0%, rgba(183,64,76,1) 10%, rgba(183,87,97,1) 90%, rgba(183,64,76,0) 100%);
}
.alert-white p {
	color: #fff
}
.alert-panel {
	background: rgb(217,154,43);
	border-radius: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.alert-panel i {
	padding-right: .5rem;
}
.success-panel {
	background: #50a3ff;
	border-radius: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.success-panel i {
	padding-right: .5rem;
}
.fa-clipboard-check {
	padding-left: 0.5rem;
	margin-bottom: 1rem;
}

/******MEDIA QUERIES******/
@media (max-width: 480px) {
	* {
		font-size: 32px;
	}
	.switch {
		width: 42px;
		height: 21px;
	}
	.slider:before {
		height: 12px;
		width: 12px;
		left: 4px;
		bottom: 3px;
	}
	input:checked + .slider:before {
		-webkit-transform: translateX(20px);
		-ms-transform: translateX(20px);
		transform: translateX(20px);
	}
}
@media (min-width: 720px) and (max-width: 2256px) {
	* {
		font-size: 18px;
	}
	.form {
		max-width: 60%;
	}
}
@media (min-width: 2256px) {
	* {
		font-size: 18px;
	}
	.form {
		max-width: 40%;
	}
}