#loading {
    text-align: center;
    font-size: 1.4em
}

.glyphicon-refresh-animate {
    animation: spin 1s ease-in;
    -webkit-animation: spin2 1s ease-in
}

@keyframes spin {
    from {
        transform: scale(1) rotate(0deg)
    }
    to {
        transform: scale(1) rotate(360deg)
    }
}

@-webkit-keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

body {
    background-color: #FDFEFF
}

#logos {
    margin-top: 1em;
    margin-bottom: 1em
}

#logo {
    margin: 0 auto;
    max-width: 92%
}

.modal-body img {
    width: 100%
}

#flags {
    position: absolute;
    right: 1em;
    margin-top: 1em
}

#flags label:not(.active) img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

#poster_container {
    padding: 1em 2em;
    margin-bottom: 4em;
    background-color: #d3d3d3;
    border: 1px #adadad solid
}

#poster_container #control_form_container {
    text-align: center
}

#poster_container #control_form {
    display: inline-block
}

#poster_container #pagination_container {
    text-align: center
}

#poster_container .poster {
    position: relative;
    background: #ffffff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fff 0%, #e2e2e2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e2e2e2));
    background: -webkit-linear-gradient(top, #fff 0%, #e2e2e2 100%);
    background: -o-linear-gradient(top, #fff 0%, #e2e2e2 100%);
    background: -ms-linear-gradient(top, #fff 0%, #e2e2e2 100%);
    background: linear-gradient(to bottom, #fff 0%, #e2e2e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2e2e2', GradientType=0);
    margin-bottom: 1em
}

#poster_container .poster .poster_thumbnail {
    overflow: hidden;
    position: relative
}

#poster_container .poster .poster_thumbnail img {
    transition: all 1.8s linear;
    position: relative
}

#poster_container .poster .poster_thumbnail img:hover {
    transform: scale(1.4)
}

#poster_container .poster .poster_thumbnail:hover {
    cursor: pointer
}

#poster_container label.btn.btn-default {
    width: 5em !important
}

#poster_container .poster_buttons .botones {
    display: block;
    margin-top: 2em
}

#poster_container .poster_buttons .botones:hover {
    animation: spin 2s ease;
    -webkit-animation: spin2 2s ease
}

#poster_container form {
    margin-bottom: 1em
}

#poster_container .poster {
    border: 1px #adadad solid
}

#poster_container .poster .poster_text {
    min-height: 120px
}

#poster_container .poster .number {
    font-weight: bold;
    font-size: 1.2em;
    margin: 0.4em 0 0 0
}

#poster_container .poster .title {
    margin-top: 0
}

#poster_container .poster .autores {
    color: graytext
}

#poster_container .poster .poster_buttons {
    vertical-align: center
}

.modal.in {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}