@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap&subset=latin-ext");
@import url("https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");

.header {
	margin-top: 0px;
	padding-top: 0px;
	background-color: #FFB808;
}
.tt-logo {
	width: 28px;
	height: auto;
	margin-top: 10px;
	margin-bottom: 8px;
	margin-right: 0px;
}
.tt-title {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 4px;
}
.tt-main-title {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #000000;
}
.tt-main-subtitle {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	line-height: 1.4em;
}
.tt-main-content {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	line-height: 1.4em;
}
.tt-main-transfer {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-align: justify;
	margin: 0px 18px 10px 18px;
}
label-arrow {
	color: #e52d27;
}
.label-title {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #000000;
	margin-bottom: 0px;
}
.label-info {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #a7a7a7;
	margin-bottom: 0px;
	margin-left: 10px;
}
.info-accordion {
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
.iconnotchecked {
	width: 18px;
	height: auto;
	padding-bottom: 3px;
}
.checked-text {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #a7a7a7;
	margin-left: 10px;
}
.row-body {
	margin-bottom: 0px;
}
.above-footer {
	margin-bottom: 50px;
}

.btn-grad-update:active, .btn-grad-update:focus,
.btn-grad-unsub:active, .btn-grad-unsub:focus,
.btn-grad-contact:active, .btn-grad-contact:focus,
.btn-grad-delete-data:active, .btn-grad-delete-data:focus {
	outline: none;
    box-shadow: none;
}

/* BUTTONS */
.btn-grad-update {
	background-image: linear-gradient(to right, #02AAB0 0%, #00CDAC  51%, #02AAB0  100%);
}
.btn-grad-update {
	width: 100%;
	height: 34px;
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	background-size: 200% auto;
	color: #ffffff;
	box-shadow: 0 0 20px #eee;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #000000;
	display: block;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.btn-grad-update:hover {
	background-position: right center;
	color: #ffffff;
	text-decoration: none;
	border: 1px solid #000000;
}

.btn-grad-unsub {
	background-image: linear-gradient(to right, #360940 0%, #F05F57  51%, #360940  100%);
}
.btn-grad-unsub {
	width: 100%;
	height: 34px;
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	background-size: 200% auto;
	color: #ffffff;
	box-shadow: 0 0 20px #eee;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #000000;
	display: block;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.btn-grad-unsub:hover {
	background-position: right center;
	color: #ffffff;
	text-decoration: none;
	border: 1px solid #000000;
}

.btn-grad-contact {
	background-image: linear-gradient(to right, #DE4313 0%, #ffcc33  51%, #DE4313  100%);
}
.btn-grad-contact {
	width: 100%;
	height: 34px;
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	background-size: 200% auto;
	color: #ffffff;
	box-shadow: 0 0 20px #eee;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #000000;
	display: block;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.btn-grad-contact:hover {
	background-position: right center;
	color: #ffffff;
	text-decoration: none;
	border: 1px solid #000000;
}

.btn-grad-delete-data {
	background-image: linear-gradient(to right, #002661 0%, #1D6FA3  51%, #002661  100%);
}
.btn-grad-delete-data {
	width: 100%;
	height: 34px;
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	background-size: 200% auto;
	color: #ffffff;
	box-shadow: 0 0 20px #eee;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #000000;
	display: block;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.btn-grad-delete-data:hover {
	background-position: right center;
	color: #ffffff;
	text-decoration: none;
	border: 1px solid #000000;
}
/* BUTTONS */

/* FIELDS */
.form-group {
	margin-top: 4px;
	margin-bottom: 4px;
}
.form-group input {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    padding: 0px 0px 0px 10px;
    letter-spacing: 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
	border: none;
    border-bottom: 1px solid #000000;
    background-color: #C4C4C4;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out
}
.form-control:focus {
	color: #000000 !important;
	border: none;
	border-bottom: 1px solid #000000;
    box-shadow: none;
}
/* Chrome, Firefox, Opera, Safari 10.1+ */
.form-control::placeholder {
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	letter-spacing: 1px;
	/* Firefox */
	opacity: 1;
}
/* Internet Explorer 10-11 */
.form-control:-ms-input-placeholder {
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}
/* Microsoft Edge */
.form-control::-ms-input-placeholder {
	font-size: 10px;
	font-weight: bold;
	color: #000000;
 }
.form-control::-webkit-input-placeholder {
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}
.with-errors {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
	padding-top: 10px;
    padding-bottom: 0px;
	color: #000000;
	letter-spacing: 0px;
}
.has-error .form-control {
    border-color: #000000;
}
.d-none {
	display: none !important;
}
/* FIELDS */

.section-token {
	margin-bottom: 20px;
}