/* COLOURS */

body {background-color:#F5F5F5!important}

/* .pscxa-light-grey-bg{background-color:#F5F5F5!important} */
.w3-card{background-color:#FFFFFF!important;}

.pscxa-purple-text{color:#523089!important}
.pscxa-red-text{color:#F25963!important}
.pscxa-green-text{color:#00a884!important}
.pscxa-blue-text{color:#87bee9!important}
.pscxa-darkblue-text{color:#171c73!important}
.pscxa-yellow-text{color:#F9F871!important}
.pscxa-orange-text{color:#FF825E!important}
.pscxa-grey-text{color:#4d4d4d!important}
.pscxa-white-text{color:#FFFFFF!important}

.pscxa-purple{background-color:#523089!important}
.pscxa-red{background-color:#F25963!important}
.pscxa-green{background-color:#00a884!important}
.pscxa-blue{background-color:#87bee9!important}
.pscxa-darkblue{background-color:#171c73!important}
.pscxa-yellow{background-color:#F9F871!important}
.pscxa-orange{background-color:#FF825E!important}
.pscxa-lightgrey{background-color:#F5F5F5!important}
.pscxa-grey{background-color:#4d4d4d!important}
.pscxa-white{background-color:#FFFFFF!important}

.pscxa-purple-border{border-color:#523089!important}
.pscxa-red-border{border-color:#F25963!important}
.pscxa-green-border{border-color:#00a884!important}
.pscxa-blue-border{border-color:#87bee9!important}
.pscxa-darkblue-border{border-color:#171c73!important}
.pscxa-yellow-border{border-color:#F9F871!important}
.pscxa-orange-border{border-color:#FF825E!important}
.pscxa-grey-border{border-color:#4d4d4d!important}
.pscxa-white-border{border-color:#FFFFFF!important}

.pscxa-chart-wrapper-50 {display: inline-block;position: relative;width: 100%; min-height: 50px}
.pscxa-wrapper-50 {width: 100%; min-height: 50px}

.pscxa-chart-wrapper-150 {display: inline-block;position: relative;width: 100%; min-height: 150px}
.pscxa-wrapper-150 {width: 100%; min-height: 150px}

.pscxa-chart-wrapper-300 {display: inline-block;position: relative;width: 100%; min-height: 300px}
.pscxa-wrapper-300 {width: 100%; min-height: 300px}

.pscxa-chart-wrapper-450 {display: inline-block;position: relative;width: 100%; min-height: 450px}
.pscxa-wrapper-450 {width: 100%; min-height: 450px}

@media screen and (max-width: 600px) {
h1{font-size:26px}h2{font-size:20px}h3{font-size:18px}h4{font-size:16px}h5{font-size:14px}h6{font-size:12px}p{font-size:10px}.w3-serif{font-family:serif}
.w3-table td,.w3-table th{padding:2px 2px!important;}
}
@media screen and (min-width: 601px) and (max-width: 1280px) {
h1{font-size:40px}h2{font-size:16px}h3{font-size:14px}h4{font-size:13px}h5{font-size:12px}h6{font-size:12px}p{font-size:11px}.w3-serif{font-family:serif}
.w3-table td,.w3-table th{padding:0px 6px!important;}
}
@media screen and (min-width: 1281px) {
h1{font-size:50x}h2{font-size:22px}h3{font-size:20px}h4{font-size:19px}h5{font-size:18px}h6{font-size:16px}p{font-size:14px}.w3-serif{font-family:serif}
.w3-table td,.w3-table th{padding:6px 6px!important;}
}

.pscx-center-screen {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100vh;
}


body {
  background: rgb(204,204,204); 
}
page {
  background: white;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.5cm;
  box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}
page[size="A4"] {  
  width: 21cm;
  height: 29.7cm; 
}
page[size="A4"][layout="landscape"] {
  width: 29.7cm;
  height: 21cm;  
}
page[size="A3"] {
  width: 29.7cm;
  height: 42cm;
}
page[size="A3"][layout="landscape"] {
  width: 42cm;
  height: 29.7cm;  
}
page[size="A5"] {
  width: 14.8cm;
  height: 21cm;
}
page[size="A5"][layout="landscape"] {
  width: 21cm;
  height: 14.8cm;  
}
@media print {
  body, page {
    background: white;
    margin: 0;
    box-shadow: 0;
  }
}