@charset "UTF-8";

.book-header{
    background: url(/images/desk-3076954_1920_cropped.jpg);
    height: 394px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 0 -75px;
    background-size: cover;
}

.book-header + .content-wrapper{
    position: relative;
    top: -170px;
    font-family: Quicksand;
}

.book-list{
    border: none;
}

.book-list .card-header{
    padding: 1rem 1.25rem;
    background: #c12938;
    color: #fff;
    -webkit-box-shadow: -2px 1px 10px 0px rgba(192,196,193,1);
    -moz-box-shadow: -2px 1px 10px 0px rgba(192,196,193,1);
    box-shadow: -2px 1px 10px 0px rgba(192,196,193,1);
}

.book-list .btn-add{
    margin-left: auto;
    background: #fff;
    padding: 5px 20px;
    border-radius: 0;
    line-height: 1;
    font-size: 15px;
    color: #c12938;
    font-weight: bold;
}

.book-list .btn-add:hover{
    background: #dedede
}

.book-list #book-container .card.inner{
    border: none;
    border-bottom: 1px solid #faf3f3;
    border-radius: 0;
}

.book-list #book-container .card.inner .card-body{
    padding : 2rem 1rem
}

.book-list .card-header + .card-body{
    padding: 0 1.25rem 2rem
}

.book-list #book-container .is-deactivated .author-alias{
    margin-bottom: 1.2rem;
}

.book-list #book-container .author-alias{
    margin-bottom: 4rem;
}

ul.pagination .page-item.disabled .page-link{
    color: #989898;
}

ul.pagination .page-item:not(.disabled) .page-link{
    padding: .5rem 1rem;
    color: #343d45;
}

ul.pagination .page-item.active .page-link{
    color: #fff;
    background-color: #343d45;
    border-color: #343d45;
    font-weight: bold;
}

/* ul.pagination .page-item .page-link{
    border: none;
}

ul.pagination .page-item.first .page-link{

} */

.nav.nav-tabs:not(.new-book-form) {
    padding: 12px 50px 0px;
    background: #c12938;
}


@media only screen and (max-width: 767px){
    .nav.nav-tabs{
        /*margin-top: 1.5rem;*/
    }
}

.nav-tabs:not(.new-book-form) .nav-link{
    border-radius: 0;
    border: none;
    padding: 0.8rem 1.1rem;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 1px;
}

.nav-tabs:not(.new-book-form) .nav-link.active{
    color: #c12938;
}

#nav-tab:not(.new-book-form) .nav-item:not(.active) {
    color: #ffffff !important;
}

#tabContent .tab-pane .card-body{
    padding: 30px 50px;
}

#tabContent #content .inline-edit-btn{
    padding: 3px 15px;
    border-radius: 0;
    margin-top: 8px;
}

@media only screen and (max-width: 650px){
    #tabContent #content .inline-edit-btn{
        margin-bottom: 20px;
    }
}

#tabContent #content .inline-edit-btn .fas{
    margin-right: 2px;
}

#total-words{
    color: #c12938;
}

.book-detail{
    border: none
}

.book-detail .with-divider{
    border-bottom: 1px solid #ddd;
    padding-bottom: 1rem;
    margin-bottom: 1.8rem;
}

.book-detail #chapter-list{
    margin-top: 2rem
}

.book-detail #sortable .list-group-item,
.book-detail #chapter-list .list-group-item
{
    border: none;
    background: #f5f5f5;
    margin-bottom: 10px;
    font-size: 18px;
}

.book-detail #sortable .list-group-item .fas.fa-bars{
    color: #97a9c3;
    margin-left: 5px;
    margin-right: 10px;
}
 
.book-detail .genre-list span{
    background: #97a9c3;
    font-weight: bold;
    color: #fff;
    padding: 8px 20px 10px;
    margin-right: 10px;
    display: inline-block;
    line-height: 1
}

.book-detail #numbered_chapter + label{
    font-size: 18px;
}

.book-detail #sortable .list-group-item .chapter-words-count,
.book-detail #chapter-list .list-group-item .chapter-words-count{
    font-size : 16px;
}

.book-detail .btn-chapter-view,
.book-detail .btn-chapter-hide,
.book-detail .btn-chapter-edit,
.book-detail .btn-chapter-delete{
    border-radius: 0;
    color: #ffffff;
}

.book-detail .btn-chapter-view{
    background: #b3b3b3;
}

.book-detail .btn-chapter-view:hover{
    background: #908e8e;
}

.book-detail .btn-chapter-hide{
    background: #97a9c3;
}

.book-detail .btn-chapter-hide:hover{
    background: #8795ab;
}

.book-detail .btn-chapter-edit{
    background: #354350;
}

.book-detail .btn-chapter-edit:hover{
    background: #090c0e;
}

.book-detail .btn-chapter-delete{
    background: #c12938;
}

.book-detail .btn-chapter-delete:hover{
    background: #ab2330;
}

.book-detail .chapter-btn-group{
    margin-top: 2rem;
}

.book-detail .chapter-btn-group .btn{
    padding : 0; 
    background:#354350; 
    color:#ffffff; 
    border: none !important;     
    border-radius: 0;
    margin-right: 10px;
}

.book-detail .chapter-btn-group .btn{
    margin-bottom: 10px;
}

.book-btns span:first-child{
    height: 100%;
    display: inline-block;
    background: #97a9c3;
    padding: 6px 5px;
    min-width: 45px;
}

.book-btns span:first-child img{
    height: 25px;
}

.book-btns span:last-child{
    display: inline-block;
    margin-top: 6px;
    margin-right: 15px;
    margin-left: 10px;
    position: relative;
    bottom: -2px;
}

.card.with-box-shadow{
    -webkit-box-shadow: -2px 1px 10px 0px rgba(192,196,193,1);
    -moz-box-shadow: -2px 1px 10px 0px rgba(192,196,193,1);
    box-shadow: -2px 1px 10px 0px rgba(192,196,193,1);
}

.card.with-box-shadow-inner{
    border: none;
    border-radius: 0;
    box-shadow: -12px 12px 25px -10px rgba(192,196,193,1);
}

#settings .setting-container{
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 25px;
}

#settings .setting-container .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical{
    right: -25px;
    margin: 0
}

#settings .setting-container .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 10px;
}

#settings .setting-container .reminder-switch{
    margin-top: 1.5rem;
}

#settings .setting-container .custom-checkbox label{
    font-size: 18px;
}

#settings .setting-container .custom-checkbox + p{
    font-size: 16.5px;
}

#settings .setting-container .inline-gotchas{
    margin-top: 2rem;
    margin-bottom: 0;
}

#settings .setting-container .form-group.with-divider{
    padding-bottom: 2.5rem;
}

#settings .setting-container .inline-gotchas ul {
    list-style: none; 
    margin-bottom: 0;
}
  
#settings .setting-container .inline-gotchas  ul li::before {
    content: "\2022";
    color: #c12938;
    font-weight: bold;
    display: inline-block;
    width: 0.9em;
    font-size: 25px;
    margin-left: -1em;
}

#settings .save-all-changes-btn{
    font-weight: bold;
    letter-spacing: 1px;
    padding: 6px 18px;
    border-radius: 0;
    font-size: 16px;
    margin-top: .5rem;
}

#settings .delete-book-div{
    background: #ececec;
    padding: 1.5rem 2.5rem;
    margin-top: 2rem;
}

#settings .delete-book-div p{
    font-weight: bold;
    font-size: 14.5px;
    letter-spacing: .5px;
    float: left;
    margin-top: 5px;
}

#settings .delete-book-div .btn-dark-red{
    border-radius: 0;
    font-size: 14.5px;
    font-weight: bold;
    letter-spacing: .5px;
    padding: 5px 25px;
    float: right;
}

@media only screen and (max-width: 1386px){
    #settings .delete-book-div .btn-dark-red{
        margin: 10px auto;
    }
}

@media only screen and (max-width: 414px){
    #settings .delete-book-div{
        padding: 20px;
    }
    #settings .delete-book-div .btn-dark-red{
        padding: 0;
        padding: 5px;
        margin: 10px auto;
        float: none;
    }
    #tabContent .tab-pane .card-body{
        padding: 15px;
    }
}

#invitations #inviteForm .input-group-append .fas.fa-plus{
    font-size: 10px;
    position: relative;
    top: -1px;
}

#invitations .send-invite-btn{
    padding: 5px 50px;
    border-radius: 0;
}

#content .form-group input[type=text]:not(.multiselect__input),
#settings .form-group input[type=text]:not(.multiselect__input),
#invitations .form-group input[type=text]:not(.multiselect__input),
#invitations .form-group textarea:not(.multiselect__input)
{
    font-size: 17px;
    letter-spacing: 1px;
    border-radius: 0;
    padding: 15px 20px;
    font-weight: 900;
}

#invitations [class^="email-item"]{
    display: inline-flex;
    height: 100%;
    align-items: center;
    margin-right: 10px;
}

#invitations [class^="email-item"] .email-detail{
    background: #97a9c3;
    letter-spacing : 1px;
}

#invitations [class^="email-item"] .email-detail::before{
    content: "<"
}

#invitations [class^="email-item"] .email-detail::after{
    content: ">"
}

#invitations [class^="email-item"] .email-remove{
    background: #354350;
    cursor: pointer;
}
    
#invitations [class^="email-item"] .email-detail,
#invitations [class^="email-item"] .email-remove
{
    padding: 5px 11px;
    color: #fff;
    font-size: 15px;
}

#add_personal_msg + label{
    font-size: 17px;
}

#invitations #nav-tab{
    padding: 20px 28px 0px;
}

#invitations #nav-tab .nav-item{
    margin-bottom: -2px;
    padding: 0.6rem 1.5rem;
}

.dataTable thead tr th,
.dataTable tbody tr td{
    padding-left: 20px;
}

#pending-table thead tr th:last-child{
    width: 28% !important;
}

#pending-table tbody tr td:last-child .btn{
    padding: 5px 15px;
    border-radius: 0;
}   

#readers-table select{
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    background-image: url(https://image.flaticon.com/icons/svg/60/60781.svg);
    background-position: 85%;
    background-repeat: no-repeat;
    background-size: 11px;
    border: 0px !important;
}

#readers-table tbody tr td:last-child .btn{
    border-radius: 0;
    padding: 4px 18px;
    font-size: 15px;
}

#readers-table tbody td [id^="view_reason_btn_"]{
    background: #99aac2;
    color: #fff;
    border-radius: 0;
    padding: 3px 8px;
}

#nav-tabContent{
    padding: 20px 15px 15px;
}

.modal .modal-header {
    background: #c12938;
    padding: 8px 14px;
    color: #fff;
    align-items: center;
}
.modal .modal-header h5 { font-size: 18px; }

.modal .modal-body{
    padding: 22px 30px;
}

.modal .modal-header .modal-title{
    font-weight: bold;
    letter-spacing: 1px;
}

.modal .modal-header .close{
    color: #ffffff;
    opacity: 1;
}

.modal .modal-header .close:hover{
    color: #ddd;
}

.modal .modal-header .close:focus{
    border: transparent !important;
}

.modal .modal-footer .btn{
    border-radius: 0;
    padding: 3px 20px;
}

.reason-pre-div{
    padding: 1rem 1.5rem;
    -webkit-box-shadow :-1px -1px 13px -1px rgba(179,179,179,1);
    box-shadow: -1px -1px 13px -1px rgba(179,179,179,1);
}

#email_list{
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 0.8rem 1.5rem;
    -webkit-box-shadow :-1px -1px 13px -1px rgba(179,179,179,1);
    box-shadow: -1px -1px 13px -1px rgba(179,179,179,1);
}

/* input[type="text"]:not(.multiselect__input),
textarea:not(.multiselect__input),
input[type="search"]:not(.select2-search__field):not(.multiselect__input),
input[type="text"]:focus:not(.multiselect__input),
textarea:focus:not(.multiselect__input),
input[type="search"]:not(.select2-search__field):focus:not(.multiselect__input),
.select2-container--default .select2-selection--multiple:not(.multiselect__input),
.cke_chrome:not(.multiselect__input),
select:not(.multiselect__input),
select:focus:not(.multiselect__input){
    border: none;
    -webkit-box-shadow :-1px 1px 13px -1px rgba(179,179,179,1);
    box-shadow: -1px 1px 13px -1px rgba(179,179,179,1);
    border-radius: 0 ;
} */

select:focus:not(.multiselect__input) {
    border: 1px solid #ced4da !important;
}


.customized-select {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    line-height: 1.5;
    vertical-align: middle;
    padding: .175rem 2.75rem .175rem .75rem;
    background: transparent;
    color: #fff;
    font-weight: 500;
    /* this is to hide the original built-in chevron */
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
}

.customized-select option { color: #000; }

.customized-select + i.fas {
    /*float: right;
    margin-top: 5px;
    margin-right: -118px;
    !* this is so when you click on the chevron, your click actually goes on the dropdown menu *!
    pointer-events: none;
    !* everything after this is just to cover up the original arrow *!
    !* (for browsers that don't support the syntax used above) *!
    padding-right: 5px;*/
    right: 15px;
    top: 4px;
    pointer-events: none;
    padding-right: 5px;
    position: absolute;
}

[class*="-form"] .btn{
    padding: 3px 15px;
    border-radius: 0;
}

#track-readers .card.with-box-shadow-inner:first-child{
    margin-top: 2rem
}

#track-readers .card.with-box-shadow-inner:last-child{
    margin-top: 5rem;
    margin-bottom: 2rem;
}

#track-readers .card .card-header{
    background: #99aac2;
    color: #ffff;
    border-radius: 0;
    padding: 1.2rem 1.8rem;
    border-bottom: none;
}

#track-readers .card .card-body{
    padding: 45px 30px;
}

#track-readers #tracking-by-chapter tbody tr td:first-child a{
    font-size: 17px;
    margin-bottom: 2px;
    display: block;
}

#track-readers #tracking-by-chapter tbody tr td:first-child div a{
    font-size: 14px;
}

#track-readers #tracking-by-chapter tbody tr td:not(:first-child){
    padding: 1rem 0;
}

#track-readers #tracking-by-chapter tbody tr td:not(:first-child) div{
    padding: 0 1.2rem;
}

#feedback .btn-group .btn-pale-blue,
#my-feedback .btn-group .btn-pale-blue{
    border-radius: 0;
}

#feedback .btn-group .btn-pale-blue:first-child,
#my-feedback .btn-group .btn-pale-blue:first-child
{
    padding-top: 0.3rem;
}

#feedback .btn-group .btn-pale-blue:last-child,
#my-feedback .btn-group .btn-pale-blue:last-child
{
    padding-top: 0.5rem;
}

#feedback .version-dropdown,
#my-feedback .version-dropdown{
    background: #354350;
    border: solid thin #fff !important;
    box-shadow: none !important;
    padding: 1px 33px 2px 20px;
    font-size: 17px;
}

#feedback .card,
#my-feedback .card{
    border: none;
}

#feedback .card .card-header,
#my-feedback .card .card-header{
    background: #354350;
    padding: 15px 28px;
    border-radius: 0;
}

#feedback .card .card-header span,
#my-feedback .card .card-header span{
    font-size: 20px;
}

#feedback .card .card-header span a,
#my-feedback .card .card-header span a{
    margin-left: 10px;
}

#feedback .card .card-body,
#my-feedback .card .card-body{
    border: 1px solid #ddd;
    padding: 20px 30px;
}

#feedback .card .card-footer,
#my-feedback .card .card-footer{
    background: #f9f9f9;
    border: none;
}

#feedback .card .card-footer .btn-dark-red,
#my-feedback .card .card-footer .btn-dark-red{
    border-radius: 0;
    font-size: 14px;
    margin-top: 0.3rem;
}

#feedback .card .card-footer .btn-dark-red{
     padding: 5px 30px;
}

#my-feedback .card .card-footer .btn-dark-red{
    padding: 5px 20px;
}

.light-dropdown{
    color: #ffffff !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    background-image: url(/images/icons/arrow_down_light.png) !important;
    background-position: 98% !important;
    background-repeat: no-repeat !important;
    background-size: 25px !important;
    box-shadow: none !important;
}

.dark-dropdown{
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    background-image: url(/images/icons/arrow_down_dark.png) !important;
    background-position: 98% !important;
    background-repeat: no-repeat !important;
    background-size: 25px !important;
}

#feedback .list-group-item,
#my-feedback .list-group-item
{
    border: 1px solid #ddd !important;
    margin-bottom: 20px;
    padding: 20px 18px;
}

#feedback .list-group-item.reply,
#my-feedback .list-group-item.reply{
    margin-left: 5%;
}

#book-note-list,
#book-feedback-list{
    margin-top: 3rem;
}

#feedback .list-group-item .edit-note-btn,
#feedback .list-group-item .edit-feedback-btn,
#my-feedback .list-group-item .edit-feedback-btn
{
    padding: 2px 20px;
    border-radius: 0;
    margin-right: 10px;
}

#feedback .list-group-item .discard-note-btn,
#feedback .list-group-item .btn-dark-red.tool-btn,
#my-feedback .list-group-item .btn-dark-red.tool-btn{
    padding: 2.8px 18px 2px;
    border-radius: 0;
}

#feedback .list-group-item select[class*="-dropdown"]{
    padding: 4px 26px 4px 20px;
}

#feedback .list-group-item .draft-lbl,
#my-feedback .list-group-item .draft-lbl{
    background: #c12938;
    color: #ffffff;
    font-weight: bold;
    padding: 3px 20px;
    margin-right: 10px;
}

#book-note-pagination,
#book-feedback-pagination,
#feedback-pagination{
    font-size: 20px;
}

#feedback .card-body-container + ul.pagination,
#my-feedback .card-body-container + ul.pagination{
    font-size: 18px;
}

#feedback [id^="feedback-form-group-"] .card-body-container .card .card-body,
#my-feedback [id^="feedback-form-group-"] .card-body-container .card .card-body{
    padding: 30px 24px;
}

#feedback .card-body-container [class*="author-id-"] .card-header,
#my-feedback .card-body-container [class*="author-id-"] .card-header{
    padding: 0
}

#feedback .card-body-container [class*="author-id-"] .card-header .display-flex,
#my-feedback .card-body-container [class*="author-id-"] .card-header .display-flex{
    justify-content: start;
}

#feedback .card-body-container [class*="author-id-"] .card-header .feedback-alias,
#my-feedback .card-body-container [class*="author-id-"] .card-header .feedback-alias{
    margin-left: 30px;
}

#feedback .card-body-container [class*="author-id-"] .card-header .toggle-icon,
#my-feedback .card-body-container [class*="author-id-"] .card-header .toggle-icon{
    margin-left: auto;
    height: 100%;
    background: red;
    padding: 18px 15px;
    background: #536270;
    border-left: solid thin #fff;
    cursor: pointer;
}

#feedback .inline-contents,
#my-feedback .inline-contents{
    font-size: 1.1rem;
    line-height: 1.2;
    margin-bottom: 6px;
}

#feedback .show-more,
#my-feedback .show-more{
    background: #354350;
    border-radius: 0;
    padding: 3px 12px;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    margin-bottom: 10px;
}

#settings #btn-container .btn{
    border-radius: 0;
    padding: 5px 18px;
}

#settings #btn-container .btn:first-child,
#settings #quitForm .form-group .btn:first-child{
    margin-right: 5px;
}

#settings #quitForm .form-group .btn{
    border-radius: 0;
    padding: 5px 30px;
}

#book-note-list:not([style*="display: none"]) + .pagination + .book-feedback-title-div{
    margin-top: 4rem;
}

.card-title{
    padding-bottom: .75rem;
    margin-bottom: 0;
}

.with-border-b{
    border-bottom : 1px solid rgba(0,0,0,.125);
}

.card.outer{
    min-height: 450px;
}

.card.inner{
    min-height: 140px;
}

.bottom-left{
    position: absolute;
    bottom: 33px;
    left: 16px;
}

.bottom-right{
    position: absolute;
    bottom: 33px;
    right: 16px;
}

.list-group-item{
    padding: 0.75rem 1rem;
}

.pagination{
    justify-content: center;
}

.jumbotron{
   padding:  1rem 1.1rem
}

p{
    margin-bottom: 0em
}

.content-container p {
    margin-bottom: 1em;
}

.btn.dropdown-toggle::before{
    display: none !important;
}

.text-email::before{
    content: "<"
}

.text-email::after{
    content: ">"
}

.table-of-contents-sidebar {
    width: 250px;
    position: fixed;
    bottom: 0;
    left: -250px;
    height: 100vh;
    z-index: 999;
    transition: all 0.3s;
    overflow-y: scroll;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.table-of-contents-sidebar.active{
    left: 0;
}

.table-of-contents-sidebar.card{
    border-radius: 0 !important;
}

#dismiss {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#dismiss:hover {
    background: #fff;
    color: #027e73;
}

.overlay {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 998;
    opacity: 0;
    top : 0;
    left : 0;
    transition: all 0.5s ease-in-out;
}
.overlay.active {
    display: block;
    opacity: 1;
}

#nav-tab:not(.new-book-form) .nav-item:not(.active){
    color : #17a2b8;
}

#nav-tab .nav-item.active{
     border-radius: 0
}

#chapter-content .bookmark,#chapter-content.bookmark-active *:not(mark):hover{
    background: rgba(255, 0, 0, 0.1);
}

#chapter-content .bookmark::before, #chapter-content.bookmark-active *:not(.bookmark):not(mark):hover::before{
    content: "\f02e";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color :#dc3545;
    margin-left: 6px;
    margin-right: 4px;
}

#chapter-content.bookmark-active .bookmark.hover::before{
    content: "\f00d";
}

#chapter-content.bookmark-active *:not(.bookmark):hover::before{
    color :rgba(255, 0, 0, 0.5);
}

.up-down{
    position: fixed;
    right : 0;
    bottom: 10px;
}

.rotate-down { 
    transform: rotate(180deg);
    transition: transform 550ms ease;
}

.rotate-up { 
    transform: rotate(360deg);
    transition: transform 550ms ease;
}

.text-dark-green{
    color: #027e73
}

.dataTables_wrapper > .row:first-child > .col-md-6:nth-child(1){
    display: none
}

.dataTables_filter{
    float: left;
}

table tr td{
    vertical-align: middle !important
}

#books-table tr td:nth-of-type(1){
    width: 30%
}

.inline-comment-menu> .icon-container{
    font-size: 17px;
    display: inline-block;
    z-index: 1;
    cursor: pointer;
    text-decoration: none;
    color: #020202
}

.inline-comment-menu > .icon-container:not(:last-child){
    padding-right: 10px;
    margin-right: 10px;
    border-right: solid 0.8px #000000;
}

.inline-comment-menu > .icon-container{
    position: relative;
    display: inline-block;
}

.inline-comment-menu > .icon-container > img{
    height: 25px; 
    vertical-align: top; 
    width: 25px;
}

.inline-comment-menu > .icon-container .img-hover{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}

.inline-comment-menu > .icon-container:hover .img-hover{
    display: inline;
}

.inline-comment-menu > .icon-container:hover img:first-child{
    visibility: hidden;
}

.popover {
    max-width: 100% !important;
}

div.highlight, #highlightDiv{
    outline : 0 !important;
}

.mark, mark{
   padding: 0 !important;
   margin: 0 !important;
}

mark[class^="mark-"], mark[class^="mark-"].highlight{
    display: inline;
    border-bottom: solid 2px rgba(2, 126, 115, 0.5607843137254902);
}

mark.mark-typo, mark.mark-typo.highlight{
    border-bottom: solid 2px #dc3545;
}

mark.mark-comment, mark.mark-comment.highlight{
    border-bottom: solid 2px #ffc71e;
}

mark[class^="mark-"].highlight{
    background: rgba(2, 126, 115, 0.4117647058823529);
}

mark.mark-typo.highlight{
    background: rgba(220, 53, 69, 0.4588235294117647);
}

mark.mark-comment.highlight{
    background: rgba(255, 199, 30, 0.27058823529411763);
}

mark[class^="mark-"].highlight *{
    background: transparent;
    border-bottom: none
}

.border-b-info{
    background: rgba(23, 162, 184, 0.5215686274509804)
}

.border-b-warning{
    background: rgba(255, 193, 7, 0.3803921568627451)
}

.border-b-danger{
    background : rgba(220, 53, 69, 0.3803921568627451)
}

.inline-comment-menu-container
{
    position: absolute; 
    visibility : hidden; 
    height : 0
}

.comment-save{
    position: absolute;
    bottom: 12px;
    right: 25px;
    border-radius: 0;
    padding: 2px 12px;
}

.comment-save + textarea{
    padding-right: 4.5rem !important;
    margin-top: 5px;
}

.feedback-filter .dropdown-item:active
{
    background-color: transparent;
    color: #000
}

.feedback-filter .dropdown-item{
    padding : .25rem 1rem
}

.dropdown-menu.feedback-filter{
    left: auto !important;
    right: 0;
}

.select-all-filter{
    padding-left: 1.3rem;
}

.deactivated-lbl{
    /* position: absolute;
    left: 14px;
    bottom: 5px; */
    font-size: 12px;
    font-weight: bold;
    border: solid 1px #cfd7e3;
    padding: 6px 8px;
    color: #99aac2;
    line-height: 1;
    margin-bottom: 3.2rem;
    display: none;
}

.is-deactivated .deactivated-lbl{
    display: inline-block;
}

.btn-view{
    padding: 5px 43px;
    font-size: 15px;
    font-weight: bold;
    border-radius: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{
    border-radius: 0 !important;
}

.custom-select + .select2 .select2-selection__choice{
    background: #97a9c3 !important;
    border: none !important;
    font-weight: bold;
    color: #fff;
    font-size: 1.05rem;
    padding: 8px 20px 10px !important;
    margin-top: 7px !important;
    border-radius: 0 !important;
    line-height: 1
}

.custom-select + .select2 .select2-selection__choice__remove{
    color: #ffffff !important;
    margin-right: 5px !important;
}

.custom-select + .select2  .select2-search--inline .select2-search__field{
    margin-top: 10px !important;
}

#feedback-header-image{
    flex: 100%;
    max-width: 100px; 
}

.message-content{
    text-indent: 35px;
}

#feedback .card .card-body, #my-feedback .card .card-body{
    padding: 5px;
}

#feedback [id^="feedback-form-group-"] .card-body-container .card .card-body, #my-feedback [id^="feedback-form-group-"] .card-body-container .card .card-body{
    padding: 5px;
}

#feedback .list-group-item.reply, #my-feedback .list-group-item.reply{
    margin-left: 5px;
    margin-right: 5px;
}

#feedback .list-group-item, #my-feedback .list-group-item{
    margin-bottom: 5px;
}

.pagination{
    font-size: 12px !important;
}

#feedback .card .card-header, #my-feedback .card .card-header{
    padding: 5px 25px;
}

#feedback .card-body-container [class*="author-id-"] .card-header, #my-feedback .card-body-container [class*="author-id-"] .card-header{
    height: 40px;
}

#feedback .card-body-container [class*="author-id-"] .card-header .toggle-icon{
    padding: 7px 15px 18px 15px;
}

.about-div p{
    text-align: justify;
}

@media only screen and (max-width: 1150px){

    #feedback-wrapper, .text-right-on-sm{
        text-align: right;
    }

    #feedback-wrapper div{
        float: none !important;
    }

    .message-content{
        text-indent: 0;
    }

}

@media only screen and (max-width: 768px){

    .content-wrapper .sidebar,
    .content-wrapper .main{
        flex: 100%;
        max-width: 100%;
    }

}

@media only screen and (max-width: 550px){
    
    #feedback-header-image, #feedback-wrapper{
        flex: 100%;
        max-width: 100%;
        padding-top: 30px;
    }

    #feedback-header-image img{
        max-width: 150px;
    }

    #feedback-wrapper{
        margin-top: 30px;
    }
}

.text-red{
    color: #C12938;
}

.hide#text-saving{
    display: none;
}

@media all and (-ms-high-contrast:none){
    #content input[type=text],
    #settings input[type=text],
    #invitations input[type=text],
    #invitations textarea
    {
        font-size: 17px;
        letter-spacing: 1px;
        border-radius: 0;
        padding: 10px 10px;
    }
    .dataTables_wrapper .tbl-search-wrapper input[type='search']{
        padding: 20px 25px;
        line-height: 25px;
        height: 60px;
    }
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li
{
    color: #504d4d;
}

.ql-editor
{
    color: #000;
    min-height: 200px!important;
    max-height: 300px!important;
}

.quill-chapter .editor.number .ql-editor,
.quill-chapter .editor.title .ql-editor
{
    color: inherit;
    min-height: unset!important;
    max-height: unset!important;
    font-size: 32px;
    text-align: center;
}
.quill-chapter .editor.number .ql-editor p { font-size: 36px; }
.quill-chapter .editor.title .ql-editor p { font-size: 30px; }

.editor.number .ql-bubble .ql-tooltip { z-index: 9999 !important; }
.editor.title .ql-bubble .ql-tooltip { z-index: 999 !important; }

.quill-chapter .editor.body .ql-editor
{
    min-height: unset!important;
    max-height: unset!important;
    line-height: 1.8em;
}

.select2-container--default .select2-search--inline .select2-search__field
{
    width: 100%!important;
}

/* button, .btn
{
    cursor: pointer;
    border-radius: 0;      
} */

.btn-dark-red, .btn-outline-dark-red:hover {
    background: #C12938!important;
    border-color: #C12938!important;
    color: #fff!important;
}

.btn-dark {
    background: #354350!important;
}

/* quill text editor's styles */

.quillWrapper{
    border: none !important;
    -webkit-box-shadow: -1px 1px 13px -1px rgba(179,179,179,1) !important;
    box-shadow: -1px 1px 13px -1px rgba(179,179,179,1) !important;
    border-radius: 0 !important;
}
.quillWrapper .ql-snow.ql-toolbar .ql-formats {
    margin-bottom: 2px !important;
}

.ql-toolbar.ql-snow .ql-formats {
    margin-right: 2px !important;
}

.ql-snow .ql-toolbar button svg, .quillWrapper .ql-snow.ql-toolbar button svg {
    width: 16px !important;
    height: 16px !important;
}

/* vue-multiselect */

input:focus.multiselect__input 
{
    border: none!important;
}
.multiselect__option--highlight {
    background: #c12938;
    outline: none;
    color: #fff;
}
.multiselect__option--highlight:after{
    background: #c12938;
}

.multiselect__tag
{
    background: #c12938;
}

.multiselect__option.multiselect__option--highlight.multiselect__option--selected,
.multiselect__option.multiselect__option--highlight.multiselect__option--selected:after
{
    background: #e93a3a;
}
/* end vue-multiselect */

/* vue bootstrap tab */

.card-header {
    padding: 0rem .60rem;
}

.chapter-content-wrapper p{
    margin: 20px 0 20px !important;
}

.card-header-dark {
    background: #354350;
    color: #ffff;
    border-radius: 0;
    padding: 1.2rem 1.8rem;
    border-bottom: none;
}

.adjust-control-shadow, .adjust-control-shadow:focus {
    -webkit-box-shadow: 0 2px 4px -1px rgba(179,179,179,.5) !important;
    box-shadow: 0 2px 4px -1px rgba(179,179,179, .5) !important;
}

/* remove the border top of the quill editor */
.adjust-control-shadow > .ql-toolbar {
    border-top: none !important;
}

/* adjust the width/height for the full screen of tinymce */
.tox-fullscreen .tox.tox-tinymce.tox-fullscreen {
    width: 100% !important;
    height: 100% !important;
    top: 11% !important;
}

/* adjust p spacing to be same as the editor/tinymce */
.commentbase-container p, .chapter-version-content p {
    margin-block-start: 1em;
    margin-block-end: 1em;
}

.commentbase-container ul, .chapter-version-content ul {
    list-style: disc;
}