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

.buttonselection{
    margin:10px auto;
    padding:5px 10px;
    border-radius:5px;
    max-width:80%;
}

.buttonselectionon{
    margin:10px auto;
    padding:5px 10px;
    border-radius:5px;
    max-width:80%;
    background:#ff5d00;
}

.buttonselection:hover{
    background:lightgray;
}

        #desktopheaders{
            display: none;
        }
        #mobileheaders{
            display: none;
        }
        #logoutbutton{
            display: none;
        }
    
    @media only screen and (max-width: 767px) {
        #desktopheaders{
            display: none;
        }
        #mobileheaders{
            display: block;
        }
        #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, #loginusername, #loginpassword, #usernamebox, #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;
    }
    
    .bannericons:hover{
        background:#ff5d00;
        color:white;
    }

    .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 */
    }