/* common.css */
.login_form ul {
   padding: 15px 0 0;
}
.login_form li span {
   padding: 10px 25px;
   display: block;
}
.login_form input {
   width: 270px;
}
.login_form_links {
   display: flex;
   justify-content: space-between;
   padding: 10px 25px;
   margin-bottom: 10px;
}
.login_form_links a {
   color: #fb2525;
}
.login_form button {
   display: block;
   font-size: 12px;
   font-weight: 700;
   line-height: normal;
   text-decoration: none;
   padding: 15px 25px 15px 25px;
   border-bottom: 1px solid #e5e5e5;
   color: #333333;
   background: #f4f4f4;
   text-transform: uppercase;
   text-align: center;
}
.login_form .dropdown-menu > li > button:hover, 
.login_form .dropdown-menu > li > button:focus {
    background: #ff0000;
    color: #fff;
}



.filter-sidebar .card .btn {
   font-weight: 600;
}
.filter-sidebar .card a {
   font-size: 14px;
}


.ui-dialog {
   background-color: #111;
}
.ui-dialog .ui-dialog-buttonpane,
.ui-dialog-content,
.ui-dialog-titlebar {
   border: 1px solid #151516 !important;
}


.video-type {
   font-size: 0 !important;
}
.video-type a:first-child {
   font-size: 15px;
   text-align: left !important;
   color: #a3a3a3;
   margin-right: 8px;
   padding-right: 10px;
   line-height: 12px;
   display: inline-block;
   margin-top: 5px;
}
.video-type a:hover {
   color: #ff0000;
}

.swiper-slide .content .title {
   font-size: 28px;
}


video {
   object-fit: cover;
}

#dle-content {
   display: flex;
   flex-wrap: wrap;
   width: 100%;
}
#dle-content .video-block {
   margin-bottom: 50px;
}

.details-info a {
   color: #a3a3a3;
}
.details-info a:hover {
   color: #ff0000;
}
#dropmenudiv {
   background-color: #111 !important;
}
#dropmenudiv a:hover {
   background-color: #ff0000;
}

.pages {
   display: flex;
   width: 100%;
   justify-content: center;
   flex-wrap: wrap;
   margin-top: 30px;
}
.pages span,
.pages a {
   display: inline-flex;
   justify-content: center;
   align-items: center;
   padding: 10px;
   min-width: 38px;
   line-height: 1;
   margin: 3px;
   font-weight: 600;
   font-size: 16px;
}
.pages span {
   background: #f00;
}

.comm_rating [class*="icofont"] {
   font-size: 18px;
   margin: 0 5px;
}
.rating a {
   transition: none;
}
.rate_like_icon {
   margin-right: 5px;
}

#dle-comments-list > ol {padding-left: 0;}
#comment + .comments-tree-list {
   padding: 0;
}
[id*="comments-tree-item"] ol {
   padding-left: 30px
}
#dle-comments-list li {
   border-bottom: 1px solid #272829;
   padding-bottom: 15px;
   margin-bottom: 35px;
}
.comm_top {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 20px;
}
.comm_top .avatar {
   width: 45px;
   border-radius: 25px;
   height: 45px;
   overflow: hidden;
   margin-right: 25px;
}
.comm_top .avatar img {
   width: 100%;
   height: 100%;
   display: block;
   object-fit: cover;
}
.comm_user_block {
   display: flex;
   align-items: center;
}
.comm_author {
   font-weight: 600;
}
.com_tools {
   display: flex;
   justify-content: right;
}
.comm_date,
.com_tools a {
   color: #a3a3a3;
   font-size: 14px;
}
.com_tools a {
   margin: 0 5px;
}
.com_tools a:hover {
   color: #ff0000;
}

.com_content .text {
   margin-bottom: 15px;
   background: #272829;
   padding: 12px 20px;
}
.quote::before,
blockquote::before {
   color: #f00;
}

.mass_comments_action {
   display: none;
}
.addcomments_form .ui-form,
.ui-form {
   padding-left: 0;
}
.form_submit {
   text-align: right;
}
.btn {
   padding: 10px 20px;
}



.fr-view,
.gray-theme .fr-wrapper .fr-placeholder,
.gray-theme.fr-toolbar,
.gray-theme.fr-box .fr-counter {
   background-color: #272829;
}

.gray-theme.fr-box .fr-counter {
   color: #989898;
   border-top: solid 1px #2d2b36;
   border-left: solid 1px #2d2b36;
}

.fr-toolbar .fr-command.fr-btn i,
.gray-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
   color: #989898;
}

.gray-theme .fr-separator {
   background: #3c3a46;
}

.gray-theme.fr-desktop .fr-command:hover {
   background-color: transparent;
}

.gray-theme.fr-desktop .fr-command:hover i,
.gray-theme.fr-box.fr-basic .fr-element {
   color: rgb(255, 255, 255);
}

.gray-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.gray-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,
.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
   background: #1a191f !important;
}

.fr-box.fr-basic .fr-wrapper {
   background: #272829 !important;
}



#searchsuggestions {
   width: 800px;
   max-width: 800px;
   background: #171717;
}
#searchsuggestions a,
#searchsuggestions span.notfound {
   border-bottom: 1px solid #222;
}
#searchsuggestions span.searchheading {
   color: #fff;
   font-weight: 500;
}
#searchsuggestions a:hover {
   background-color: #222;
}

#fullsearch {
   width: 100%;
   margin-bottom: 35px;
}
#entryform,
#sendmail,
form,
.block {
   width: 100%;
}

#pm-menu,
.pm-box {
   display: block;
   margin-bottom: 25px;
}
#pm-menu a,
.user_tab a {
   background: #ff0000;
   color: #fff;
   padding: 10px 30px;
   border: 0;
   border-radius: 0;
   text-transform: capitalize;
}
#pm-menu a:hover,
.user_tab a:hover {
   background: #000 !important;
   color: #fff;
}
.usinf {padding-left: 0;}
.usinf li {display: flex;}
.usinf li .ui-c1 {
   min-width: 135px;
   margin-right: 10px;
}
.ui-dialog-buttonset {
   display: flex;
   font-size: 14px;
   justify-content: space-between;
   width: 100%;
}

.content_block {
   background: #272829;
   padding: 20px;
   margin-bottom: 35px;
}
.content_block ul {
   padding-left: 0;
   margin-bottom: 0;
}

.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="password"],
.form-group textarea,
.form-group select {
   -webkit-box-shadow: none;
   box-shadow: none;
   border: 1px solid #dadada;
   padding: 5px 20px;
   height: 50px;
   background: none;
   color: #959595;
   border-radius: 0;
}
.form-group textarea {
   height: auto;
}

.form-group label {
   display: block;
}
.form-group .checkbox {
   display: flex;
   align-items: center;
}
.form-group .checkbox [type="checkbox"] {
   position: relative;
   top: -4px;
}

.form_submit .c-capcha {
   float: none;
}

.info_block {
   width: 100%;
   padding: 15px 20px;
   background: #f00;
   margin-bottom: 20px;
}


.userinfo_top {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
}
.userinfo_top .avatar {
   margin-right: 20px;
   height: 110px;
   width: 110px;
}
.userinfo_top .avatar img {
   display: block;
   object-fit: cover;
   width: 100%;
   height: 100%;
}
.user_tab {
   display: flex;
   padding: 8px 0;
   flex-wrap: wrap;
}
.user_tab a {
   margin-right: 20px;
}
.userinfo_status {margin-bottom: 15px;}
.tab-pane .usinf .ui-c1 {min-width: 200px;}