/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 10 versions,ie > 7
*/

:root{
    --main-orange-color: #F77F00;
    --main-green-color: #009E60;
}

.btn-auth, .btn-auth:hover, .btn-auth:active {
    background-color: #fff;
    padding: .4em 1em;
    font-weight: 700;
    color: #222;
}

.btn-sign-up, .btn-sign-up:hover,.btn-sign-up:active, .community-form #subject_save {
    background-color: var(--main-orange-color);
    padding: .4em 1em;
    font-weight: 700;
    color: #fff;
}


.error-cmt{
    background-color: var(--main-orange-color);
    color: #fff;
    text-align:center;
    padding: .4em 1em;
    font-weight: 700;
}

.delete-subject {
    display: inline-block;
}

.link-crd a {
    display: inline-block;
    font-size: 11px;
    color: #fff !important;
    font-weight: 500;
    background-color: var(--main-green-color);
    padding: 0 .5em;
}

.nickname_s {
    color: var(--main-orange-color) !important;
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 1em;
}

.time-subject, .time-subject .tt-icon {
    color: var(--main-green-color) !important;
    font-weight: 600;
}

.txt-subject{
    width:100%;
}

.btn-delete-subject {
    font-size: 10px;
    border: none;
    font-weight: 500;
    background: #af2f2f;
    color: #fff;
    padding: 0 .7em;
}
.tt-item-description {
    overflow-wrap: break-word;
}
.inf-ms{
    font-weight: 700;
}
#error-ms {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    padding: 0.5em;
    display: none;
}

.trash-comment button {
    background: #af2f2f;
    border: none;
    outline: 0;
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
    color: #fff;
    border-radius: 3px;
    font-size: inherit;
}

.btn-create-comment {
    background-color: var(--main-orange-color) !important;
    padding: .5em 1em;
}

.tt-icon-btn {
    color: #222222ab;
}

.btn-sign-header, .btn-sign-header:hover, .btn-sign-header:active {
    background: var(--main-orange-color);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 0.3em 1em;
}

.btn-cr-act {
    background: var(--main-green-color);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 0.3em 1em;
}

.tt-logo {
    display: none;
}

.logo_mobile {
    display: inline-block;
}

.logo_mobile img {
    max-width: 30px;
}

.pagination {
    margin: 30px 0;
}

.pagination span.current,
.pagination .page a,
.pagination .next a,
.pagination .last a,
.pagination .previous a,
.pagination .first a {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    padding: .3em .7em;
}

.pagination span.current,
.pagination .next a,
.pagination .previous a {
    background-color: var(--main-orange-color);
}
.pagination .page a,
.pagination .last a,
.pagination .first a {
    background-color: var(--main-green-color);
}

.tt-col-value.hide-mobile {
    font-size: 14px;
    font-weight: 500;
}


.tt-desktop-menu {
    margin-left: 30px;
}
.tt-desktop-menu nav > ul > li > a span:hover {
    color: var(--main-orange-color);
}

.date-createdAt{
    color: var(--main-green-color);
    font-weight: 700;
    font-size: 13px;
    margin-bottom: 1em;
    text-decoration: underline;
}

.btn-edit-comment {
    border: none;
    background: var(--main-green-color);
    color: #fff;
    border-radius: 3px;
    font-size: inherit;
}

.tt-item-description {
    font-size: 13px;
    color: rgba(83, 67, 67, .8);
    font-weight: 500;
}

.time-subject {
    display: none;
}

.community-form #subject_title,
.community-form #subject_categoryForum {
    background: #fff;
}

.edit-comment-form .modal-title {
    margin: 0;
}

.label-modal {
    display: block;
    font-size: 11px;
    font-weight: 600;
}

.area-comment {
    width: 100%;
    padding: 5px;
    font-size: 13px;
    font-weight: 400;
    outline: 0;

}


.modal-footer {
    margin-top: 20px;
    text-align: right;
}

.modal-footer button {
    padding: 1em 1em;
    font-size: 12px;
    font-weight: 500;
    height: 0 !important;
    color: #fff !important;
}

.btn-close {
    background: var(--main-green-color) !important;
}

.btn-save {
    background: var(--main-orange-color) !important;
}
@media (min-width: 768px) {
    .logo_mobile {
        display: none;
    }
    .time-subject {display: block;}

    .tt-logo {
        display: inline-block;
    }
}