#profile{
    height:100%;
    font-size:1em;
    background: linear-gradient(0deg, #E9D460, #FFF691);
    width:100%;
}

#profile h4 {
    margin-top: 0px;
    padding-top:20px;
    text-align:center;
}

#profile label{
    margin-top:15px;
}

#accountTitle{
    -webkit-transition:all 400ms ease-in-out 0.4s;
    -moz-transition:all 400ms ease-in-out 0.4s;
    -o-transition:all 400ms ease-in-out 0.4s;
    transition:all 400ms ease-in-out 0.4s;
}

#login{
    height:100%;
    width:100%;
    font-size: 1em;
    position:fixed;


    margin-left: auto;
    margin-right:auto;
}

#login > form {
    width:80%;
    margin-left:auto;
    margin-right:auto;
}

#profile form button {
    margin-top:10px;
    float:right;
}


#login > button{
	width: auto;
	display: block;
	margin-left:auto;
	margin-right:auto;
    margin-top:80px;
    border-style: none;
    background-color: transparent;
    text-align:center;
}

#login > button:last-child{
    margin-top:20px;
}

#signUp {
    width: 80%;
    margin-left: auto;
    margin-right:auto;

}


#signUp button {
    margin-top: 30px;
    display: block;
}

#lostPasswordInformation {
    width:80%;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}
#lostPasswordInformation span {
    font-size: 140px;
    color:#FFC262;
}

#notLoggedInIcon, #noContentIcon, #notLoggedInIconAd{
    width: 95%;
    text-align: center;
    padding-top: 50px;
    font-size: 140px;
}

.glyphicon-trash{
    font-size:2em;
}

#pleaseLogIn, #noContentText{
    padding-top: 20px;
    text-align: center;
}


#ad_insert input, #ad_insert textarea, #ad_insert select{
    background: #FFF8AA;
}

#ad_insert button {
    background: #FFF57D;
}

#ad_insert textarea { 
   resize:vertical;/*will prevent resizing horizontally*/ 
}

#profile button, #profile input {
    border:none;
}



#myAds{
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.7), 0 12px 40px 0 rgba(0, 0, 0, 0.7);
    position:fixed;
    top:50px;
    height:100%;
    background: linear-gradient(0deg, #E9D460, #FFF691);
    -webkit-transition:all 400ms ease-in-out 0.4s;
    -moz-transition:all 400ms ease-in-out 0.4s;
    -o-transition:all 400ms ease-in-out 0.4s;
    transition:all 400ms ease-in-out 0.4s;
    width: 100%;
    margin-left: auto;
    margin-right:auto;
}

#myAds table {
    text-align:left;
    width:70%;
    margin-left:auto;
    margin-right:auto;
    margin-bottom: 35px;
    border-radius:20px;
    background-color: #FFFCDD;
}

#myAds tr:first-child >td {
    padding-top:20px;
}

#myAds tr >td:first-child {
    width:10%;
}

#myAds td, #myAds th{
    padding: 5px 5px 10px 20px;
    vertical-align: text-top;
}

#myAds td:nth-child(3){
    text-align:right;
    padding-right:20px;
}

#myAds table span {
    font-size:18px;
}
#myAds span:hover {
   text-decoration:underline;
    cursor:pointer;
}

#myAds button{
    text-decoration: underline;
    border-style:none;
    background-color: transparent;
    display:block;
    margin-top:10px;
    margin-bottom:20px;
    float:right;
}

#myAdsList{
    overflow-y: scroll;
    height: 70%;
}

#ad_insert{
    position: fixed;
    width:100%;
    display:inline-block;
    top:100%;
    background-color:#FFFCDD;
    z-index:5;
}

#ad_insert form {
        width:80%;
        margin-left:auto;
        margin-right:auto;
    }
    
#login input, #signUp input{
	background: #fffce0;
}

#noAccountYetButton:hover,#lostPasswordButton:hover{
	background: #fffce0;
}

@media screen and (min-width: 700px) {
 
    #login > form{
        width:33%;
    }
    
    #signUp{
        width:33%;
    }
    
    #profile h4{
        text-align:none;
    }
    
    accountTitle{
        text-align:left;
        padding-left:25px;
    }
    
    #myAds {
        overflow-y:scroll;
         position: fixed;
        width:70%;
        display:inline-block;
        height:100%;
        top:100%;
        left:30%;
        box-shadow:none;
        
    }
     #ad_insert{
    position: fixed;
    width:30%;
    display:inline-block;
    left:0;
    top:100%;
    box-shadow:none;
    }
    #accountTitle:hover{
    text-decoration: underline;
    cursor: pointer;
    }
    
    
    
    
}