.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border-color: #1b1b1b;
}

.table-bordered {
    border-color: #1b1b1b;
}

.panel-warning {
    border-color: #6c0a0a;
}

.panel-title>.small,
.panel-title>.small>a,
.panel-title>a,
.panel-title>small,
.panel-title>small>a {
    color: #9c5959;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    color: #fff !important;
}


a {
    color: #EEEEEE;
}

a:hover {
    color: #adadad !important;
}


.dropdown-menu>li>a {
    color: #EEEEEE !important;
}

.pricing-content {
    height: auto;
}

.pricing-head {
    height: 11.25em;
}

.pricing-head-with-image {
    height: auto;
}

.pricing-head-with-image .pricing-head-image,
.pricing-head h4,
.pricing-content {
    background-color: #151515 !important;
}


#main_notifications>i {
    color: #fcfcfc !important;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    background-color: rgba(0, 0, 0, 0.2);
    border: 0 !important;
}

.tabs-left>li>a:hover {
    border-color: transparent !important;
}

.navbar-nav>li>.dropdown-menu,
.dropdown-menu .divider,
.dropdown-menu {
    background-color: rgba(20, 20, 20, 1) !important;
}

.navbar-brand {
    padding: 10px 15px;
    display: none;
}

.container,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #EEE;
}

body:before,
.modal-content,
.chatpanel.box {
    background-image: url('methrp.css.php?color=b32c2c') !important;
}

.chatpanel.box {
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.5), 0 4px 25px 0px rgba(0 0, 0, 0.10), 0 8px 10px -5px rgba(0, 0, 0, 0.2)
}

body:before,
.modal-content,
.chatpanel.box {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.page-header {
    border-bottom-color: transparent !important;
}

hr {
    border-top-color: transparent !important;
}

body:before {
    content: ' ';
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    will-change: transform;
    z-index: -1;
}

.modal-header {
    border-bottom: 0 !important;
    background-color: rgba(252, 0, 0, 1);
    background-image: url('../images/BackgroundTabular.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    text-shadow: 0 1px 0 #232626;
}

input[type='checkbox'] {
    margin-left: -22px !important;
    margin-top: 3px;
}

input[type='checkbox']::before {
    width: 22px;
    height: 18px;
    background-image: url('../images/unchecked.png');
    display: block !important;
    content: '';
    float: left;
    margin-right: 5px;
}

input[type='checkbox']:checked::before {
    background-image: url('../images/checked.png');
}


.progress {
    background-color: rgba(0, 0, 0, 0.5);
}

tr {
    background-color: rgba(0, 0, 0, 0.2) !important;
}

tr:hover {
    background-color: rgba(0, 0, 0, 0.2) !important;
}

.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>thead>tr>td.active,
.table>thead>tr>th.active {
    background-color: transparent !important;
}

table#pricing-table {
    width: 100%;
}

.progress-bar.active span {
    color: #FFF !important
}

.panel {
    background-color: rgba(0, 0, 0, 0.3) !important;
}

.panel-default {
    border-color: transparent !important;
}

body.inverse,
body.inverse .form-control {
    color: #EEE;
}

body.inverse .modal,
body.inverse .modal .form-control,
body.inverse .panel-default,
body.inverse .panel-default .form-control,
body.inverse .card,
body.inverse .card .form-control {
    background-color: rgba(0, 0, 0, 0.5);
    color: initial;
}

/*           Animation              */

.animation-transition-general,
.carousel .carousel-indicators li {
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.animation-transition-slow {
    -webkit-transition: all 370ms linear;
    -moz-transition: all 370ms linear;
    -o-transition: all 370ms linear;
    -ms-transition: all 370ms linear;
    transition: all 370ms linear;
}

.animation-transition-fast,
.navbar {
    -webkit-transition: all 150ms ease 0s;
    -moz-transition: all 150ms ease 0s;
    -o-transition: all 150ms ease 0s;
    -ms-transition: all 150ms ease 0s;
    transition: all 150ms ease 0s;
}

.btn,
.navbar .navbar-nav>li>a.btn {
    border: none;
    border-radius: 3px;
    position: relative;
    padding: 12px 30px;
    margin: 0px 0px;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0;
    will-change: box-shadow, transform;
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.togglebutton label .toggle,
.togglebutton label input[type=checkbox][disabled]+.toggle {
    content: '';
    display: inline-block;
    width: 30px;
    height: 15px;
    background-color: rgba(80, 80, 80, 0.7);
    border-radius: 15px;
    margin-right: 15px;
    transition: background 0.3s ease;
    vertical-align: middle;
}

.togglebutton label .toggle:after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #FFFFFF;
    border-radius: 20px;
    position: relative;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
    left: -5px;
    top: -3px;
    border: 1px solid rgba(0, 0, 0, .54);
    transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease;
}

.radio label span {
    display: block;
    position: absolute;
    left: 10px;
    top: 2px;
    transition-duration: 0.2s;
}

.radio label .circle {
    border: 1px solid rgba(0, 0, 0, .54);
    height: 15px;
    width: 15px;
    border-radius: 100%;
}

.radio label .check {
    height: 15px;
    width: 15px;
    border-radius: 100%;
    background-color: #b32c2c;
    -webkit-transform: scale3d(0, 0, 0);
    -moz-transform: scale3d(0, 0, 0);
    -o-transform: scale3d(0, 0, 0);
    -ms-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
}

.radio label .check:after {
    display: block;
    position: absolute;
    content: '';
    background-color: rgba(0, 0, 0, 0.87);
    left: -18px;
    top: -18px;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    z-index: 1;
    opacity: 0;
    margin: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1);
    -moz-transform: scale3d(1.5, 1.5, 1);
    -o-transform: scale3d(1.5, 1.5, 1);
    -ms-transform: scale3d(1.5, 1.5, 1);
    transform: scale3d(1.5, 1.5, 1);
}

.radio label input[type=radio]:not(:checked)~.check:after {
    -webkit-animation: rippleOff 500ms;
    -moz-animation: rippleOff 500ms;
    -o-animation: rippleOff 500ms;
    -ms-animation: rippleOff 500ms;
    animation: rippleOff 500ms;
}

.radio label input[type=radio]:checked~.check:after {
    -webkit-animation: rippleOff 500ms;
    -moz-animation: rippleOff 500ms;
    -o-animation: rippleOff 500ms;
    -ms-animation: rippleOff 500ms;
    animation: rippleOff 500ms;
}

.form-control,
.form-group .form-control {
    border: 0;
    background-image: linear-gradient(#b32c2c, #b32c2c), linear-gradient(#D2D2D2, #D2D2D2);
    background-size: 0 2px, 100% 1px;
    background-repeat: no-repeat;
    background-position: center bottom, center calc(100% - 1px);
    background-color: transparent;
    transition: background 0s ease-out;
    float: none;
    box-shadow: none;
    border-radius: 0;
    font-weight: 400;
}

.form-group.label-static label.control-label,
.form-group.label-placeholder label.control-label,
.form-group.label-floating label.control-label {
    position: absolute;
    pointer-events: none;
    transition: 0.3s ease all;
}

.form-group.is-focused .form-control {
    outline: none;
    background-image: linear-gradient(#b32c2c, #b32c2c), linear-gradient(#D2D2D2, #D2D2D2);
    background-size: 100% 2px, 100% 1px;
    box-shadow: none;
    transition-duration: 0.3s;
}

.pagination>li>a,
.pagination>li>span {
    border: 0;
    border-radius: 30px !important;
    transition: all .3s;
    padding: 0px 11px;
    margin: 0 3px;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    color: #999999;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    background: transparent;
}

.nav-pills>li>a {
    line-height: 24px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    min-width: 100px;
    text-align: center;
    color: #555555;
    transition: all .3s;
}

.navbar .alert {
    border-radius: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 85px;
    width: 100%;
    z-index: 3;
    transition: all 0.3s;
}

.dropdown-menu {
    border: 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

.dropdown-menu .divider {
    background-color: rgba(0, 0, 0, 0.12);
}

.dropdown-menu li>a {
    font-size: 13px;
    padding: 10px 20px;
    margin: 0 5px;
    border-radius: 2px;
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    transition: all 150ms linear;
}

.dropdown-menu li>a:hover,
.dropdown-menu li>a:focus {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

.dropdown-menu li {
    position: relative;
}

.dropdown-menu li a:hover,
.dropdown-menu li a:focus,
.dropdown-menu li a:active {
    background-color: #b32c2c;
    color: #FFFFFF;
}

.dropdown-menu .divider {
    margin: 5px 0;
}

@media (min-width: 992px) {
    .dropdown .dropdown-menu {
        -webkit-transition: all 150ms linear;
        -moz-transition: all 150ms linear;
        -o-transition: all 150ms linear;
        -ms-transition: all 150ms linear;
        transition: all 150ms linear;
        margin-top: -20px;
        opacity: 0;
        visibility: hidden;
        display: block;
    }

    .dropdown.open .dropdown-menu {
        opacity: 1;
        visibility: visible;
        margin-top: 1px;
    }
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    background-color: rgba(255, 255, 255, 0.2);
    transition: background-color .1s .2s;
}

.tooltip {
    opacity: 0;
    transition: opacity, transform .2s ease;
    -webkit-transform: translate3d(0, 5px, 0);
    -moz-transform: translate3d(0, 5px, 0);
    -o-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
}

.noUi-state-tap .noUi-origin {
    transition: left 0.3s, top 0.3s;
}

.noUi-handle {
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    left: -10px;
    top: -6px;
    cursor: pointer;
    border-radius: 100%;
    transition: all 0.2s ease-out;
    border: 1px solid;
    background: #FFFFFF;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.datepicker.dropdown-menu {
    border-radius: 3px;
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    transition: all 150ms linear;
    margin-top: -20px;
    opacity: 0;
    visibility: hidden;
}

.ripple.ripple-on {
    transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
    opacity: 0.1;
}

.ripple.ripple-out {
    transition: opacity 0.1s linear 0s !important;
    opacity: 0;
}

/*           AnimationEnd              */

.container {
    background-color: rgba(0, 0, 0, 0.5);
}

.box {
    color: #EEE;
    background: rgba(0, 0, 0, 0.2) !important;
    background-color: transparent;
    padding: 10px;
    border: none;
}

.box-content {
    padding: 0;
}

.chatpanel .chat li .chat-body p {
    color: #eee;
}

.panel-footer {
    background-color: transparent !important;
    border-top: none;
}

.form-control {
    color: #eee;
    border: none;
    background-color: transparent !important;
    background: rgba(0, 0, 0, 0.4) !important;
}

.btn-default {
    background: rgba(0, 0, 0, 0.4);
    color: #eee;
    border: none;
}

.btn-default:hover {
    background: rgba(0, 0, 0, 0.4);
    color: #eee;
    border: none;
}

.list-group-item,
.list-group-item:hover {
    background-color: rgba(22, 22, 22, 0.4) !important;
    border: none;
}

.tabs-left {
    border-right: 0 !important;
}

.CodeMirror-gutters {
    background-color: rgba(0, 0, 0, 0.5)
}

.label-primary,
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-bottom: solid 3px #c10000;
    border-radius: 5px 5px 30px 5px !important;
}

.panel-body a {
    border-bottom: none !important;
    border-radius: unset !important;
}

.btn-warning {
    background-color: rgba(240, 173, 78, 0.4);
    border-color: rgba(238, 162, 54, 0.5);
}

.btn-warning:hover {
    background-color: rgba(240, 173, 78, 0.6);
    border-color: rgba(238, 162, 54, 0.7);
}

.btn-danger {
    background-color: rgba(217, 83, 79, 0.4);
    border-color: rgba(212, 63, 58, 0.5);
}

.btn-danger:hover {
    background-color: rgba(217, 83, 79, 0.4);
    border-color: rgba(212, 63, 58, 0.5);
}

.btn-danger:focus {
    background-color: rgba(217, 83, 79, 0.4);
    border-color: rgba(212, 63, 58, 0.5);
}

.btn-success {
    background-color: rgba(92, 184, 92, 0.4);
    border-color: rgba(76, 174, 76, 0.5);
}

.btn-success:hover {
    background-color: rgba(92, 184, 92, 0.5);
    border-color: rgba(76, 174, 76, 0.5);
}

.btn-info {
    background-color: rgba(91, 192, 222, 0.4);
    border-color: rgba(70, 184, 218, 0.5);
}

.btn-info:hover {
    background-color: rgba(91, 192, 222, 0.5);
    border-color: rgba(70, 184, 218, 0.5);
}


.box-header,
.nav-tabs {
    border-bottom: 0 !important
}

.profile-header-img>img.img-circle {
    border-radius: 50% !important;
    border: 0 !important;
}

.label.label-default.rank-label {
    opacity: 0.7;
    border-radius: 0 !important;
}

.badge {
    opacity: 0.7;
    border-radius: 0 !important;
}

pre {
    background-color: rgba(0, 0, 0, 0.3) !important;
    color: #fcfcfc !important;
    border: 0 !important;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    border-top: none !important;
}

.box-icon a,
.box-icon a:link,
.box-icon a:visited,
.box-header i {
    border-left-width: 0;
    border-right-width: 0;
}

.box-content,
.box-header {
    color: #fff !important;
    background-color: transparent;
    background: transparent;
}

.form-group {
    padding-bottom: 7px;
    margin: 0 0 0 0;
}

.form-group .form-control {
    margin-bottom: 7px;
}

.form-group .form-control::-moz-placeholder {
    font-size: 14px;
    line-height: 1.42857;
    color: #AAAAAA;
    font-weight: 400;
}

.form-group .form-control:-ms-input-placeholder {
    font-size: 14px;
    line-height: 1.42857;
    color: #AAAAAA;
    font-weight: 400;
}

.form-group .form-control::-webkit-input-placeholder {
    font-size: 14px;
    line-height: 1.42857;
    color: #AAAAAA;
    font-weight: 400;
}

.form-group .checkbox label,
.form-group .radio label,
.form-group label {
    font-size: 14px;
    line-height: 1.42857;
    color: #AAAAAA;
    font-weight: 400;
}

.form-group label.control-label {
    font-size: 11px;
    line-height: 1.07143;
    color: #AAAAAA;
    font-weight: 400;
    margin: 16px 0 0 0;
}

.form-group .help-block {
    margin-top: 0;
    font-size: 11px;
}

.form-group.label-floating label.control-label,
.form-group.label-placeholder label.control-label {
    top: -7px;
    font-size: 14px;
    line-height: 1.42857;
}

.form-group.label-static label.control-label,
.form-group.label-floating.is-focused label.control-label,
.form-group.label-floating:not(.is-empty) label.control-label {
    top: -28px;
    left: 0;
    font-size: 11px;
    line-height: 1.07143;
}

.form-group.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label {
    top: -28px;
    left: 0;
    font-size: 11px;
    line-height: 1.07143;
}

.form-group.form-group-sm {
    padding-bottom: 3px;
    margin: 21px 0 0 0;
}

.form-group.form-group-sm .form-control {
    margin-bottom: 3px !important;
}

.form-group.form-group-sm .form-control::-moz-placeholder {
    font-size: 11px;
    line-height: 1.5;
    color: #AAAAAA;
    font-weight: 400;
}

.form-group.form-group-sm .form-control:-ms-input-placeholder {
    font-size: 11px;
    line-height: 1.5;
    color: #AAAAAA;
    font-weight: 400;
}

.form-group.form-group-sm .form-control::-webkit-input-placeholder {
    font-size: 11px;
    line-height: 1.5;
    color: #AAAAAA;
    font-weight: 400;
}

.form-group.form-group-sm .checkbox label,
.form-group.form-group-sm .radio label,
.form-group.form-group-sm label {
    font-size: 11px;
    line-height: 1.5;
    color: #AAAAAA;
    font-weight: 400;
}

.form-group.form-group-sm label.control-label {
    font-size: 9px;
    line-height: 1.125;
    color: #AAAAAA;
    font-weight: 400;
    margin: 16px 0 0 0;
}

.form-group.form-group-sm .help-block {
    margin-top: 0;
    font-size: 9px;
}

.form-group.form-group-sm.label-floating label.control-label,
.form-group.form-group-sm.label-placeholder label.control-label {
    top: -11px;
    font-size: 11px;
    line-height: 1.5;
}

.form-group.form-group-sm.label-static label.control-label,
.form-group.form-group-sm.label-floating.is-focused label.control-label,
.form-group.form-group-sm.label-floating:not(.is-empty) label.control-label {
    top: -25px;
    left: 0;
    font-size: 9px;
    line-height: 1.125;
}

.form-group.form-group-sm.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label {
    top: -25px;
    left: 0;
    font-size: 9px;
    line-height: 1.125;
}

.form-group.form-group-lg {
    padding-bottom: 9px;
    margin: 30px 0 0 0;
}

.form-group.form-group-lg .form-control {
    margin-bottom: 9px;
}

.form-group.form-group-lg .form-control::-moz-placeholder {
    font-size: 18px;
    line-height: 1.33333;
    color: #AAAAAA;
    font-weight: 400;
}

.form-group.form-group-lg .form-control:-ms-input-placeholder {
    font-size: 18px;
    line-height: 1.33333;
    color: #AAAAAA;
    font-weight: 400;
}

.form-group.form-group-lg .form-control::-webkit-input-placeholder {
    font-size: 18px;
    line-height: 1.33333;
    color: #AAAAAA;
    font-weight: 400;
}

.form-group.form-group-lg .checkbox label,
.form-group.form-group-lg .radio label,
.form-group.form-group-lg label {
    font-size: 18px;
    line-height: 1.33333;
    color: #AAAAAA;
    font-weight: 400;
}

.form-group.form-group-lg label.control-label {
    font-size: 14px;
    line-height: 1.0;
    color: #AAAAAA;
    font-weight: 400;
    margin: 16px 0 0 0;
}

.form-group.form-group-lg .help-block {
    margin-top: 0;
    font-size: 14px;
}

.form-group.form-group-lg.label-floating label.control-label,
.form-group.form-group-lg.label-placeholder label.control-label {
    top: -5px;
    font-size: 18px;
    line-height: 1.33333;
}

.form-group.form-group-lg.label-static label.control-label,
.form-group.form-group-lg.label-floating.is-focused label.control-label,
.form-group.form-group-lg.label-floating:not(.is-empty) label.control-label {
    top: -32px;
    left: 0;
    font-size: 14px;
    line-height: 1.0;
}

.form-group.form-group-lg.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label {
    top: -32px;
    left: 0;
    font-size: 14px;
    line-height: 1.0;
}

select.form-control {
    border: 0;
    box-shadow: none;
    border-radius: 0;
}

.form-group.is-focused select.form-control {
    box-shadow: none;
    border-color: #D2D2D2;
}

select.form-control[multiple],
.form-group.is-focused select.form-control[multiple] {
    height: 85px;
}

.input-group-btn .btn {
    margin: 0 0 7px 0;
}

.form-group.form-group-sm .input-group-btn .btn {
    margin: 0 0 3px 0;
}

.form-group.form-group-lg .input-group-btn .btn {
    margin: 0 0 9px 0;
}

.input-group .input-group-btn {
    padding: 0 12px;
}

.form-group input[type=file] {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

.form-control-feedback {
    opacity: 0;
}

.has-success .form-control-feedback {
    color: #4caf50;
    opacity: 1;
}

.has-error .form-control-feedback {
    color: #EEEEEE;
    opacity: 1;
}

.modal-content {
    color: #fff !important;
}

.modal-content i {
    color: #bbb !important;
}

.modal-content fa {
    color: #bbb !important;
}

.modal-content label {
    /*text-shadow: #fff 0px 0px 7px;*/
    color: rgba(252, 0, 0, 1);
}

.modal-content button {
    background-color: rgba(103, 0, 0, 0.12);
}

.modal-content button.close {
    text-shadow: #ff0000 0px 0px 5px;
    opacity: 1
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    background-color: #b73333;
}

.modal-footer {
    border-top: 0 !important;
}

.form-group .form-control {
    margin-bottom: 0px !important;
}

#search_main.form-control {
    margin-bottom: 0 !important;
}

#admin_console_command.form-control {
    margin-bottom: 0 !important;
}

.input-group-btn .btn {
    margin: 0 0 0px 0 !important;
}

.progress-bar-striped,
.progress-striped .progress-bar {
    background-image: none;
    background-color: rgba(68, 157, 68);
}

textarea:focus,
input[type='text']:focus,
input[type='password']:focus,
input[type='datetime']:focus,
input[type='datetime-local']:focus,
input[type='date']:focus,
input[type='month']:focus,
input[type='time']:focus,
input[type='week']:focus,
input[type='number']:focus,
input[type='email']:focus,
input[type='url']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='color']:focus,
.uneditable-input:focus {
    border-color: none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 0, 0, 0.6);
    outline: 0 none;
}

.box-title p {
    color: #eee !important;
}

.text-muted {
    color: #eee !important;
}

.chatpanel .chat li {
    border-bottom: 0 !important;
}

.alert-danger {
    color: #EEE !important;
    background-color: rgba(217, 83, 79, 0.4);
    border-color: rgba(212, 63, 58, 0.5);
}

.panel-danger {
    border-color: rgba(212, 63, 58, 0.5);
}

.panel-danger>.panel-heading {
    color: #EEE !important;
    background-color: rgba(217, 83, 79, 0.4);
    border-color: rgba(212, 63, 58, 0.5);
}

.table>thead>tr>td.danger,
.table>tbody>tr>td.danger,
.table>tfoot>tr>td.danger,
.table>thead>tr>th.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>tbody>tr.danger>td,
.table>tfoot>tr.danger>td,
.table>thead>tr.danger>th,
.table>tbody>tr.danger>th,
.table>tfoot>tr.danger>th {
    color: #EEE !important;
    background-color: rgba(217, 83, 79, 0.4);
    border-color: rgba(212, 63, 58, 0.5);
}

.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover,
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr.danger:hover>th {
    color: #EEE !important;
    background-color: rgba(217, 83, 79, 0.6);
    border-color: rgba(212, 63, 58, 0.7);
}

.alert-success {
    color: #EEE !important;
    background-color: rgba(92, 184, 92, 0.4);
    border-color: rgba(76, 174, 76, 0.5);
}

.table>thead>tr>td.success,
.table>tbody>tr>td.success,
.table>tfoot>tr>td.success,
.table>thead>tr>th.success,
.table>tbody>tr>th.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>tbody>tr.success>td,
.table>tfoot>tr.success>td,
.table>thead>tr.success>th,
.table>tbody>tr.success>th,
.table>tfoot>tr.success>th {
    color: #EEE !important;
    background-color: rgba(92, 184, 92, 0.4);
    border-color: rgba(76, 174, 76, 0.5);
}

.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover,
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr.success:hover>th {
    color: #EEE !important;
    background-color: rgba(92, 184, 92, 0.4);
    border-color: rgba(76, 174, 76, 0.5);
}

.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover,
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr.success:hover>th {
    color: #EEE !important;
    background-color: rgba(92, 184, 92, 0.6);
    border-color: rgba(76, 174, 76, 0.7);
}

.brighttheme-success {
    color: #EEE !important;
    background-color: rgba(92, 184, 92, 0.6);
    border-color: rgba(76, 174, 76, 0.7);
}

.brighttheme-icon-success {
    background-color: transparent;
    color: #EEE;
}

.brighttheme-error {
    color: #EEE !important;
    background-color: rgba(217, 83, 79, 0.6);
    border-color: rgba(212, 63, 58, 0.7);
    background-image: none;
}

.brighttheme-warning {
    color: #EEE !important;
    background-color: rgba(240, 173, 78, 0.4);
    border-color: rgba(238, 162, 54, 0.5);
    background-image: none;
}

.brighttheme-info {
    color: #EEE !important;
    background-color: rgba(91, 192, 222, 0.4);
    border-color: rgba(70, 184, 218, 0.5);
    background-image: none;
}

.brighttheme-icon-error {
    color: #eee;
}

.alert-warning {
    color: #EEE !important;
    background-color: rgba(240, 173, 78, 0.4);
    border-color: rgba(238, 162, 54, 0.5);
}

.table>thead>tr>td.warning,
.table>tbody>tr>td.warning,
.table>tfoot>tr>td.warning,
.table>thead>tr>th.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>tbody>tr.warning>td,
.table>tfoot>tr.warning>td,
.table>thead>tr.warning>th,
.table>tbody>tr.warning>th,
.table>tfoot>tr.warning>th {
    color: #EEE !important;
    background-color: rgba(240, 173, 78, 0.6);
    border-color: rgba(238, 162, 54, 0.7);
}

.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover,
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr.warning:hover>th {
    color: #EEE !important;
    background-color: rgba(240, 173, 78, 0.6);
    border-color: rgba(238, 162, 54, 0.6);
}

.alert-info {
    color: #EEE !important;
    background-color: rgba(91, 192, 222, 0.4);
    border-color: rgba(70, 184, 218, 0.5);
}

.table>thead>tr>td.info,
.table>tbody>tr>td.info,
.table>tfoot>tr>td.info,
.table>thead>tr>th.info,
.table>tbody>tr>th.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>tbody>tr.info>td,
.table>tfoot>tr.info>td,
.table>thead>tr.info>th,
.table>tbody>tr.info>th,
.table>tfoot>tr.info>th {
    color: #eee;
    background-color: rgba(91, 192, 222, 0.4);
    border-color: rgba(70, 184, 218, 0.5);
}

.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover,
.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr.info:hover>th {
    color: #eee;
    background-color: rgba(91, 192, 222, 0.6);
    border-color: rgba(70, 184, 218, 0.7);
}

.panel-default>.panel-heading {
    background-color: rgba(0, 0, 0, 0.3);
    border-color: transparent;
}

.input-group .input-group-addon {
    color: #eee !important;
    border: 0;
    background: transparent;
    padding: 12px 15px 0px;
}

.bootstrap-touchspin .input-group-btn-vertical {
    padding-bottom: 25px !important;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    margin-top: 0 !important;
}

select option {
    margin: 40px;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}


#main_chat_collapse.panel-collapse.box-content.collapse.in {
    background: rgba(0, 0, 0, 0.5);
}

table>caption {
    color: #eee;
}

.pricing {
    border: 0 !important;
}

.pricing-head h4 {
    background-color: #151515 !important;
    border-bottom: none !important;
}

.pricing-head h3 {
    border-bottom: none !important;
}

.pricing-content li {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

.pricing-content li {
    border-bottom: 0 !important;
}

.pricing {
    background: #111111 !important;
}

.pricing-content {
    padding: 22px 24px;
    color: #d7d7d7;
    font-size: 13px;
    line-height: 1.6;
    text-align: left;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.pricing-footer {
    background-color: #131313;
}





.datepicker {
    top: 0;
    left: 0;
    padding: 4px;
    margin-top: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #888
}

.datepicker>div {
    display: none;
}

.datepicker table {
    width: 100%;
    margin: 0;
}

.datepicker td,
.datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.datepicker td {
    text-align: center;
}

.datepicker td p {
    font-size: 1em;
    font-weight: 400;
    border-radius: 50%;
    height: 29px;
    line-height: 29px;
    margin: 3px 0 8px;
    width: 29px;
}

.datepicker td :hover {
    cursor: pointer;
}

.datepicker th {
    font-weight: 500;
}

.datepicker th.switch-datepicker {
    font-size: 1em;
}

.datepicker .prev p,
.datepicker .next p {
    font-size: 1.825em;
}

.datepicker p:hover {
    background: rgba(0, 0, 0, 0.2);
}

.datepicker .day.disabled {
    color: #000;
}

.datepicker td.old,
.datepicker td.new {
    color: #eee;
    border-top: 0;
}

.datepicker td.active p,
.datepicker td.active:hover p {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    color: #ffffff;
    background: rgba(0, 0, 0, 0.2);
}

.datepicker td.primary p,
.datepicker td.primary:hover p {
    background: rgba(0, 0, 0, 0.2);
}

.datepicker td.info p,
.datepicker td.info:hover p {
    background-color: rgba(91, 192, 222, 0.4);
    border-color: rgba(70, 184, 218, 0.5);
}

.datepicker td.success p,
.datepicker td.success:hover p {
    background-color: rgba(92, 184, 92, 0.4);
    border-color: rgba(76, 174, 76, 0.5);
}

.datepicker td.warning p,
.datepicker td.warning:hover p {
    background-color: rgba(240, 173, 78, 0.4);
    border-color: rgba(238, 162, 54, 0.5);
}

.datepicker td.danger p,
.datepicker td.danger:hover p {
    background-color: rgba(217, 83, 79, 0.4);
    border-color: rgba(212, 63, 58, 0.5);
}

.datepicker span {
    display: block;
    width: 55px;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 2px;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.datepicker span.old {
    color: #eee;
}

.datepicker span.active,
.datepicker span.active:focus,
.datepicker span.active:hover,
.datepicker span.active:active {
    background: rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}

.datepicker span.active {
    color: #FFFFFF;
}

.datepicker span:hover {
    background-color: #EEEEEE;
}

.datepicker span.primary,
.datepicker span.primary:hover {
    background: rgba(0, 0, 0, 0.2);
}

.datepicker span.info,
.datepicker span.info:hover {
    background-color: #03a9f4;
}

.datepicker span.success,
.datepicker span.success:hover {
    background-color: #4caf50;
}

.datepicker span.warning,
.datepicker span.warning:hover {
    background-color: #fbc02d;
}

.datepicker span.danger,
.datepicker span.danger:hover {
    background-color: #f44336;
}

.datepicker th.switch-datepicker {
    width: 145px;
}

.datepicker th.next,
.datepicker th.prev {
    font-size: 21px;
}

.datepicker thead tr:first-child th {
    cursor: pointer;
}

.datepicker thead tr:first-child th:hover {
    background: rgba(0, 0, 0, 0.2);
}

.datepicker.dropdown-menu {
    border-radius: 3px;
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    transition: all 150ms linear;
    margin-top: -20px;
    opacity: 0;
    visibility: hidden;
}

.datepicker.dropdown-menu.open {
    opacity: 1;
    visibility: visible;
    margin-top: 1px;
}

.datepicker .table-condensed>tbody>tr>td {
    padding: 2px;
}

.datepicker .table-condensed>thead>tr>th {
    padding: 0;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.datepicker-months thead {
    padding: 0 0 3px;
    display: block;
}


#main_footer {
    padding-bottom: 10px !important;
}


#admin_donations_report_go {
    margin-top: 32px;
}

.pager a {
    background-color: rgba(0, 0, 0, 0.3) !important;
    color: #fcfcfc !important;
}

body {
    background: url('../images/Background.jpg');
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed;
    width: 100%;
}

.modal-content {
    /*background: url('../images/ModalBackground.jpg') center center fixed !important;
background-size: cover !important;
background-repeat: no-repeat !important;*/
    background-color: rgba(28, 28, 28, 1);
    box-shadow: 0px 1px 32px 0px rgba(252, 0, 0, 0.4);
}

.pagecard {
    text-align: center;
    display: inline-block;
    position: relative;
    width: 100%;
    border-top-right-radius: 3px !important;
    border-top-left-radius: 3px !important;
    background-color: transparent;
    background: rgba(0, 0, 0, 0.2);
}

.pagecard .icon {
    padding-top: 45px;
}

.pagecard-content {
    padding: 15px 30px;
}

.pagecard-title {
    color: #fefefe;
    text-decoration: none;
}

.pagecard-description {
    color: #fefefe;
    text-decoration: none;
}

.middle-text {
    text-align: center;
}

.middle-text span {
    color: rgb(238, 238, 238);
    font-size: 30px;
}

.note-editable {
    background-color: rgba(0, 0, 0, 0) !important;
    color: #fff !important;
}


/*           MethRP              */

@media screen and (min-width: 1025px) {
    .container {
        min-width: 1000px;
        max-width: 1400px;
        width: unset;
    }
}

.container {
    background-color: #1c1c1c;
}

.animation-transition-fast,
.navbar {
    margin: 0 auto;
    margin-top: 21em;
    max-width: 1400px;
    border-top: 2px solid #c30000;
    border-bottom: 1px solid #c30000;
}

.navbar-fixed-bottom,
.navbar-fixed-top {
    position: absolute;
}

@media screen and (max-width: 1024px) {

    .animation-transition-fast,
    .navbar {
        margin-top: 0em;
    }

    .navbar-fixed-bottom,
    .navbar-fixed-top {
        position: relative;
    }
}

.nav>li>a {
    margin-bottom: -4px;
}

.nav>li>a {
    transition: all 75ms linear;
    padding-left: 15px !important;
    padding-right: 15px !important;
    color: rgba(136, 136, 136, 1) !important;
    font-family: 'Cuprum', Geneva, Arial, Helvetica, sans-serif;
    font-size: 90%;
    font-weight: 400;
}

.nav>li>a:focus,
.nav>li>a:hover,
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover,
.dropdown-menu>li>a:hover,
.box-icon a:hover {
    background: radial-gradient(180px at 100% 0%, rgba(255, 255, 255, 0.1) 0%, transparent 100%);
    text-shadow: 0px 0px 10px white, 0px 0px 2px white, 0px 0px 5px black;
    color: white !important;
}

.fixedHeader {
    margin-top: 0 !important;
    position: fixed !important;
    top: 0;
    width: 100%;
}

.pageHeaderMethLogo {
    text-align: center;
}

@media screen and (max-width: 1024px) {
    .pageHeaderMethLogo {
        display: none;
    }
}

.pageHeaderMethLogoA {
    transition: all 150ms linear;
}

.pageHeaderMethLogoA:hover {
    opacity: 0.7;
}

#gex_navbar {
    padding-top: 0;
    margin-top: -4.2em;
    padding-bottom: 2em;
}

@media screen and (max-width: 1024px) {
    #gex_navbar {
        padding-bottom: 0em;
    }
}

/* Access Control: Paketboni */
.access-control-bonuses {
    margin-top: 18px;
}

.access-control-bonuses > label {
    color: #eee;
}

.access-control-bonus-list {
    display: grid;
    gap: 8px;
    margin: 8px 0 10px;
}

.access-control-bonus-row {
    display: grid;
    grid-template-columns: 88px minmax(0, 1.6fr) minmax(145px, 0.8fr) 38px;
    align-items: center;
    gap: 9px;
    padding: 0 0 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.access-control-bonus-row__number {
    color: #aaa;
    font-size: 11px;
}

.access-control-bonus-row .form-control {
    margin: 0 !important;
}

.access-control-bonus-remove {
    min-width: 34px;
    margin: 0 !important;
    padding: 7px 8px;
}

@media screen and (max-width: 650px) {
    .access-control-bonus-row {
        grid-template-columns: 1fr 38px;
    }

    .access-control-bonus-row__number {
        grid-column: 1 / -1;
    }

    .access-control-bonus-row .form-control {
        grid-column: 1;
    }

    .access-control-bonus-remove {
        grid-column: 2;
        grid-row: 2 / span 2;
        align-self: stretch;
    }
}
/* Mehr Platz für die Paketverwaltung */
@media screen and (min-width: 768px) {
    .settings_donations_packages_modal_editadd .modal-dialog {
        width: 780px;
        max-width: calc(100vw - 40px);
    }
}
/* Summernote: Toolbar darf den Editor nicht überlagern */
.note-editor .note-toolbar-wrapper {
    height: auto !important;
}

.note-editor .note-toolbar {
    position: static !important;
    width: auto !important;
    min-height: 0;
    padding: 6px 8px;
    line-height: 1;
}

.note-editor .note-toolbar .note-btn-group {
    margin: 0 3px 3px 0;
}

.note-editor .note-toolbar .note-btn {
    min-width: 30px;
    padding: 5px 7px;
}

.note-editor .note-editing-area {
    position: relative;
    clear: both;
}
/*           MethRP              */