* {
  margin: 0;
  padding: 0;
  font-family: 'Cuprum', sans-serif;
}
body  {
}
/*index.php*/
.top-head {
  background: #ed1b2e;
  padding: 7px;
  border-bottom: 3px solid #a0090f;
  font-size: 16px;
  font-weight: bold;
  color:#fff;
  z-index: 99;
}
.log-box  {
  background: #e6e6e6;
  width: 300px;
  border-radius: 3px;
  padding: 20px;
  position: fixed;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
}
.bottom-area  {
  background: #ed1b2e;
  padding: 7px;
  border-top: 3px solid #a0090f;
  font-size: 16px;
  font-weight: bold;
  color:#fff;
  position: fixed;
  bottom: 0;
  width: 100%;
}
/*index.php*/
/*header.php*/
.btn-title  {
              font-size: 16px;
              padding:4px;
              background: none;
              border:none;
              font-weight: bold;
              color:#fff;
}
.menu-items {
              background: #ed1b2e;
              position: fixed;
              top:0px;
              left:0px;
              width:200px;
              z-index: 98;
              height: 100vh;
              padding-top: 56px;
              margin-left: 0;
              //overflow-x: hidden;
              //overflow-y: auto;
              transition: 0.2s;
}
.menu-items li  {
                  position: relative;
}
.menu-items li a  {
                    padding: 10px;
                    background: #ed1b2e;
                    display: block;
                    color:#770f13;
                    text-decoration: none;
                    border-left: 1px solid #a0090f;
                    transition: 0.2s;
}
.menu-items li:hover a  {
                          background: #c40d14;
                          border-left: 5px solid #a0090f;
}
.dropdown-lv2 {
                background: #c40d14;
                position:absolute;
                left: 100px;
                top:0px;
                width:200px;
                display: none;
                list-style-type: none;
}
.menu-items li:hover .dropdown-lv2  {
                                        display: block;
                                        left:200px;
}
.dropdown-lv2 li a  {
                      background: #c40d14;
                      border:none!important;
}
.dropdown-lv2 li a:hover  {
                            font-weight: bold;
                            border:none;
}
.dropdown-lv2 li a:hover i  {
                              color:#fff;
}
.menu-text  {
              margin-left: 15px;
              color:#fff;
}
#content  {
            padding:15px;
            margin-left: 200px;
            transition: 0.2s;
}
.wall {
        background: #fff;
        border-radius: 6px;
        padding: 15px;
        box-shadow: 0 3px 5px #ccc;
        margin-bottom: 20px;
}
/*header.php*/
/*view-certificate.php*/
/*view-certificate.php*/
@media only screen and (max-width:992px)  {
.menu-items {
              margin-left: -200px;
}
#content  {
            margin-left: 0px;
}
                                          }