html,
body
{
    height: 100%;
    padding: 0px;
    margin: 0px;
    background-color: #f0f0f0;
}

body .pma-ui-viewport-container {
    position: relative;
    height: calc(100vh - 150px);
    width: 100%;
    border: 1px solid #696969;
    box-shadow: -5px 10px 15px -15px #00329b;
}

.pma-ui-gallery.vertical{
    height: calc(100vh - 150px) !important;
}

.aligned-text {
    display: inline-block;
    text-align: right;
    width: 70px;
}

.annotation-helper-icon i,
.annotation-helper-icon span {
    display: none;
}

.annotation-helper-icon.loading i {
    display: initial;
}

.annotation-helper-icon.loading span {
    display: none;
}

.annotation-helper-icon.saved i,
.annotation-helper-icon.saved span.badge-danger {
    display: none;
}

.annotation-helper-icon.saved span.badge-success {
    display: initial;
}

.annotation-helper-icon.error i,
.annotation-helper-icon.error span.badge-success {
    display: none;
}

.annotation-helper-icon.error span.badge-danger {
    display: block;
}

.annotations {
    margin: 0 auto;
    padding: 0;
}
.viewer-row {
    height: calc(100vh - 33px);
}
.color-picker{
    height: 35px;
    margin-bottom: 1px;
    border: none;
}

.container-fluid{
    position: relative;
    padding-top: 1vh;
    padding-left: 1vw;
    padding-right: 1vw;
}

.galview{
    margin-top: 0.5vh;
}

.gal{
    position: relative;
    left: 0;
    background-color: #ffffff;
    border-style: solid;
    border-width: 0.25ch;
    border-color: #abadb3;
    height: calc(100vh - 150px) !important;
}

.gal li{
    margin-top: 0.5vh !important;
}

.gal .selected{
    border-style: solid;
    border-width: 0.5ch !important;
    border-color: #dadada !important;
    box-shadow: 0px 0px 0px 0px #ffffff00 !important;
}

.view{
    position: relative;
    left: -0.5vw;
    background-color: #ababab;
    height: calc(100vh - 150px);
    border-style: solid;
    border-width: 0.25ch;
    border-color: #696969;
}

.c{
    text-align: center;
}

.btn-light{
    background-color: #f0f0f0;
    border-color: #f0f0f0;
}

.btn-light:hover{
    background-color: #d8e6f2;
    border-color: #c0dcf3;
}

.btnContainer{
    display: inline-block;
}

.lds-facebook {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    top: 20%;
    left: 40%;
  }
  .lds-facebook div {
    display: inline-block;
    position: absolute;
    left: 8px;
    width: 16px;
    background: rgba(171, 171, 171, 0.973);
    animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  }
  .lds-facebook div:nth-child(1) {
    left: 8px;
    animation-delay: -0.24s;
  }
  .lds-facebook div:nth-child(2) {
    left: 32px;
    animation-delay: -0.12s;
  }
  .lds-facebook div:nth-child(3) {
    left: 56px;
    animation-delay: 0;
  }
  @keyframes lds-facebook {
    0% {
      top: 8px;
      height: 64px;
    }
    50%, 100% {
      top: 24px;
      height: 32px;
    }
  }