/*@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue:wght@400;600;700&display=swap');*/

@font-face {
	font-family: 'Bebas Neue';
	src:
		url('../fonts/BebasNeue-Regular.woff2') format('woff2'),
		url('../fonts/BebasNeue-Regular.woff') format('woff'),
		url('../fonts/BebasNeue-Regular.ttf') format('truetype'),
		url('../fonts/BebasNeue-Regular.eot') format('eot'),
		url('../fonts/BebasNeue-Regular.ttf') format('ttf'),
		url('../fonts/BebasNeue-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
	font-family: "Bebas Neue", "Arial", serif !important;
}

h2 {
	color: #37517E;
}

h4 {
	color: #999;
}

h5 {
	color: #2b3f62 !important;
}

.text-b2b-primary {
	color: #37517E;
}

.text-b2b-primary:hover {
	color: #2b3f62;
}

.text-b2b-secondary {
	color: #31D7A9;
}

.text-b2b-secondary:hover {
	color: #31D7A9;
}

.facilityCageView thead {
	background-color: #37517E;
}

.background-b2b-primary,
.background-b2b-primary:hover,
.background-b2b-primary:active,
.background-b2b-primary:focus
{
	background-color: #37517E;
	color: #fff;
}

.background-b2b-secondary,
.background-b2b-secondary:hover,
.background-b2b-secondary:active,
.background-b2b-secondary:focus
{
	background-color: #31D7A9;
	color: #fff;
}

.facilityCageView thead {
	background-color: #37517E;
}

.container-xxl {
    max-width: 100% !important;
}

.app-brand-link img {
    margin: 20px auto;
}

.summary td {
    padding: 5px 0;
}

td.insert-field {
     padding-left: 10px;
}

.select2-container--open {
    z-index: 9999999
}

.image-wrapper {
    max-width: 100%;
    width: 250px;
    position: relative;
}

.image-wrapper img {
    width: 100%;
    border-radius: 100%;
    outline: 2px solid #5a8dee;
    border: solid 2px white;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.image-wrapper span {
    position: absolute;
    left: 46%;
    top: 46%;
    cursor: pointer;
    font-size: 21px;
    text-shadow: 3px 3px 3px #000;
    z-index: 2;
}

.image-wrapper input {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}

.feedback-wrapper {
    max-width: 100%;
    min-width: 240px;
    width: auto;
    position: absolute;
    z-index: 500;
    right: -500px;
    opacity: 0;
}

@media (min-width: 768px) {
    .feedback-wrapper {
    }
}


.advice-block {

}

.advice-block ul {
    list-style: square;
    padding-left: 1.5em;
}

.advice-block ul li {
    margin-bottom: 10px;
    transition: 1s color;
    cursor: default;
}

.advice-block ul li:hover {
    color: #333;
}

.advice-block ul li:last-child {
    margin-bottom: 0;
}

input[type='color'] {
    width: 100%;
    height: 40px;
    padding: 0px;
    margin-right: 10px;
    cursor: pointer;
    background: #fff;
    border: none;
    outline: none;
	border-radius: 0;
}

#emblem-preview {
    width: 300px;
    max-width: 100%;
    min-height: 300px;
    border: solid 1px #ccc;
    background: #efefef;
    border-radius: 4px;
}

.inline-ul {
    list-style: none;
    padding-left: 0;
    text-transform: uppercase;
    font-size: 12px;
}

.inline-ul li {
    float: left;
    padding-right: 5px;
}

.inline-ul li:last-child:after {
    content: ""
}

.clear {
    clear: both;
}

.add-new-item {
    width: 100%;
    height: 367px;
    background-color: #ccc;
    text-align: center;
    position: relative;
    background-image: url('../img/add.png');
    background-size: 100px 100px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: .4;
    transition: transform .5s;
}

.add-new-item:hover {
    transform: scale(1.05);
}
/*
    #pick-color td {
        text-align: center;
    }
*/



.cage-details-item {
	display: block;
	outline: solid 5px #37517E;
	border: solid 2px #ffffff;
	border-radius: 10px;
	cursor: pointer;
	box-sizing: border-box;
	height: 180px;
}

.grass,
.goalsize,
.parquet
{
	height: 210px;
}

.goalsize {
	background-color: #dedede;
	background-size: 60%;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("../img/goal.png");
}

.cage-details-item p {
	text-align: center;
	position: relative;
	top: 44%;
	font-size: 1.2em;
	color: #fff;
	padding: 0;
	margin: 0;
	background: rgba(0,0,0, 0.15);
	text-transform: uppercase;
	/*-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;*/
}

.cage-details-item.goalsize p {
	color: #37517E;
}

@media (min-width: 768px) {
	.cage-details-item {
		height: 160px;
	}

	.grass,
	.goalsize,
	.parquet
	{
		height: 160px;
	}
}

@media (min-width: 996px) {
	.goalsize {
		background-size: 80%;
	}
}


.grass,
.parquet {
	background-size: cover;
	background-repeat: repeat-x;
}

.playeramount {
	background-color: #37517E;
	background-position: center;
	background-size: 32%;
	background-repeat: no-repeat;
}

@media (min-width: 768px) {
	.playeramount {
		background-size: 40%;
		height: 160px;
	}
}

@media (min-width: 996px) {
	.playeramount {
		background-size: 70%;
		height: 160px;
	}
}

.active {
	border-color: #fff;
	outline-color: #31D7A9;
}

._2vs2 {
	background-image: url("../img/2na2.png");
}

._3vs3 {
	background-image: url("../img/3na3.png");
}

._4vs4 {
	background-image: url("../img/4na4.png");
}

._5vs5 {
	background-image: url("../img/5na5.png");
}

._6vs6 {
	background-image: url("../img/6na6.png");
}

._11vs11 {
	background-image: url("../img/11na11.png");
}

.grass {
	background-image: url("../img/grass.png");
}

.parquet {
	background-image: url("../img/parket.png");
}

.playeramount input,
.grass input,
.parquet input,
.goalsize input
{
	display: none;
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.fc-timegrid-slot {
    box-sizing: border-box;
    height: 47px !important;
}

.fc-timegrid-col-events {
    cursor: default;
}

.fc-timegrid-col-events .fc-event-success {
    cursor: pointer;
}

.fc-event-time {
    display: none;
}

.fc-event-main {
    font-size: 14px;
    font-weight: 400;
}

.fc-toolbar-title {
	font-size: 1.2em !important;
	margin-left: -23px !important;
	margin-top: 10px !important;
	font-weight: 100;
	color: #5a8dee;
}

.fc-toolbar.fc-header-toolbar {
	margin-bottom: 5px !important;
}

.fc .fc-toolbar .fc-button:not(.fc-next-button):not(.fc-prev-button) {
	padding: 2px 15px !important;
}

.fc .fc-toolbar .fc-toolbar-chunk:last-child {
	margin-right: -40px !important;
}

.calendar-wrapper {
	padding-top:  0 !important;
}

.facilityCageView thead h4,
.facilityCageView thead span {
	color: #fff;
	text-transform: none;
	font-weight: 100;
}

.facilityCageView h4 {
    font-size: 24px;
	line-height: 1em;
	margin-top: 10px;
	margin-bottom: 5px;
}

.facilityCageView span {
    font-size: 12px;
    color:white;
}

.facilityCageView td i {
	font-size: 20px !important;
}

.not-allowed {
	cursor: not-allowed;
}

.facilityCageView {
	margin-bottom: 30px !important;
}

@media (min-width: 576px) {
	.facilityCageView {
		margin-bottom: 0;
	}
}

hr {
	opacity: 0.25;
}

.appointment h5 {
	font-size: 24px;
	margin-bottom: 10px;
}

.float-end-mobile {
	float: none;
	text-align: left;
	list-style: none;
}

.appointment-information {
	margin: 0;
	padding: 0;
	margin-top: 10px;
}

.facility-image {
	width: 100%;
	border: solid 2px #5a8dee;
	box-sizing: border-box;
}

.action-buttons {
	margin-top: 20px;
}

.action-buttons li {
	width: 25%;
	text-align: center;
}

.action-buttons i {
	font-size: 3.5em;
}

.center-mobile h5,
.center-mobile p,
.center-mobile li
{
	text-align: center;
}

@media (min-width: 768px) {
	.filter-appointments {
		height: 100%;
	}

	.appointment-information {
		margin-top: 0;
	}

	.facility-image {
		width: 120px;
	}

	.action-buttons {
		margin-top: 0;
	}

	.action-buttons li {
		width: auto;
		text-align: right;
	}

	.action-buttons i {
		font-size: 20px;
	}

	.center-mobile h5,
	.center-mobile p,
	.center-mobile li
	{
		text-align: left;
	}

	.float-end-mobile {
		float: right;
	}

	.float-end-mobile li {
		text-align: right;
	}

	.calendar-team-name {
		position: relative;
		margin-left: -17px;
		top: -11px;
		font-size: 16px;
	}

	.calendar-team-name-plain {
		position: relative;
		top: 5px;
		font-size: 16px;
	}
}

@media (max-width: 768px) {
	.calendar-team-name {
		display: none;
	}

	.calendar-team-name {
		font-size: 12px;
	}
}

@media (max-width: 1000px) {
	.fc-event	{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

.cage-image-wrapper {
	width: 100%;
	height: auto;
	outline: 5px #37517E solid;
	border: 2px #ffffff solid;
	background: #dedede;
	border-radius: 10px;
	cursor: pointer;
	margin-bottom: 20px;
	margin-left: 5px;
}

.image-not-selected {
	outline: 5px #dedede solid;
}

@media screen and (min-width: 996px) {
	.cage-image-wrapper {
		width: 80%;
	}
}

@media screen and (min-width: 1200px) {
	.cage-image-wrapper {
		width: 50%;
	}
}


.cage-image-wrapper img {
	width: 100%;
}

img.placeholder-image {
	width: 100%;
}

/* album css from here */

#wrap-upload-input {
	width: 100%;
	border: dashed 2px #ddd;
	padding: 6px 15px;
	box-sizing: border-box;
	cursor: pointer;
	border-radius: 4px;
}

#wrap-upload-input.selected {
	border: solid 2px #31D7A9;
}

#wrap-upload-input p {
	z-index: 0;
	position: relative;
	margin: 0;
	color: #ccc;
}

#wrap-upload-input.selected p {
	color: #31D7A9;
}

input#album-input {
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 100%;
	opacity: 0;
	top: 0;
	left: 0;
	cursor: pointer !important;
}

#album ul,
#update-cage-image ul
{
	height: auto;
}

#album ul li,
#update-cage-image ul li
{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

#album ul li div,
#update-cage-image ul li div
{
	height: 100%;
	outline: solid 1px #ccc;
	border: 4px solid #fff;
	width: 100%;
	border-radius: 4px;
	margin-bottom: 3px;
	overflow: hidden;
}

#album ul li div img,
#update-cage-image ul li div img
{
	width: 100%;
	height: 100%;
}

@media screen and (min-width: 627px) {
	#album ul li,
	#update-cage-image ul li
	{
		width: 48%;
		float: left;
		height: auto;
		margin-bottom: 20px;
		margin-right: 2%;
	}
}


@media screen and (min-width: 820px) {
	#album ul li div,
	#update-cage-image ul li div
	{
		height: 180px;
		width: 100%;
	}

	#album ul li,
	#update-cage-image ul li
	{
		width: 31%;
		margin-right: 20px;
		margin-bottom: 20px;
		height: auto;
	}
}

@media screen and (min-width: 1199px) {
	#album ul li,
	#update-cage-image ul li {
		margin-right: 2%;
	}

}

@media screen and (min-width: 1600px) {
	#album ul li
	{
		width: 15.3%;
		cursor: pointer;
		margin-right: 20px;
	}

	#update-cage-image ul li {
		width: 20%;
		cursor: pointer;
		margin-right: 20px;
	}

	#album ul li div,
	#update-cage-image ul li div
	{
		height: 140px;
		width: 100%;
	}
}

#album li.empty-album-slots {
	display: none;
}

#album li.empty-album-slots div {
	background-color: #efefef;
	cursor: default;
	outline: dashed 1px #ccc;
}

#album li.empty-album-slots div img {
	width: 60%;
	margin-top: 3rem;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	opacity: .5
}

@media screen and (min-width: 1200px) {
	#album li.empty-album-slots {
		display: inline-block;
		cursor: default;
	}
}

.delete-image {
	position: absolute;
	cursor: pointer;
	top: 2px;
	right: 2px;
	text-shadow: 1px 1px 0 #fff;
}

#wrap-upload-input {
	position: relative;
	float: left;
}

input[name="submit-files"] {
	float: left;
}

#reset-upload-input {
	float: left;
	margin-left: 10px;
}

#wrap-upload-input.empty-input {
	border-color: #ff5b5c;
}

#wrap-upload-input.empty-input p {
	color: #ff5b5c;
}

/* payments */
.disabled-card {
	opacity: 0.5;
}

@media screen and (min-width: 1200px) {
	.close-menu {
		display: none !important;
	}
}

.teams-table td {
	vertical-align: top;
}

.partners-table td {
	vertical-align: top;
	width: 18%;
}

.partners-table th:last-child,
.partners-table td:last-child
{
	width: 8%;
	text-align: right;
	vertical-align: middle;
}

ul.tips {
	font-size: 14px;
	padding-left: 15px;
}

input.changed-input,
textarea.changed-input,
input.changed-input:focus,
textarea.changed-input:focus
{
	border: solid 1px orange;
}


#preview-special-offer,
.admin-preview-special-offer
{
	width: 100%;
	padding: 100px 50px;
	background-color: #efefef;
	text-align: center;
}

#preview-special-offer p,
.admin-preview-special-offer p
{
	word-break: break-word;
}

/* Notifications */

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item,
.dropdown-header
{
	padding: 0.75rem;
}

.dropdown-header {
	padding-right: 5px;
}

.notification-new-reservation-image,
.notification-cancelled-reservation-image
{
	width: 40px;
	height: 40px;
	text-align: center;
	font-size: 18px;
	padding-top: 5px;
	border-radius: 90%;
	opacity: .8;
}

.notification-new-reservation-image {
	border: solid 1px #31D7A9;
	background: #ecffec;
}

.notification-cancelled-reservation-image {
	border: solid 1px #fb0000;
	background: #fbd8e5;
}

.fa-face-frown {
	margin-top: 5px;
	margin-left: 1px;
}

.dropdown-notifications-read {
	margin-left: -5px;
}

.tab-content {
	background:#fff;
	border: solid 1px #ddd;
	border-top: none;
	border-radius: 0;
}

.appointment-list-item  {
	margin-bottom: 15px;
}

.appointment-list-item:last-child  {
	margin-bottom: 0;
}

@keyframes blinking {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.blinking-text {
	animation: blinking 1.5s infinite linear;
}

.appointment-list-item .btn {
	cursor: default !important;
}

.dashboard-card {
	color: #fff;
	background-color: #37517E;
}

@media screen and (max-width: 768px) {
	.dashboard-card {
		margin-bottom: 10px;
	}
}

.dashboard-card .card-body {
	min-height: 350px;
	background-image: url("../../assets/img/card-background.png");
	background-size: 85%;
	background-position: top right;
	background-repeat: no-repeat;
}

.dashboard-appointment-list li.appointments-no-results:first-child {
	font-size: 20px;
}

.dashboard-appointment-list li.has-appointments.is-live:first-child {
	font-size: 20px;
	color: #31D7A9;
	border-bottom: dashed 1px #ccc;
	margin-bottom: 15px;
	padding-bottom: 15px;
	animation: blinking 1.5s infinite linear;
}


textarea {
	resize: none;
}


.icon-gap-0 {
	margin-right: 0;
}

.icon-gap-1 {
	margin-right: 5px;
}

.icon-gap-2 {
	margin-right: 10px;
}

.analytics li span {
	float: right;
}


.large-numbers {
	font-size: 6em;
	font-weight: bold;
}

.signup-wall {
	background-image: url("../img/ai/signup-wall.jpg");
	background-size: cover;
	opacity: .85;
	background-repeat: no-repeat;
}

.right-mg { margin-right: 5px; }


.cbox {
	width: 20px;
	padding: 0 15px;
}

@media screen and (max-width: 768px) {
	.holiday-table {
		max-width: 100%;
		overflow-x: scroll;
	}

	.holiday-table {
		display: block;
	}

	.payment-card {
		margin-bottom: 20px;
	}

	.float-md-end.btn.disabled {
		margin-top: 20px !important;
	}
}

.row-times .btn {
	height: 40px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	padding: 6px 26px;
	border-radius: 6px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin: 0 5px 0 0;
}

@media (min-width: 430px) {
	.row-times .btn {
		padding: 6px 33px;
	}
}
@media (min-width: 768px) {
	.row-times .btn {
		padding: 6px 24px;
	}
}


#load-slots .btn.btn-muted,
#load-slots .btn.btn-muted:active,
#load-slots .btn.btn-muted:focus,
#load-slots .btn.btn-muted:hover {
	background: #cbcbd5 !important;
	border-color: #cbcbd5 !important;
	box-shadow: none !important;
	font-size: 12px !important;
	margin-bottom: 5px !important;
	color: #7b7b7e !important;
	cursor: not-allowed !important;
}

#load-slots .btn.btn-warning,
#load-slots .btn.btn-warning:active,
#load-slots .btn.btn-warning:focus,
#load-slots .btn.btn-warning:hover {
	box-shadow: none !important;
	font-size: 12px !important;
	margin-bottom: 5px !important;
	color: #333 !important;
	cursor: default !important;
}

#load-slots .btn-primary,
#load-slots .btn-primary:hover,
#load-slots .btn-primary:focus,
#load-slots .btn-primary:active,
#load-slots .btn-primary.active {
	color: #ffffff !important;
	background: #37517E !important;
	border-color: #37517E !important;
	font-size: 12px;
	margin-bottom: 5px;
	box-shadow: none !important;
}

#load-slots .btn-success,
#load-slots .btn-success:hover,
#load-slots .btn-success:focus,
#load-slots .btn-success:active,
#load-slots .btn-success.active {
	color: #ffffff !important;
	background: #31D7A9 !important;
	border-color: #31D7A9 !important;
	font-size: 12px;
	margin-bottom: 5px;
	box-shadow: none !important;
}

.timer {
	margin-top: 6px;
}