.list-group-item {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.parsley-error {
    border-color: #f75964 !important;
}
.contentElements-wrapper > .ql-editor, .ql-container  {
    height:auto;
}
form#addpageContent .button-list {
    text-align: right;
}

.lesson-header-title {
    padding-left: 20px;
}
.page-items-list {
    list-style: none;
}
.custom-success-icons > i {
    font-size: 100px;
    color: green;
}

ul.page-items-list {
    padding-left: 0;
}
ul.page-items-list li {
    font-size: 16px;
    margin-bottom: 15px;
}
span.round-number {
    background: #616161;
    padding: 5px 10px 5px 10px;
    border-radius: 15px;
    color: #fff;
    font-size: 14px;
    margin-right: 10px;
}

.completed-items button.accordion-button {
    width: 180px;
    margin: 0 auto;
}

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

.defualtHide {
    display:none;
}

.defualtShow {
    display:inline-block;
}

div.defualtShow {
    display: block;
}

.custom-accordion-title:hover {
    color: #ef7b21 !important;
}

.activeLesson {
    color: #ef7b21 !important;
}

p.result-pass > i {
    color: #fff;
    background: green;
    border-radius: 4px;
    margin-right: 5px;
    padding: 2px;
}
p.result-fail > i {
    color: #fff;
    background: red;
    border-radius: 4px;
    margin-right: 5px;
    padding: 2px;
}
form.newContentElement {
    width: 100%;
}

/* Start Custom Step Form CSS */
.step-wrapper {
    display: none;
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.question-pagination {
    flex-wrap: wrap;
}

.question-pagination .page-item,
.question-pagination .page-item .page-link {
    position: relative;
}

.question-pagination .page-item.page-item--gap .page-link {
    visibility: hidden;
    font-size: 0;
    margin:0;
    padding:0;
    display: none;
}

.question-pagination .page-item.page-item--gap + .page-item:not(.page-item--gap) {
    margin-left: 2em;
}

.page-item--last,
.page-item--first {
    position: relative;
    display: inline-block;
}

.question-pagination-wrapper {
    display: inline-flex;
}

.question-pagination-wrapper .page-link {
    border-radius: 0 !important;
}

.question-pagination-wrapper .pagination {
    margin: 0 !important;
}

.page-item--last .page-link,
.page-item--first .page-link {
    padding: 6.2px 9px;
    display: inline-block;
    border: 1px solid #ddd;
}

.page-item--last .page-link:hover,
.page-item--first .page-link:hover {
    background-color: #f7f7f7;
}

.question-pagination .page-item.page-item--gap + .page-item:not(.page-item--gap):after {
    content: "…";
    position: absolute;
    right:100%;
    bottom:10%;
    margin-right: 9px;
    pointer-events: none;
}

.step-selected {
    display: block;
    opacity: 1;
}


form.feManagerValidation .custom-input-error {
    border-color: #f75964;
}

form.feManagerValidation .custom-input-sucsess {
    border-color: #5ad092;
}

@media (min-width: 992px) {
    body[data-layout-mode=two-column] .content-page {
        margin-left: 70px !important;
    }
}
/* End Custom Step Form CSS */


.loadingoverlay {
    position: absolute;
    top: -88px;
    left: 0px;
    z-index: 100;
    width: 100%;
    height: 181%;
    background: rgba(0,0,0,0.2);
}

#appListForm .form-check label i {
	font-size: 25px;
	color: #ef7b21;
}

.form-check .form-check-input:checked + label i::before {
	content: "\e90b";
}

#appListForm .form-check {
	position: relative;
	padding-left: 0;
}

#appListForm .form-check .form-check-input {
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	margin-left: 0;
	margin-top: 0;
}

.layout-items {
	cursor: pointer;
	line-height: 1;
}
.layout-items i {
  pointer-events: none;

}

.layout-items i:last-child {
	display: none;
}

.layout-items.layout-items--open i {
	display: none;
}

.layout-items.layout-items--open i:last-child {
	display: block;
}

.filter-applications .app-area {
	transition: all 0.2s ease-in-out 0s;
}

.disabled-link {
    pointer-events: none;
}

.custom-application-block {
    max-height: 630px;
    overflow: auto;
}

@media (max-width: 767px) {
    .custom-application-block {
        max-height: 350px;
    }
	.pagination {
		justify-content: flex-start !important;
	}
	.footable-pagination {
		li {
			margin-left: 0;
		}
	}
}

.main-loader {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(221, 221, 221, 0.5);
    z-index: 99999;
}

.main-loader .spinner-border {
    position: absolute;
    top: 50%;
    left: 50%;
}

.global-loader .main-loader{
    display: block !important;
}

.dropzone.dropzone-custom {
    padding: 0;
}

.dropzone.dropzone-custom .dz-message {
    margin: 0;
    padding: 2em 0;
}

body[data-layout-mode=two-column] .navbar-custom.navbar-custom--iframe {
    left: 0!important;
}

@media (min-width: 992px) {
    body[data-layout-mode=two-column] .footer {
        left: 70px !important;
    }
}

@media (min-width: 992px) {
    body[data-layout-mode=two-column] .footer.navbar-custom-footer--iframe {
        left: 0!important;
    }
}

.question-pagination-wrapper .page-item--first .page-link,
.question-pagination-wrapper .page-item--last .page-link {
    background-color: #ef7b21;
    color: #fff;
}

.question-pagination-wrapper .page-item:not(:first-child) .page-link {
    margin-left: 0;
}

.question-pagination-wrapper .active>.page-link {
    border-color: #dee2e6;
}

.page-item-width {
	@media (min-width: 768px) {
		width: 51.2px;
		height: 34px;
	}
	height: 25px;
	text-align: center;
}

.page-link {
	@media (min-width: 768px) {
		display: block;
	}
	@media (max-width: 460px) {
		width: 30px;
		font-size: 12px;
		padding: 6px 2px;
		height: 30px;
	}
	@media (max-width: 360px) {
		font-size: 10px;
		width: 25px;
		height: 25px;
	}
	display: inline-block;
}

.page-item--first {
	@media (min-width: 768px) {
		width: 34px;
	}
	width: 34px;
	height: 25px;

	@media (max-width: 460px) {
		width: 30px;
	}

	@media (max-width: 360px) {
		width: 25px;
	}

	.page-link {
		@media (max-width: 460px) {
			width: 30px;
			font-size: 12px;
			padding: 5px 6px;
			height: 30px;
		}
		@media (max-width: 360px) {
			font-size: 10px;
			width: 25px;
			height: 25px;
		}
	}
}

.page-item--last {
	@media (min-width: 460px) {
		width: 34px;
		margin-left: 0;
	}
	width: 34px;
	height: 25px;

	@media (max-width: 460px) {
		width: 30px;
	}

	@media (max-width: 360px) {
		width: 25px;
	}

	.page-link {
		@media (max-width: 460px) {
			width: 30px;
			font-size: 12px;
			padding: 5px 6px;
			height: 30px;
		}
		@media (max-width: 360px) {
			font-size: 10px;
			width: 25px;
			height: 25px;
		}
	}
}

.step-parent-wrapper::-webkit-scrollbar {
	width: 12px;
}

.step-parent-wrapper::-webkit-scrollbar-track {
	background: #f1f1f1;
}

.step-parent-wrapper::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 6px;
}

.step-parent-wrapper::-webkit-scrollbar-thumb:hover {
	background: #555;
}

.page-item--gap-margin {
	margin-right: 27.5px;
	@media (max-width: 460px) {
		margin-right: 27.5px;
	}
}

.footer-copyright {
	@media (max-width: 320px) {
		padding-left: 32px;
		padding-right: 32px;
	}
}

.footer-imprint {
	@media (max-width: 768px) {
		text-align: center !important;
	}
}

.pagination {
	padding-bottom: 2rem;
}

.btn-container {
	text-align: center;
	flex-wrap: wrap;
	justify-content: center;
	position: fixed;
	bottom: -7%;
	left: 53%;
	transform: translateX(-50%);
	width: 100%;
	max-width: 730px;
	z-index: 99;
}

.cookie-consent {
	cursor: pointer;
}

.cc-revoke {
	display: none;
}

.dropdown-divider {
	border-top: 1px solid #0a0a0a;
	margin-left: 1.25rem;
	margin-right: 1.25rem;
}

.footer {
	text-align: center;
	flex-wrap: wrap;
	justify-content: center;
	position: fixed;
	bottom: -0.1%;
	left: 53%;
	transform: translateX(0%);
	width: 100%;
	max-width: 100%;
	z-index: 98;
	padding-top: 25px;
	padding-bottom: 25px;
}

.submit-container {
	width: 300px;
	text-align: left;
	flex-wrap: wrap;
	justify-content: center;
	position: fixed;
	bottom: -0.5%;
	left: 53%;
	transform: translateX(70%);
	max-width: 100%;
	z-index: 99;

	.btn {
		height: 33px;
		line-height: 2px;
	}
}

.question-pagination-wrapper {
	height: 33px;
}

@media (max-width: 3840px) {
	.btn-container {
		bottom: 10px;
		left: 50%;
	}

	.submit-container {
		bottom: -5px;
		left: 50%;

		.btn {
			height: 35px;
		}
	}
}

@media (max-width: 2560px) {
	.btn-container {
		bottom: 5px;
		left: 50%;
	}

	.submit-container {
		bottom: -10px;
		left: 50%;

		.btn {
			height: 35px;
		}
	}
}

@media (max-width: 1920px) {
	.submit-container {
		bottom: -10px;
	}
}

@media (max-width: 1440px) {
	.submit-container {
		bottom: -10px;
	}
}

@media (max-width: 1280px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 650px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 1180px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 600px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 1150px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 600px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 1114px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 550px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 1104px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 550px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 1100px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 550px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 1080px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 550px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 1024px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 500px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 1005px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 500px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 930px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 450px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 920px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 450px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 884px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 450px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 880px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 450px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 860px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 450px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 834px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 400px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 820px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 400px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 816px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 400px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 810px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 400px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 804px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 400px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 800px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 400px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 790px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 380px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 780px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 380px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 768px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 380px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 760px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 380px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 755px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 350px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 740px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 350px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 735px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 350px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 731px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 350px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 720px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 350px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 710px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 350px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 706px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 350px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 705px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 350px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 703px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 350px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 700px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 350px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 690px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 340px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 680px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 330px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 670px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 320px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 660px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 310px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 650px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 300px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 630px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 290px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 620px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 285px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 619px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 220px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 610px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 210px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 600px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 200px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 590px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 190px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 580px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 180px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 570px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 170px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 560px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 160px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 490px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 130px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 480px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 140px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 470px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: -5px;
		left: 130px;

		.btn {
			height: 35px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 460px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: 0;
		left: 90px;

		.btn {
			height: 30px;
		}
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 428px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: 1px;
		left: 60px;

		.btn {
			height: 30px;
		}
	}
}

@media (max-width: 420px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: 1px;
		left: 60px;

		.btn {
			height: 30px;
		}
	}
}

@media (max-width: 414px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: 1px;
		left: 60px;

		.btn {
			height: 30px;
			width: 100px;
			font-size: 0.625rem;
		}
	}
}

@media (max-width: 412px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: 1px;
		left: 60px;

		.btn {
			height: 30px;
			width: 100px;
			font-size: 0.625rem;
		}
	}
}

@media (max-width: 411px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: 1px;
		left: 60px;

		.btn {
			height: 30px;
			width: 100px;
			font-size: 0.625rem;
		}
	}
}

@media (max-width: 400px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: 1px;
		left: 50px;

		.btn {
			width: 100px;
			font-size: 0.625rem;
		}
	}
}

@media (max-width: 397px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: 1px;
		left: 50px;

		.btn {
			width: 100px;
			font-size: 0.625rem;
		}
	}
}

@media (max-width: 395px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: 1px;
		left: 50px;

		.btn {
			width: 100px;
			font-size: 0.625rem;
		}
	}
}

@media (max-width: 394px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: 1px;
		left: 50px;

		.btn {
			width: 100px;
			font-size: 0.625rem;
		}
	}
}

@media (max-width: 393px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: 1px;
		left: 50px;

		.btn {
			width: 100px;
			font-size: 0.625rem;
		}
	}
}

@media (max-width: 390px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: 1px;
		left: 50px;

		.btn {
			width: 100px;
			font-size: 0.625rem;
		}
	}
}

@media (max-width: 380px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: 1px;
		left: 50px;

		.btn {
			width: 100px;
			font-size: 0.625rem;
		}
	}
}

@media (max-width: 376px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: 1px;
		left: 50px;

		.btn {
			width: 100px;
			font-size: 0.625rem;
		}
	}
}

@media (max-width: 375px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: 1px;
		left: 50px;

		.btn {
			width: 100px;
			font-size: 0.625rem;
		}
	}
}

@media (max-width: 360px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: 6px;
		left: 20px;

		.btn {
			width: 100px;
			font-size: 0.625rem;
			height: 25px;
		}
	}
}

@media (max-width: 358px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: 6px;
		left: 20px;

		.btn {
			width: 100px;
			font-size: 0.625rem;
			height: 25px;
		}
	}
}

@media (max-width: 350px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: 6px;
		left: 20px;

		.btn {
			width: 100px;
			font-size: 0.625rem;
			height: 25px;
		}
	}
}

@media (max-width: 320px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: 6px;
		left: 5px;

		.btn {
			width: 90px;
			font-size: 0.625rem;
			height: 25px;
		}
	}
}

@media (max-width: 310px) {
	.btn-container {
		bottom: 10px;
	}

	.submit-container {
		bottom: 6px;
		left: 5px;

		.btn {
			width: 90px;
			font-size: 0.625rem;
			height: 25px;
		}
	}
}