/*
colors

body font color: #212529

BRAND COLORS
primary blue: #549DD4
dark blue: #1D1C39
yellow: #F5E214
green: #74B9A6

BUTTON COLORS:
success: #3bad8c
warning: #eeb106
*/
/** JQUERY-UI FIXES */
.ui-menu .item-with-icon i
{
	margin: 0 5px 0 0;
}
.ui-widget-header select
{
	color:rgb(51,51,51);
	font-weight: normal;
}

/** BOOTSTRAP 3.3 OVERRIDES (remove?) **/
.container-fluid{padding-left: 0; padding-right: 0;}
.container-fluid .row{margin-left: 0; margin-right: 0;}
.container-fluid .row.row-no-margin{margin-left: -15px; margin-right: -15px;}
.btn.disabled, .btn[disabled]{opacity: 0.4 !important;}
/** BOOTSTRAP 5.2 OVERRIDES */
*{font-family: 'Montserrat', 'sans-serif';}

:root{
	--bs-black-rgb: #212529;
}

body
{
	--bs-link-color: #549DD4;
	--bs-body-font-size:14px;
}
.pagination{--bs-pagination-active-bg: #549DD4;--bs-pagination-active-border-color: #286090;}
.nav-pills{	--bs-nav-pills-link-active-bg: #549DD4;}
a {text-decoration: none;}
.breadcrumb {background-color: #f5f5f5; padding: 8px 15px;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-top: 1rem;}
.modal-title{margin-top: 0;}
label{font-weight: 700;}
hr{width: 90%; margin-right: auto; margin-left: auto;}

/* btn overrides */
.btn-primary {background-color: #549DD4; border-color: #549DD4;}
.btn-primary:hover {background-color: #4c8dbf !important; border-color: #4c8dbf !important;}
.btn-success {background-color: #3bad8c; border-color: #3bad8c;}
.btn-success:hover {background-color: #359c7f !important; border-color: #359c7f !important;}
.btn-warning {color: #fff !important; background-color: #eeb106; border-color: #eeb106;}
.btn-purple {color: #eeeeee;background-color:#7744AA; border-color: #67349A;}
.btn-purple:hover {background-color: #67349A;}
/* text-bg overrides */
.text-bg-primary{background-color: #549DD4 !important;}
.text-bg-secondary{background-color: #aaaaaa !important;}
.text-bg-secondary-alt {color:#333333; background-color: #dddddd;}
.text-bg-warning{background-color: #eeb106 !important; color: #ffffff !important;}
.text-bg-warning-alt{color: #8a6d3b; background-color: #fcf8e3; border-color:#faebcc;}
.text-bg-success{background-color: #3bad8c !important;}
.text-bg-success-alt{color:#7FAE5C;background-color: #e7f7e6;}
.alert-info {color: #31708f;background-color: #d9edf7; border-color: #bce8f1;}
.form-check-input:checked {background-color: #549DD4; border-color: #549DD4;}
.btn-outline-secondary {
	--bs-btn-color: #212529;
	--bs-btn-border-color: #212529;
	--bs-btn-hover-bg: #666;
	--bs-btn-hover-border-color: #666;
	--bs-btn-active-bg: #444;
	--bs-btn-active-border-color: #444;
	--bs-btn-disabled-color: #888;
	--bs-btn-disabled-border-color: #888;
	background-color: #fff;
}

/*---*/

/* toasts */
.toast.toast-hover:hover{background-color: #eee;}
.toast.opacity-50 .fa-trash{opacity: 1}

a:hover{
	color:#187fb9;
}

.center-pills {
    display: flex;
    justify-content: center;
}
.center-pills > li > a{
	color:#333;
}

h4.bordered{border-bottom:1px solid #ddd; padding-bottom: 5px;}


h1 > small{font-size: 50%; color: inherit;}

.progress.progress-big{height: 30px;}
.progress.progress-big > .progress-bar{
	padding-top: 5px;
	font-size: 16px;
}



/* progress-arrow */

.progress-arrow {
	padding: 0;
	list-style-type: none;
	clear: both;
	margin: 0 -1px;
	text-align: center;
}

.progress-arrow li {
	float: left;
	padding: 6px 20px 6px 30px;
	background: #e6e6e6;
	color: #333;
	position: relative;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	width: 18%;
	margin: 0 1px;
}

.progress-arrow.progress-arrow-4 li {
	width: 24%;
}

.progress-arrow.progress-arrow-2 li {
	width: 49%;
}

.progress-arrow li a{
	text-decoration: none;
	color: inherit;
}

.progress-arrow li a:hover{
	text-decoration: underline;
}

.progress-arrow li:before {
	content: '';
	border-left: 16px solid #fff;
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
	position: absolute;
	top: 0;
	left: 0;
}

.progress-arrow li:first-of-type:before {
	border-top: 0;
	border-bottom: 0;
}

.progress-arrow li:after {
	content: '';
	border-left: 16px solid #e6e6e6;
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
	position: absolute;
	top: 0;
	left: 100%;
	z-index: 20;
}

.progress-arrow li.primary {
	background: #549DD4;
	color:#fff;
}
.progress-arrow li.primary:after {
	border-left-color: #549DD4;
}

.progress-arrow li.success {
	background: #449d44;
	color: #fff;
}
.progress-arrow li.success:after {
	border-left-color: #449d44;
}

.progress-arrow li.warning {
	background: #eeb106;
	color: #fff;
}
.progress-arrow li.warning:after {
	border-left-color: #f0ad4e;
}

.progress-arrow li.info {
	background: #5bc0de;
	color: #fff;
}
.progress-arrow li.info:after {
	border-left-color: #5bc0de;
}

/************
  slidebars 
*************/

/*
 * 65px = header height
 * 265px = footer height + extra bottom padding
 */
#sb-site {
	padding: 65px 0 310px;
}


/**header*/
.sb-slide.header
{
	background-color: #222;
	height:65px;
}

.header-logo-wrapper
{
	display: flow-root;
	text-align: center;
}

.sb-slidebar {
	background-color: #444;
	color: #e8e8e8;
}

/* Left slidebar */

.sb-slidebar.sb-left a, .sb-slidebar.sb-right a{
	color: #ccc;
}

.sb-menu {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.sb-menu li {
	width: 100%;
	padding: 0;
	margin: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.sb-menu li > a{
	width: 100%; /* Makes links full width. */
	display: inline-block;
	padding: 1em; /* Creates an even padding the same size as your font. */
	border-left: 3px solid transparent;
	font-size: 18px;
}

.sb-menu li > a:hover {
	border-left: 3px solid; /* Removes transparent color, so border color will be the same as link hover color. */
	color: rgb(255, 165, 0); /* orange links */
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0.1); /* Will lighten any background colour you set. */	
}

.sb-menu li .crop-rounded
{
	width: 28px;
	height: 28px;
	vertical-align: -6px;
	margin-left: -6px;
}

.sb-menu li .crop-bordered
{
	border-color: #ccc;
}

.sb-menu li > a:hover .crop-bordered
{
	border-color: rgb(255, 165, 0);
}

.sb-slidebar .follow-us{
	text-align: center;
    width: 100%;
    font-size: 1.4em;
    display: block;
    padding-top: 2em;
}

.sb-slidebar .follow-us .fa{
	font-size: 1.6em;
	margin-right: 10px;
}

.sb-slidebar .follow-us .fa:hover{
	color: rgb(255, 165, 0);
}

.sb-slidebar .contact{
	text-align: center;
	width: 100%;
	display: block;
	padding-top: 60px;
}
.sb-slidebar .contact button{
	margin-bottom:5px
}

.sb-slidebar .contact small{
	font-size: 12px;
}


.sb-open-left, .sb-close {cursor: pointer;}
.sb-toggle-left, .sb-toggle-right {
	cursor: pointer;
	padding: 18px  14px;
	width: 58px;
}

.sb-toggle-left {float: left;}
.sb-toggle-right{float: right;}
.sb-toggle-right .fa, .user-dropdown .fa-user-circle, .user-dropdown .fa-sign-in{color:#fff; font-size: 30px; margin-top: -3px}

.user-dropdown{
	margin-top: 20px;
	float: right;
}

.user-dropdown .dropdown .crop-rounded
{
	width: 35px;
	height: 35px;
	margin-top: -5px;
}
.user-dropdown .dropdown .crop-bordered
{
	border-color: #aaa;
}
.user-dropdown .dropdown .pn-avatar
{
	margin-top: -5px;
}

.user-dropdown .dropdown-menu{
	background-color: #444;
	color:#fff;
}
.user-dropdown .dropdown-menu > .dropdown-item > a
{
	border-left:3px solid transparent;
	color:#fff;
}

.user-dropdown .dropdown-menu > .dropdown-item:hover
{
	background-color: initial;
}
.user-dropdown .dropdown-menu > .dropdown-item:hover > a
{
	color: rgb(255, 165, 0);
}


.user-dropdown .dropdown-menu>.dropdown-item>a:hover {background-color: initial;}

.user-dropdown #notification-counter{
	position: absolute;
	top: 15px;
	right: 10px;
	z-index: 100;
}

.sb-toggle-left .navicon-line {
	background-color: #fff;
	border-radius: 1px;
	height: 4px;
	margin-bottom: 6px;
	width: 30px;
}


/*########### FOOTER ###############*/


footer a{
	color: #fff;
	opacity: 0.75;
}

footer a:hover{
	color: #fff !important;
	opacity: 1;
	text-decoration: none;
}

footer .footer-below {
	color: white;
	position: absolute;
    bottom: 30px;
    width: 100%;
	padding: 25px 0;
	background-color: #333333;
}

footer .footer-below .follow-us a{
	font-size: 18px;
	margin:0 5px 0 0;
}

footer .footer-made{
	background-color: #222222;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 30px;
	color: #ccc;
	padding-top: 7px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 12px;
}

footer .footer-made a{
	text-decoration: underline;
}

.separator-8 {
    height: 8px;
    clear: both;
}
.separator-16 {
    height: 16px;
    clear: both;
}
.separator-24 {
    height: 24px;
    clear: both;
}
.separator-32 {
    height: 32px;
    clear: both;
}
.separator-48 {
    height: 48px;
    clear: both;
}
.separator-64 {
    height: 64px;
    clear: both;
}
.separator-128 {
    height: 128px;
    clear: both;
}
.separator-256 {
	height: 256px;
	clear: both;
}


/*########### MISC ###############*/

.clear{clear:both}
.relative{position:relative}
.pointer{cursor: pointer;}
.gray{color:#777 !important;}
.dark-gray{color:#444 !important;}
.light-gray{color:#aaa !important;}
.orange{color: #FA5C1E !important;}
.gold{color: #ffd700 !important;}
.yellow{color: #ffcc00 !important;}
.green{color: #339933 !important;}
.red{color: #b00 !important;}
.blue{color: #549DD4 !important;}
.black{color: #212529 !important;}
.inline{display: inline !important}
.underline{text-decoration: underline !important;}
.block{display: block !important}
.line-through{text-decoration: line-through;}
.fixed-width-100{width:100px; display: inline-block}
.fixed-width-200{width:200px; display: inline-block}
.bold{font-weight: bold}
.vertical-aligned-middle{vertical-align: middle;}
.btn-xsm{line-height: 1 !important;}
.bg-gray{background-color: #f7f7f9 !important;}
.bg-dark-gray{background-color: #444;}
.bg-light-blue{background-color: #c2f2f1 !important;}
.bg-light-yellow{background-color: #ffffe0 !important;}
.border-gold{border:2px solid #ffd700}
.no-padding{padding:0;}
.no-padding-left{padding-left:0;}
.no-padding-right{padding-right:0;}
.text-left{text-align: left !important;}
.uppercase, .uc{text-transform: uppercase;}
.lowercase{text-transform: lowercase !important;}
.underline-on-hover:hover{text-decoration: underline;}
textarea.textarea-60{height: 60px !important}
textarea.textarea-120{height: 120px !important}
.vertical-aligned-center {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
/*########### /MISC ###############*/

/* buttons */
.btn-label {position: relative;left: -12px;display: inline-block;padding: 6px 12px;background: rgba(0,0,0,0.15);border-radius: 3px 0 0 3px;}
.btn-labeled {padding-top: 0;padding-bottom: 0; border:0;}
.btn-labeled.btn-lg{padding-left: 12px;}
.btn-glowing-success
{
	-webkit-animation: glowing-success 1500ms infinite;
	-moz-animation: glowing-success 1500ms infinite;
	-o-animation: glowing-success 1500ms infinite;
	animation: glowing-success 1500ms infinite;
}
@-webkit-keyframes glowing-success {
	0% { background-color: #4cae4c; box-shadow: 0 0 3px #4cae4c; }
	50% { background-color: #5cb85c; box-shadow: 0 0 30px #5cb85c; }
	100% { background-color: #4cae4c; box-shadow: 0 0 3px #4cae4c; }
}
@-moz-keyframes glowing-success {
	0% { background-color: #4cae4c; box-shadow: 0 0 3px #4cae4c; }
	50% { background-color: #5cb85c; box-shadow: 0 0 30px #5cb85c; }
	100% { background-color: #4cae4c; box-shadow: 0 0 3px #4cae4c; }
}
@-o-keyframes glowing-success {
	0% { background-color: #4cae4c; box-shadow: 0 0 3px #4cae4c; }
	50% { background-color: #5cb85c; box-shadow: 0 0 30px #5cb85c; }
	100% { background-color: #4cae4c; box-shadow: 0 0 3px #4cae4c; }
}
@keyframes glowing-success {
	0% { background-color: #4cae4c; box-shadow: 0 0 3px #4cae4c; }
	50% { background-color: #5cb85c; box-shadow: 0 0 30px #5cb85c; }
	100% { background-color: #4cae4c; box-shadow: 0 0 3px #4cae4c; }
}



.breadcrumb.breadcrumb-no-margin{margin-bottom: 0;}

.header-message .alert{margin-bottom: 0; border-radius: 0; border: none;}


.map-container{padding-top:20px; clear: both; margin-bottom: 15px;}

.hero{
	background-color: #f3f3f3;
	padding: 20px 10px;
}

.item-col-left .crop-rounded, .item-col-left .pn-avatar {
	height: 120px;
	width: 120px;
}

.crop-rounded, .pn-avatar {
	height: 200px;
	width: 200px;
}

.crop-rounded {
	object-fit: cover;
	border-radius: 50%;
}

.crop-rounded.crop-rounded-small {
	height: 35px;
	width: 35px;
}

.crop-rounded.crop-rounded-mini {
	height: 25px;
	width: 25px;
}


.crop-rounded.crop-bordered {
	border: 1px solid #212529;
}

.title-row{
	display: block;
	clear:both;
	padding-left: 15px;
	padding-right: 15px;	
}
.title-row .btn.float-end{
	margin-top:2px;
}
.title-row .bordered{border-bottom:1px solid #ccc; padding-bottom: 10px;}
.title-row .pagination{margin-top: 0;}
.title-row .badge{font-size:14px;vertical-align: middle;}

.search-box .form-control{
	font-weight: bold;
}
.search-box .btn {
	font-weight: bold;
}
.search-box p{
	margin-bottom: 0;
}
.search-box #advanced-search{
	margin-top: 5px;
	border: 1px solid #ccc;
	border-radius: 6px;
	padding: 10px;
}
.search-box #advanced-search .close{
	font-size: 30px;
	line-height: 15px;
}
.search-box #advanced-search .switch{
	margin-left: 20px;
}
.search-box #advanced-search .nav>li>a{
	padding: 5px 10px;
}
.search-box .active-filters .badge{
	font-weight: normal;
	font-size: 100%;
}

.inputfile{
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.box{
	padding: 20px 10px;
}
.box.box-gray{
	background-color:#eee;
}
.box.box-bordered{
	border-color: #ddd;
	border-width: 1px;
	border-style: solid;
	border-radius: 4px;
}

.box.box-extra-padding{
	padding: 5% 10%;
}


.loader{
	background-image: url("/img/loading.gif");
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 200px;
	text-align: center;
	color:#999;
	font-style: italic;
}

.loader.loader-sm{
	background-size: 25%;
	min-height: 100px;
}

.loading {
	position: fixed;
	z-index: 999;
	height: 2em;
	width: 2em;
	overflow: initial;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

/* Transparent Overlay */
.loading:before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));
	background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
	/* hide "loading..." text */
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.loading:not(:required):after {
	content: '';
	display: block;
	font-size: 10px;
	width: 1em;
	height: 1em;
	margin-top: -0.5em;
	-webkit-animation: spinner 150ms infinite linear;
	-moz-animation: spinner 150ms infinite linear;
	-o-animation: spinner 150ms infinite linear;
	animation: spinner 150ms infinite linear;
	border-radius: 0.5em;
	-webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
	box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-moz-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-o-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.badges{
	line-height: 40px;
}

.badges .badge{
	font-size: 16px !important;
    font-weight: normal;
    padding: 10px 20px 10px;
	margin-left: 5px;
}

.list-courts .remove{
	float:right;
	margin-left:10px;
	margin-top: 1px;
	cursor: pointer;
	font-size: 16px;
}

.list-courts .badge{
	float: none;
	margin-left: 10px;	
}

.form-logo-helper {padding-top: 2px;}
.form-logo-helper img{height:60px;max-width: 150px;}

.enabled-0{color:#f05e25;background-color: #fce9d9;}
.enabled-1{color:#7FAE5C;background-color: #e7f7e6;}

.tou-state-1{color:#222;background-color: #fff;}/*none*/
.tou-state-2{color:#444;background-color: #ddd;}/*canceled*/
.tou-state-3{color:#666;background-color: #f0e8aa;}/*postponed*/
.tou-state-4{color:#666;background-color: #fce9d9;}/*completed*/

.tou-published-0{color:#f05e25;background-color: #fce9d9;}/*unpublished*/
.tou-published-1{color:#7FAE5C;background-color: #e7f7e6;}/*published*/

.tou-channel-1{color:#fff;background-color: #555;} /*backoffice*/
.tou-channel-2{color:#fff;background-color: blueviolet;} /*post*/
.tou-channel-4{color:#fff;background-color: cornflowerblue;} /*crawl*/

.clu-state-0{color:#f05e25;background-color: #fce9d9;}/*unpublished*/
.clu-state-1{color:#7FAE5C;background-color: #e7f7e6;}/*published*/
.clu-state-2{color:#777;background-color: #f4f2ab;}/*permanently-closed*/

.aca-state-0{color:#555555;background-color: #dddddd;}/*waiting*/
.aca-state-1{color:#7FAE5C;background-color: #e7f7e6;} /*running*/
.aca-state-2{color: #8a6d3b;background-color: #fcf8e3;} /*paused*/
.aca-state-3{color: #a94442;background-color: #f2dede;} /*stopped*/

.ale-state-0{color:#666666;background-color: #dddddd;}/*inactive*/
.ale-state-1{color:#7FAE5C;background-color: #e7f7e6;}/*active*/

.sca-published-0{color:#f05e25;background-color: #fce9d9;}/*unpublished*/
.sca-published-1{color:#7FAE5C;background-color: #e7f7e6;}/*published*/

.tcd-state-0{color:#333;background-color: #f2f080;}/*pending*/
.tcd-state-1{color:#7FAE5C;background-color: #e7f7e6;}/*approved*/
.tcd-state-2{color: #a94442;background-color: #f2dede;}/*rejected*/

.tpr-state-0{color:sandybrown;background-color: lemonchiffon}/*pending*/
.tpr-state-1{color:#7FAE5C;background-color: #e7f7e6;}/*completed*/
.tpr-state-2{color:#084298;background-color: #cfe2ffff;}/*scheduled*/
.tpr-state-3{color: #555;background-color: #ddd;}/*draft*/



.pla-gender-0{color:#fff;background-color: #3a87ad;}/*male*/
.pla-gender-1{color:#fff;background-color: #DB7093;}/*female*/

.inv-state-0{color:#777;background-color: #ddd;}/*unpaid*/
.inv-state-1{color:#f05e25;background-color: #fce9d9;} /*paid - pending bill*/
.inv-state-2{color:#7FAE5C;background-color: #e7f7e6;} /*paid - billed*/
.inv-state-3{color:#222;background-color: #e9da3d;} /*cancelled*/

.bun-state-0{color:#555 !important;background-color: #ddd !important;}/*pending*/
.bun-state-1{color:#084298;background-color: rgb(207, 226, 255);} /*running*/
.bun-state-2{color:#7FAE5C;background-color: #e7f7e6;} /*completed*/
.bun-state-3{color: #a94442;background-color: #f2dede;} /*abandoned*/

.usr-state-1{color:#7FAE5C;background-color: #e7f7e6;}/*active*/
.usr-state-2{color:#666;background-color: #ddd;}/*disabled*/

.pla-state-1{color:#7FAE5C;background-color: #e7f7e6;}/*active*/
.pla-state-2{color:#666;background-color: #ddd;}/*disabled*/
.pla-state-3{color:#eee;background-color: #555;}/*hidden*/


.ual-level-trace{background-color: #777;}
.ual-level-info{background-color: #3a87ad;}
.ual-level-error{background-color: #b94a48;}


.usr-role-100{color:#eee;background-color: #555;}/*admin*/
.usr-role-30{color:white;background-color: orange;}/*player*/
.usr-role-20{color:darkblue;background-color: lightblue;}/*customer*/


.fb-posts{
	list-style: none;
	padding-left: 0;
}

.fb-posts li{
	padding: 20px 10px;
	border-bottom: 1px solid #ccc;
	font-size: 20px;
}
.fb-posts .no-picture{
	width:200px;
	height:100px;
	margin-right:10px;
	padding-top:40px;
	color:#333;
	background-color: #ddd;
}


/**
################################ LISTS ################################
**/

.list-home{list-style: none; padding: 0;}
.list-home li{padding: 10px;}
.list-home .circle {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	display: inline-block;
	padding-top: 16px;
	border: 4px solid #BAE7FD;
	text-align: center;
	vertical-align: middle;
}
.list-home .gray .circle {border-color: #ddd;}

.list-home a label{font-size: 26px; display: inline-block; margin-left: 10px;cursor: pointer; }

.list-home span.badge.text-bg-primary {vertical-align: 3px; margin-left: 5px;}
.list-home li > a:hover {text-decoration: none;color: rgb(255, 165, 0) !important;}
.list-home a:hover .circle {border-color: #f7dd92;}

.list-home .circle .fa, .list-home .circle .bi{font-size: 40px;}
.list-home .circle.circle-bi{padding-top: 7px;}
.list-home .circle.half {
	height: 50px; /* as the half of the width */
	border-radius: 60px 60px 0 0;
	border-bottom: 0;
	padding-top: 8px;
}
.list-home.list-home-small a label{font-size: 22px;}
.list-home.list-home-small .circle {width: 60px;height: 60px;padding-top: 12px;}
.list-home.list-home-small .circle .fa, .list-home.list-home-small .circle .bi{font-size: 30px;}
.list-home.list-home-small .circle.circle-bi{padding-top: 5px;}

/* dark */
.list-home li.dark{color: #333;}
.list-home .dark .circle{border-color: #333;}




.list-1{
	list-style: none;
	padding-left: 0;
}
.list-1 li{
	padding: 20px 0;
	font-size: 20px;
	border-bottom: 1px solid #ddd;
}
.list-1 li a{
	display: block;
}
.list-1 li:hover a{
	text-decoration: none;
}
.list-1 li:hover .item{
	text-decoration: underline;
}

.list-2{
	list-style: none;
	padding-left: 0;
}
.list-2 li{
	padding: 10px;
	font-size: 18px;
	border-bottom: 1px solid #ddd;
}
.list-2 li a{
	display: block;
}
.list-2 li:hover a{
	text-decoration: none;
}
.list-2 h2{
	font-size: 20px;
	display: inline;
}


/**
################################ SWITCH SLIDER ################################
**/
.switch-set .switch{
	margin-left: 20px;
}

.switch-set .switch:first-of-type{
	margin-left: 0;
}

.switch {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 17px;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.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: 13px;
	width: 13px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider {
	background-color: #549DD4;
}

input:disabled + .slider {
	opacity: 0.7;
}

input:focus + .slider {
	box-shadow: 0 0 1px #549DD4;
}

input:checked + .slider:before {
	-webkit-transform: translateX(13px);
	-ms-transform: translateX(13px);
	transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 17px;
}

.slider.round:before {
	border-radius: 50%;
}

/**
################################ LIST Of ITEMS ################################
**/

.items{
	list-style: none;
	padding-left:0;
}

.items .item {
	display: block;
	overflow: hidden;
	position: relative;
	border-bottom: 1px solid #ddd;
	padding: 15px 0;
	color:inherit;
		margin-bottom: 20px;
}

.items .item:first-of-type{
	padding-top: 0;
}

.items .item:last-of-type{
	border-bottom: 0;
}

.items.no-border-bottom .item{
	border-bottom: none;
	margin-bottom: 0;
}

.items .item.item-ad-campaign{
	text-align: center;
}


.items .item.item-ad-campaign > img{
	max-width: 80%;
}


.items .item .item-col{
	float: left;	
}

.items .item .item-col.item-col-poster{
	width: 40%;
	max-width: 200px;
	margin-right: 3%;
}

.items .item .item-col.item-col-poster .p{
	max-width: 100%;
}

.items .item .item-col.item-col-poster .school-banner{
	max-width: 100%;
	max-height: 200px;
}
.items .item .item-col p{line-height: 24px; margin-bottom: 10px;}
.items .item .item-col p:last-of-type{margin-bottom: 0;}
.items .item .item-col p .badge{vertical-align: 2px;}


.items .item .item-col.item-col-fields{width: 50%;}

.items .item .item-col.item-col-fields-40{width: 40%;min-width: 270px;}
.items .item .item-col.item-col-fields-60{width: 60%;}


.items .item .applies{color: rgb(124, 181, 236);}
.items .item .views{color: rgb(67, 67, 72);}


.items .item .poster{
	max-width: 200px;
}

.items.items-hover .item:hover{
	background-color: #efefef;
}

.items.items-padding .item{
	padding-left:10px;
}

.items .item.premium
{
	background-color: #c5e7fb;
	margin-bottom: 10px;
	border: 2px solid #549DD4;
	padding-top: 10px;
}


/* .poster-missing : only used in school...*/
.poster-missing{
	height: 250px;
	background-color: #ddd;
	text-align: center;
	padding-top: 60px;
}
.poster-missing .fa{
	font-size: 130px;
	color: #bcbcbc;
}

.items .item .item-col.item-col-left{
	margin-right: 5%;
}
.items .item .item-col.item-col-right{
	float: right;
}

.items .item .item-col.item-col-left.item-col-player{
	max-width: 63%;
	color: rgb(51,51,51) !important;
}


.items .item .logo{
	width: 150px;
	height: 75px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center center;
}

.items .item:hover{
	text-decoration: none;
}

.items .item h3{
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 24px;
}

.items .item:hover h3.underline-on-hover{
	text-decoration: underline;
}

.items .favorite{text-transform: none;}
.items .favorite:hover .favorite-label {text-decoration: underline;}

.banner{
	width:100%;
	height: 300px;
	position:relative;
	background-size: cover;
	background-position: center center;
}
.banner.banner-reduced{
	height: 200px;
}

.banner .wrap{
	text-align: center;
	top:20px;
	width:60%;
	position:absolute;
	margin-left: 20%;
}

.banner-map{
	cursor: pointer;
}

.banner .wrap.wrap-home{
	top:60px;
}
	

.banner .wrap .text{
	background-color: rgba(255,255,255,0.6);
	padding: 25px 5px 10px;
	border-radius: 20px;
	border: 3px solid #ddd;
}

.banner-map .wrap .text{
	background-color: rgba(255,255,255,0.7);
}

.banner .wrap h1, .banner .wrap .h1{
	color:#222;
	font-size: 36px;
	font-weight: bold;
	margin-top: 0;
}

.in-out-radio{
	float: right;
	margin-top: 10px;
}
.in-out-radio .switch{
	margin-left: 20px;
}
.in-out-radio > span{
	font-size: 18px;
}

.banner .wrap .under{
	font-size: 18px;
}

.partners{text-align: center;}
.partners img{margin-left:10px;margin-top: 15px;}

/** Social Button CSS **/

.share-btn {
    display: inline-block;
    float:left;
    color: #ffffff !important;
    border: none;
    width: 100%;
    outline: none;
    text-align: center;
    height: 100px;
    font-size: 50px;
    padding-top:15px;
}

.share-btn.share-btn-half {
	width: 50%;
}

.share-btn:hover {
  color: #eeeeee !important;
}

.share-btn:active {
  position: relative;
  top: 2px;
  box-shadow: none;
  color: #e2e2e2;
  outline: none;
}

.share-btn.facebook    { background: #3B5998; }
.share-btn.whatsapp    { background: #67ba2a; }

.pn-half-left{float: left; width: 49%; clear:left;}
.pn-half-right{float: right; width: 49%;}
.pn-bordered{border:1px solid #ccc; border-radius:5px;padding:10px;}
.pn-disabled{opacity: 0.3;}
.pn-category-group .category-title{width:18%; cursor: default; padding-left: 0; font-weight: normal;}
.pn-category-group .category-title.category-title-lg{width:50%;}
.pn-category-group .category-item{padding-left: 5px;font-weight: normal;}
.pn-category-group .category-input{margin-right: 4px;}
.pn-category-group .category-item:first-of-type{padding-left: 5px;}
.pn-category-group .category-textfield{display: inline;width: 70%;margin-left: 5px;}
.pn-category-group .radio .category-textfield{margin-left: 0;}


.module{width: 100%;padding:20px;margin-bottom:30px;font-size: 18px; border-bottom: 1px solid #ccc;}
.module:last-child{border-bottom: none;}
.module > a, .module a.no-color{color:inherit;}
.module a.no-decoration{text-decoration: none;}
.module-title{width: 20%; float:left;text-align: center; min-height: 140px;}
.module-title h2{font-size: inherit;}
.module-title .fa, .module-title .bi{font-size: 60px;}
.module .dot{
    border-radius: 50px;
    padding: 23px;
    color: #fff;
    margin-top: 20px;
    display: inline-flex;	
}

.module-title .dot:hover{
	text-decoration: none;
	padding: 25px;
}

.module-content{width: 70%; float:left; text-align: center;min-height: 140px;margin-left:5%;}
.module-content a{text-decoration: underline;}

.module-content ul{text-align: left; display: inline-block;}
.module-content .module-content-big{font-size:40px;padding-top:20px;line-height: 45px;}
.module-content .module-content-medium{font-size: 30px;padding-top:20px;}
.module-content .module-content-social{padding-top:30px;}
.module-content .module-content-social a{text-decoration: none; color:inherit;}
.module-content .module-content-social .fa{font-size: 40px;margin-right:20px;}

.module-content .module-content-padding{padding-top:40px;}

.module-content .deadline-icon{font-size: 30px; vertical-align: -6px; margin-right: 10px;}
.module-content .badge{font-size: 16px;}
.module-content .btn-whatsapp-chat{margin-top: -8px;text-decoration: none;}

.module-content-half{float: left; width: 50%;}

.module .prices{/*float: left; width: 60%; margin-left: 5%; text-align: right;*/}
.module .prices small{font-size: 70%;}
.module .prices .big{font-size: 120%;}

.module .categories {
	list-style: none;
	padding-left:3%;
	margin-left:5%;
	padding-top:20px;
}

.module-content .module-courts .courts{
	display: block;
	margin-top:15px;
}
.module-content .module-courts .courts .lead{
	font-size: 150%;
}
.module-content.module-content-logo {
    text-align: center;
}

.module-content.module-content-logo img{
    margin-bottom: 20px;
}


.module-sidebar{width: 100%;font-size: 18px;}
.module-sidebar a:not(.btn){color:inherit}
.module-sidebar a.underline-on-hover{text-decoration: none;}
.module-sidebar a.underline-on-hover:hover{text-decoration: underline;}

#advanced-prices .block-left{float: left; width: 60%;}
#advanced-prices .block-right{float: right; width: 38%; margin-left: 2%; text-align: center;}

#apply-button-div{padding-bottom:50px;}

#apply-button-div .btn-lg{
	padding:20px;
	font-size: 20px;
}

#apply-button-div .fa-phone{
	font-size: 25px;
	vertical-align: -3px;
	margin-right: 10px;
}

.apply-div .alert.alert-info{font-size: 20px;}

/*** PUBLISH TOURNAMENT ***/

.half-wall-poster{
	width:100%;
	height:750px;
	background-size: cover;
	background-position: bottom;
}

.half-wall-poster h1{
	text-align: center;
	padding-top:190px;
	font-weight: bold;
	margin-top:0;
	color:#fff;
	text-shadow: 3px 3px #444;
}
.half-wall-poster h3{
	text-align: center;
	color:#fff;
}
.half-wall-poster .lead{
	font-size: 150%;
}
.half-wall-poster .price{
	text-align: center;
}
.half-wall-poster .price .btn{
	font-size: 30px;
}
.half-wall-poster .price .btn > small{
	font-size: 12px;
}

.half-wall-poster ul{
	margin:30px;
	font-size:14px;
}
.half-wall-poster ul li{
	color:#fff;
	padding-top:20px;
}
.half-wall-poster ul li strong{
	font-size: 120%;
}
.publish-price{
	text-align: center;
	font-size: 40px;
	margin-top: 30px;
	margin-bottom: 20px;
	line-height: 30px;
}
.publish-price small{
	font-size: 20px;
}

.invoice-resume-div{
	text-align: center;
	background-color:#ddd;
	margin:10px 0;
	border-radius: 20px;
	padding:60px 10px 30px 0;
	position: relative;
	line-height: 24px;
}
.invoice-resume-div.border-blue{border:2px solid #549DD4;}
.invoice-resume-div.border-green{border:2px solid #84a535;}
.invoice-resume-div.border-gray{border:2px solid #888888;}
.invoice-resume-div.disabled{opacity: 0.5;}

.terms-of-service .section{padding-left:30px;}

.pointer > .pat-result:hover .award-text-wrapper{text-decoration: underline;}


.pn-avatar
{
	font-size: 28px;
	font-weight: bold;
	border-width: 5px;
	border-style: solid;
	text-align: center;
	display: inline-block;
	position: relative;
}

.pn-avatar.pn-avatar-small
{
	width: 35px;
	height: 35px;
	font-size: 12px;
	border-width: 2px;
	vertical-align: middle;
}

.avatar-selected
{
	border: 2px solid gold;
	border-radius: 10px;
	background-color: lightyellow;
}


.player-badge
{
	border-radius:10px;
	padding: 6px;
	max-width: 350px;
	background-color: #eee;
	border: 1px solid #ddd;
	font-size: 14px;
	cursor: pointer;
	display: block;
	margin:10px 0;
	color: #333;
}
.player-badge:hover{color:#333;}
.player-badge:hover .player-badge-content>strong{text-decoration: underline;}

.player-badge .crop-rounded, .player-badge .pn-avatar
{
	width: 80px !important;
	height: 80px !important;
}

.player-badge .player-badge-avatar
{
	float: left;
	width:30%;
}
.player-badge .player-badge-content
{
	float: left;
	width:60%;
	margin-left: 5%;
}

.pat-result
{
	color: #333;
	border-radius: 50px;
	padding: 6px;
	border: 2px solid #ababb3;
	max-width: 300px;
	background: radial-gradient(ellipse farthest-corner at right bottom, #ababb3 8%, #cccccc 40%, #a4a4b3 55%, transparent 80%),
				radial-gradient(ellipse farthest-corner at left top, #ababb3 8%, #cccccc 25%, #a4a4b3 62%, #eeeeee 100%);
}

.pat-result.pat-outcome-1
{
	border: 2px solid #FDB931;
	background: radial-gradient(ellipse farthest-corner at right bottom, #FDB931 8%, #FEDB37 40%, #c2aa42 55%, transparent 80%),
				radial-gradient(ellipse farthest-corner at left top, #FDB931 8%, #FEDB37 25%, #c2aa42 62%, #f5daa4 100%);
}

.pat-result.pat-outcome-2
{
	border: 2px solid #48c3ca;
	background: radial-gradient(ellipse farthest-corner at right bottom, #48c3ca 8%, #cae4e7 40%, #8dc7c9 55%, transparent 80%),
				radial-gradient(ellipse farthest-corner at left top, #48c3ca 8%, #cae4e7 25%, #8dc7c9 62%, #c4f3f5 100%);
}

.pat-result.pat-outcome-4
{
	border: 2px solid #ff7f50;
	background: radial-gradient(ellipse farthest-corner at right bottom, #f4a460 8%, #fcba81 40%, #ff7f50 55%, transparent 80%),
				radial-gradient(ellipse farthest-corner at left top, #f4a460 8%, #fcba81 25%, #ff7f50 62%, #fae2cd 100%);
}

.pat-result .award-wrapper
{
	float: left;
	width: 30%;
}
.pat-result .award-text-wrapper
{
	float: left;
	text-align: center;
	margin-left: 10px;
	width: 60%;

}
.pat-result .award-text
{
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 18px;
}
.pat-result .award
{
	display: block;
	width: 80px;
	height: 80px;
	background-image: url("/img/awards.png");
	background-repeat: no-repeat;
	border-radius: 50%;
	background-position-x: -172px;
	background-position-y: -3px;
	border:3px solid #ccc;
}

.pat-result.pat-outcome-1 .award
{
	background-position-x: -12px;
	border:3px solid #e8af2c;
}

.pat-result.pat-outcome-2 .award
{
	background-position-x: -91px;
	border:3px solid #48c3ca;
}

.pat-result.pat-outcome-4 .award
{
	background-position-x: -249px;
	border:3px solid coral;
}

.player-logup-background
{
	background-image: url('/img/players/banner_logup_player1.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 120px;
}

.player-logup-background.lead{font-size: 18px;}

.player-profile-background
{
	background-image: url('/img/players/banner_profile_player.png');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 120px;
}

.alert-background
{
	background-image: url('/img/players/banner_alert.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 120px;
}


.alert.alert-sm{padding:5px;}
.alert.alert-tip {margin-top: 8px;padding:8px;}
.alert.alert-tip .fa-hand-o-right{font-size: 16px;}
.alert.alert-tip .tips li{margin-bottom: 5px;}

/* <customer area> */

.customer-balance .h1{font-size: 50px;}
.customer-balance .h2{font-size: 40px;}
.customer-balance .h3{font-size: 16px;}
.customer-balance .h4{font-size: 13px;}
.customer-balance .spaced{margin:0 10px;}
.customer-balance .ribbon-wrapper{opacity: 0.7;}


.live-chat-card{text-align: center; display: block;}
.live-chat-card label{font-size: 18px;}
.live-chat-card button{margin-left: 30px;}

.card.card-hover:hover{background-color: #eee;}
/* </customer area> */

.badge.badge-format {
	vertical-align: 2px;
	background-color: #eee;
	border:1px solid #ccc;
	color:#666;
}

.badge-home
{
	padding: 8px 8px;
	font-size: 14px;
	font-weight: normal;
}

.form-check-inline .badge{vertical-align: 3px;}
.form-check-inline .badge.badge-gray{background-color: #aaa;}

label.pn-floating-label-lg{font-weight: normal; font-size: 18px; color: #666;}

/** Corner Ribbon : https://css-tricks.com/snippets/css/corner-ribbon/ */

.ribbon-wrapper{
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	width: 150px;
	height: 150px;
	opacity: 0.85;
	z-index: 100;
}

.ribbon-wrapper .ribbon{
	background-color: #777;
	color: #fff;
	font-size:15px;
	font-weight:bold;
	text-align: center;
	/*text-shadow: rgba(255,255,255,0.5) 0 1px 0;*/
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform:    rotate(45deg);
	-ms-transform:     rotate(45deg);
	-o-transform:      rotate(45deg);
	position: relative;
	padding: 7px 0;
    left: -16px;
    top: 38px;
    width: 220px;
}

.ribbon-wrapper.ribbon-wrapper-small{
	width: 90px;
	height: 90px;
}
.ribbon-wrapper.ribbon-wrapper-small .ribbon{
	left: -5px;
  	top: 15px;
  	width: 132px;
}

.ribbon-wrapper.ribbon-wrapper-mini{
	width: 85px;
	height: 85px;
}
.ribbon-wrapper.ribbon-wrapper-mini .ribbon{
	left: 0;
	top: 5px;
	width: 130px;
	font-size: 10px;
}

.ribbon-wrapper.ribbon-wrapper-big{
	width: 240px;
	height: 240px;
}

.ribbon-wrapper.ribbon-wrapper-big .ribbon{
	left: 4px;
	top: 61px;
	width: 305px;
}

.ribbon-wrapper.ribbon-wrapper-left{
	left:0;
}

.ribbon-wrapper.ribbon-wrapper-left .ribbon{
	transform: rotate(-45deg);
	top:17px;
	left:-74px;
}

.tou .ribbon-wrapper{
	width: 85px;
	height: 85px;
}
.tou .ribbon-wrapper .ribbon{
	left: 2px;
	top: 6px;
	width: 130px;
	font-size: 9px;
}

.tou .ribbon-wrapper.ribbon-wrapper-small{
	width: 45px;
	height: 45px;
}
.tou .ribbon-wrapper.ribbon-wrapper-small .ribbon{
	top: 8px;
	width: 100px;
}



.ribbon-wrapper .ribbon.ribbon-green{background-color: #84a535;}
.ribbon-wrapper .ribbon.ribbon-blue{background-color: #549DD4;}
.ribbon-wrapper .ribbon.ribbon-red{	background-color: crimson;}
.ribbon-wrapper .ribbon.ribbon-black{background-color: #333;}
.ribbon-wrapper .ribbon.ribbon-gray{background-color: #888;}
.ribbon-wrapper .ribbon.ribbon-orange{background-color: #d16d2b;}
.ribbon-wrapper .ribbon.ribbon-gold{background-color: #eeb106;}
.ribbon-wrapper .ribbon.ribbon-purple{background-color: #7744AA;}






.ribbon:before {
  left: 0;
}
.ribbon:after {
  right: 0;
}

/**
     /Corner Ribbon
**/


.log span{
	font-family: monospace;
}

.log .ERROR{
	color:#C00;
}

.log .HIGH{
	
}

.log .DEBUG{
	color:#888;
}

.zma-form .form-control{
	width: 40px;
}

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

/**
* Brackets - https://codepen.io/aronduby/pen/qliuj
**/
.brackets{
  display:flex;
  flex-direction:row;
}

.brackets .round {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 300px;
	list-style: none;
	padding: 0;
}

.brackets .round .spacer {
	flex-grow: 1;
}

.brackets .round .spacer:first-child, .round .spacer:last-child {
	flex-grow: .5;
}

.brackets .round .game-spacer {
	flex-grow: 1;
}

.brackets li.game {
	padding-left: 20px;
}

.brackets li.game.winner {
	font-weight: bold;
}

.brackets li.game .result {
	float: right;
}

.brackets li.game .result span{
	float:left;
	width: 20px;
	font-weight: normal;
}
.brackets li.game .result span.winner{
	font-weight: bold;
}



.brackets li.game-top {
	border-bottom: 1px solid #aaa;
}

.brackets li.game-top img {
	vertical-align: baseline;
}
.brackets li.game-bottom img {
	vertical-align: middle;
}

.brackets li.game-spacer {
	border-right: 1px solid #aaa;
	min-height: 40px;
}

.brackets li.game-bottom {
	border-top: 1px solid #aaa;
}

.maps-infowindow{padding:20px 20px 10px 20px;font-size: 16px;}
.maps-infowindow a{color:#333; text-decoration: underline;}
.maps-infowindow a:focus{outline: none;}
.maps-infowindow p{margin-top:10px;}







/************************************************
 ******************* @MEDIA *********************
 ************************************************/


@media screen and (max-width: 850px) {
	
	.items .item.item-ad-campaign > img{
		max-width: 100%;
	}


	.premium-card-home h3{font-size: 20px;}
	.premium-card-home h5{font-size: 16px;}
	.premium-card-home small{font-size: 10px;}
}


@media screen and (max-width: 650px) {

	.banner{
		height: 250px;
	}

	.banner.banner-reduced{
		height: 160px;
	}

	.banner .wrap h1, .banner .wrap .h1{
		font-size: 24px;
		margin-top:0;
		margin-bottom: 0;
	}
	.banner .wrap.wrap-home{
		top:15px;
	}
    
    .title-row h1{
    	font-size: 26px;
    	line-height: 30px;
    }
    
    .subtitle-row .results-and-filters > .results{
		font-size:20px;
	}

	.module{font-size: 14px;}
	.module-content .module-content-big{font-size: 30px;}
	.module-content .module-content-medium{font-size: 20px;}
	.module-content .module-content-padding{padding-top:20px;}
	.module-title .fa {font-size: 40px;}

	.pat-result .award-text, .pat-result .award-text-wrapper{font-size: 12px;}

	.ribbon-wrapper{opacity: 0.7}

	.premium-card-home h3{font-size: 18px;}
	.premium-card-home h5{font-size: 14px;}
	.premium-card-home .card-body{padding: 0.5rem 0.5rem;}

}

 
/* mobiles in vertical */
 
@media screen and (max-width: 500px) {

	.sb-toggle-left, .sb-toggle-right{width: 36px; padding: 18px 6px;}
	.sb-toggle-left .navicon-line{width: 26px;}
	.sb-toggle-right .fa{font-size: 22px}
	.user-dropdown .dropdown>a>.fa{font-size: 22px}
	.header-logo{
    	max-width: 300px;
    	margin-top:4px;
    }

	.items .item .logo{
		width: 60px;
		height: 45px;
	}
	
	.items .item h3{
		font-size: 18px;
	}

	.center-pills > li > a{
		font-size: 11px !important;
    } 


	.brackets .round {
		width: 200px;
	}
	
	.brackets li.game{
		font-size: 9px;
		padding-left: 2px;
	}	
	
	.brackets li.game img {
		display: none;
	}

	.half-wall-poster h1{
		padding-top: 20px;
	}

	.top-cities .btn-lg{
		font-size: 14px;
	}

	.item-col-left .crop-rounded, .item-col-left .pn-avatar {
		height: 100px;
		width: 100px;
	}

	.pn-avatar {
		font-size: 20px;
	}

	.pat-result .award{
		background-size: 250px;
		width: 60px;
		height: 60px;
		background-position-x: -128px;
	}

	.pat-result.pat-outcome-1 .award{background-position-x: -10px;}
	.pat-result.pat-outcome-2 .award{background-position-x: -69px}
	.pat-result.pat-outcome-4 .award{background-position-x: -186px}

	.premium-card-home .premium-card-home-favicon{display: inline; margin-top: 5px !important;}
	.premium-card-home .card-text{display: inline; vertical-align: middle;}

	.progress-arrow li{
		font-size: 12px;
		padding: 6px 10px 6px 18px;
	}

}

/* small phones in vertical */

@media screen and (max-width: 400px) {
	.header-logo{
    	max-width: 260px;
    	margin-top:8px;
    }
	.user-dropdown .dropdown .crop-rounded{width: 30px;height: 30px;}
	.pn-avatar.pn-avatar-small{width: 30px;height: 30px; font-size: 12px; }
	.user-dropdown .dropdown .fa{font-size: 24px; margin-top: 1px;}

	.user-dropdown #notification-counter{font-size: 8px;}

	.banner .wrap h1, .banner .wrap .h1{
    	font-size: 18px;
    }

	.module-content .btn-whatsapp-chat{
		margin-top: 5px;
	}
	#apply-button-div .btn-lg{
		font-size: 14px;
	}

	.player-badge .crop-rounded, .player-badge .pn-avatar
	{
		width: 60px !important;
		height: 60px !important;
	}

	.premium-card-home h3{font-size: 16px;}
	.premium-card-home h5{font-size: 12px;}
	.premium-card-home small{font-size: 8px;}
	.premium-card-home .card-body{padding: 0.2rem 0.2rem;}

	.crop-rounded, .pn-avatar {
		height: 120px;
		width: 120px;
	}

	.item-col-left .crop-rounded, .item-col-left .pn-avatar {
		height: 80px;
		width: 80px;
	}

	.progress-arrow li i.fa{
		display: none;
	}
}

@media screen and (max-width: 350px) {
	.header-logo{
    	max-width: 200px;
    	margin-top:12px;
    }
	#advanced-prices .block-right small{
		font-size: 60%;
	}

	.user-dropdown .dropdown .fa{font-size: 20px;}

	.sb-toggle-left{width: 30px;}
	.sb-toggle-left .navicon-line {width: 25px;}

	.item-col-left .crop-rounded, .item-col-left .pn-avatar {
		height: 60px;
		width: 60px;
	}
}