/* SPTranslations */

div.translation-modal div.modal-dialog {
    width:90%;
    height: 97%;
    max-height: 100%;
}
div.translation-modal div.modal-dialog div.modal-content {
    height: inherit;
}
div.translation-modal  div.modal-dialog div.modal-content div.translation-msg-ext {
    text-align: center;
    height: 100%;
    position: relative;
}
div.translation-modal  div.modal-dialog div.modal-content div.translation-msg-ext div.translation-msg-inn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

/* SPTranslations */

div.translation-modal div.modal-dialog {
    width:90%;
    height: 97%;
    max-height: 100%;
}
div.translation-modal div.modal-dialog div.modal-content {
    height: inherit;
}
div.translation-modal  div.modal-dialog div.modal-content div.translation-msg-ext {
    text-align: center;
    height: 100%;
    position: relative;
}
div.translation-modal  div.modal-dialog div.modal-content div.translation-msg-ext div.translation-msg-inn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}



/* ------------------- THROBBER LOADER (class: throbber-loader from http://www.css-spinners.com) ----------------------- */

@-moz-keyframes throbber-loader {
    0% {
        background: #dde2e7;
    }
    10% {
        background: #6b9dc8;
    }
    40% {
        background: #dde2e7;
    }
}
@-webkit-keyframes throbber-loader {
    0% {
        background: #dde2e7;
    }
    10% {
        background: #6b9dc8;
    }
    40% {
        background: #dde2e7;
    }
}
@keyframes throbber-loader {
    0% {
        background: #dde2e7;
    }
    10% {
        background: #6b9dc8;
    }
    40% {
        background: #dde2e7;
    }
}
/* :not(:required) hides these rules from IE9 and below */
.throbber-loader:not(:required) {
    -moz-animation: throbber-loader 2000ms 300ms infinite ease-out;
    -webkit-animation: throbber-loader 2000ms 300ms infinite ease-out;
    animation: throbber-loader 2000ms 300ms infinite ease-out;
    background: #dde2e7;
    display: inline-block;
    position: relative;
    text-indent: -9999px;
    width: 0.9em;
    height: 1.5em;
    margin: 0 1.6em;
}
.throbber-loader:not(:required):before, .throbber-loader:not(:required):after {
    background: #dde2e7;
    content: '\x200B';
    display: inline-block;
    width: 0.9em;
    height: 1.5em;
    position: absolute;
    top: 0;
}
.throbber-loader:not(:required):before {
    -moz-animation: throbber-loader 2000ms 150ms infinite ease-out;
    -webkit-animation: throbber-loader 2000ms 150ms infinite ease-out;
    animation: throbber-loader 2000ms 150ms infinite ease-out;
    left: -1.6em;
}
.throbber-loader:not(:required):after {
    -moz-animation: throbber-loader 2000ms 450ms infinite ease-out;
    -webkit-animation: throbber-loader 2000ms 450ms infinite ease-out;
    animation: throbber-loader 2000ms 450ms infinite ease-out;
    right: -1.6em;
}

/* ------------------- END THROBBER LOADER ----------------------- */