/* Dark mode switcher */

/* Dark mode switcher */

.dswitch label {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    overflow: hidden;
    cursor: pointer
}

.dswitch .moon {
    display: none
}

.dswitch input[type=checkbox] {
    display: none
}

.dswitch input[type=checkbox]:checked + label .sun {
    display: none
}

.dswitch input[type=checkbox]:checked + label .moon {
    display: block
}

.wpnm-button {
    font-size: 16px;
}

.wpnm-button-inner-left:before,
.wpnm-button-inner-left:after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    outline: none
}

.wpnm-button .wpnm-button-inner,
.wpnm-button .wpnm-button-inner-left {
    display: block;
    font-size: 0.875em;
    position: relative;
    padding: 0em;
    line-height: 1em;
    cursor: pointer;
    color: rgba(149, 149, 149, 0.51);
    font-weight: normal;
    /*    top: 32px;*/
}

.wpnm-button .wpnm-button-inner-left:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    line-height: 2.125em;
    text-indent: 2.5em;
    height: 1em;
    width: 1em;
    margin: 0.25em;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    right: 2.625em;
    bottom: 0em;
    background: #FFB200;
    transform: rotate(-45deg);
    box-shadow: 0 0 0.625em white;
}

.wpnm-button .wpnm-button-inner-left:after {
    content: "";
    display: inline-block;
    width: 3.5em;
    height: 1.5em;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    background: rgba(255, 255, 255, 0.15);
    vertical-align: middle;
    margin: 0 0.625em;
    border: 0.125em solid #FFB200;
}

.wpnm-button.active .wpnm-button-inner-left:before {
    right: 1.0625em;
    box-shadow: 0.3125em 0.3125em 0 0 #eee;
    background: transparent
}

.wpnm-button.active .wpnm-button-inner-left:after {
    background: rgba(0, 0, 0, 0.15);
    border: 0.125em solid white
}

.wpnm-button .wpnm-button-inner-left {
    color: rgba(250, 250, 250, 0.51);
    font-weight: bold
}

.wpnm-button.active .wpnm-button-inner-left {
    color: rgba(149, 149, 149, 0.51);
    font-weight: normal
}

.wpnm-button.active .wpnm-button-inner-left + .wpnm-button-inner {
    color: rgba(250, 250, 250, 0.51);
    font-weight: bold
}

/* End Dark mode switcher */
body.dark-mode {
    background: #191f25;
}

body.dark-mode,
.dark-mode p {
    color: #c1c1c2;
}

.dark-mode a {
    color: #fff
}

.dark-mode a:hover {
    color: #ddd
}


.dark-mode #wrapper {
    background: #191f25;
    background: #2f353b;
}

/*//////////////////////////////////////////////*/
/*//////////////////////////////////////////////*/
/*//////////////////////////////////////////////*/
body.dark-mode,
.dark-mode p {
    color: #c1c1c2;
}

.dark-mode header {
    background-color: #222222;
}

.dark-mode .slider-content {
    background-color: #222222;
}

.dark-mode .league-owl-slider .item {
    background-color: #424447;
    border-right: 1px solid #373739;
}

.dark-mode .league-owl-slider.owl-carousel .owl-nav .owl-prev,
.dark-mode .league-owl-slider.owl-carousel .owl-nav .owl-next {
    background-color: #2a2b2d;
}

.dark-mode .league-owl-slider .owl-next svg,
.dark-mode .league-owl-slider .owl-prev svg {
    fill: #fff;
}

.dark-mode a {
    color: #fff
}

.dark-mode a:hover {
    color: #ddd
}

.dark-mode .tag-cloud-single span,
.dark-mode .navbar-inverse {
    color: #ffffff !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    background-color: #32373c !important;
}

.dark-mode .section {
    background-color: #191f25;
}

.dark-mode .masonry-box {
    border: 0.34rem solid #32373c;
}

/*
////////////////////////////////////////////
///////////////////////////news Css*
*/
.dark-mode .sidebar .sidebar-item ul li {
    background-color: #282e34;
}

.dark-mode .mini-articles,
.dark-mode .all-articles,
.dark-mode .sa-news-inner3,
.dark-mode .egy-news-all,
.dark-mode .news-single,
.dark-mode .main-content {
    background-color: #282e34;
}

/*
.dark-mode .articles-block {
    background: #202224;
}
*/
.dark-mode .egy-egy,
.dark-mode .all-articles,
.dark-mode .sidebar .sidebar-item,
.dark-mode .ext_2,
.dark-mode .main-content {
    box-shadow: none;
    border-bottom: 2px solid #3d3f42;
}

.dark-mode .LabLink:before {
    border-right: 10px solid #2f353b;
}

.dark-mode .media {
    border-bottom: 1px solid #34424c;
    background: #282e34;
}

.dark-mode h1.title.skin1-color {
    background-color: #282e34;
}

.dark-mode .hm-rel-post {
    background: #191f25;
}

.dark-mode h4.related-posts-title,
.dark-mode .card-title-match {
    border-bottom: 1px solid rgb(255, 255, 255, 10%);
}

.dark-mode h4.related-posts-title::after,
.dark-mode .card-title-match::after {
    background: #eeeeee;
}

.dark-mode .tags a {
    border: 1px solid #373c41;
    color: #fff;
}

.dark-mode #commentsbox,
.dark-mode #respond,
.dark-mode #result2 {
    background: #282e34;
}

.dark-mode .comments-note {
    background-color: #191f25;
    border: 1px solid #282e34;
}

.dark-mode #commentform input#author,
.dark-mode #commentform input#email,
.dark-mode #commentform input#url,
.dark-mode #commentform textarea {
    background: #282e34;
    border: 1px solid #494e52;
    color: #c8c8c8;
}

.dark-mode input,
.dark-mode textarea {
    background: #282e34;
    border: 1px solid #494e52;
    color: #c8c8c8;
}

.dark-mode #scroll-top,
.dark-mode .footer-bloch {
    background: #252831;
}

.dark-mode ul.about-match li {
    background: #282e34;
    border: 1px solid #3d3e52;
}

.dark-mode ul.about-match li i {
    background: #475b70;
    border: 1px solid #3c454d;
}

.dark-mode .main-cat {
    background: #282e34;
    border-bottom: 1px solid #393d4d;
}

.dark-mode .paginate-num span {
    background: #242f39;
}

.dark-mode .paginate-num span,
.dark-mode .paginate-num a {
    border: 1px solid #495462;
}

/*////////////////////////////////////////////*/
/*////////////////////////////////////////////*/
/*Start dark-mode Table Match Css*/
.dark-mode .cat-name {
    background: #3b434b;
    border: 1px solid #404142;
}

.dark-mode .egy-live-table {
    border: 1px solid #191f25;
    background: #32373c;
}

.dark-mode .egy-live-table .table-title,
.dark-mode .sidebar .widget-title,
.dark-mode .blog-top {
    background: #32373c;
    border-bottom: 1px solid #32373c;
    border-top: 3px solid #3d3f42;
}

.dark-mode .egy-live-table .filter-days,
.dark-mode .page-title,
.dark-mode .blog-list .blog-meta.big-meta h4 {
    background-color: #282e34;
}

.dark-mode .egy-live-table .tablinks {
    background: #32373c;
    border: 1px solid #191f25;
}

.dark-mode .egy-live-table .egy_sports_events-event_item {
    background: #282e34;
    border: 1px solid #282e34;
}

.dark-mode .egy-live-table .table-title select {
    border: 1px solid #191f25;
    background: #282e34;
}

.dark-mode .egy-live-table .egy_sports_events-team_title,
.dark-mode .egy-live-table .result,
.dark-mode .egy-live-table .match-data .city,
.dark-mode .egy-live-table .event_title_wrapper .matchTime {
    color: #cecfd0;
}

.dark-mode .competition_slide .cover {
    background-color: #282e34;
}

.dark-mode .comp-inner-side {
    border-bottom: 1px solid #3e3e3e;
}

.dark-mode .competition_slide .cover .item_title .title {
    color: #d9d9d9;
}

.dark-mode .standing .table .wRow,
.dark-mode .groupTabs .table .wRow {
    background: #282e34;
    border: 1px solid #222522;
}

.dark-mode .standing .table .wRow .item:nth-child(9),
.dark-mode .standing .table .wRow .item p,
.dark-mode .groupTabs .table .wRow .item p,
.dark-mode .groupTabs .table .wRow .item:last-child,
.dark-mode .post-text p {
    color: #f0f0f0;
}

.dark-mode .scorers {
    background: #282e34;
}

.dark-mode .scorers .cnts li {
    background: #282e34;
    border: 1px solid #3f464d;
}

.dark-mode .scorers .cnts li .goalsNum {
    background: #32373c;
}

.dark-mode .ttl {
    background: #32373c;
}

.dark-mode .groupTabs .table .wRow:last-child {
    border-bottom: 1px solid #32373c;
}

.dark-mode .comp-inner {
    background: #191f25;
    border: 1px solid #4e5255;
}

.dark-mode .competition_slide .action a {
    background: #282e34;
    color: #e0e0e0;
    border-bottom: 2px solid #32373c;
}

.dark-mode .table {
    color: #fff;
    background-color: #343a40;
}

.dark-mode .table td,
.dark-mode .table th {
    border-top: 1px solid #282e34;
}

.dark-mode .egy_b h4 {
    border: 1px solid #31373d;
}

/*End dark-mode Table Match Css*/
.dark-mode .authorbox p a,
.dark-mode .pp a,
.dark-mode .sitemap-wrapper small,
.dark-mode .fa-user-circle-o,
.dark-mode .footer h5:hover,
.dark-mode a:hover,
.dark-mode a:focus {
    color: #c1c1c2 !important;
}

.dark-mode .list-group-item {
    background-color: #282e34;
}

.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6,
.dark-mode .egy-live-table .table-title .title,
.dark-mode .egy-live-table .table-title select,
.dark-mode .competitions .column .title-column h3 a,
.dark-mode h1.title.skin1-color,
.dark-mode .hm-rel-post .post-title a {
    color: #ffffff;
}

.dark-mode .footer a,
.dark-mode .footer p,
.dark-mode .blog-list-widget small,
.dark-mode .copyright {
    color: rgb(255, 255, 255, 60%) !important;
}

.dark-mode h1:hover a,
.dark-mode h2:hover a,
.dark-mode h3:hover a,
.dark-mode h4:hover a,
.dark-mode h5:hover a,
.dark-mode h6:hover a {
    color: #d5d5d5 !important;
}

.dark-mode .blog-meta.big-meta p {
    color: #d5d5d5;
}

.dark-mode .sidebar .widget ul li {
    border-bottom: 1px solid #32373c;
}

.dark-mode .sidebar .widget ul li:last-child {
    border-bottom: 0px
}

.dark-mode a.sunset-load-more {
    background-color: #282e34;
    border: 1px solid #32373c;
}

.dark-mode .header .dropdown-item:hover,
.dark-mode .header .dropdown-item:focus {
    background-color: #32373c;
}

.dark-mode .header .dropdown-menu {
    border-color: #1d2327;
    background: #1d2327;
}

.dark-mode .navbar-inverse .navbar-nav .active > .nav-link,
/*.dark-mode .navbar-inverse .navbar-nav .nav-link.active,*/
.dark-mode .navbar-inverse .navbar-nav .nav-link.open,
.dark-mode .navbar-inverse .navbar-nav .open > .nav-link {
    color: #ffffff !important;
    background: #1d2327;
}

.dark-mode .navbar-nav .nav-link:hover,
.dark-mode .navbar-nav .nav-link:focus {
    color: #ffffff !important;
    background: #1d2327;
}

.dark-mode .navbar-nav li:hover a,
.dark-mode .navbar-nav li:focus a {
    background-color: #1d2327;
    color: #fff;
}

.dark-mode .page-link {
    background-color: #0a0c10 !important;
}

.dark-mode .small-title {
    background: #282e34 none repeat scroll 0 0;
}

.dark-mode .custombox {
    border: 1px dashed #31373d;
}

.dark-mode .form-wrapper .form-control {
    background: #282e34 none repeat scroll 0 0;
    border: 1px dashed #38393b;
    color: #fff
}

.dark-mode .cats-count {
    background: #282e34;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    margin-bottom: 15px;
}

/*/////////////////////////////////////////