body{
    position: relative;
}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td{
    vertical-align: middle;
    padding: 1rem;
}
.box-header>.fa, .box-header>.glyphicon, .box-header>.ion, .box-header .box-title{
    font-size: 20px;
    padding: 1rem;
}

.content-wrapper {
    background-color: #fff;
}
@keyframes spin{
    0%{
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.media-list .media {
    border: 1px solid #eee;
    padding: 1rem;
    border-radius: 5px;
}

.input-group-addon.button { padding: unset; }

input[type=file] {
  display: block !important;
  right: 1px;
  top: 1px;
  height: 34px;
  opacity: 0;
  width: 100%;
  background: none;
  position: absolute;
  overflow: hidden;
  z-index: 2;
}

.flag {
    background-repeat: no-repeat;
    float: left;
    height: 16px;
    margin: 2px 6px 0 0;
    overflow: hidden;
}

#qrCodeImageContainer img{
    margin: 0 auto;
    padding: 2rem;
    max-width: 350px;
}