/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 24/02/2018, 2:20:17 PM
    Author     : ray
*/
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap');
@import url('https://fonts.googleapis.com/css?family=Encode+Sans&display=swap');

@font-face {
    font-family: 'OCR A Extended';
    src: url('/resources/css/OCRAExtended.woff2') format('woff2'),
        url('/resources/css/OCRAExtended.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html {font-family: 'Roboto Condensed','Arial','fontawesome';box-sizing: border-box}
body {font-family: 'Roboto Condensed','Arial','fontawesome';}

.paypal_icon {
    background-image: url('/resources/paypal_icon.png') !important;
    background-size: 12px , 16px;
}

.ui-chips-token {background:#0080ff !important;font-weight: normal !important;color:white !important;text-shadow: none !important}

.ui-widget {font-family: 'Roboto Condensed', 'fontawesome'}
.ui-widget button {font-family: 'Roboto Condensed', 'fontawesome';}
.ui-button-text {font-weight:normal}
.ui-widget input {font-family: 'Roboto Condensed', 'fontawesome'}
h1 {margin-bottom: 4px;margin-top:0px}
h2 {margin-bottom: 4px;margin-top:0px}
.faq h2 {margin:8px 0px;font-size:1.2em}
.faq h2 ~ *:not(h2) {
    margin-left: 1.3em;
}
.faq ul:first-child li {list-style:none;}
.faq ul:first-child {padding:0px; padding-left: 1.2em}
.faq h3 {margin-left:0px}

.fc-event {background:#00d400}

.policy h2 {margin:8px 0px;font-size:1.2em}
.policy h2 ~ *:not(h2) {
    margin-left: 1.8em;
}
.policy ul:first-child li {list-style:none;}
.policy ul:first-child {padding:0px; padding-left: 1.2em}
.policy h3 {margin-left:0.5em !important;margin-bottom:0.5em;margin-top:0.5em}

.terms {padding:0px 5px}
.terms h1 {margin:8px 4px;font-size: 1.5em !important}
.terms h1 ~ *:not(h1) {
    margin-left: 1.8em;
}
.terms ul li {list-style:none !important}
.terms ul:first-child {padding:0px; padding-left: 1.2em}
.terms h2 {margin-left:0.5em !important;margin-bottom:0.5em;margin-top:0.5em;font-size:1.2em !important}

.terms_table tr:nth-child(odd) {background:#e8e8e8}

p {margin:2px;}
.bats-image {width:200px;padding:10px}
.concretetable {width:250px;padding:10px}
.ui-state-hover {background:#a8a8a8 !important;color:white !important}
.ui-inputswitch-on .ui-state-active span {background:#00d400; color:white }
.ui-state-highlight {;text-shadow: none !important;
                    background: -webkit-gradient(linear, left top, left bottom, from(rgba(00,128,255,1)), to(rgba(00,128,255,1))) !important;
                    }
.menu-selected {background:#00d400 !important;color:white !important}
.ui-menuitem {padding-right:20px !important;font-size:1.0em}
.ui-panel .ui-panel-content {padding:0px !important;border:none !important}
.ui-panel {padding:0px;background:none;border:none}
.panel-clear {border:none;background:none}
.panel-clear {padding:0px !important}
.panel-clear .ui-panel-content {padding:0px !important}
.panelgrid-clear .ui-panelgrid-content {border:none;background:none}
.menuhover table:hover tr {background-color:#00d400 !important}
.menuhover table:hover span {color:white !important}
.menuhover img {width:30px}
.selected_menu tr {background-color:#00d400 !important;color:white !important}
.selected_menu span {color:white !important}
.panelgrid-no-border .ui-panelgrid-cell {border:none}
.panelgrid-no-border .ui-widget-content {border:none }
.panelgrid-no-border table tr {border:1px solid #d0d0d0 }
.panelgrid-no-border table td {border:none }
.panelgrid-no-bg .ui-panelgrid-cell {background:none}
.panelgrid-no-bg tr {background:none}
.menubutton td {text-align:center}
.no-padding-left-right {padding-left:0px !important; padding-right:0px !important}
.no-padding-left {padding-left:0px !important}
.no-padding-right {padding-right:0px !important}
.no-padding {padding:0px !important}
.no-padding-panel-content .ui-panel-content {padding:0px}
.menubutton tbody {border:1px solid #c0c0c0;}

.panelgrid-custom .ui-panelgrid-cell+.ui-panelgrid-cell {background-color:#f0f0f0;border:1px solid #ffffff;padding-left:8px !important}
.panelgrid-custom .ui-panelgrid-cell:first-child {padding-left:0px}

.panelgrid-clear-table .ui-panelgrid-cell {border:none !important;background:none !important}
.panelgrid-clear-table tr {border:none !important;background:none}

.panelgrid-cell-no-padding {padding:0px !important}

.ui-g .ui-md-1-325 {width:325px }
.ui-g .ui-md-1-325 .ui-panel-content {padding:0px !Important}
.ui-g .ui-lg-1-325 {width:325px }
.ui-g .ui-lg-1-325 .ui-panel-content {padding:0px !Important}
.ui-g .ui-lg-100 {width:calc(100% - 325px) }
.ui-g .ui-md-100 {width:calc(100% - 325px) }

.info-panel-right {background-color:#fbffdb}
.info-panel .ui-panel-footer {background:none}
.info-panel-right .ui-panel-footer {background:none;text-align:right;}
.footer .ui-panel-content {padding:0px}

.datagrid-no-border .ui-datagrid-content {border:none}
.datagrid-no-border .ui-datagrid-column {padding:0px !important}

.datagrid-no-border2 .ui-datagrid-content {border:none}
.datagrid-no-border2 .ui-datagrid-column {padding-left:0px}

.noborder {border:none !important}

.standardbox {border:2px solid white;padding:8px;border-radius:5px;box-shadow:5px 5px 5px #808080;color:white}

.panelgrid-table-nopadding-left td {padding-left:0px !important}

.panelgrid-table-clear tr {
    border: none
}

.ui-tabs-selected a {color:white !important;text-shadow: none !important}
.ui-tabs-panel {padding:4px .2em !important}
.ui-tabs {border:none;padding:0px}
.ui-tabs-nav {background:none !important}
.ui-tabs-panels {border-top:1px solid #0080ff !important}

.readonly {color:#808080 !important}
.align-right {text-align:right}
.align-center {text-align:center}
.invalid-ir P {color:#b94a48}

.past-event {background-color:#c0c0c0;border-color:#c0c0c0}
.entered-event {background-color:#d7f770;border-color:#d7f770;}
.entered-event .fc-content {color:black}
.entered-event-fill-in {background-color:#aa00ff;border-color:#aa00ff;}
.entered-event-unavail {background-color:red;border-color:red;}
.selected-event {background-color:#0099ff;border-color:#0099ff;}
.mysidebar {width:50%;}

.list_promos .ui-inputfield {box-shadow:none !important}

.ui-inputswitch .ui-widget {height:40px}
.ui-inputswitch-off {background:red;color:white;top: -4px !important; height:30px !important}
.ui-inputswitch-on {background:#00d400 !important;color:white !important;top: -4px !important; height:30px !important}

.match-wizard .tabs {width:150px;
    text-align:center !important;
    border:none;
}

.money input {text-align:right}

.ui-messages-error-summary {margin-left:0px}

.match-wizard .firsttab {
    -webkit-clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
}

.match-wizard .middletab {
    margin-left:-15px;
    -webkit-clip-path: polygon(90% 0%, 100% 50%, 90% 100%, 0% 100%, 10% 50%, 0% 0%);
}

.match-wizard .lasttab {
    margin-left:-15px;
    -webkit-clip-path: polygon(0% 0%, 90% 0%, 100% 0%, 100% 100%, 0% 100%, 10% 50%);
}

.match-tabs .ui-tabs-panel {padding-left:0px;padding-right:0px;padding-top:5px }
.match-tabs {border:0px}
.match-tabs .ui-tabs-nav {padding-left:0px !important}
.match-tabs .ui-tabs-selected a {color:white;text-decoration: none !Important;font-weight: normal}

.expired {color:#c0c0c0;text-decoration: line-through}

.hometeam {font-weight: bold;font-size:1.1em}
.guestteam {font-weight:bold;font-size:1.1em}
.vs-text {font-weight:bold;text-align:center;height:100% !important}
.vs-text .ui-panelgrid-cell {vertical-align: middle;height:100%}
.match-grid .ui-panelgrid-cell:nth-child(2) {margin:auto 0}
.match-card .ui-panel-content:nth-child(2) {border:1px solid #c0c0c0;padding-left:5px !important;padding-right:5px !Important;border-top:none}
.match-card .ui-panel-titlebar {border-bottom-left-radius: 0px; border-bottom-right-radius: 0px}

.vert-align {margin:auto 0}
.horz-align {text-align:center}
.cell-vert-align .ui-panelgrid-cell {margin:auto 0;}

.strikeout {text-decoration: line-through;color:red}

.ui-datepicker-calendar .ui-state-active {background-color: #0099ff !important}
.ui-datepicker-calendar .ui-state-highlight {border:2px solid black !important}

.rows {border-bottom:1px solid black}

.logo {height:60px}

.avatar-small {width:45px;height:60px}
.avatar-large {width:90px;height:120px}

.panelgrid-scorecard .ui-panelgrid-cell {border:1px solid #a8a8a8 !important}
.panelgrid-scorecard .ui-panelgrid-cell:nth-child(n+4) {text-align:center}
.panelgrid-scorecard2 .ui-panelgrid-cell:nth-child(n+3) {text-align:center}
.panelgrid-scorecard2 .ui-panelgrid-cell:nth-child(1) {width:50px}
.panelgrid-scorecard3 tr:nth-child(11) {border-top:2px solid black}
.panelgrid-scorecard3 .ui-panelgrid-cell:nth-child(2) {width:50%}
.panelgrid-scorecard3 .ui-panelgrid-cell:nth-child(3) {width:50%}

.tr-no-border tr {border:none}
.td-no-padding td {padding:0px !important}
.td-no-padding-left td {padding-left:0px !important}

.highlight-score {font-weight:bold;background-color:#0099ff;color:white;padding:5px;border-radius: 50%}
.highlight-score2 {font-weight:bold;}
.me {color:#0099ff}

.width-40 {width:40px}

.special {border:none !important;background:white !important;}

.cross{
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M1 0 L0 1 L99 100 L100 99' fill='black' /><path d='M0 99 L99 0 L100 1 L1 100' fill='black' /></svg>");
    background-repeat:no-repeat;
    background-position:center center;
    background-size: 100% 100%, auto;
}

/*.panelgrid-x .ui-g:nth-child(odd) .ui-panelgrid-cell:nth-child(2) {background:#f0f0f0}
.panelgrid-x-even .ui-g:nth-child(even) .ui-panelgrid-cell:nth-child(2) {background:#f0f0f0}*/

.scorecards-style th:nth-child(n+10) {width:125px !important}

.datatable-min-width th {width:200px}

.dialog-style {width:75% !important}
.lb-right-align .ui-selectlistbox-list td:nth-child(4) {text-align:right}
.lb-right-align .ui-selectlistbox-list td:nth-child(5) {text-align:center}
.lb-right-align-2 .ui-selectlistbox-list td:nth-child(2) {text-align:right}
.lb-right-align-2 .ui-selectlistbox-list td:nth-child(3) {text-align:center}

.index_info {font-size:1.2em}

.footer-panel {margin-top:10px}

.toolbar {background:none;border:none;padding-left:0px}
.ui-tooltip .ui-tooltip-text {font-size: 0.9em}

.slider {background: rgb(255,0,0);
        background: linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(234,247,23,1) 50%, rgba(0,208,27,1) 100%);
        border-radius: 0px;
}

.loginHeader {
    padding:8px;
    background: #0080ff;
    /*background: linear-gradient(90deg, rgba(0,208,27,1) 0%, rgba(234,247,23,1) 50%, rgba(141,95,211,1) 100%);*/
    /*background: linear-gradient(90deg, rgba(0,212,0,1) 0%, rgba(95,160,211,1) 50%,  rgba(141,95,211,1) 100%);*/
    color:white;
    text-align: left;
}

.logosub {font-size:1.5em;font-style: italic;font-weight:bold;color:#404040; }

.ui-toolbar .ui-widget {background:#f0f0f0;margin-right:10px;margin-top:5px;margin-bottom:5px;min-width:200px}
.ui-toolbar {padding-left:0px}

.toolbar2 .ui-widget {margin-right:0px;min-width: 0px;background:#ffffff}
.delete-profile {background:red !important;color:white !important;text-shadow: none}

 .home-image {width:80%}
 
 .login {width:50%;border:1px solid #808080}
 
 .subtext {
     color:#0080ff;
     font-size:0.9em;
 }
 
 .speech-bubble {
	position: relative;
	background: #00aabb;
	border-radius: .4em;
}

.speech-bubble:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 0.625em solid transparent;
	border-right-color: #0099ff;
	border-left: 0;
	margin-top: -0.625em;
	margin-left: -0.625em;
}

.speech-bubble-right {
	position: relative;
	background: #00aabb;
	border-radius: .4em;
}

.speech-bubble-right:after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 0.625em solid transparent;
	border-left-color: #00d400;
	border-right: 0;
	margin-top: -0.625em;
	margin-right: -0.625em;
}

 
 .minHeader .ui-panel-titlebar {padding:0px;background:none;border:none;margin-bottom:5px;border-bottom:1px solid white}
 .noHeader .ui-panel-titlebar {display:none !important}
 .pin {height:150px}
 .selected_button {background:#0080ff !important;color:white !important;text-shadow:none !important}
 .datatable-border td {border: 1px solid #a8a8a8 !important}
 .toolbar-proxipoints .ui-toolbar {padding:0px !important;background:none;border:none;padding-bottom:5px !important}
 
 .ui-icon {
     text-indent:0px
 }
 
 .ui-icon-pencil{
     background:none !important;
     display: inline-block;
    text-decoration: none;
    width: 20px;
    margin-right: .2em;
    text-align: center;
    height: 1em;
 }
 
/* .ui-icon-check .ui-c{
    background-color:#00d400;
    color:white !important;
    display: inline-block;
    text-decoration: none;
    width: 20px;
    margin-right: .2em;
    text-align: center;
    height: 1em;
 }*/
 
 .ui-icon-close{
     background:none !important;
     display: inline-block;
    text-decoration: none;
    width: 20px;
    margin-right: .2em;
    text-align: center;
    height: 1em;
 }
 
 
 .ui-icon-pencil:before {
  content: "\f044"
 }
/* .ui-icon-check:before {
  content: "\f00c"
 }*/
 .ui-icon-close:before {
  content: "\f00d"
 }
 

meter[value]::-webkit-progress-value { background: red; }
/*meter[value="2"]::-webkit-progress-value { background: yellow; }
meter[value="3"]::-webkit-progress-value { background: orange; }
meter[value="4"]::-webkit-progress-value { background: green; }*/

.progress-bar {
    background-color: whiteSmoke;
    border-radius: 3px;
    box-shadow: 0 2px 3px rgba(0,0,0,.5) inset;

    /* Dimensions should be similar to the parent progress element. */
    width: 100%; height:20px;
}

.progress-bar span {
    background-color: royalblue;
    box-shadow: 0 2px 3px rgba(0,0,0,.5) inset;
    border-radius: 3px;
    
    display: block;
    text-indent: -9999px;
}

.ui-toggleswitch {
  position: relative;
  display: inline-block;
  width: 76px;
  height: 30px;
}

.ui-toggleswitch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .2s;
  transition: .2s;
  border-radius:.3125em;
  border:1px solid #c0c0c0
}

.ui-toggleswitch-slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 2px;
  bottom: 1px;
  background-color: white;
  -webkit-transition: .2s;
  transition: .2s;
  border-radius: .3125em;
}

.ui-toggleswitch-checked .ui-toggleswitch-slider {background:#00d400}
.ui-toggleswitch-checked .ui-toggleswitch-slider:before {left:27px}
.uitoggleswitch-checked .ui-toggleswitch-slider:after
    {-webkit-transition: color 0.5s;
	transition: color 0.5s;
	font-size: 1.0em;
        font-weight:bold;
	color: #ffffff;
	content: 'ON';
	position: absolute;
	left: 12px;
	top: 5px;
        z-index:10000}
    
.uitoggleswitch .ui-toggleswitch:not(.ui-toggleswitch-checked):after
    {-webkit-transition: color 0.5s;
	transition: color 0.5s;
	font-size: 1.0em;
        font-weight:bold;
	color: #404040;
	content: 'OFF';
	position: absolute;
	left: 36px;
	top: 5px;
        z-index:10000}
    
.toggleswitch-box {
   display:inline-block;
   position:relative;
  }
  
.on {-webkit-transition: color 0.5s;
	transition: color 0.5s;
	font-size: 1.0em;
        font-weight:bold;
	color: #ffffff;
	position: absolute;
	left: 12px;
	top: 5px;
        z-index:10000}

.off {-webkit-transition: color 0.5s;
	transition: color 0.5s;
	font-size: 1.0em;
        font-weight:bold;
	color: #404040;
	position: absolute;
	left: 36px;
	top: 5px;
        z-index:10000}

.ui-tabs-selected {
    background: #0099ff !important;
    color: white;
}

.container {
    display: flex;
    flex-direction: column;
    min-height: 99vh;
}

main {
    flex: 1
}

 
@media screen and (max-width:1024px) {
.no-padding-left {padding-left:0px !important;padding-right:0px !important}
.no-padding-right {padding-right:0px !important;padding-left:0px !important}
html {font-family: 'Roboto Condensed','Arial','fontawesome';font-size:14px}
body {font-family: 'Roboto Condensed','Arial','fontawesome';font-size:14px}
 .home-image {width:100%}
  .login {width:98%}
  .pin {width:100%}
}

@media screen and (max-width:450px) {
    html {font-family: 'Roboto Condensed','Arial','fontawesome';font-size:12px}
    body {font-family: 'Roboto Condensed','Arial','fontawesome';font-size:12px}
    .logo {max-width:100%;height:auto}
    .bats-image {width:120px;padding:10px}
    .concretetable {width:120px;padding:10px}
    .thank-you-image {display:none}
    .password {width:100%}
    .hide-on-mobile {display:none}
    
    .span-border .ui-panelgrid-cell:nth-child(2) {border:1px solid #e0e0e0;padding:.2em !important}
    .align-right {text-align:left}
    
    .ui-dialog {max-height:400px;overflow:scroll}
    .ui-dialog .ui-dialog-content {padding:0.2em; padding-bottom:0.2em}
    .ui-dialog .ui-panel-content {padding:0.2em; padding-bottom:0.2em}
    
    .mysidebar {width:80%}
    
    .panelgrid-x .ui-panelgrid-cell:nth-child(2) {background:#fafafa !important}
    .panelgrid-x .ui-panelgrid-cell:nth-child(1) {font-weight: bold}
    .panelgrid-xx .ui-panelgrid-cell:nth-child(1) {font-weight: bold}
    .panelgrid-x input {width:98% !important}
    
    .scorecards-header {width:150px}
    .dialog-style {width:100% !important}

    .index_info {text-align:left !important}
    
    .logosub {font-size:1.0em;font-style: italic;font-weight:bold}
    
    .ui-toolbar .ui-widget {background:#f0f0f0;margin-right:10px;margin-top:5px;margin-bottom:5px;min-width:100%}
    
    .home-image {width:100%}
    .login {width:95%}
}

.advert-preview .ui-tooltip-text{
    background-color: rgba(255,255,255,0);
    border:none !important;
    box-shadow: none !important;
}

.save_icon {
    background: url('javax.faces.resource/ckeditor/skins/moono-lisa/icons.png.xhtml?ln=primefaces-extensions&v=7.0.3&t=72a83a5')
}

.ui-datatable-header {
    background: none;
    border:none;
    padding-left:0px !important;
}

.qq{
    color: rgb(0,0,0);
}

.no-background {
    background-color: rgba(0,0,0,0);
}

.no-border {
    border:none;
}

.comments {
    font-size:0.9em;
    color: #0080ff;
}

.fisheye-black li {
    list-style-image: url('../resources/fisheye-black.png');
}