body{
    padding-top: 70px;
}
.container-login{
  height:100%;
  display:table;
  width: 100%;
  padding: 0;
}
.row-login {height: 100%; display:table-cell; vertical-align: middle; padding-left: 30px; padding-right: 30px;}
@media (max-width: 480px)
{
    .row-login
    {
        padding-left: 0px; padding-right: 0px;
    }
}
.login-form {
  background-color: #edeff1;
  padding: 30px;
  position: relative;
  border-radius: 6px;
}
.login-form h3
{
    margin: 0 0 15px 0;
    color: #1abc9c
}

.panel-primary {
    border-color: #1abc9c;
}
.panel-primary > .panel-heading {
    color: #fff;
    background-color: #1abc9c;
    border-color: #1abc9c;
}

.panel-success {
    border-color: #2ecc71;
}
.panel-success > .panel-heading {
    color: #fff;
    background-color: #2ecc71;
    border-color: #2ecc71;
}

.panel-info {
    border-color: #3498db;
}
.panel-info > .panel-heading {
    color: #fff;
    background-color: #3498db;
    border-color: #3498db;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #E4E7E7;
}

.table-hover > tbody > tr:hover {
  background-color: #E4E7E7;
}

td#vertical-top{
    vertical-align: top;
}
td#profile{
    vertical-align: top;
    padding-left: 10px;
}
td#profile tr>td:first-child{
    white-space: nowrap;
}
td#img{
    padding: 5px;
    border: 1px black solid;
}
td#img>img{
    width: 120px;
}

.btn-number{
    min-width: 19%;
    text-align: center;
    margin-bottom: 5px;
}

.btn-ans{
    min-width: 5%;
    text-align: center;
    margin-bottom: 5px;
}
.btn-ans{
    margin-right: 10%;
}
.btn-ans.last{
    margin-right: inherit;
}

.panel-body.question img{
    max-width: 100%;
}

@media (max-width: 767px) {
  .pagination {
    padding: 0;
  }
}