Sindbad~EG File Manager

 form .error {
          color:red;
         
          }
      @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;
        /*  overflow: auto;*/
        }

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

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

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

      }
@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500&display=swap');


*{margin: 0; padding: 0;}

body{margin: 0px; padding: 0px; background: #dce1ec; font-family: 'Noto', Calibri; color: #080882; }
.error{color: red;}
html, body {margin: 0; width: 100%;  position: relative;overflow-x: hidden;}
html, label {color :black;
                margin-bottom: 0.1rem !important;}


/* Login & Registration*/
.login, html {height: 100%;}
.box {background:#FFFFFF; padding: 20px; margin-top: 30px;
box-shadow: 0 0 3px 2px rgba(0,0,0,0.15);
border-radius: 5.5px;}

h6.form-signin-heading {color: #7F0315; text-align: center;}
.retrieve {font-size: 14px; color:#333333; text-align: center; display: block; margin: 10px;}
.create {font-size: 18px; color:#7F0315; text-align: center; display: block; margin: 10px;}

.box input[type="text"], .box input[type="email"],
.box input[type="password"] {padding: 11px 10px; background: #F2F2F2;}
.box input[type="file"] {padding: 5px 0; border: 0;}
.btn-primary{background: #7F0315; border: 0;border-radius: 50px;}
.btn-secondary{background: #DF552C; border: 0;}

header .logout, .header .logout {background: #000; padding: 10px; color:#fff; border-radius: 10px; font-size: 14px;}
header .logout:hover, .header .logout:hover{background: #fff; color:#000; border-radius: 10px; text-decoration: none;}
.subheader{background: #DF552C; color:#fff; padding: 20px 0;}

.content a{background: #7F0315; color:#fff; text-align: center; display: block; padding: 10px 0; font-size: 18px;}
.content {background: #fff; box-shadow: 0 0 3px 2px rgba(0,0,0,0.15);  padding-bottom: 0;}
.content h4 { padding: 10px; padding-bottom: 0; }
.content p{color:#000; padding: 10px; padding-bottom: 0;}


table td{color:#080882;}
#detail td {border-top: 0px;overflow: auto;}
#detail tr:nth-child(odd) {background-color: #f2f2f2;}

@media only screen and (max-width: 640px) {
    .subheader {text-align: center;}
    .card-deck {width: 95%; margin: 10px auto;}
    .c2a .btn{width: 95%;}
}

.table .thead-dark th { background-color:  #031140 !important; display: inline-block;}

#footer_text
{
    background-color:#646466;color: white;padding:10px;width: 100%;line-height: 5px;
    align-items: center;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: #ffffff !important;

}


@media (min-width: 576px)
{
    .card-deck .card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
}
}

.btn-dark{
    border-radius: 50px;
    background: #011a6b;
    color: white;

}

.nav_bar_row{
 background-color:# !important;color:black;  
}
.right_nav_bar{
  padding-right: -10px;
}
.nav-link{
    
    font-size: 18px;
}


#logout_btn
{
    margin-top: 8px;
    margin-right: 8px !important;
}




header, .header{
                background:#006dad !important;
               }
.brand {
    margin: 10px;
}
header h1, .header h1{
    color:#fff;
     font-size: 35px; 
     font-weight: 200; 
     padding: 10px; 
     margin-right: 10px;
 }

 /*.userlogin{
    margin-top: 75px;
    
 }*/

.navbar-light{
    background-color:  #f5d344 ;
}

h1{
    color:white;
    text-align: right;
}

.dashboard .card-body{
    width: 15rem;
    height: 9rem;
    padding: 1.25rem;
    -webkit-box-flex: 13;

}

.membershiptable .card-body{
    width:100%;
    height: 4rem;
    padding: 1rem;
    -webkit-box-flex: 13;
    text-align: center;

}