:root {
	--background: #131313;
	--box-shadow-color: rgba(184, 17, 0, 0.4);
	--green-primary: #68b800;
	--green-secondary: #51a200;
  	--olive: #a4df00;
  	--white: #ffffff;
  	--yellow: #ffdb01;
  	--yellow-secondary: #e8B20b;
  	--yellow-footer: #ccaf00;
  	--text: #e3e3e3;
  	--linkcolor: #ffffff;
  	--table-border-black: #0d0d0d;
  	--dark-red: #bf0000;
  	--light-red: #ff6b6b;
  	--dark: #1e293b;
  	--dark-body: #0f172a;
  	--red: #ce100a;
  	--migrate-bg: #282828;
  	--wait-highlight: #00cfff;
  	--white: #ffffff;
}
/* Chrome, Edge, Safari */
::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.18); /* halvány */
    border-radius: 10px;
    transition: background 300ms ease;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(255,255,255,0.35);
}

/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,0.18) transparent;
}
/*
@font-face { 
	font-family: Alfa Slab One; font-weight: 900; src: url('AlfaSlabOne-Regular.ttf');
}
@font-face { 
	font-family: Sarala; font-weight: 400; src: url('Sarala-Regular.ttf');
}
@font-face { 
	font-family: Sarala; font-weight: 700; src: url('Sarala-Bold.ttf');
}*/
@font-face {
  font-family: "Font Awesome 6 Free";
  src: url("fa-solid-900.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

body{
	/*background-image: linear-gradient(165deg, rgba(255, 1, 1, 0.3) 50px, rgba(255, 1, 1, 0.1) 350px, rgba(0, 0, 0, 0.57) 100%), url('../images/patterns/black_paper.png');
  	background-position: right bottom, left top;
  	background-repeat: no-repeat, repeat;
  	background-attachment: fixed, scroll;*/
	/*background: var(--background) url('../images/patterns/dark_exa.png') center center repeat;*/
	background-color: var(--dark-body);
	color: var(--text);
	font-family: 'Figtree', sans-serif;
	font-size: .85em;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}

.hidden{
	display: none;
}
.ihidden{
	display: none !important;
}
a{
	font-family: 'Figtree', sans-serif;
	text-decoration: none;
	font-weight: bold;
	color: var(--white);
	cursor: pointer;
}

.container{
	text-align: center;
	margin: 0 auto;
	padding: 1.5em;
	min-height: 50vh;
}
h1,
h2,
h3{
	font-family: Bebas Neue, sans-serif; 
	/*background: linear-gradient(to left, var(--dark-red), var(--white));
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;*/
	text-align: center;
	color: var(--white);
	line-height: 1.25em;
}
h2,
h3{
	font-weight: 400;
}
.bold{
	font-weight: bold;
}
.yellow-text {
	color: var(--yellow);
}
.language-selector{
	position: relative;
	width: 50px;
	height: 50px;
}
.lang-option{
	display: none;
	background: var(--dark) url("../images/icons/flags/sk.png") center center no-repeat;
	background-size: 36px 36px;
	width: 50px;
	height: 50px;
	cursor: pointer;
	transition: all 300ms ease;
}
.language-selector .lang-option:hover{
	background-color: var(--red);
	transition: all 300ms ease;
}
.lang-option[data-lang="HU"]{
	background: var(--dark) url("../images/icons/flags/hu.png") center center no-repeat;
	background-size: 36px 36px;
}
.lang-option[data-lang="EN"]{
	background: var(--dark) url("../images/icons/flags/en.png") center center no-repeat;
	background-size: 36px 36px;
}
.lang-option.active{
	display: block;
	border-radius: 0 0 0 10px;
}
.language-selector.open .lang-option.active{
	border-radius: 0;
}
.language-selector.open .lang-option{
	display: block;
}
.language-selector.open .lang-option:last-child{
	border-radius: 0 0 0 10px;
}
h1{
	font-size: calc(1em + 4vw);
	margin: 0;
}

h1 strong,
h2 strong,
h3 strong{
	/*-webkit-text-fill-color: transparent;*/
	color: var(--white);
}

input:focus,
textarea:focus,
select:focus{
    outline: none;
    box-shadow:0 0 20px 0 var(--box-shadow-color);
    background-color: var(--dark);
    color: var(--white);
}
input:-moz-autofill,
input:-moz-autofill-preview,
input:-webkit-autofill {
  filter: none;
  background: transparent !important;
}

input,
button,
select,
textarea {
	margin-top: 1em;
	margin-bottom: .5em;
	border: 1px solid var(--dark-red);
	padding: .4em .7em;
	color: var(--white);
	font-weight: bold;
	background-color: rgba(223, 0, 0, 0.11);
	font-family: 'Figtree', sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.2em;
	border-radius: .25em;
}
button,
#addbookable_btn,
#config_save_btn {
	border-radius: 100px;
}
select option{
	background: var(--linkcolor);
	color: black;
}
textarea{
	margin-top: .25em;
	box-sizing: border-box;
	width: 100%;
	min-height: 200px;
}
input[type="submit"],
button{
	cursor:pointer;
	border: 1px solid var(--dark);
	color: var(--white);
	background-color: var(--red);
}
input[type="submit"]:hover,
button:hover{
	background-color: var(--dark-red);
}

input[type="submit"]:focus,
button:focus{
	box-shadow:0 0 1em 0.1em var(--box-shadow-color);
}

label{
	margin-right: .5em;
	font-family: 'Figtree', sans-serif;
	text-decoration: none;
	font-weight: bold;
	color: var(--text);
	font-size: 1.25em;
}

.button-group{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	margin-top: 1em; 
}
.button-group input,
.button-group select,
.button-group button {
	margin-top: .25em;
}
.button-group-wrapper{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}
.button-group.center{
	justify-content: center;
}
.checkbox-group{
	display: flex;
	justify-content: center;
	align-items: baseline;
	flex-direction: row-reverse;
}

.infobox{
	margin-top: 2em;
	margin-bottom: 1em;
	padding: 1em;
	font-weight: bold;
}
.infobox-link{
	color: inherit;
	font-family: inherit;
}
.infobox.success{
	border: 1px solid var(--olive);
	color: var(--olive);
	background-color: rgba(164, 223, 0, 0.11);
}
.infobox.alert{
	border: 1px solid #df0000;
	color: #f00;
	background-color: rgba(223, 0, 0, 0.11);
}
.top-bar{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	background: var(--dark);
}
.top-bar .logo{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	min-width: 155px;
	width: 100%;
	padding-left: 0.5em;
	justify-content: space-between;
}
.top-bar .logo > a{
	display: block;
}
.upgrade-info-link,
.hamburger-menu{
	padding: .35em 1em;
	transition: all 300ms ease;
	color: var(--linkcolor);
	line-height: 1.15;
	align-content: center;
}
.hamburger-menu{
	font-family: 'Figtree', sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	cursor: pointer;
	/*background: var(--dark) url("../images/icons/mobile-menu-icon.png") .85em center no-repeat;
	background-size: 15px;*/
	padding-left: 2.2em;
	border-radius: 0 0 10px 0;
	transition: all 300ms ease;
}

.upgrade-info-link:hover{
	/*background: var(--red);*/
	color: var(--light-red);
	transition: all 300ms ease;
}
.hamburger-menu:hover{
	/*background: var(--red) url("../images/icons/mobile-menu-icon.png") .85em center no-repeat;
	background-size: 15px;*/
	color: var(--light-red);
	transition: all 300ms ease;
}
.top-bar-sticky{
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
	z-index: 200;
}
.logo,
.navigation,
.mobil-navigation {
	/*background-color: var(--green-primary);*/
	background-color: var(--dark);
}
.logo{
	line-height: 0;
	border-radius: 0 0 10px 0;
}
/*.top-bar .logo{
	flex-direction: column;
}*/
.navigation{
	display: none;
	flex: 1 0 auto;
	padding: .5em 1em;
	text-align: right;
	justify-content: end;
	gap: 0.5em;
	line-height: 1.25em;
	/*background-size: contain;*/
}
.mobil-navigation-wrapper{
	position: relative;
	align-content: center;
}
.mobil-navigation{
	position: absolute;
	display: none;
	right: 0;
}
.mobil-navigation-wrapper.open .mobil-navigation{
	display: flex;
	flex-direction: column;
}
.mobil-navigation-wrapper.open .hamburger-menu{
	border-radius: 0;
}
.mobil-navigation-wrapper.open .mobil-navigation,
.mobil-navigation-wrapper.open .mobil-navigation a:last-child,
.mobil-navigation-wrapper.open .mobil-navigation a:last-child:hover{
	border-radius: 0 0 10px 0;
}
.navigation a,
.mobil-navigation a{
	padding: .5em 1em;
	transition: all 300ms ease;
	color: var(--linkcolor);
}
.mobil-navigation a{
	height: 1em;
	display: flex;
	align-items: center;
	width: max-content;
	max-width: 100%;
}
.navigation a:hover,
.mobil-navigation a:hover{
	/*background: var(--red);*/
	color: var(--light-red);
	transition: all 300ms ease;
}

.registerbox,
.loginbox,
.box {
	padding: 1em;
	/*background: url('../images/patterns/dark_dotted.png') center center repeat;*/
	border: 2px solid var(--dark-red);
	border-radius: 1em;
	margin: 1em 0;
	box-shadow:0 0 20px 0 var(--box-shadow-color);
	/*background-image: linear-gradient(165deg, rgba(0, 0, 0, 0.55) 0%, rgba(255, 1, 1, 0.09) 50%, rgba(0, 0, 0, 0.57) 100%), url('../images/patterns/fancy-cushion.png');
	background-size: 100%,140px;*/
	background: var(--dark);
}

.info-index .header{
	margin: 3em 0 5em;
}

.registerbox p,
.loginbox p,
.box p{
	font-family: 'Figtree', sans-serif;
	text-decoration: none;
	font-weight: bold;
	color: var(--text);
	font-size: 1.2em;
}
.registerbox,
.loginbox,
.box {
	width: 70vw;
	max-width: 800px;
}

.login_index .boxes{
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

.loginbox .form,
.registerbox .form,
.box .form{
	display: block;
	margin: 0 auto;
}

.box{
	margin: 0 auto;
}
.box-wrapper-overflow {
	overflow-y: auto;
  overflow-x: hidden;
  height: 70vh;
}
.table{
	/*background: url('../images/patterns/dark_dotted.png') center center repeat;*/
	background: var(--dark);
	border-collapse: collapse;
	border-style: hidden;
	border-radius: 1em;
	width: 100%;
}

.table td{
	padding: 0em 1em;
}
.table thead{
	border-bottom: 2px solid var(--table-border-black);
}
.table thead td{
	font-size: 1.75em;
	padding: 0.5em .25em;
}

.table thead tr td:first-child{
	border-radius: 10px 0 0 0;
}
.table thead tr td:last-child{
	border-radius: 0 10px 0 0;
}

.table tbody tr:nth-child(even){
	background-color: rgba(206, 16, 10, 0.25);
}
.ajax-loader-bg{
	min-width: 150px;
	min-height: 150px;
	background: var(--background);
	padding: 1em;
	box-sizing: border-box;
	display: flex;
	align-items: flex-end;
	flex-direction: column;
	color: var(--dark);
}
.table-wrapper{
	border: 2px solid var(--table-border-black);
	border-radius: 1em;
}
.prevent-select {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
.table td[data-order]{
	cursor: pointer;
}
.table td[data-order]:hover{
	color: white;
}
.table td.profit{
	font-size: 1.5em;
}
.footer{
	margin-top: 4em;
	padding: 3em 1em;
	border-top: 2px solid var(--dark-red);
	/*background-image: url('../images/patterns/dark_dotted.png');
	background-position: center center;
	background-repeat: repeat;*/
	background: var(--dark);
}
.footer-container{
	min-height: auto;
	display: flex;
	justify-content: space-between;
}
.footer-container .leftbox,
.footer-container .rightbox{
	display: flex;
	flex-direction: column;
}
.footer-container .leftbox{
	justify-content: flex-start;
	text-align: left;
}
.footer-container .rightbox{
	justify-content: flex-end;
	text-align: right;
}
.footer-container a {
	opacity: .5;
	transition: opacity 300ms ease;
}
.footer-container a:hover {
	opacity: 1;
}
.table-wrapper{
	overflow-y: scroll;
	width: 100%;
}
.table-options-wrapper{
	display: flex;
	justify-content: center;
	margin-bottom: .5em;
}
.table-options{
	display: flex;
	justify-content: center;
	align-items: center;
	background: url('../images/patterns/dark_dotted.png') center center repeat;
	border-collapse: collapse;
	border-style: hidden;
	padding: .5em 2em;
	margin: 0 auto;
	border: 2px solid var(--table-border-black);
	border-radius: 1em;
}
.table-options .page{
	margin: 0 1em;
	font-weight: bold;
	color: var(--dark);
}
.table-options .prev,
.table-options .next{
	font-size: 1em;
	padding: .2em .75em;
	margin: 0
}
.account-confirm .mail-wrapper{
	display: flex;
	flex-wrap: wrap;
}
.account-confirm .resend-email{
	margin-right: .25em;
}
.h-captcha{
	margin-top: 1em;
}
.small-only{
	display: block;
}
.medium-table{
	display: none;
}
.cookie-message{
	display: flex;
	justify-content: center;
	align-items: center;
	justify-content: space-around;
	position: fixed;
	bottom: 0;
	width: 100%;
	padding: 1em;
	box-sizing: border-box;
	background: #0d0d0d;
	color: #0d0d0d;
	box-shadow: 0 0 20px 0 var(--box-shadow-color);
	background-image: linear-gradient(165deg, rgba(0, 0, 0, 0.55) 0%, rgba(255, 1, 1, 0.09) 50%, rgba(0, 0, 0, 0.57) 100%), url('../images/patterns/fancy-cushion.png');
	background-size: 100%,140px;
	border-top: 2px solid var(--dark-red);
	z-index: 15;
}
.cookie-message-text{
	font-family: 'Figtree', sans-serif;
	font-weight: bold;
	color: var(--text);
	font-size: 1.1em;
	padding-right: 1em;
}
.maintenance-index{
	background-image: url("../images/maintenance_tr.png"), linear-gradient(165deg, rgba(255, 219, 1, 0.3) 50px, rgba(255, 219, 1, 0.1) 350px, rgba(0, 0, 0, 0.57) 100%), url('../images/patterns/black_paper.png');
  	background-position: top center, right bottom, left top;
  	background-repeat: no-repeat, no-repeat, repeat;
  	background-attachment: scroll, fixed, scroll;
  	background-size: 725px,auto,auto;
}	
.maintenance-index .main-desc{
	margin-top: 10em;
}
.menuicon{
	padding: inherit !important;
	margin-right: .75em;
}
.menuicon.logout{
	background: transparent url("../images/icons/logout_icon.png") center center no-repeat;
	background-size: 90%;
	margin-right: 0;
}
.menuicon.logout:hover{
	/*background: var(--red) url("../images/icons/logout_icon.png") center center no-repeat;
	background-size: 90%;*/
	opacity: 0.5;
	transform: scale(0.9);
}
.menuicon.settings{
	background: transparent url("../images/icons/msettings_icon.png") center center no-repeat;
	background-size: 90%;
}
.menuicon.settings.e-off{
	background: transparent url("../images/icons/msettings_eoff_icon.png") center center no-repeat;
	background-size: 90%;
}
.menuicon.settings.e-off:hover{
	background: var(--red) url("../images/icons/msettings_eoff_icon.png") center center no-repeat;
	background-size: 90%;
}
.menuicon.settings.b-off{
	background: transparent url("../images/icons/msettings_boff_icon.png") center center no-repeat;
	background-size: 90%;
}
.menuicon.settings.b-off:hover{
	background: var(--red) url("../images/icons/msettings_boff_icon.png") center center no-repeat;
	background-size: 90%;
}
.menuicon.settings.all-off{
	background: transparent url("../images/icons/msettings_alloff_icon.png") center center no-repeat;
	background-size: 90%;
}
.menuicon.settings.all-off:hover{
	background: var(--red) url("../images/icons/msettings_alloff_icon.png") center center no-repeat;
	background-size: 90%;
}
.menuicon.settings:hover{
	background: var(--red) url("../images/icons/msettings_icon.png") center center no-repeat;
	background-size: 90%;
}
.menuicon.users{
	background: transparent url("../images/icons/users_icon.png") center center no-repeat;
	background-size: 90%;
}
.menuicon.users:hover{
	background: var(--red) url("../images/icons/users_icon.png") center center no-repeat;
	background-size: 90%;
}
.menuicon.mobile{
	background: transparent url("../images/icons/mobile_icon.png") center center no-repeat;
	background-size: 90%;
}
.menuicon.mobile:hover{
	background: var(--red) url("../images/icons/mobile_icon.png") center center no-repeat;
	background-size: 90%;
}
.mobile-index p,
.mobile-index ol{
	text-align: left;
}
.mobile-index .h1{
	color: var(--olive);
}
.mobile-index .h2{
	color: var(--dark);
}
.box-header-wrapper{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
}
.box-header-wrapper button{
	opacity: .75;
}
.box-header-wrapper .prev,
.box-header-wrapper .next{
	margin: 0;
	width: 50px;
	height: 25px;
	background: transparent url('../images/icons/svg/caret-left-fill.svg') center center no-repeat;
	margin: .5em;
	background-size: contain;
}
.box-header-wrapper .next{
	background: transparent url('../images/icons/svg/caret-right-fill.svg') center center no-repeat;
	background-size: contain;
}
.box-header-wrapper button:hover,
.box-header-wrapper button:focus,
.box-header-wrapper button:active{
	opacity: 1;
}
.box-header-wrapper button.dis,
.box-header-wrapper button.dis:hover,
.box-header-wrapper button.dis:focus,
.box-header-wrapper button.dis:active{
	opacity: .15;
}
.button-alert{
	border: 1px solid #e11616;
	color: #e11616;
	background-color: rgba(255, 1, 1, 0.11);
}
.button-alert:hover,
.button-alert:focus,
.button-alert:active{
		box-shadow: 0 0 1em 0.1em rgba(232, 11, 11, 0.5);
		background-color: rgba(255, 0, 0, 0.15);
}
.newpass-wrapper,
.short-divider {
	max-width: 250px;
	width: 70%;
	margin: 2em auto 0;
	padding-top: .5em;
	border-top: 2px solid var(--dark-red);
	box-shadow: 0 -15px 10px -13px var(--box-shadow-color);
}
@media screen and (min-width: 640px) {
	.small-only{
		display: none;
	}
	.medium-table{
		display: table-cell;
	}
	.loginbox{
		margin: 2em .5em 2em .5em;
		align-self: stretch;
	}

	.registerbox{
		margin: 2em 0 2em .5em;
		align-self: stretch;
	}
	body{
		font-size: 1em;
		line-height: 1.25em;
	}
	.container{
		max-width: 640px;
	}
	h1{
		font-size: 3.5em;
	}
	h2{
		font-size: 2.3em;
	}
	.table td{
		padding: 0em .1em;
	}
	.table thead td{
		padding: .5em .5em;
	}
	.table td.profit{
		font-size: 1.25em;
	}
	.refresh-col,
	.date-col{
		font-size: .85em;
	}
	.table-wrapper{
		overflow-y: auto;
		width: auto;
	}
	.matchtitle .bets{
		width: auto;
	}
	.boxes{
		font-size: .85em;
	}
	.login_index .boxes{
		flex-direction: row;
	}
	.notify-description{
		font-size: 0.9em;
	}
	.top-bar .logo{
		font-size: .85em;
	}
	.navigation{
		display: flex;
	}
	.navigation a{
		padding: .5em .5em;
	}
	.mobil-navigation-wrapper{
		display: none;
	}
	/*.footer{
		background-image: url('../images/logo-icon-footer.png'), url('../images/patterns/dark_dotted.png');
		background-position: center center, center center;
		background-repeat: no-repeat, repeat;
		background-size: 256px, auto;
	}*/
	.maintenance-index{
		background-size: 900px,auto,auto;
	}
	.maintenance-index .main-desc{
		margin-top: 14em;
	}
}
@media screen and (min-width: 900px) {
	body{
		line-height: 1.5em;
	}
	.account-confirm .button-group input,
	.account-confirm .button-group button {
		margin-top: 1em;
	}
	.loginbox{
		margin: 2em 1em 2em 0;
	}

	.registerbox{
		margin: 2em 0 2em 1em;
	}
	.box1-img{
		max-width: 300px;
	}
	.container{
		max-width: 900px;
		padding: 2em;
	}
	h1{
		font-size: 4em;
	}
	h2{
		font-size: 2.5em;
	}
	.refresh-col,
	.date-col{
		font-size: 1em;
	}
	.table thead td{
		padding: 0.5em 1em;
	}
	.premium-list table thead td{
		font-size: 1.75em;
	}
	.bets img{
		width: 75px !important;
		height: 16px !important;
	}
	.top-bar .logo{
		flex-direction: row;
		font-size: 1em;
	}
	.navigation a{
		padding: inherit;
	}
	.maintenance-index{
		background-size: 100vw,auto,auto;
	}
	.maintenance-index .main-desc{
		margin-top: 28vw;
	}
}
@media screen and (min-width: 1200px) {
	.loginbox .form,
	.registerbox .form,
	.box .form{
		width: 60%;
	}
	.button-group{
		flex-direction: row;
		margin-top: 0; 
		align-items: baseline;
	}
	.container{
		max-width: 1200px;
	}
	h1{
		font-size: 5em;
	}
}
@media screen and (min-width: 1400px) {
	.loginbox .form,
	.registerbox .form,
	.box .form{
		width: 54%;
	}
	.container{
		max-width: 1400px;
	}
	.maintenance-index .main-desc{
		margin-top: 28vw;
	}
}


/* WEBMAISTER */
.close-modal-table {
	position: absolute;
	z-index: 15000;
	right: 50px;
	top: 50px;
	cursor: pointer;
}
.close-modal-table i{
	font-size: 2rem !important;
}
.modal-table.hidden {
	display: none;
}
.modal-table{
	position: fixed;
  background: rgba(0,0,0,.5);
  z-index: 50;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-table .table{
	max-width: 1400px;
  width: 100%;
}
.modal-table-wrapper {
  height: 70vh;
}
.custom-table {
  overflow-y: scroll;
}
.custom-table .table th,
.modal-table .table th{
	padding: 1rem .25rem;
  	line-height: 1rem;
  	font-size: 14px;
}
.custom-table .table td,
.modal-table .table td{
	padding: 1rem .25rem;
  	line-height: 1rem;
  	min-width: 30px;
  	font-family: 'Figtree', sans-serif;
}
.modal-table .table td {
	padding: .25rem .25rem;
}
.custom-table .migrate-to-col-wrapper,
.custom-table .operations-wrapper {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
}
.custom-table .operations-wrapper > * {
	cursor: pointer;
	margin: 0 .5rem;
}
.custom-table .th-operation {
	width: 100px;
}

.custom-table .migrate-to-col-wrapper .migrate-img-to {
	width: 30px;
	margin-right: .4rem;
}
.custom-table .migrate-img {
	margin: 0 auto;
	height: 30px;
}
.custom-table .shoprenter {
	width: 120px;
}
.custom-table .unas{
	width: 60px;
}
.custom-table .col-migrate_to {
	padding-left: 30px;
}
.custom-table .migrate-img-to {
	margin-left: -30px;
}
.custom-table .th-process_limit,
.custom-table .th-process_page,
.custom-table .th-total_limit {
	font-size: 12px;
  	max-width: 100px;
}
.custom-table [class^=fa]{
	font-size: 1.75rem;
}
.modal-table .table [class^=fa] {
	font-size: 1.5rem;
}
.custom-table .fa-folder {
	font-size: inherit;
	margin-right: .5rem;
}
.custom-table .fa-stop,
.modal-table .fa-close,
.close-modal-table:hover {
	color: var(--red);
}
.custom-table .fa-play,
.custom-table .fa-circle-check,
.modal-table .fa-circle-check {
	color: var(--green-primary);
}
.custom-table .fa-hourglass-half {
	color: var(--yellow);
}
.custom-table .operations-wrapper > *:hover i,
.modal-table .col-migrate_from_img_url a:hover,
.custom-table .zip-images-button:hover,
.custom-table .download-images-zip-button:hover {
	color: var(--red);
}
.custom-table .zip-images-button,
.custom-table .download-images-zip-button{
	cursor: pointer;
}
.custom-table .get-images-info-button{
	background: var(--yellow);
  padding: .25rem .75rem;
  border-radius: 2rem;
	color: var(--dark);
	font-weight: bold;
	cursor: pointer;
}
.custom-table .get-images-info-button.done{
	background: var(--green-primary);
}
.custom-table .get-images-info-button:hover{
	opacity: .5;
}
.custom-table .flex-wrapper {
	display: flex;
	align-items: center;
}
.custom-table .flex-wrapper > div {
	margin: .1rem .5rem;
}
.ajax-loader {
	background-image: url('../images/gifs/loader.gif');
	background-repeat: no-repeat;
	background-position: center left;
	background-size: 40px 40px;
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: left;
  max-width: 250px;
  padding-left: 55px;
  margin: 0 auto;
}
.content-errors{
	border: 1px solid red;
  border-radius: 50px;
  padding: .19rem .6rem;
	color: var(--red);
	display: flex;
	align-items: center;
	cursor: pointer;
}
.content-errors:hover{
	color: white;
	background: var(--red);
}
.content-errors i{
	margin-right: .5rem;
	font-size: inherit !important;
}
.col-data textarea{
	font-size: 14px;
	min-height: auto;
}
.col-error_text{
	max-width: 400px;
}
.flex-wrapper{
	display: flex;
  align-items: center;
}
.flex-wrapper.center{
	justify-content: center;
}
.flex-wrapper.column{
	flex-direction: column;
}
.page-counter{
	margin: 0 1rem;
  font-size: 20px;
  font-weight: bold;
}
.page-nav {
	padding: .5rem;
}
.page-nav button{
	margin-top: 0;
	margin-bottom: 0;
}
.wait{
	color: var(--wait-highlight);
}
/* TRAILNEST */
#message {
	background: var(--background);
	position: relative;
  z-index: 70;
}
.bookable-wrapper {
	display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.bookable-wrapper .bookable {
	display: flex;
  align-items: center;
  padding: 0 .5rem;
  font-weight: bold;
  margin: .5rem;
  border-left: 1px solid var(--dark-red);
  margin: .5rem;
  padding-left: .85rem;
  margin-right: 0;
}
.bookable-wrapper .bookable:first-child {
	border-left: none;
}
.bookable-wrapper .delbookable-btn {
	cursor: pointer;
	margin-left: .5rem;
	transition: all 300ms ease;
}
.bookable-wrapper .delbookable-btn:hover {
	color: var(--red);
	transition: all 300ms ease;
}
.booking_calendar {
	display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
#reset_new_book_btn {
	order: 100;
}
.logo .upgrade-info-link {
    display: none !important;
}
.notice-wrapper {
	margin: .25rem auto 0;
	max-width: 350px;
	font-size: 85%;
}
.notice-editor {
	font-size: 14px;
	font-weight: normal;
	color: lime;
}
@media screen and (min-width: 640px) {
	.notice-editor {
		height: 130px;
		min-height: 130px;
	}
}
@media screen and (min-width: 900px) {
	.notice-editor {
		height: 80px;
		min-height: 80px;
	}
}