* {
    box-sizing: border-box;
}

*:focus {
    outline: none;
}

body {
    background-color: #000;
    color: #CAB479;
    margin: 0;
    padding: 0;
    width: 100%;
}

.navbar {
    background-color: #CAB479;
    color: #000;
}

.navbar-brand,
.nav-item {
    color: #000 !important;
    font-weight: bold;
}

.btn {
    background-color: #000;
    color: #927f4d;
    border-color: #514a39;
    border-radius: 20px;
    padding: 5px 10px;
    font-weight: bold;
    outline: none;
}

.btn:hover {
    background-color: #927f4d;
    color: #000;
}

.btn-outline {
    background-color: #000;
    color: #927f4d;
    border:1px solid #cab479;
}

.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active {
    background-color: #cab479 !important;
    color: #000 !important;
}

.btn-gold {
    background-color: #927f4d;
    color: #000;
}

.btn-gold:hover,
.btn-gold:focus,
.btn-gold:active {
    background-color: #cab479 !important;
    color: #000 !important;
}

p {
    font-weight: bold;
    padding: 0;
    margin: 2px;
}

table {
    border: 1px solid #CAB479;
}

th,
td {
    min-width: 150px;
    text-align: center;
    border-color: #514a39;
    border-width: 1px;
}

th {
    background-color: #927f4d;
    color: #000;
}

/* Screening page styles */

.mtitle,
.attr-text-dir {
    height: 40px;
}

.mtitle {
    font-size: 18px;
}

.mposter {
    max-height: 400px;
    max-width: 350px;
}

.popimg {
    max-width: 120px;
}

.popover {
    background-color: #161818;
    border: 1px solid #cab479;
    max-width: 450px;
}

.popover-header {
    background-color: #927f4d;
    color: #000;
}

.popover-body {
    color: #cab479;
}

.attr-title-left,
.attr-title-right {
    font-size: 13px;
    color: #514a39;
    padding: 2px 5px 0 5px;
}

.attr-text-left,
.attr-text-right,
.attr-content,
.attr-text-dir {
    font-size: 14px;
    padding: 0 5px 2px 5px;
}

.attr-title-left,
.attr-text-left,
.attr-content,
.attr-text-dir {
    text-align: left;
}

.attr-title-left,
.attr-text-left,
.attr-text-dir {
    width: 120%;
}

.attr-title-right,
.attr-text-right {
    text-align: right;
}

.mcard {
    border: 0 !important;
    width: 100%;
}

.mslot {
    border: 1px solid #cab479;
    border-top: 0;
    border-bottom: 0;
}

.attr-row,
.mslot {
    vertical-align: top;
}

.prow {
    height: 420px;
    padding: 10px;
}

.modal-content {
    background-color: #000;
    border: 1px solid #cab479;
}

#trailer-modal .modal-dialog,
#trailer-modal .modal-content {
    max-width: 675px;
}

.modal-content .form-control {
    background-color: #161818;
    border: 0;
    border-bottom: 1px solid #ced4da;
    color: #fff;
}

.container {
    max-width: 1440px;
    margin: 0 auto;
}

.notify-badge {
    background-color: #000;
    color: #cab479;
    padding: 0 5px;
    position: absolute;
    font-size: 20px;
    border: 1px solid #cab479;
    border-radius: 0 0 10px 0;
}

blink {
    -webkit-animation: 2s linear infinite condemned_blink_effect;
    /* for Safari 4.0 - 8.0 */
    animation: 2s linear infinite condemned_blink_effect;
    color: #007bff;
    font-size: 16px;
}

/* for Safari 4.0 - 8.0 */
@-webkit-keyframes condemned_blink_effect {
    0% {
        visibility: hidden;
    }

    50% {
        visibility: hidden;
    }

    100% {
        visibility: visible;
    }
}

@keyframes condemned_blink_effect {
    0% {
        visibility: hidden;
    }

    50% {
        visibility: hidden;
    }

    100% {
        visibility: visible;
    }
}