/*
            /$$
    /$$    /$$$$
   | $$   |_  $$    /$$$$$$$
 /$$$$$$$$  | $$   /$$_____/
|__  $$__/  | $$  |  $$$$$$
   | $$     | $$   \____  $$
   |__/    /$$$$$$ /$$$$$$$/
          |______/|_______/
================================
        Keep calm and get rich.
                    Is the best.
*/
/*
 contribution style
*/
.nice-post-contribute {
    background-color: #f9fafd;
}

.nice-contribute-header.toolbar-fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    background-color: transparent !important;
    padding: 1rem;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.nice-contribute-header.toolbar-fixed-top.scroll {
    padding-top: .25rem;
    padding-bottom: .25rem;
    -webkit-box-shadow: 0px 5px 60px 0px rgba(17, 58, 93, 0.1);
    -ms-box-shadow: 0px 5px 60px 0px rgba(17, 58, 93, 0.1);
    box-shadow: 0px 5px 60px 0px rgba(17, 58, 93, 0.1);
    background-color: #fff !important;
}

.nice-contribute-header .navbar-brand {
    max-width: 200px;
}

.nice-contribute-header .navbar-brand img {
    max-height: 45px;
}

.nice-contribute-header .navbar-brand .logo-dark {
    display: none;
}

.nice-contribute-header.toolbar-fixed-top .navbar-brand,
.nice-contribute-header.toolbar-fixed-top .nice-contribute-action {
    display: none;
}

.nice-contribute-action {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0
}

.nice-contribute-main {
    padding: 0;
    position: relative;
}

@media (max-width: 991.98px) {
    .nice-contribute-action .btn-send {
        border-radius: 50px;
        width: 1.8rem;
        height: 1.8rem;
        padding: 0;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {

    .nice-contribute-header .navbar-brand {
        max-width: 130px;
    }

    .nice-contribute-main {
        padding: 0;
    }
}

@media (max-width:767.98px) {

    .nice-contribute-header .navbar-brand {
        max-width: 130px;
    }

    .nice-contribute-header.toolbar-fixed-top {
        padding: .5rem 1rem;
    }

    .nice-contribute-header.toolbar-fixed-top.scroll .navbar-brand,
    .nice-contribute-header.toolbar-fixed-top.scroll .nice-contribute-action {
        display: none;
    }

    .nice-contribute-action .btn-send {
        border-radius: 50px;
        width: 1.75rem;
        height: 1.75rem;
        padding: 0;
        position: relative;
    }

    .nice-contribute-action .btn-send .svg {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

    .nice-contribute-main {
        padding: 0;
        position: relative;
    }

}

.nice-editor-header .editor-input {
    outline: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    width: 100%;
    background: transparent;
    border: 0;
    padding: 0;
}

.nice-editor-card {
    -webkit-box-shadow: 0px 5px 20px -5px rgba(17, 58, 93, 0.06);
    -ms-box-shadow: 0px 5px 20px -5px rgba(17, 58, 93, 0.06);
    box-shadow: 0px 5px 20px -5px rgba(17, 58, 93, 0.06);
}

.nice-editor-body {
    position: relative;
    min-height: 100vh;
    height: 100%;
}

.list-contribute-cat {
    width: 100%;
    max-height: 100px;
    overflow: hidden;
    overflow-y: auto;
}

.list-contribute-cat::-webkit-scrollbar {
    width: 6px;
    background-color: transparent;
}

.list-contribute-cat::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: none;
    background-color: var(--bg-dark);
}

.list-contribute-cat::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    border-radius: 10px;
    background-color: var(--bg-light);
}

@media (max-width:575.98px) {
    .list-contribute-cat {
        height: 320px;
    }

}

.list-contribute-cat .item-cat {
    cursor: pointer;
}


.list-contribute-cat .item-cat .action {
    position: relative;
    margin: 0 .5rem;
}

.list-contribute-cat .item-cat .action i {
    position: relative;
    display: block;
    font-size: 1.5rem;
    color: #ffffff;
    width: 20px;
    height: 20px;
}

.list-contribute-cat .item-cat.active .action i {
    color: #fff;
}

.list-contribute-cat .item-cat .action i::before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    border: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #d8d8d8;
    border: 0 solid rgba(255, 255, 255, 0.55);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.list-contribute-cat .item-cat.active .action i::before {
    background: #FF5D4A;
}

.list-contribute-cat .item-cat .action i:after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg t='1565691057274' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='6622' width='20' height='20'%3E%3Cpath d='M426.666667 690.00533366l392.192-392.234667 60.373333 60.330667L426.666667 810.66666666l-271.530667-271.530667 60.330667-60.330666z' p-id='6623' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E");
}

.contribute-popup label {
    cursor: pointer;
    margin-bottom: 0;
}

.contribute-popup input[type=radio],
.contribute-popup input[type=checkbox] {
    cursor: pointer;
    width: 12px;
    height: 12px;
}

.contribute-popup input[type=radio][type=radio],
.contribute-popup input[type=checkbox][type=radio] {
    border-radius: 30px;
}

.contribute-popup input[type=radio][type=radio]:before,
.contribute-popup input[type=checkbox][type=radio]:before {
    width: 100%;
    border-radius: 30px;
    background-color: #f5f6fa;
    -webkit-box-shadow: 0 0 0 2px #d8d8d8;
    box-shadow: 0 0 0 2px #d8d8d8;
}

.contribute-popup input[type=radio][type=radio]:checked:before,
.contribute-popup input[type=checkbox][type=radio]:checked:before {
    background-color: #f5f6fa;
    -webkit-box-shadow: 0 0 0 2px #FF5D4A;
    box-shadow: 0 0 0 2px #FF5D4A;
}

.contribute-popup input[type=radio][type=radio]:after,
.contribute-popup input[type=checkbox][type=radio]:after {
    width: 100%;
    height: 100%;
    border-radius: 30px;
    background-color: #FF5D4A;
    -ms-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
}

.contribute-popup input[type=radio][type=radio]:checked:after,
.contribute-popup input[type=checkbox][type=radio]:checked:after {
    -ms-transform: scale(0.75, 0.75);
    -webkit-transform: scale(0.75, 0.75);
    transform: scale(0.75, 0.75);
}

.contribute-popup input[type=radio]:before,
.contribute-popup input[type=checkbox][type=radio]:before,
.contribute-popup input[type=checkbox]:before {
    -o-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.contribute-popup input[type=radio]:before,
.contribute-popup input[type=radio]:after,
.contribute-popup input[type=checkbox]:before,
.contribute-popup input[type=checkbox]:after {
    content: "";
    position: absolute;
}

.contribute-popup input[type=radio]:before,
.contribute-popup input[type=checkbox]:before {
    height: 100%;
}

.contribute-popup input[type=radio][type=checkbox]:before,
.contribute-popup input[type=checkbox][type=checkbox]:before {
    width: 200%;
    background-color: #062742;
    -webkit-box-shadow: 0 0 0 1px #062742;
    box-shadow: 0 0 0 1px #062742;
    -ms-transform: translate(-25%, 0);
    -webkit-transform: translate(-25%, 0);
    transform: translate(-25%, 0);
    border-radius: 30px;
}

.contribute-popup input[type=radio]:after,
.contribute-popup input[type=checkbox][type=radio]:after,
.contribute-popup input[type=checkbox]:after {
    -o-transition: all 0.25s cubic-bezier(0.75, 0.01, 0.48, 2);
    -webkit-transition: all 0.25s cubic-bezier(0.75, 0.01, 0.48, 2);
    transition: all 0.25s cubic-bezier(0.75, 0.01, 0.48, 2);
}

.contribute-popup input[type=radio]:before,
.contribute-popup input[type=radio]:after,
.contribute-popup input[type=checkbox]:before,
.contribute-popup input[type=checkbox]:after {
    content: "";
    position: absolute;
}

.contribute-popup input[type=radio][type=checkbox]:after,
.contribute-popup input[type=checkbox][type=checkbox]:after {
    width: 80%;
    height: 80%;
    margin-top: 10%;
    margin-left: 10%;
    background-color: #062742;
    border-radius: 30px;
    -ms-transform: translate(60%, 0);
    -webkit-transform: translate(60%, 0);
    transform: translate(60%, 0);
}

.contribute-popup input[type=radio],
.contribute-popup input[type=checkbox] {
    position: relative;
}

#contribute-popup-wrap {
    display: none;
}

.nice-post-contribute .tooltip {
    padding: .3rem 0;
}

.nice-post-contribute .tooltip .arrow {
    width: .6rem;
    height: .3rem;
}

.nice-post-contribute .tooltip .arrow::before {
    border-bottom-color: #fff;
}

.nice-post-contribute .tooltip .arrow::before,
.nice-post-contribute .tooltip .arrow::before {
    bottom: 0;
    border-width: 0 .3rem .3rem;
}

.nice-post-contribute .tooltip .tooltip-inner {
    background-color: #fff;
    color: #666;
    font-size: 12px;
    padding: 5px 8px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(17, 58, 93, 0.1);
    -ms-box-shadow: 0px 0px 20px 0px rgba(17, 58, 93, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(17, 58, 93, 0.2);
}

.svg-c-success {
    display: inline-block;
    margin: 0 auto 1rem;
    width: 56px;
    height: 56px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4My44OSA4My45Ij48ZyBkYXRhLW5hbWU9IuWbvuWxgiAyIj48ZyBkYXRhLW5hbWU9IuWbvuWxgiAxIj48cGF0aCBkPSJNODAuNjEgMjUuNjhBNDIgNDIgMCAxMDgzLjg5IDQyYTQxLjk0IDQxLjk0IDAgMDAtMy4yOC0xNi4zMnoiIGZpbGw9IiNlODQ0NDUiLz48cGF0aCBkPSJNNjYuNTQgMjkuOTFMMzcuNTcgNThhMi44MSAyLjgxIDAgMDEtMy45MiAwbC0xNi0xNS41NWEyLjgxIDIuODEgMCAxMTMuOTItNEwzNS42IDUyLjA5bDI3LTI2LjIyYTIuODEgMi44MSAwIDAxMy45MiA0eiIgZmlsbD0iI2ZmZiIvPjwvZz48L2c+PC9zdmc+');
}

.svg-c-done {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDEuMzMgNDIuNjciPjxnIGRhdGEtbmFtZT0i5Zu+5bGCIDIiPjxwYXRoIGQ9Ik0xMDEuMzMgMjEuMzNMODAgMHYxNkgwdjEwLjY3aDgwdjE2eiIgZmlsbD0iI2ZmZiIgZGF0YS1uYW1lPSLlm77lsYIgMSIvPjwvZz48L3N2Zz4=');
}

.svg-c-edit {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5My43OSA3MS41NSI+PGcgZGF0YS1uYW1lPSLlm77lsYIgMiI+PHBhdGggZD0iTTI5Ljc5IDU2LjQ1TDcuNTUgMzQuMjEgMCA0MS43NmwyOS43OSAyOS43OSA2NC02NEw4Ni4yNCAweiIgZmlsbD0iI2ZmZiIgZGF0YS1uYW1lPSLlm77lsYIgMSIvPjwvZz48L3N2Zz4=');
}

.svg-c-save {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5NiA5NiI+PGcgZGF0YS1uYW1lPSLlm77lsYIgMiI+PHBhdGggZD0iTTc0LjY3IDBoLTY0QTEwLjY2IDEwLjY2IDAgMDAwIDEwLjY3djc0LjY2QTEwLjY2IDEwLjY2IDAgMDAxMC42NyA5Nmg3NC42NkExMC42NiAxMC42NiAwIDAwOTYgODUuMzN2LTY0ek00OCA4NS4zM2ExNiAxNiAwIDExMTYtMTYgMTYgMTYgMCAwMS0xNiAxNnpNNjQgMzJIMTAuNjdWMTAuNjdINjR6IiBmaWxsPSIjZmZmIiBkYXRhLW5hbWU9IuWbvuWxgiAxIi8+PC9nPjwvc3ZnPg==');
}

/*
 nice dark mode contribution style
*/

.nice-dark-mode .nice-contribute-header .navbar-brand .logo-dark {
    display: block;
}

.nice-dark-mode.nice-post-contribute {
    background-color: #282b34 !important;
}

.nice-dark-mode .nice-contribute-header.toolbar-fixed-top.scroll {
    background-color: rgba(33, 36, 43, 0.6) !important;
}


.nice-dark-mode .nice-contribute-header .navbar-brand .logo {
    display: none;
}

.nice-dark-mode .nice-contribute-header .navbar-brand .logo.logo-dark {
    display: block;
}


.nice-dark-mode .list-contribute-cat .item-cat i::before {
    background-color: #5d6069;
}

.nice-dark-mode .nice-editor-header .editor-input {
    color: #e1e3e6;
}

.nice-dark-mode .nice-editor-header .editor-input:focus {
    color: #f3f3f3;
}


.nice-dark-mode .nice-editor-header .editor-input::-webkit-input-placeholder {
    color: #6D7685;
    opacity: 1
}

.nice-dark-mode .nice-editor-header .editor-input::-moz-placeholder {
    color: #6D7685;
    opacity: 1
}

.nice-dark-mode .nice-editor-header .editor-input:-ms-input-placeholder {
    color: #6D7685;
    opacity: 1
}

.nice-dark-mode .nice-editor-header .editor-input::-ms-input-placeholder {
    color: #6D7685;
    opacity: 1
}

.nice-dark-mode .nice-editor-header .editor-input::placeholder {
    color: #6D7685;
    opacity: 1
}


.nice-dark-mode .contribute-popup input[type=radio][type=radio]:checked:before,
.nice-dark-mode .contribute-popup input[type=checkbox][type=radio]:checked:before {
    background-color: #FF5D4A;
}