.login-logo {
    width: 150px;
}

#forgot_password .modal-header .modal-title {
    color: black;
}

.size {
    font-size: 60px;
}

#login_box h5 {
    color: white;
}

#login_box .form-control {
    color: white;
}

.logo {
    width: 70px;
}

.overflow {
    overflow-y: hidden;
}

.fab-menu-btn.btn-float {
    padding: 25px;
    color: white;
    background-color: black;
}

.required {
    color: #e3000d;
}

#form label {
    font-size: 14px;
    font-weight: 600;

}

#featuredLocation label {
    font-size: 14px;
    font-weight: 600;
}

#form .radio-inline {
    padding-top: 7px;
    width: 100px;
}

.bg-black {
    background-color: black;
    color: white;
}

#form .uploader {
    width: 100%;
    border: 1px solid #ccc;
}

textarea {
    resize: none;
}

#profile_picture_update img {
    width: 70px;
}

.qrcode {
    width: 200px;
}

.span-qrcode {
    font-size: xx-large;
}

#show_qrcode .icon-download {
    color: white;
    font-size: 20px;
}

#form .location-img {
    width: 120px;
}

canvas {
    display: none;
}

.content-wrapper {
    padding-top: 60px;
}

#note ul li {
    color: green;
}

.color-red {
    color: #e3000d;
}

.color-red:hover, .color-red:active, .color-red:focus {
    color: #e3000d !important;
}

.color-black {
    color: black;
}

.modal-label {
    font-weight: 800;
    font-size: 15px;
}

.model-text {
    font-size: 15px;
}

.model-anchore {
    font-size: 20px;
    color: #e3000d;
}

.model-anchore:hover, .model-anchore:active, .model-anchore:focus {
    font-size: 20px;
    color: #e3000d;
}

#location-home .radio-inline {
    padding-top: 5px;
    font-size: 15px;
}

#location-home p {
    padding-top: 5px;
    font-size: 15px;
    font-weight: 600;
}

#qrcode-js {
    width: 160px;
    height: 160px;
    margin-top: 15px;
}

#qrcode-js img {
    width: 180px;
}

.btn-file {
    background-color: #E3000D;
    color: white;
}

.btn-file:hover, .btn-file:active, .btn-file:focus {
    background-color: #E3000D;
    color: white;
}

@media (min-width: 1025px) {
    #location_revenue.modal-lg {
        width: 1500px;
    }
}

#location-dashboard h1 {
    font-size: 40px;
    font-weight: 600;
}

.component_btn {
    background-color: #363636 !important;
    color: white !important;
    font-size: 20px;
    text-transform: lowercase;
}

/*  Loading CSS */

.login-loader {
    background: rgba(240, 240, 240, 0.75);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
}

.login-loader .preloader {
    width: 50px;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: 50%;
    margin-top: -55px;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.login-loader .preloader p {
    white-space: nowrap;
    position: relative;
    left: -9px;
    top: 22px;
    font-size: 15px;
    color: #000;
    margin-bottom: 0px;
}

.pl-circular {
    animation: rotate 2s linear infinite;
    height: 100%;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.plc-path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    stroke-width: 2;
    stroke-miterlimit: 10;
    fill: none
}

.preloader {
    position: relative;
    margin: 0 auto;
    display: inline-block
}

.preloader:not([class*=pl-]) {
    width: 40px
}

.preloader:before {
    content: '';
    display: block;
    padding-top: 100%
}

.preloader.pl-xs {
    width: 20px
}

.preloader.pl-sm {
    width: 30px
}

.preloader.pl-lg {
    width: 50px
}

.preloader.pl-xl {
    width: 80px
}

.preloader.pl-xxl {
    width: 100px
}

.preloader:not([class*=pls-]) .plc-path {
    animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite
}

.preloader[class*=pls-] .plc-path {
    animation: dash 1.5s ease-in-out infinite
}

.preloader.pls-red .plc-path {
    stroke: #F44336
}

.preloader.pls-blue .plc-path {
    stroke: #7E57C2
}

.preloader.pls-green .plc-path {
    stroke: #4CAF50
}

.preloader.pls-yellow .plc-path {
    stroke: #FFEB3B
}

.preloader.pls-bluegray .plc-path {
    stroke: #607D8B
}

.preloader.pls-amber .plc-path {
    stroke: #FFC107
}

.preloader.pls-teal .plc-path {
    stroke: #009688
}

.preloader.pls-gray .plc-path {
    stroke: #9E9E9E
}

.preloader.pls-pink .plc-path {
    stroke: #E91E63
}

.preloader.pls-purple .plc-path {
    stroke: #BA68C8
}

.preloader.pls-white .plc-path {
    stroke: #fff
}

.multi-select-full .btn-group {
    width: 100%;
}

.styled_checkbox {
    margin-top: 10px;
}

.sidebar-content::-webkit-scrollbar {
    display: none;
}

.admin-category-content {
    background: url(../images/logo.png) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.admin-category-content > .sidebar-user-material-content > a > img {
    height: 100px;
    width: 100px;
}

#about_us_form label {
    font-size: 14px;
    font-weight: 600;
}

.user_details {
    font-weight: 600;
    font-size: 16px;
}

#change_points_form label {
    font-size: 14px;
    font-weight: 600;
}

.location_playme_img {
    width: 90%;
    padding-top: 50%;
    vertical-align: bottom;
}

.pace-running {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 9999;
    background: url(../images/loader.gif) center center no-repeat;
    display: none;
}

.pace-running::after {
    content: '';
    display: block;
    position: absolute;
    left: 48%;
    top: 40%;
    width: 40px;
    height: 40px;
    border-style: solid;
    border-color: black;
    border-top-color: transparent;
    border-width: 4px;
    border-radius: 50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

.lable_style {
    color: black;
    font-size: 14px;
}
.sidebar-category.sidebar-category-visible {
    max-height: 100%;
    overflow-y: visible;
}