Sindbad~EG File Manager

@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Overpass:wght@400;600&display=swap');
/*body{ font-family: 'Overpass', sans-serif; background: #ffee34 top center cover; background-color: #ffee34;}*/
body{ font-family: 'Overpass', sans-serif; background: #3f3d2b top center cover; background-color: #3f3d2b;}

/*.header {background: #321a10; min-height: 120px;}*/ /*ffee34*/
.header {background: #3f3d2b; min-height: 120px;}
.box input[type="text"], .box input[type="email"],
.box input[type="password"] {padding: 22px 10px; background: #ffffff;}
.box input[type="file"] {padding: 5px 0; border: 0;}
.custom-file-label::after{background: #fff;}
.btn-primary{background: #B40528; border: 0;} 
.btn-secondary{background: #3405B4; border: 0;}
.btn-primary:hover{background: #3405B4; border: 0;}
.btn-secondary:hover{background: #B40528; border: 0;}
h1, h2, h3, h4, h5, h6 {color: #B40528;}
@media only screen and (max-width: 640px) {
  .box{padding: 20px;}
  .content{padding: 10px !important;}
  .logo{margin-top: 30px !important;}
  .form-container{margin: 20px 10px 20px 20px;}
  
}
.brand{background: #fff; margin: 10px; }
.logo{margin-top: 100px;}
.completed{color:#FFE200;}
.current{color: white;}
.content {padding: 100px;}
.form-container{background: white;}

.error {
    color : red;
    width:100%;
    text-align: left;
}
.mand{
	color: red;
}
.form-container {
    background: #ffee34;
}




@media screen and (max-width: 600px) {

   .mobile-responsive table {
      border: 0;
      border-collapse: collapse;
    }

   .mobile-responsive table thead {
      display: none;
    }

   .mobile-responsive table tr {
      margin-bottom: 20px;
      display: block;
      border-bottom: 2px solid #7b0700;
   /*box-shadow: 2px 2px 1px #dadada;*/
   border-collapse: collapse;

    }

   .mobile-responsive table td {
      display: block;
      text-align: right;
      font-size: 13px;
      border-collapse: collapse;
    }

   .mobile-responsive table td:last-child {
      border-bottom: 0;
    }

   .mobile-responsive table td::before {
      content: attr(data-label);
      float: left;
      text-transform: capitalize;
      font-weight: bold;
    }
    .mobile-responsive tbody{
      line-height:1!important;
    }

  }