@charset "UTF-8";
/* CSS Document */

    #pixlcentralheader{
        position: absolute; top: 10px; left: 2%; font-size: 30px; margin: 0 auto; z-index:1000;
    }

@font-face {
    font-family: 'Azo Sans';
    src: url('../mathsapp/fonts/AzoSans-Regular.eot');
    src: url('../mathsapp/fonts/AzoSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../mathsapp/fonts/AzoSans-Regular.woff') format('woff'),
        url('../mathsapp/fonts/AzoSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
    
@font-face {
    font-family: 'Azo Sans Bold';
    src: url('../mathsapp/fonts/AzoSans-Bold.otf');
    font-weight: bold;
    font-style: normal;
}
        #desktopheaders{
            display: none;
        }
        #mobileheaders{
            display: none;
        }
        #logoutbutton{
            display: none;
        }
    
    @media only screen and (max-width: 767px) {
        #desktopheaders{
            display: none;
        }
        #mobileheaders{
            display: block;
        }

        #pixlcentralheader{
            position: absolute; top: 50%; transform:translateY(-50%); left: 20px; font-size: 30px; margin: 0 auto; z-index:1000;
        }

        #logoutbutton{
            display: none;
        }
    }
    
    
    @media only screen and (min-width: 767px) {
        #desktopheaders{
            display: block;
        }
        #mobileheaders{
            display: none;
        }
        #logoutbutton{
            display: block;
        }
    }
    
    .mobileheaderstyle{
        color:whitesmoke;
    }
    .mobileheaderstyle:hover{
        color:black;
    }

  #loginpixlid, #loginpassword, #usernamebox, #emailverifybox, #forenamebox, #surnamebox, #yeargroupbox, #admissionbox, #newstudentclassnamebox {
	border-radius: 25px;
	border: 2px solid #8E8E8E;
 	padding: 10px;  
	width:80%;
	text-align:center;
	display:inline-block
  }
    
    .bannericons{
        background:white;
        color:black;
        cursor:pointer;
    }
    
    .bannericons:hover{
        background:#ff5d00;
        color:white;
        cursor:pointer;
    }
    
    .bannericonsb{
        background:white;
        color:black;
        cursor:pointer;
        border-radius:20px;
        border-left:2px solid white;
        border-right:2px solid white;
    }
    
    .bannericonsb:hover{
        border-radius:20px;
        border-left:2px solid gray;
        border-right:2px solid gray;
        cursor:pointer;
    }

    .homebuttons{
        width:350px;
        padding:10px 20px 10px 20px;
        background: #ff5d00;
        border:1px solid black;
        color:black;
        margin:0 auto;
        margin-top:30px;
        border-radius:20px;
        text-align:center;
    }
    .homebuttons:hover{
        background: #ff5d00;
        color:white;
    }

    .columnheader{
        display:inline-block;
        background:lightgray;
        width:33%;
        height:25px;
        vertical-align:middle;
    }
    .columnheader2{
        display:inline-block;
        background:lightgray;
        width:19%;
        height:25px;
        vertical-align:middle;
    }
    .columnheader3{
        display:inline-block;
        background:lightgray;
        width:14%;
        height:25px;
        vertical-align:middle;
    }
    .columnheader4{
        display:inline-block;
        background:lightgray;
        width:29%;
        height:25px;
        vertical-align:middle;
    }
    .columnheader5{
        display:inline-block;
        background:lightgray;
        width:10%;
        height:25px;
        vertical-align:middle;
    }
    .columnheader6{
        display:inline-block;
        background:lightgray;
        width:45%;
        height:25px;
        vertical-align:middle;
    }
    .rowheader{
        display:inline-block;
        background:white;
        width:33%;
        height:55px;
        vertical-align:middle;
        line-height:55px;
    }
    .rowheader2{
        display:inline-block;
        background:white;
        width:19%;
        height:55px;
        vertical-align:middle;
        line-height:55px;
    }
    .rowheader3{
        display:inline-block;
        background:white;
        width:14%;
        height:55px;
        vertical-align:middle;
        line-height:55px;
    }
    .rowheader4{
        display:inline-block;
        background:white;
        width:29%;
        height:55px;
        vertical-align:middle;
        line-height:55px;
    }
    .rowheader5{
        display:inline-block;
        background:white;
        width:10%;
        height:55px;
        vertical-align:middle;
        line-height:55px;
    }
    .rowheader6{
        display:inline-block;
        background:white;
        width:45%;
        height:55px;
        vertical-align:middle;
        line-height:55px;
    }

    #addnewstaffmember{
        color:white;
    }
    #addnewstaffmember:hover{
        color:black;
    }

    .backbutton:hover{
        color:white;
    }

    .noselect {
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
        -khtml-user-select: none; /* Konqueror HTML */
        -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none; /* Non-prefixed version, currently
                                          supported by Chrome, Edge, Opera and Firefox */
    }