.individual-movie-container {
    margin-right: 2%;
    margin-bottom: 10px;
    text-align: center;
}

.movie-poster {
    width: 210px;
    height: 300px;
}

.individual-movie-container p{
    max-width: 225px;
    height: 44px;
    font-size: 15px;
    font-weight: bold;
}

.movies-container{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.individual-film-container {
    margin-right: 2%;
    margin-bottom: 10px;
    text-align: center;
}

.film-poster {
    width: 225px;
    height: 300px;
}

.individual-film-container p {
    max-width: 225px;
    height: 44px;
    font-size: 15px;
    font-weight: bold;
}

.films-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.items-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.form-markdown {
    display: flex;
}

    .form-markdown textarea {
        width: 500px;
        height: 500px;
        margin-right: 15px;
    }

    .form-markdown .markdown-container {
        border: 1px dashed black;
        width: 500px;
        height: 500px;
    }

.multiple-selector {
    display: flex;
}

.selectable-ul {
    height: 200px;
    overflow-y: auto;
    list-style-type: none;
    width: 170px;
    padding: 0;
    border-radius: 3px;
    border: 1px solid #ccc;
}

    .selectable-ul li {
        cursor: pointer;
        border-bottom: 1px #eee solid;
        padding: 2px 10px;
        font-size: 14px;
    }

        .selectable-ul li:hover {
            background-color: #08c;
        }

.multiple-selector-buttons {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 5px;
}

    .multiple-selector-buttons button {
        margin: 5px;
    }

.blazored-typeahead {
}

.blazored-typeahead__controls {
    position: relative;
    cursor: text;
    display: flex;
}

.blazored-typeahead__input {
    width: 100%;
    border: 1px solid #bfbfbf;
    padding: .5rem;
}

.blazored-typeahead__input-hidden {
    display: none;
}

.invalid {
    border-color: red !important;
}


.blazored-typeahead__input-mask-wrapper {
    display: flex;
    width: 100%;
}

.blazored-typeahead__input-mask {
    flex: 1;
    border-radius: 5px 0 0 5px;
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    padding: .5rem;
    border-left: 1px solid #bfbfbf;
}

.blazored-typeahead__clear {
    width: 40px;
    display: flex;
    border-top: 1px solid #bfbfbf;
    padding: .5rem;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;
    cursor: pointer;
}

.blazored-typeahead__input__icon {
    width: 40px;
    display: flex;
    border-radius: 0 5px 5px 0;
    border-top: 1px solid #bfbfbf;
    border-left: 0;
    border-right: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    padding: .5rem;
    cursor: pointer;
    background: none;
}

    .blazored-typeahead__input__icon:hover {
        background-color: #f5f5f5;
    }


.blazored-typeahead__results {
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    padding-top: .5rem;
    min-height: 2rem;
    max-height: 30rem;
    overflow-y: auto;
}

.blazored-typeahead__result,
.blazored-typeahead__notfound,
.blazored-typeahead__results-footer {
    padding: .5rem;
}

    .blazored-typeahead__result-selected, .blazored-typeahead__result:hover, .blazored-typeahead__result:focus {
        outline: -webkit-focus-ring-color auto 1px;
        background-color: #f5f5f5;
        cursor: pointer;
    }

.blazored-typeahead__loader {
    width: 24px;
    height: 24px;
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
    animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

@keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
        opacity: 0;
    }
}

.checked {
    color: orange;
}

.e-custom50 {
    width: 50px;
}

.e-custom60 {
    width: 60px;
}

.e-custom80 {
    width: 80px;
}

.e-custom100 {
    width: 100px;
}

.e-custom110 {
    width: 110px;
}

.e-custom115 {
    width: 115px;
}

.e-custom120 {
    width: 120px;
}

.e-custom130 {
    width: 130px;
}

.e-custom150 {
    width: 150px;
}

.e-custom170 {
    width: 170px;
}

.e-custom175 {
    width: 175px;
}

.e-custom200 {
    width: 200px;
}

.e-filterclear::before {
    content: '\e748';
    color: whitesmoke;
}
.e-customVerticalButton {
    height: 82px;
    width: 35px;
}

.e-plus-icon::before {
    content: '\e823';
}

.e-select::before {
    content: '\e7fa';
    color: whitesmoke;
}

.e-back::before {
    content: '\e809';
}

.e-replace::before {
    content: '\e80d';
}

.e-import::before {
    content: '\e77a';
    color: whitesmoke;
}

.e-export::before {
    content: '\e780';
    color: whitesmoke;
}

.e-ticket::before {
    content: '\e700';
    color: whitesmoke;
}

.e-edit::before {
    content: '\e7fc';
    color: whitesmoke;
}

.e-tick::before {
    content: '\e7fa';
    color: whitesmoke;
}

.e-save::before {
    content: '\e74d';
    color: whitesmoke;
}

.e-list::before {
    content: '\e753';
    color: whitesmoke;
}

.e-report::before {
    content: '\e760';
    color: whitesmoke;
}

.e-uplo::before {
    content: '\e769';
}

.e-delete::before {
    content: '\e773';
    color: whitesmoke;
}

.e-deselect::before {
    content: '\e7fb';
    color: whitesmoke;
}

.e-copy::before {
    content: '\e70a';
    color: whitesmoke;
}

.e-close::before {
    content: '\e745';
    color: whitesmoke;
}

.e-editions::before {
    content: '\e72a';
    color: whitesmoke;
}

.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

IMG.MaxSized {
    max-width: 100px;
    max-height: 100px;
}

.form-control.align-top {
    vertical-align: top;
}

.e-grid .e-spinner-pane {
     display:none;
}

.e-schedule .e-spinner-pane {
    display: none;
}

.e-reportviewer .e-reportviewer-toolbarcontainer .e-reportviewer-toolbarul.e-show {
    border-style: none;
    float: right;
}

.ej-content {
    position: inherit;
    top: 0;
    bottom: 0;
    right: 0;
    left: 265px;
    top: 55px;
}

.e-grid .e-pager .e-spin-hide .e-spinner-inner {
    display: none;
}


.bluelink {
    background-color: #295889;
}

.bluelink:hover {
    background-color: #5f83a7;
    cursor: pointer;
}

.greylink {
    background-color: #6c757d;
}

.greylink:hover {
    background-color: #5a6268;
    cursor: pointer;
}

.greylinkinactive {
    background-color: #9fa5aa;
    cursor: not-allowed;
}

.e-grid .e-gridcontent .e-rowcell.sublicensed {
    background-color: #a0b9d2;
}

.verticalhorizontal {
    display: table-cell;
    text-align: center;
    align-content: center;
    vertical-align: middle;
    overflow: hidden;
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.swal2-container {
    z-index: 10000000000;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    accent-color: #295889;
}

.e-popup.e-popup-open.e-dialog {
    max-height: 1000px !important;
}

/*.swal-button--confirm {
    background-color: #295889;
}

.swal-button--cancel {
    background-color: #6c757e;
}*/


.contain {
    /* Image is scaled to fit within the container. */
    /* Aspect ratio IS maintained */
    object-fit: contain;
}

/* overwriting bootstrap4.css for the proper alignment of the button icons */
.e-btn .e-btn-icon,
.e-css.e-btn .e-btn-icon {
    margin-top: 0 !important;
}