.cc-window {

    z-index: 10000;

}



#link-admin:hover {

    opacity: 1

}



#link-admin {

    opacity: 0;

    position: fixed;

    right: 5px;

    bottom: 5px

}



.emojionearea-editor {

    text-align: left!important

}



.grecaptcha-badge {

    display: none

}



#homepage_footer_links kbd bax:last-child {

    display: none;

}



#forgot_password_form_element,#login_form_element,#password_recovery_form_element {

    -webkit-border-radius: 10px 10px 10px 10px;

    border-radius: 10px 10px 10px 10px;

    background: #fff;

    width: 90%;

    max-width: 450px;

    margin: auto;

    padding: 0;

    -webkit-box-shadow: 0 30px 60px 0 rgba(0,0,0,.3);

    box-shadow: 0 30px 60px 0 rgba(0,0,0,.3);

    text-align: center

}



#forgot_password_form_element form,#login_form_element form,#password_recovery_form_element form {

    padding-top: 15px

}



#forgot_password_form_element h2,#login_form_element h2,#password_recovery_form_element h2 {

    padding-top: 20px

}



#forgot_password_form_element .g-recaptcha,#login_form_element .g-recaptcha,#password_recovery_form_element .g-recaptcha {

    margin: 5px

}



#forgot_password_form_element #footer,#login_form_element #footer,#password_recovery_form_element #footer {

    background-color: #f6f6f6;

    border-top: 1px solid #dce8f1;

    padding: 25px;

    text-align: center;

    -webkit-border-radius: 0 0 10px 10px;

    border-radius: 0 0 10px 10px

}



#forgot_password_form_element .submit_button,#login_form_element .submit_button,#password_recovery_form_element .submit_button {

    background-color: #56baed;

    border: 0;

    color: #fff;

    padding: 15px 80px;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    text-transform: uppercase;

    font-size: 13px;

    -webkit-box-shadow: 0 10px 30px 0 rgba(95,186,233,.4);

    box-shadow: 0 10px 30px 0 rgba(95,186,233,.4);

    -webkit-border-radius: 5px 5px 5px 5px;

    border-radius: 5px 5px 5px 5px;

    margin: 10px 20px 20px

}



.alert_message_element {

    width: 90%;

    max-width: 450px;

    margin: auto

}



#forgot_password_form_element .submit_button:hover,#login_form_element .submit_button:hover,#password_recovery_form_element .submit_button:hover {

    background-color: #39ace7

}



#forgot_password_form_element input,#login_form_element input,#password_recovery_form_element input {

    background-color: #f6f6f6;

    color: #0d0d0d;

    padding: 15px 32px;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 16px;

    margin: 5px;

    width: 85%;

    border: 2px solid #f6f6f6;

    -webkit-border-radius: 5px 5px 5px 5px;

    border-radius: 5px 5px 5px 5px

}



#forgot_password_form_element input:focus,#login_form_element input:focus,#password_recovery_form_element input:focus {

    background-color: #fff;

    border-bottom: 2px solid #5fbae9

}



#forgot_password_form_element input:placeholder,#login_form_element input:placeholder,#password_recovery_form_element input:placeholder {

    color: #ccc

}



#forgot_password_form_element .login:hover,#login_form_element .forgot_password:hover,#password_recovery_form_element .login:hover {

    color: #0d0d0d

}



.nav-side-menu {

    z-index:9999;

    overflow: auto;

    font-family: verdana;

    font-size: 12px;

    font-weight: 200;

    background-color: #2e353d;

    position: fixed;

    top: 0;

    width: 300px;

    height: 100%;

    color: #e1ffff

}



.nav-side-menu .brand {

    background-color: #23282e;

    line-height: 50px;

    display: block;

    text-align: center;

    font-size: 14px

}



.nav-side-menu .toggle-btn {

    display: none

}



.nav-side-menu li,.nav-side-menu ul {

    list-style: none;

    margin: 0;

    line-height: 35px;

    cursor: pointer

}



.nav-side-menu ul {

    padding: 0

}



.nav-side-menu li .arrow:before,.nav-side-menu li.collapsed .arrow:before {

    font-family: 'Font Awesome\ 5 Free';

    font-weight: 900;

    content: "\f068";

    display: inline-block;

    padding-left: 10px;

    padding-right: 10px;

    vertical-align: middle;

    float: right;

    color: #03a9f4

}



.nav-side-menu li.collapsed .arrow:before {

    content: "\f067";

    color: #e1ffff

}



.nav-side-menu li .active,.nav-side-menu ul .active {

    border-left: 3px solid #03a9f4;

    background-color: #4f5b69

}



.nav-side-menu li .sub-menu li .sub-line li.active,.nav-side-menu li .sub-menu li .sub-line li.active a,.nav-side-menu li .sub-menu li.active,.nav-side-menu li .sub-menu li.active a,.nav-side-menu ul .sub-menu li .sub-line li.active a,.nav-side-menu ul .sub-menu li.active,.nav-side-menu ul .sub-menu li.active a,.nav-side-menu ul .sub-menu ul .sub-line li.active {

    color: #03a9f4

}



.nav-side-menu li .sub-menu li,.nav-side-menu li .sub-menu li .sub-line li,.nav-side-menu ul .sub-menu li,.nav-side-menu ul .sub-menu li .sub-line li {

    background-color: #181c20;

    border: 0;

    line-height: 28px;

    border-bottom: 1px solid #23282e;

    margin-left: 0

}



.nav-side-menu li .sub-menu li .sub-line li:hover,.nav-side-menu ul .sub-menu li .sub-line li:hover,.nav-side-menu ul .sub-menu li:hover {

    background-color: #020203

}



.nav-side-menu .sub-menu li,.nav-side-menu li {

    border-left: 3px solid #2e353d;

    border-bottom: 1px solid #23282e

}



.nav-side-menu li {

    padding: 0

}



.nav-side-menu .sub-menu li a,.nav-side-menu li a {

    text-decoration: none;

    color: #e1ffff

}



.nav-side-menu li a i,.sub-menu li a i {

    padding-left: 10px;

    width: 20px;

    padding-right: 20px

}



.nav-side-menu li .sub-menu li:hover,.nav-side-menu li:hover {

    border-left: 3px solid #03a9f4;

    background-color: #4f5b69;

    -webkit-transition: all 1s ease;

    -moz-transition: all 1s ease;

    -o-transition: all 1s ease;

    -ms-transition: all 1s ease;

    transition: all 1s ease

}



.nav-side-menu li .sub-menu li .sub-line li:before,.nav-side-menu ul .sub-menu li .sub-line li:before {

    font-family: FontAwesome;

    content: "\f105";

    display: inline-block;

    padding-left: 100px;

    padding-right: 10px;

    vertical-align: middle

}



.nav-side-menu .sub-menu li {

    padding-left: 20px

}



@media (min-width:993px) {

    .main_container {

        margin: 60px 10px 10px 310px

    }



    .footer {

        margin: 10px 10px 10px 310px

    }



    .show_only_on_mobile {

        display: none

    }



    .nav-side-menu {

        box-shadow: 1px 0 10px -2px #000;

        -moz-box-shadow: 1px 0 10px -2px #000;

        -webkit-box-shadow: 1px 0 10px -2px #000

    }



    .nav-side-menu .menu-list .menu-content {

        display: block

    }

}



@media (max-width:993px) {

    .hide_on_mobile {

        display: none

    }



    .show_only_on_mobile {

        display: block

    }



    .nav-side-menu {

        position: relative;

        width: 100%;

        margin-bottom: 10px

    }



    .nav-side-menu .sub-menu .toggle-btn,.nav-side-menu .toggle-btn {

        display: block;

        cursor: pointer;

        position: absolute;

        right: 10px;

        top: 10px;

        z-index: 10!important;

        padding: 3px;

        background-color: #fff;

        color: #000;

        width: 40px;

        text-align: center

    }



    .brand {

        text-align: left!important;

        font-size: 22px;

        padding-left: 20px;

        line-height: 50px!important

    }



    .nav-side-menu .sub-menu {

        position: relative;

        width: 100%;

        margin-bottom: 10px

    }



    .sub-line li .sub-press li.active,.sub-line li .sub-press li.active a,.sub-line ul .sub-press li.active,.sub-line ul .sub-press li.active a {

        color: #03a9f4

    }



    .sub-line li .sub-press li,.sub-line ul .sub-press li {

        background-color: #181c20;

        border: 0;

        line-height: 28px;

        border-bottom: 1px solid #23282e;

        margin-left: 0

    }



    .sub-line li .sub-press li:hover,.sub-line ul .sub-press li:hover {

        background-color: #020203

    }



    .sub-line li .sub-press li:before,.sub-line ul .sub-press li:before {

        font-family: Arial;

        content: "\f105";

        display: inline-block;

        padding-left: 50px;

        padding-right: 10px;

        vertical-align: middle

    }



    .sub-line li {

        padding-left: 20px;

        border-left: 3px solid #2e353d;

        border-bottom: 1px solid #23282e

    }



    .sub-line li a {

        text-decoration: none;

        color: #e1ffff

    }



    .sub-line li a i {

        padding-left: 50px;

        width: 20px;

        padding-right: 20px

    }



    .sub-line li:hover {

        border-left: 3px solid #03a9f4;

        background-color: #4f5b69;

        -webkit-transition: all 1s ease;

        -moz-transition: all 1s ease;

        -o-transition: all 1s ease;

        -ms-transition: all 1s ease;

        transition: all 1s ease

    }

}



.navbar-dark .navbar-nav .nav-link {

    color: #fff

}



#linechart_visitors_and_dedications_stats {

    height:320px;

    background-color:rgba(8, 8, 8, 0.74);

    border: 1px solid black;

    padding:5px;

    padding-top: 10px;

}



.bg-bx_dark {

    background-color: #23282e!important;

    border-color: rgb(23, 20, 20);

}



.bg-bx_dark .card-header .card-title {

    margin-bottom: 0px;

}



.bg-bx_dark .card-header {

    border-bottom: 1px solid rgb(23, 20, 20);

}



.bg-bx_dark .card-body {

    background-color: #2e353d!important;

}



.row {

    margin-left: auto!important;

    margin-right: auto!important;

}



.no-padding {

    padding:0px;

}



.no-margin-bottom {

    margin-bottom:0px;

}



.table-dark thead {

    background-color: #444444;

}



.no-border-radius {

    border-radius: 0px;

}



#homepage_footer_links {

    padding-top:20px;

    padding-bottom: 30px;

}



::-webkit-scrollbar {

  width: 9px;

  height: 9px;

}

::-webkit-scrollbar-thumb {

  background: #03a9f4;

}

::-webkit-scrollbar-thumb:hover {

  background: #038fc5;

}

::-webkit-scrollbar-thumb:active {

  background: #00668e;

}

::-webkit-scrollbar-track {

  background: #666666;

}

::-webkit-scrollbar-track:hover {

  background: #666666;

}

::-webkit-scrollbar-track:active {

  background: #333333;

}

::-webkit-scrollbar-corner {

  background: rgb(23, 20, 20);

}



.bx_code {

    padding: 0.5rem 1rem;

    font-size: 87.5%;

    color: #fff;

    background-color: #222;

    border-radius: 0.2rem;

    margin: 0px;

}



#widget_page {

    background-color: #0d0d0d;

    color: white;

    width: 100%;

    margin: 0px;

    padding: 0px;

}



#widget_element #header {

    background-color: #0070BB;

    text-align: center;

    font-size:23px;

    padding:5px;

    font-family: 'Anton', sans-serif;

}



#widget_element #content {

    border: 4px solid #0070BB;

    background-color: #e9ebee;

    color: gray;

    border-top: 0px;

    overflow: auto;

    font-size: 17px;

    font-family: 'Teko', sans-serif;

    overflow: hidden;

    white-space: nowrap;

}



#widget_element #content img {

    float: left;

    max-height: 150px;

    margin-right: 20px;

    border-right: 1px solid #0070BB; 

}



.widget_primary_color {

    color: #ff8c00;

}



.widget_content.no_avatar.padding {

    padding: 18px 25px 15px 25px;

}



#widget_page #widget_element #error_message {

    background-color: red;

    text-align: center;

    font-family: 'Anton', sans-serif;

    font-size: 25px;

    padding: 20px;

}



#widget_element #content ol li {

    font-size: 15px;

    list-style-type: none;

    counter-reset: ol-counter;

    padding: 5px 20px 5px 20px;

    font-family: "Oswald", Tahoma, Arial;

    color: #2a2727;

    border-bottom: 1px solid rgba(0,0,0,.1);

    background-color: rgb(255, 255, 255);

}



#widget_element #content ol {

    margin: 0px;

    padding: 0;

}



#widget_element #content ol li:first-child {

    background-color: #2a2727;

    color:white;

    font-size: 18px;

}



#widget_element #content ol li:first-child strong {

    color: red;

    float: right;

}