body{

    margin: 0;

    padding: 0;

    font-family: 'Segoe UI';

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

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}



a{

    text-decoration: none;

    color: #7EBFB4;

}





.header

{

    margin: 0;

    padding: 0;

    text-align: right;

}



#logout{

    display: inline-block;

    margin-top: 1%;

    margin-right: 2%;

    padding-right: 0.6%;    

    padding-left: 0.6%;

    padding-top: 0.3%;

    padding-bottom: 0.2%;

    outline: none;

    font-size: 1em;

    border: solid 1px #7EBFB4;

    background:none;

    color: #7EBFB4;

    text-align: right;

}



#logout:hover

{

    background: #7EBFB4;

    color: white;

    border: solid 1px #D0B3C9;

}





.animationfadeup

{

     animation: fadeInUp ease 0.8s 1;

    -webkit-animation: fadeInUp ease 0.8s 1;

 

}



/*INPUT STYLING*/

.inputtext

{

    display: block;

    background: none;

    height: 25px;

    width: 150px;

    color: #7EBFB4;

    margin: 0 auto;

    margin-bottom: 5%;

    border: #7EBFB4 1px solid;

    padding-left: 10px;

    outline: none;

    border-radius: 4px;

    color: #7EBFB4;

    transition: 0.1s;

}



.inputtext::placeholder

{

    color:#7EBFB4 ;

}



.inputtext:hover

{

    border: #D0B3C9 1px solid;

}



.dropdown

{

    height: 25px;

    width: 165px;

    background: #7EBFB4;

    padding-left: 10px;

    outline: none;

    border-radius: 4px;

    display: block;

    margin: 0 auto;

    color: white;

    border: none;

}





.button

{

    height: 40px;

    width: 42%;

    border: none;

    border-radius: 10px;

    color: white;

    outline: none;

    background: #7EBFB4;

    margin-top: 5%;

    margin-bottom: 5%;

    transition: 0.5s;



}



.button:hover

{

    background:none;

    border: solid 2px #7EBFB4;

    color: #7EBFB4;

}





.inputnumber::-webkit-outer-spin-button,

.inputnumber::-webkit-inner-spin-button

{

    appearance: none;

    -webkit-appearance: none;

}



input[type=number] {

    -moz-appearance: textfield;

  }







.textarea

{

    border-color: #7EBFB4;

    outline: none;

    margin: 2% 0px 0px 0px;

}





.btnUpload::-webkit-file-upload-button

{

    

    background-color: #7EBFB4;

    color: white;

    border: none;

    padding: 4px  8px 4px 8px;

    outline: none;

}



.btnUpload::-webkit-file-upload-button:hover

{

    background-color: white;

    border: solid 1px #7EBFB4;

    color: #7EBFB4;

    outline: none;

}







/*KeyFrame Fade in animations*/



@keyframes fadeInUp {

    from {

        transform: translate3d(0,40px,0);

        opacity: 0

    }



    to {

        transform: translate3d(0,0,0);

        opacity: 1

    }

}



@-webkit-keyframes fadeInUp {

    from {

        transform: translate3d(0,40px,0)

    }



    to {

        transform: translate3d(0,0,0);

        opacity: 1

    }

}



@keyframes fadeIn {

    0% {opacity:0;}

    100% {opacity:1;}

}