/*normalize*/
html,
body,
form {
    height: 100%;
    margin: 0px;
    padding: 0px;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-size: 14px !important;
    color: #1D1D1B;
    background-color: #F9F9F9;
}

a {
    color: #1D1D1B;
}

.colours {
    color: #582c79; /*dark purple*/
    color: #795694; /* purple*/
    color: #f79729; /*orange*/
    color: #13bf40; /*green*/
    color: #666; /*black*/
    color: #565254; /*grey*/
    color: #e5e5e5; /*light grey*/
}

/*typography*/

h1, h2{
    font-weight: bold;
    
}

h1 {
    font-size: 32pt;
}

h2 {
    font-size: 22pt;
}

.fontarial{font-family:Arial}
.font32{font-size:32pt }
.font22{font-size:22pt}
.font18{font-size:18pt}
.font12{font-size:12pt }
.fontbold{font-weight:bold }
/*@media only screen and (min-width: 100px) and (max-width: 600px) {
    body {
        font: normal 14pt Arial;
        color: #1D1D1B;
    }
}

@media only screen and (min-width: 601px) {
    body {
        font: normal 16pt Arial;
        color: #1D1D1B;
    }
}*/
/*Colours*/
.colours {
    color: #B60011;
    color: #1D1D1B;
    color: #585958;
    color: #7D7D7D;
    color: #E0E0E0;
    color: #EEF0F0;
    color: #FFFFFF;
    color: #67b0EA;
    color: #095AA2;
    color: #3292DA;
    color: #1565d6;
    color: #2D3645;
    color: #1a1e54 !important;
}
.invisiblebutton {
    display: none !important;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.headpan1 {
    top: 65px;
    background-color: white;
    max-width: 500px;
    margin: 0 auto;
    z-index: 100;
    left: 0;
    right: 0;
    position: absolute;
}
.fontConsolas {
    font-family: Consolas !important;
    color: #550187 !important;
    font-weight:bold !important;
}
.labeltxt {
    color: gray;
    font-style: italic;
    padding-left: 5px;
}

.labeltxt2 {
    padding-left: 5px;
}

.labelData {
    font-family: Consolas !important;
    color: #550187 !important;
    padding-left: 5px;
    text-align: left;
    font-weight: bold;
}

.panelShadow {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}
.closebutton {
    color: #EFF3F5;
    background-color: #5AC8AE;
    border: 0px solid white;
    font-size: 18px !important;
    padding: 10px;
    -webkit-user-select: none;
    user-select: none;
}
    .closebutton:hover {
        font-weight: bold;
        fill: white;
        cursor: pointer;
        color: white;
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    }

    .closebutton:active {
        transform: scale(0.98);
        /* Scaling button to 0.98 to its original size */
        box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
        /* Lowering the shadow */
    }
.spanred{
    color:red;
    font-size:30px;
}