/*------cart items--------*/
  .cart-page{
      margin:80px auto;
  }
  table{
      width:100%;
      border-collapse:collapse;
  }
  .cart-info{
      display:flex;
      flex-wrap:wrap;
  }
 th{
      text-align:left;
      padding:5px;
      color:#fff;
      background: #ff523b;
      font-weight:normal;
  }
 td input{
     padding:10px 5px;
     height:30px;
     padding:5px;
 }
 td a{
     color:#ff523b;
     font-size:12px;
 }
  td img{
      width:80px;
      height:80px;
      margin-right:10px;
  }
  .total-price{
      display:flex;
      justify-content:flex-end;
    
  }
.total-price table{
    border-top:3px solid #ff523b;
    width:100%;
    max-width:400px;
}
td:last-child{
    text-align:right
}
th:last-child{
     text-align:right
}
/*------------account page-------*/
.account-page{
    padding:50px 0;
    background:radial-gradient(#fff,#ffd6d6);
}
.form-container{
    background:#fff;
    width:300;
    height:400px;
    position:relative;
    text-align:center;
    padding:20px 0;
    margin:auto;
    box-shadow:0 0 20px 0 rgba(0,0,0,0.1);

}
.form-container span{
    font-weight:bold;
    padding:0 10px;
    color:#555;
    cursor:pointer;
    width:100px;
    display:inline-block;
}
.form-btn{
    display:inline-block;
}
.form-container form{
    max-width:300px;
    padding:0 20px;
    position:absolute;
    top:130px;
    

}
form input{
    width:100%;
    height:30px;
    margin:10px 0;
    padding:0 10px;
    border:1px solid #ccc;
}
form .btn{
    width:100%;
    border:none;
    cursor:pointer;
    margin:10px 0;

}
form .btn:focus{
    outline:none;
}

form a{
    font-size:12px;
}
#Indicator{
    width:100px;
    border:none;
    background:#ff523b;
    height:3px;
    margin-top:8px;
   
}

.acc a{
    .col-4 a{
    color:#3498db;
    text-decoration:none;
    margin-top:50%;
}
.acc a:hover{
    text-decoration:underline;
}
}



/*---admin----*/

#status{
     text-align:center;
     font-size:26px;
     color:#008000;
    
}
.col-4 a{
    color:#3498db;
    text-decoration:none;
    margin-top:50%;
}
.col-4 a:hover{
    text-decoration:underline;
}







/*---login------------*/
h5{
    text-align:left;
}
#RegForm a{
     text-align:right;
}

.login-form #user-error,
.login-form #pass-error{
       margin-top:5px;
       width:250px;
       font-size:12px;
       color:#C62828;
       background:rgba(255,0,0,0.1);
       text-align:center;
       padding:5px 8px;
       border-radius:3px;
       border:1px solid #EF9A9A;
}






/*-------admin---*/
.vertical-menu{
    width:200px;
    list-style-type:none;
}
.vertical-menu a{
    background-color:#eee;
    color:black;
    display:block;
    padding:12px;
    text-decoration:none;
}
.vertical-menu a:hover{
    background-color:#ccc;

}
.vertical-menu a.active{
    background-color:#ff523b;
    color:white;
}

h1{
    text-align:center;
    text-underline:#ff523b;
}