﻿.btn {box-shadow:none;}

.uploadedfile .info {text-align: center;font-size: 12px;}
.edit_post {float: right;margin-top: 3px;}
.edit_post [class*="ion"] {font-size: 20px;color: #c8c8c8;}
.unit-rating li a {transition: none;}
.short_info .raiting_stars {display: flex;justify-content: center;}
.short_info .raiting_stars .ion-thumbsup, 
.short_info .raiting_stars .ion-thumbsdown {color: #c8c8c8;font-size: 20px;}
.short_info .raiting_stars .ion-thumbsup:hover {color: #ffc000; }
.short_info .raiting_stars .ion-thumbsdown:hover {color: red;}
.short_cat {color: #a2a2a2;}

#dle-content {display: flex; flex-wrap: wrap;}
body.list .shortstory {width: 100%;}
body.grid #dle-content {margin: 0 -15px;}
body.grid .shortstory {flex: 0 0 22%;margin: 0 15px 30px;}
body.grid .shortstory .short_cat > span {display: none;}
body.grid .raiting_stars_grid {display: flex;justify-content: center;}
body.grid .edit_post {margin-top: -2px;}
body.grid .full_page #dle-content {margin: 0 0;}

.unit-rating, .unit-rating li a:hover, .unit-rating li.current-rating {background-image: url(../images/rating.png);}

/*=============================================================*/
/* MODAL
/*=============================================================*/
.modal {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0vh;
    background-color: transparent;
    overflow: hidden;
    transition: background-color 0.25s ease;
    z-index: 9999;
}
.modal.open {
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: rgba(239, 241, 245, 0.9);
    transition: background-color 0.25s;
}
.modal.open > .content-wrapper {
    transform: scale(1);
}
.modal .modal_body {
    overflow-y: auto;
    font-weight: normal;
    width: 100%;
    padding: 20px;
}
.modal .content-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    min-width: 300px;
    max-width: 945px;
    margin: 0;
    background-color: #fff;
    transform: scale(0);
    transition: transform 0.25s;
    transition-delay: 0.15s;
    max-height: 80%;
    border-radius: 3px;
    box-shadow: 0 2px 10px rgba(108, 111, 115, 0.2);
}
.modal .content-wrapper .close {
    position: absolute;
    top: -25px;
    right: -25px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border: none;
    background-color: transparent;
    font-size: 1.5rem;
    transition: 0.25s linear;
    background: #f94c47;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    z-index: 1;
    box-shadow: 0 2px 10px rgba(108, 111, 115, 0.2);
}
.modal .content-wrapper .close::before, .modal .content-wrapper .close::after {
    position: absolute;
    content: "";
    width: 1.25rem;
    height: 0.2rem;
    background-color: #fff;
    left: 14.55px;
    top: 22.65px;
}
.modal .content-wrapper .close:before {
    transform: rotate(-45deg);
}
.modal .content-wrapper .close:after {
    transform: rotate(45deg);
}
.modal .content-wrapper .close:hover {
    transform: rotate(360deg);
}
.modal .content-wrapper .close:hover:before, .modal .content-wrapper .close:hover:after {
    background-color: #fff;
}
.modal .content-wrapper .modal-header {

    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 20px 20px 0;
    border-bottom: 1px solid #ececec;
    background: #f8f8f8;
}
.modal-header .modal_title {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
    font-family: 'Oswald';
    text-transform: uppercase;
}
.modal-header p {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}
.modal .content-wrapper .content {
    position: relative;
    display: block;
}
/*.modal .content-wrapper .content p {
font-size: 0.875rem;
line-height: 1.75;
}*/
.modal .content-wrapper .modal-footer {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    margin: 0;
    padding: 40px;
}
.modal .content-wrapper .modal-footer .action {
    position: relative;
    margin-left: 0.625rem;
    padding: 0.625rem 1.25rem;
    border: none;
    background-color: slategray;
    border-radius: 0.25rem;
    color: white;
    font-size: 0.87rem;
    font-weight: 300;
    overflow: hidden;
    z-index: 1;
}
.modal .content-wrapper .modal-footer .action:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.2);
    transition: width 0.25s;
    z-index: 0;
}
.modal .content-wrapper .modal-footer .action:first-child {
    background-color: #2ecc71;
}
.modal .content-wrapper .modal-footer .action:last-child {
    background-color: #e74c3c;
}
.modal .content-wrapper .modal-footer .action:hover:before {
    width: 100%;
}
[data-modal="trigger-u_panel"] .content-wrapper {width: 300px;}
.modal .avatar > a > span {width: 70px;height: 70px;display: inline-block;border-radius: 50%;background-size: contain;}
.modal .login_pane__info {display: flex; justify-content: center; margin-bottom: 20px;}
.modal .u_name {text-align: center;font-weight: bold;color: #212121;font-size: 18px;}

.btn.btn_red, .btn.btn_red:hover {background: #f94c47;}
.btn, .ui-button {border-radius: 3px;}

.soc_links {text-align: center;}
.soc_links a {display:inline-block; vertical-align:top; padding: 0 !important;}
.soc_links img {display:block; width:25px; height: 25px; border-radius: 50%;}

.login_pane__foot {display: flex;justify-content: right;border-top: 1px solid #ececec;margin: 20px -20px 0;padding: 20px 20px 0;}
.login_pane__menu li {display: flex;margin: 0 -20px;}
.login_pane__menu a {display: block;padding: 7px 20px; width: 100%;color: #212121;}
.login_pane__menu a:hover {background: #f8f8f8;}
.login_pane__menu .right {float: right;background: #ddd;min-width: 25px;text-align: center;display: inline-block;border-radius: 3px;font-weight: normal;color: #fff;padding: 0 7px;}
.login_pane__menu a [class*="ion"] {float: left;}

.login_form input {width: 100%;}
.login_form li {margin-bottom: 20px;}
.login_form__foot {display: flex;justify-content: space-between;}
.login_form__foot a { color: #212121}
.btn_block {display: flex;justify-content: center;margin-bottom: 20px;}

.navigation {display: flex;width: 100%;justify-content: center;}
.pages span {background: #72d0fb;color: #fff;border-radius: 3px;box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1);display: inline-block;line-height: 35px;height: 35px;min-width: 35px;text-align: center;padding: 0 10px;}
.pages a {background: #fff;color: #212121;border-radius: 3px;box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1);display: inline-block;line-height: 35px;height: 35px;min-width: 35px;text-align: center;padding: 0 10px; margin: 3px;} 
.pages a:hover {background: #f8f8f8;}

.highslide img:hover {cursor: pointer;}
.full_page .raiting_stars {display: flex;justify-content: center;}
.full_page #dle-content {display: block;width: 100%;}
.none_download {font-size: 12px;color: #fff;background: #f94c47;padding: 7px 10px;border-radius: 3px;}
.text_spoiler > br, .text_spoiler + br {display: none;}
.quote, blockquote {padding: 1% 2%;border-left: 5px solid #eff1f5;font-style: normal;font-size: 17px;color: #000;}
.editdate {padding: 10px 18px;border-radius: 3px;background: #eff1f5;font-size: 13px;margin-top: 20px;}

.system_req {border-bottom: 1px solid #ececec;display: flex;margin: 0 -30px -1px;padding: 0 30px 30px;}
.system_req ul {padding-left: 15px;width: 100%;}
.system_req ul li {list-style: square;padding: 8px 10px;}
.system_req ul li:nth-child(2n+1) {background: #f8f8f8;}

.box.next-prev.ignore-select {display: flex; justify-content: space-between; flex-wrap: wrap;}
.box.next-prev.ignore-select a {margin:0 0 30px;}

.screen_container {border-top: 1px solid #ececec;margin: 0 -30px;padding: 20px 30px 0;} 
.screen_container .full_screens {margin-top: 0;}
.section_name {margin-bottom: 30px;padding: 0 25px;}
.descr_container {border-top: 1px solid #ececec;padding: 20px 30px 30px;margin: 0 -30px;}

.form-group.combo {display: flex;justify-content: space-between; margin-bottom: 30px;}
.combo_field {flex: 0 0 48.7%;}
#comment-editor {margin-bottom: 30px;}
.com_list {background: #fff;}
[id*="comment-id"] {border-bottom: 1px solid #ececec;margin: 0 -25px 25px;padding: 0 25px 0 15px;}
.com_user .meta {float: right;}
.com_user {margin-bottom: 10px;}
.title_quote {border-bottom: 0;margin-top: 2px;font-weight: bold;border-left: 5px solid #eff1f5;background: #eff1f5;padding: 7px 20px;font-size: 12px;}
.com_content .quote, .com_content blockquote {padding: 1% 2%;border-left: 5px solid #eff1f5;font-size: 12px;color: #212121;font-style: italic;}
.mass_comments_action {text-align: right;}
.u_com_ava {width: 30px;height: 30px;display: inline-block;border-radius: 50px;float: left;margin: -3px 20px 0 0;}
.com_content {border-left: 1px solid #ececec;padding: 5px 25px 25px 25px;margin-left: 15px;margin-top: -5px;}
.on_line {color: #fff;font-size: 12px;background: #35c535;border-radius: 3px;display: inline-block;padding: 0px 5px;}
.moder_panel {margin-top: 10px;margin-bottom: -7px;display: flex;align-items: center;margin-left: -5px;}
.moder_panel a {color: #888; font-size: 12px;}

form {width: 100%;}
.box_content, .box_info, .box_in .text, td.search {background: #fff; box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1);border-radius: 3px; padding: 25px;width: 100%;}
.box_info {background: #f8f8f8;}
.box_in .title {margin-bottom: 30px; padding-left: 25px;}
.ui-form li {margin-bottom: 30px;}
.regtext {margin-bottom: 25px;}

#entryform {width: 100%;} 
tr[id*="xfield_holder"] {border-bottom: 1px solid #ddd;}
tr[id*="xfield_holder"] td.addnews {width: 25%;}
tr[id*="xfield_holder"] .xfields, .form-group {}
/*.form_submit {padding: 30px 0;text-align: center;}*/

.searchpage {width: 100%;}
.searchpage td.search {background: #fff; box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1);border-radius: 3px; padding: 25px;}
.searchpage td.search input[type="button"], td.search input[type="reset"] {margin-left: 0 !important;}
.searchpage .search input {width: auto;}
.searchpage .search_result_num {padding: 25px;}
.searchpage .search input {width: auto;border-radius: 3px;border: 0;font-size: 16px;padding: 12px 25px 12px 25px;box-shadow: none;height: auto;}
.searchpage td.search input[type="text"]{border: 1px solid #ddd;}

.usinf li {display: flex;padding: 10px 20px;}
/*.usinf li:nth-child(2n+1) {background: #f8f8f8;}*/
.usinf li .ui-c1 {flex: 0 0 250px; font-weight: 600;}
.userinfo_top {display: flex; align-items: center; margin-bottom: 30px;}
.userinfo_top img {width: 70px;height: 70px;border-radius: 50%;display: block;}
#dlemasscomments {background: #fff;padding: 25px;box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1);border-radius: 3px;margin-bottom: 30px;}











