/*

magenta: rgba(219,10,91,1.0);

*/





a{

all:inherit;

cursor:pointer;

}



a:hover{

transition:0.25s;

color:black;

}



input[type=submit], input[type=reset]

{

	all:inherit;

	display:inline-block;

	width:100%;

	height:100%;

}



select{

	width: 100%;

  padding: 5px;

  border: none;

  border-radius: 4px;

  background-color: #f1f1f1;

}



.locationDescription{

    position:absolute;

    margin-right: auto;

    margin-left:auto;

    left:0;

    right:300px;

    top:400px;

    width:150px;

    text-align: center;



}

.locationPassword{

    position:absolute;

    margin-right: auto;

    margin-left:auto;

    left:0;

    right:0;

    top:453px;

    width:150px;

    text-align: center;



}

.errorPageButton {

  border-radius: 4px;

  background-color: rgba(219,10,91,1.0);

  color: white;

	padding:10px;

  width: 200px;

  margin:auto;

  text-align: center;

  font-size: 28px;

  cursor: pointer;

    position:absolute;

    margin-right:auto;

    margin-left:auto;

    right:0;

    left:0;    

	top:475px;

	display:inline-block;

}



.locationButton {

  border-radius: 4px;

  background-color: rgba(219,10,91,1.0);

  color: white;

	padding:10px;

  width: 200px;

  margin:auto;

  text-align: center;

  font-size: 28px;

  cursor: pointer;

    position:absolute;

    margin-right:auto;

    margin-left:auto;

    right:0;

    left:0;    

	top:510px;

	display:inline-block;

}



.locationPickBox{



    padding: 30px;

    background-color: grey;

    margin-right: auto;

    margin-left:auto;

    position:absolute;

    right:0;

    left:0;

    top:325px;

    width:450px;

    height:225px;

    border-radius: 5px;



}	



.signInDetails{

    position: absolute;

    margin-right:auto;

    margin-left:auto;

    right:350px;

    left:0;

    top:300px;

    text-align: center;

    width: 200px;

    color:white;

    

}



.boxOneSignIn{



    position:absolute;

    margin-right: auto;

    margin-left:auto;

    left:0;

    right:0;

    top:354;

    width:200px;

    text-align: center;

    background-color:white;

   

    

}



.boxTwoSignIn{



    position:absolute;

    margin-right: auto;

    margin-left:auto;

    left:0;

    right:0;

    top:300;

    width:200px;

    text-align: center;

    background-color:white;



}



.boxThreeSignIn{

    position:absolute;

    margin-right: auto;

    margin-left:auto;

    left:0;

    right:0;

    top:410;

    width:200px;

    text-align: center;

    background-color:white;

    

}



.boxFourSignIn{

    position:absolute;

    margin-right: auto;

    margin-left:auto;

    left:0;

    right:0;

    top:464;

    width:200px;

    text-align: center;

    background-color:white;

    

}



.boxFiveSignIn{

    position:absolute;

    margin-right: auto;

    margin-left:auto;

    left:0;

    right:0;

    top:525px;

    width:200px;

    text-align: center;

    background-color:white;

    

}









.buttonOneSignIn{

    right: 0;

    left: 0px;

    top:600px;

    position:fixed;

    margin-right:auto;

    margin-left:auto;

}



.buttonTwoSignIn{

    right: 0;

    left: 0px;

    top:400px;

    position:fixed;

    margin-right:auto;

    margin-left:auto;

}



.signInBox{



    padding: 20px;

    background-color: grey;

    margin-right: auto;

    margin-left:auto;

    position:absolute;

    right:0;

    left:0;

    top:275px;

    width:450px;

    height:350px;

    border-radius: 5px;

    

}



.homeBox{



    padding: 30px;

    background-color: grey;

    margin-right: auto;

    margin-left:auto;

    position:absolute;

    right:0;

    left:0;

    top:325px;

    width:450px;

    height:125px;

    border-radius: 5px;



}	



.signInBoxTwo{



    padding: 20px;

    background-color: grey;

    margin-right: auto;

    margin-left:auto;

    position:absolute;

    right:0;

    left:0;

    top:275px;

    width:450px;

    height:200px;

    border-radius: 5px;

    

}



.signOutBoxHeaderName{



    margin-right: auto;

    margin-left: auto;

    right:0;

    left:-225;

    position:absolute;

    width:800px;

    padding:20px;

    top:225;

    font-size: 30px;

    text-align: center;

}



.signoutBoxHeaderTimeIn{



    margin-right: auto;

    margin-left: auto;

    right:0;

    left:100;

    position:absolute;

    width:800px;

    padding:20px;

    top:225;

    font-size: 30px;

    text-align:center;



    



}





.signOutBox{



    padding: 20px;

    background-color:grey;

    position:absolute;

    margin-right: auto;

    margin-left: auto;

    left:0;

    right:0;

    top:275px;

    width:400px;

    padding:20px;

    height:400px;

    border-radius: 5px;

    

}







.names{





    text-align: center;

    position:absolute;

    margin-right: auto;

    margin-left: auto;

    left:0;

    right:0;

    top:300px;

    width:350px;

    color:white;

    border-radius: 5px;

    background-color:rgba(219,10,91,1.0);

	overflow-y: scroll;

    height: 275px;

}



.times{



    text-align: center;

    position:absolute;

    margin-right: auto;

    margin-left: auto;

    left:0;

    right:-100;

    top:275px;

    width:100px;

    color:white;

    padding:20px;

    border-radius: 5px;

    background-color:rgba(219,10,91,1.0);



}



.signOutButtonOne{

  position:absolute;

    margin-right: auto;

    margin-left: auto;

    left:0;

    right:0;

    top:600px;

  

}





.logo{

	padding:20px;

	text-align: center;

    background-color: white;

	

}



.StudyCenter {

	



	text-align: center;

	font-family: Calibri;

    font-size: 50px;

    position: absolute;

    right:0px;

    left:0px;

    width:auto;

    background-color: rgba(219,10,91,1.0);

    padding:10px;

    color:white;

	

}





.INeedToo{

	

	text-align: center;

	font-family: Calibri;

    font-size: 25px;

    top:350px;

    color:black;

    margin-right:auto;

    margin-left:auto;

    right:0;

    left:0;

    position:absolute;

	color:white;

}





.buttonOne{





  

    right: 0;

    left: 250px;

    position:fixed;

    margin-right:auto;

    margin-left:auto;

    top:400px;



    



	

}



.buttonTwo{



    right: 250px;

    left: 0;

    top:400px;

   position:absolute;

    margin-right:auto;

    margin-left:auto;

    

}



.Buttons {

  border-radius: 4px;

  background-color: rgba(219,10,91,1.0);

  color: white;

	padding:10px;

  width: 200px;

  margin:auto;

  text-align: center;

  font-size: 28px;

  cursor: pointer;

    position:absolute;

    margin-right:auto;

    margin-left:auto;

    right:0;

    left:0;    

	display:inline-block;

}





.Buttons:hover {

	transition: 0.25s;

	color:black;

  display:inline-block;

}





.footer{





   position: absolute;

    bottom:0px;

    text-align: center;

    right:100px;

    left:0;

    margin-left: auto;

    margin-right: auto;

	color:white;

	text-shadow:1px 1px black;

    

}



.footerLinksOne{



   position:fixed;

    bottom:0px;

    text-align: center;

    right:-200px;

    left:0;

    margin-left: auto;

    margin-right: auto;

	color:white;

    text-shadow:1px 1px black;



}



.footerLinksTwo{





 position: fixed;

    bottom:0px;

    text-align: center;

    right:-309px;

    left:0;

    margin-left: auto;

    margin-right: auto;

    color:white;

    margin:auto;

    width:20px;

	text-shadow:1px 1px black;

}



.footerLinksThree{

    

    

     position: fixed;

    bottom:0px;

    text-align: center;

    right:-319px;

    left:0;

    margin-left: auto;

    margin-right: auto;

    color:white;

    margin:auto;

    width:20px;

	text-shadow:1px 1px black;

    

}







.or{



position: absolute;

    bottom:0px;

    text-align: center;

    right:-255px;

    left:0;

    margin-left: auto;

    margin-right: auto;

    width:3px;

	color:white;

	text-shadow:1px 1px black;

}





.tutorHeader{





position: absolute;

    margin-right: auto;

    margin-left: auto;

    right:100px;

    top:136px;

    text-align: center;

    font-size: 40px;

    color: rgba(219,10,91,1.0);

    background-color:white;

    padding:10px;

    border-radius: 10px;



}





.studentHeader{





position: absolute;

    margin-right: auto;

    margin-left: auto;

    right:100px;

    top:133px;

    text-align: center;

    font-size: 40px;

    color: rgba(219,10,91,1.0);

    background-color:white;

    padding:10px;

    border-radius: 10px;



}



body { 

    background: url("background.jpg") no-repeat center fixed;

	background-size: cover; 

	background-position:51% -500%;

    background-color:grey;

    margin:0;

}



.checkboxes{



position:absolute;

margin-left: auto;

margin-right: auto;

right:0px;

left:350;

text-align: center;



    top:295px;

}



.adminBox1{

    right: 0;

    left: 0px;

    top:330px;

    position:fixed;

    margin-right:auto;

    margin-left:auto;

}



.adminBox2{

    right: 0;

    left: 0px;

    top:430px;

    position:fixed;

    margin-right:auto;

    margin-left:auto;

}



.adminBox3{

    right: 0;

    left: 0px;

    top:530px;

    position:fixed;

    margin-right:auto;

    margin-left:auto;

}



.subjectAddRemove{

    position:absolute;

    margin-right: auto;

    margin-left:auto;

    left:0;

    right:0;

    top:375;

    width:70px;

    text-align: center;

    background-color:white;

}

	

.subjectSelect{

    position:absolute;

    margin-right: auto;

    margin-left:auto;

    left:-100;

    right:25;

    top:427;

    width:100px;

    text-align: center;

    background-color:white;

}

.dataTyping{

    position:absolute;

    margin-right: auto;

    margin-left:auto;

    left:0;

    right:15;

    top:100;

    width:200px;

    text-align: center;

}

.datePick1{

    position:absolute;

    margin-right: auto;

    margin-left:auto;

    left:0;

    right:0;

    top:150;

    width:200px;

    text-align: center;

}

.datePick2{

    position:absolute;

    margin-right: auto;

    margin-left:auto;

    left:0;

    right:20;

    top:200;

    width:200px;

    text-align: center;

}

.locationSelect{

    position:absolute;

    margin-right: auto;

    margin-left:auto;

    left:0;

    right:0;

    top:397px;

    width:150px;

    text-align: center;



}

.adminOneSignIn{

    position:absolute;

    margin-right: auto;

    margin-left:auto;

    left:0;

    right:0;

    top:410;

    width:200px;

    text-align: center;

}    

.adminTwoSignIn{

    position:absolute;

    margin-right: auto;

    margin-left:auto;

    left:0;

    right:0;

    top:464;

    width:200px;

    text-align: center;

    

}

    .text-white {

        color:white;

    }

    .btn-magenta {

    color: #fff;

    background-color: rgba(219,10,91,1.0);

    border-color: rgba(219,10,91,1.0);

    }

    .DashboardButton{

        top:69px;

        left:39px;

        position: absolute;

        margin-right: auto;

        margin-left: auto;

        padding:10px;

        border-radius: 10px;

    }

    .grow-element {

        transition: 0.4s ease;

        cursor: pointer;

    }

    

    .grow-element:hover {

        transform: scale(1.15, 1.15); //grows image size

    }

    

.ErrorList{

	

	text-align: center;

	font-family: Calibri;

    font-size: 25px;

    top:350px;

    color:black;

    margin-right:auto;

    margin-left:auto;

    right:0;

    left:0;

    position:absolute;

	color:white;

}