.b-cursor-pointer {
    cursor: pointer;
}

.b-no-padding {
    padding: 0 !important;
}

.b-no-margin {
    margin: 0 !important;
}

.b-visibility-hidden {
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.b-body {
    max-width: 1920px !important;
}

.b-body .b-content {
    padding: 10px 20px;
}

.b-body .b-subheader {
    padding: 20px 20px 0 20px;
}

/*Date Picker Changes*/
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover,
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    cursor: not-allowed;
    color: #BBB;
    opacity: .4;
}

.datepicker tbody tr > td.day:not(.disabled):hover {
    background-color: rgba(244, 81, 108, 0.7);
    color: #FFF;
}

.datepicker tbody tr > td.day:not(.disabled) {
    color: #F4516C;
}

.datepicker tbody tr > td.day.selected, .datepicker tbody tr > td.day.selected:hover, .datepicker tbody tr > td.day.active, .datepicker tbody tr > td.day.active:hover {
    background-color: #F4516C;
    color: #FFF;
}

.daterangepicker option.disabled,
.daterangepicker td.disabled {
    opacity: 0.3 !important;
}

.daterangepicker .off.disabled.in-range {
    background-color: #5867dd !important;
}

.datepicker {
    padding: 4px;
    width: 195px;
}

.datepicker table tr td,
.datepicker table tr th {
    width: 20px;
    height: 20px;
}

.datepicker table tr td span {
    height: 44px;
    line-height: 44px;
}

.datepicker .datepicker-years table tr td span.year.old,
.datepicker .datepicker-years table tr td span.year.new {
    color: #212529;
}

.datepicker table tr td.new,
.datepicker table tr td.old {
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.datepicker tbody tr > td.day.today {
    background: #D4D4D4;
    color: #FFF;
}

.datepicker table tr td.today.disabled.focus,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today[disabled].focus,
.datepicker table tr td.today[disabled]:focus,
.datepicker table tr td.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today.focus,
fieldset[disabled] .datepicker table tr td.today:focus,
fieldset[disabled] .datepicker table tr td.today:hover {
    background: #D4D4D4;
    border-color: #D4D4D4;
    color: #FFF;
}

/* For Firefox */
input[type='number'].b-no_spin {
    -moz-appearance: textfield;
}

/* Webkit browsers like Safari and Chrome */
input[type='number'].b-no_spin::-webkit-inner-spin-button,
input[type='number'].b-no_spin::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

@media only screen and (max-width: 767px) {
    #b_otp_modal .modal-body {
        padding: 10px !important;
    }

}

/* Metronic Fix */
.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__languages.m-dropdown--arrow .m-dropdown__arrow {
    color: #6f47d0
}

.m-error-3 .m-error_container .m-error_number > h1 {
    color: #8B0000;
}

/* Metronic Makeup */
/* -Notification icon */
.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-nav__link-icon > i {
    font-size: 1.2rem !important;
}

/* -Language selector */
.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__languages .m-topbar__language-selected-img {
    width: 21px !important;
}

/* -User avatar */
.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-topbar__userpic img {
    max-width: 25px !important;
}

.m-widget1,
.m-widget14 {
    padding: 0.4rem 1.8rem;
}

.m-widget14 .m-widget14__chart .m-widget14__stat {
    line-height: 2.6rem;
}

.m-widget14 .m-widget14__chart .m-widget14__stat small {
    display: block;
    font-size: 1.2rem;
    line-height: 1.3rem;
    text-align: center;
}

.b-logo img {
    height: 35px;
}

@media (max-width: 1024px) {

}

@media (min-width: 1025px) {
    /* -Header */
    header {
        height: 50px !important;
    }

    .m-header--fixed .m-body {
        padding-top: 50px !important;
    }

    .m-aside-left--fixed.m-header--static .m-aside-left, .m-aside-left--fixed.m-header--fixed .m-aside-left {
        top: 50px !important;
    }

    /* -Logo */
    .m-brand .m-brand__logo, .m-brand .m-brand__tools {
        height: 50px !important;
    }

    .b-footer-copyright {
        max-width: 350px;
        width: 350px;
    }
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item {
    padding: 0 8px !important;
}

.m-topbar .m-topbar__nav.m-nav {
    margin: 0 30px !important;
}

/* - User Company */
.m-card-user.m-card-user--skin-dark .m-card-user__details .m-card-user__company {
    color: #d9dae3;
}

/* Custom styles */
.m-login.m-login--1 .m-login__wrapper .m-login__head .m-login__title span {
    font-size: 1.2rem;
}


.btn.disabled,
.btn:disabled {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    cursor: not-allowed;
}

.b-btn-primary {
    background: #F4516C;
    border-color: #F4516C;
    color: #FFF;
    transition: background-color .7s ease;
}

.b-btn-primary:hover {
    background: #E74E7D;
    border-color: #E74E7D;
    color: #FFF;
}

.b-btn-primary.m-btn--air {
    -webkit-box-shadow: 0 5px 10px 2px rgba(88,103,221,0.19) !important;
    box-shadow: 0 5px 10px 2px rgba(88,103,221,0.19) !important;
}

.b-btn-brand {
    background: #C31F15;
    border-color: #C31F15;
    color: #FFF;
    transition: background-color .7s ease;
}

.b-btn-brand:hover {
    background: #D11E15;
    border-color: #D11E15;
    color: #FFF;
}

.b-btn-brand.m-btn--air {
    -webkit-box-shadow: 0 5px 10px 2px rgba(137, 1, 0, 0.27) !important;
    box-shadow: 0 5px 10px 2px rgba(137, 1, 0, 0.27) !important;
}

.b-btn-brand.m-btn--air:hover {
    -webkit-box-shadow: 0 5px 10px 2px rgba(137, 1, 0, 0.4) !important;
    box-shadow: 0 5px 10px 2px rgba(137, 1, 0, 0.4) !important;
}


.b-btn-gray {
    background: #747474;
    border-color: #747474;
    color: #FFF;
    transition: background-color .7s ease;
}

.b-btn-gray:hover {
    background: #898989;
    border-color: #898989;
    color: #FFF;
}

.b-btn-gray.m-btn--air {
    -webkit-box-shadow: 0 5px 10px 2px rgba(88,103,221,0.19) !important;
    box-shadow: 0 5px 10px 2px rgba(88,103,221,0.19) !important;
}


.b-btn-export {
    background: #02723B;
    border-color: #02723B;
    color: #FFF;
    transition: background-color .7s ease;
}

.b-btn-export:hover {
    background: #01562C;
    border-color: #01562C;
    color: #FFF;
}

/* Select Picker Changes */
.bootstrap-select .dropdown-toggle .filter-option-inner {
    text-overflow: ellipsis;
}

.bootstrap-select .bs-actionsbox .btn-group,
.bootstrap-select .bs-actionsbox .btn-group-vertical {
    align-items: end;
    justify-content: end;
}

.bootstrap-select .bs-actionsbox .btn-group button,
.bootstrap-select .bs-actionsbox .btn-group-vertical button {
    width: auto;
}

.bootstrap-select .dropdown-menu.inner > li.selected > a span.check-mark {
    display: none;
}

.bootstrap-select .dropdown-menu.inner > li.selected > a {

}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin: 0 0 0 .4rem;
}

.bootstrap-select.show-tick .dropdown-menu.inner > li.selected > a span.check-mark,
.bootstrap-select.show-tick .dropdown-menu.inner > li > a span.check-mark {
    display: block;
    position: static;
    float: left;
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: center;
    justify-content: center;
    line-height: 1.5rem;
    font-size: 1.5rem;
    font-family: "Font Awesome 5 Free", serif;
    margin: 0 !important;
}

.bootstrap-select.show-tick .dropdown-menu.inner > li > a span.check-mark::before {
    font-family: "Font Awesome 5 Free", serif;
    content: "\f0c8";
    font-size: 1.5rem;
    color: #B6B6B6;
}

.bootstrap-select.show-tick .dropdown-menu.inner > li > a span.check-mark::after {
    content: "";
    display: none !important;
}

.bootstrap-select.show-tick .dropdown-menu.inner > li.selected > a span.check-mark {

}

.bootstrap-select.show-tick .dropdown-menu.inner > li.selected > a span.check-mark::before {
    font-family: "Font Awesome 5 Free", serif;
    content: "\f14a";
    font-size: 1.5rem;
    color: #02723B;
}

table.b-table {

}

table.b-table thead tr th,
table.b-table tbody tr td {
    vertical-align: middle;
    font-family: "Roboto", serif;
}

table.b-table tbody tr td {
    font-size: 12px;
}

table.b-table tr th:nth-child(1),
table.b-table tr td:nth-child(1),
table.b-table tbody tr .b-col_movie_count {
    text-align: right;
}

table.b-table tr .b-col_movie_name,
table.b-table tr .b-col_corporation {
    text-align: left;
}

table.b-table tr .b-col.b-col_release_date,
table.b-table tr .b-col.b-col_origin,
table.b-table tr .b-col.b-col_theater,
table.b-table tr .b-col.b-col_week_count,
table.b-table tr .b-col.b-col_showtime_duration,
table.b-table tr .b-col.b-col_location_count {
    text-align: center;
    /*TODO: Temp*/
    /*text-align: center !important;*/
}

table.b-table tr .b-col_audience,
table.b-table tr .b-col_boxoffice {
    text-align: right;
    white-space: nowrap;
}

table.b-table tr .b-col_center {
    text-align: center;
    white-space: nowrap;
}

table.b-table tr .b-col_negative {
    color: #F00;
}

table.b-table tr .b-col_positive {
    color: #059105;
}

table.b-table tr .b-col_right {
    text-align: right;
    white-space: nowrap;
}

table.b-table tr .b-col_non-sequential {
    color: #0a8cf0;
}

.b-col_summary.b-col_numeric,
table.b-table tr .b-col_numeric {
    font-family: "Roboto", serif;
    font-kerning: none;
}

table.table-hover tr.b-local_movie:hover {
    background-color: rgba(0, 197, 220, 0.30);
}

table.table-hover tr.b-non_local_movie:hover {
    background-color: rgba(113, 106, 202, 0.30);
}

.b-col_numeric small {
    font-size: .55em;
}

.b-col_numeric .fas {
    font-size: 0.5em;
    position: relative;
    bottom: 0.1em;
    left: -0.2em;
}

.b-col_summary {

}

.b-col_summary.b-col_numeric {
    display: inline-block;
}

.b-clear-inside::after {
    content: "" !important;
    clear: both !important;
    display: block;
}

.b-col_summary:nth-child(1) {
    margin: 0 10px 0 0;
}

@media
/*only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px),*/
only screen and (max-width: 760px),
only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3),
only screen and (min-device-width : 375px) and (max-device-width : 667px) {
    table.b-responsive_table .b-col {
        width: 100%;
        min-height: 2.4em;
    }

    /* Force table to not be like tables anymore */
    table.b-responsive_table,
    table.b-responsive_table thead,
    table.b-responsive_table tbody,
    table.b-responsive_table th,
    table.b-responsive_table td,
    table.b-responsive_table tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    table.b-responsive_table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    table.b-responsive_table tr {
        border: 1px solid #ccc;
        margin-bottom: 10px;
    }

    table.b-responsive_table td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50% !important;
    }

    table.b-responsive_table td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

    .col-sm-12 {
        margin-top: 5px;
    }

    .col-sm-12:first-child {
        margin-top: 0;
    }

    .b-responsive_table tbody td {
        text-align: right !important;
    }

    .b-responsive_table tbody td::before {
        text-align: left !important;
    }
}

.b-menu_development,
.b-menu_development * {
    color: #E68077 !important
}

.b-colour_local_data {
    color: #00C5DC !important
}

.b-colour_foreign_data {
    color: #716ACA !important
}

.b-colour_total_data {
    color: #F4516C !important
}

.b-bg_colour_domestic_data {
    background-color: #00C5DC !important
}

.b-bg_colour_foreign_data {
    background-color: #716ACA !important
}

.b-bg_colour_total_data {
    background-color: #F4516C !important
}

.b-date-range-picker .m-input {
    font-size: .9rem;
    letter-spacing: -.2px;
}

.b-footer {

}

.b-footer-links {

}

.b-filter_area.m-portlet .m-portlet__body {
    padding: 0.8rem 1.2rem;
}

.b-filter_area .form-group:last-child {
    margin-bottom: 0;
}

.b-filter_area .col-1, .b-filter_area .col-2, .b-filter_area .col-3, .b-filter_area .col-4, .b-filter_area .col-5, .b-filter_area .col-6, .b-filter_area .col-7, .b-filter_area .col-8, .b-filter_area .col-9, .b-filter_area .col-10, .b-filter_area .col-11, .b-filter_area .col-12, .b-filter_area .col, .b-filter_area .col-auto, .b-filter_area .col-sm-1, .b-filter_area .col-sm-2, .b-filter_area .col-sm-3, .b-filter_area .col-sm-4, .b-filter_area .col-sm-5, .b-filter_area .col-sm-6, .b-filter_area .col-sm-7, .b-filter_area .col-sm-8, .b-filter_area .col-sm-9, .b-filter_area .col-sm-10, .b-filter_area .col-sm-11, .b-filter_area .col-sm-12, .b-filter_area .col-sm, .b-filter_area .col-sm-auto, .b-filter_area .col-md-1, .b-filter_area .col-md-2, .b-filter_area .col-md-3, .b-filter_area .col-md-4, .b-filter_area .col-md-5, .b-filter_area .col-md-6, .b-filter_area .col-md-7, .b-filter_area .col-md-8, .b-filter_area .col-md-9, .b-filter_area .col-md-10, .b-filter_area .col-md-11, .b-filter_area .col-md-12, .b-filter_area .col-md, .b-filter_area .col-md-auto, .b-filter_area .col-lg-1, .b-filter_area .col-lg-2, .b-filter_area .col-lg-3, .b-filter_area .col-lg-4, .b-filter_area .col-lg-5, .b-filter_area .col-lg-6, .b-filter_area .col-lg-7, .b-filter_area .col-lg-8, .b-filter_area .col-lg-9, .b-filter_area .col-lg-10, .b-filter_area .col-lg-11, .b-filter_area .col-lg-12, .b-filter_area .col-lg, .b-filter_area .col-lg-auto, .b-filter_area .col-xl-1, .b-filter_area .col-xl-2, .b-filter_area .col-xl-3, .b-filter_area .col-xl-4, .b-filter_area .col-xl-5, .b-filter_area .col-xl-6, .b-filter_area .col-xl-7, .b-filter_area .col-xl-8, .b-filter_area .col-xl-9, .b-filter_area .col-xl-10, .b-filter_area .col-xl-11, .b-filter_area .col-xl-12, .b-filter_area .col-xl, .b-filter_area .col-xl-auto {
    padding-right: 6px;
    padding-left: 6px;
}

.b-filter_area .form-control {
    height: calc(2.15rem + 2px);
    font-size: .9rem;
    letter-spacing: -.1px;
}

.b-filter_area .bootstrap-select > .dropdown-toggle {
    padding: .55rem 1rem;
    font-size: .9rem;
}

.b-filter_area .btn {
    padding: .55rem 1rem;
    font-size: .9rem;
}

.b-filter_area .dropdown-menu li {
    font-size: .90rem;
}

.b-filter_area .bootstrap-select.show-tick .dropdown-menu.inner > li.selected > a span.check-mark,
.b-filter_area .bootstrap-select.show-tick .dropdown-menu.inner > li > a span.check-mark {
    width: 18px;
    height: 18px;
    line-height: 1.2rem;
    font-size: 1.2rem;
}

.b-filter_area .bootstrap-select.show-tick .dropdown-menu.inner > li > a span.check-mark::before {
    font-size: 1.2rem;
}

.b-filter_area .bootstrap-select.show-tick .dropdown-menu.inner > li.selected > a span.check-mark::before {
    font-size: 1.2rem;
}

.b-filter_area .bootstrap-select .dropdown-menu.inner > li > a {
    padding: .7rem .5rem;
    line-height: .8rem;
}

.b-filter_area .bootstrap-select > .dropdown-toggle::after {
    right: .9rem;
}

.b-filter_area .bootstrap-select .bs-searchbox,
.b-filter_area .bootstrap-select .bs-actionsbox,
.b-filter_area .bootstrap-select .bs-donebutton {
    padding: 0 5px 5px 5px;
}

.b-filter_area .bootstrap-select > .dropdown-menu {
    min-width: 140px;
}

.m-subheader__breadcrumbs.m-nav .m-nav__item > .m-nav__link .m-nav__link-icon {
    width: 20px;
}

/*DataTables*/
.b-result_wrapper table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
    padding: 0 1.5rem 0 0
}

.b-result_wrapper .dataTables_wrapper .dataTable {
    margin: 0 0 1rem 0 !important;
}

table th.b-col-draggable {
    cursor: move;
}