/* Projectviewer view.jsp css */
span.chapter_review_legend {
    color: #1D1F21;
    font-family: Open Sans;
    font-size: 10px;
    letter-spacing: 0;
    float: right;
    display: flex;
    position: relative;
    font-weight: 400;
    margin-right: 15px;
    justify-content: center;
    align-items: center;
}

span.chapter_review_legend_color {
    height: 14px;
    width: 14px;
    /* background-color: #C68F6B; */
    display: block;
    position: relative;
    margin-right: 7px;
}

span.chapter_indesign_legend {
    color: #1D1F21;
    font-family: Open Sans;
    font-size: 10px;
    letter-spacing: 0;
    float: right;
    display: flex;
    position: relative;
    margin-right: 15px;
    font-weight: 400;
    justify-content: center;
    align-items: center;
}

span.chapter_indesign_legend_color {
    height: 14px;
    width: 14px;
    /* background-color: #A0BF83; */
    display: block;
    position: relative;
    margin-right: 7px;
}

span.chapter_manuscript_legend {
    color: #1D1F21;
    font-family: Open Sans;
    font-size: 10px;
    letter-spacing: 0;
    float: right;
    display: flex;
    position: relative;
    margin-right: 15px;
    font-weight: 400;
    text-align: center;
    justify-content: center;
    align-items: center;
}

#booknameChapter {
    min-width: 1%;
    max-width: 57%;
    width: auto;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 18px;
}

span.chapter_manuscript_legend_color {
    height: 14px;
    width: 14px;
    /* background-color: #F1C768; */
    display: block;
    position: relative;
    margin-right: 7px;
    text-align: center;
}

@font-face {
    font-family: "Bembo1";
    src: url(/Dashboard-New-portlet/fonts/BemboStd.otf);
}

.bookactive {
    position: relative;
    right: 5px;
    transform: scale(1.1) translate(0.5vh, 0.8vh);
}

li.multiple_actions_list-item:hover {
    background : grey;
}

li.multiple_actions_list-item {
    padding-left: 10px;
}

#custom-chart-chapters-label {
    height: 56px;
    width: 100%;
    padding-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 0;
    border-bottom: 0 solid gray;
    box-sizing: border-box;
    display: none;
    position: relative;
    z-index: 4;
    top: calc(-100% + 56px);
}

#custom-chart-chapters-wm {
    position: relative;
    display: none;
    top: calc(-100% + 56px);
    width: 100%;
    height: calc(100% - 56px);
    z-index: 0;
}

.aui select:focus, .aui input[type="file"]:focus, .aui input[type="radio"]:focus, .aui input[type="checkbox"]:focus {
    outline: 0px;
}

.aui textarea:focus, .aui input[type="text"]:focus, .aui input[type="password"]:focus, .aui input[type="datetime"]:focus, .aui input[type="datetime-local"]:focus, .aui input[type="date"]:focus, .aui input[type="month"]:focus, .aui input[type="time"]:focus, .aui input[type="week"]:focus, .aui input[type="number"]:focus, .aui input[type="email"]:focus, .aui input[type="url"]:focus, .aui input[type="search"]:focus, .aui input[type="tel"]:focus, .aui input[type="color"]:focus, .aui .uneditable-input:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 0px rgba(82,168,236,0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 0px rgba(82,168,236,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 0px rgba(82,168,236,0.6);
}

.closed a {
    visibility: hidden;
}

#multiple_actions.focus .multiple_actions_list {
    display: block !important;
}

.multiple_actions.hovered .multiple_actions_list {
    display: block !important;
}

.svg-flag {
    position: absolute;
    width: 30px;
    height: 30px;
    border-right: 0px solid #c56868;
}

.svg-flag svg {
    position: relative;
    top: -60px;
}

.Panel:hover .footer {
    display: block;
}

.Panel .footer {
    display: none;
}

#chapter-sorter {
    display: none;
}

#assignCustomerPopup {
    position: fixed;
    top: calc(50% - 225px);
    left: calc(50% - 508px);
    height: 450px;
    width: 1016px;
    z-index: 10;
    background: #FFFFFF;
    border: 1px solid #b1b1b1;
    padding: 18px 22px;
    border-radius: 2px;
}

#assignCustomerPopup table {
    width: 100% ;
}

#assignCustomerPopup td,#assignCustomerPopup th {
    text-align: center;
    border: 1px solid #e0e0dd;
    height: 30px;
}

#assignCustomerPopup #booksList {
    height: 100%;
    float: left;
    width: 55%;
    border: 1px solid #ebebeb;
    margin-top: 3px;
    padding: 9px;
}

#jobForm label {
    width: 92px;
}

#jobForm input {
    box-shadow: none;
    -webkit-box-shadow: none;
    position: relative;
    top: 4px;
    border: none;
}

#jobForm button,#customerForm button,#booksList button {
    height: 26.13px;
    width: 90px;
    border-radius: 1px;
    background-color: #febb00;
}

[id="tabs"] {
    width: 45%;
    float: left;
    border: none !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #ffbc00;
    background: #ffbc00;
    font-weight: normal;
    color: #fff;
}

[role="tablist"] {
    background: white;
    border: none;
}

.ui-tabs .ui-tabs-nav li {
    line-height: 7px;
    border: none;
}

#booksList tr {
    background: #fafafa;
    border: 1px solid #e0e0dd;
}

#allCustomerList {
    position: fixed;
    height: 100px;
    background: white;
    overflow: auto;
    z-index: 514;
    width: 220px;
    color: black;
    overflow-x: hidden;
    border: 1px solid #c3c3c3;
}

#allCustomerList li {
    margin-top: 5px;
    margin-bottom: 5px;
}

#allCustomerList li span.customernamelabel {
    font-size: 13px;
}

#allCustomerList li span.customeridlabel {
    font-size: 10px;
    font-style: italic;
}

/* sibi css */
.assign_viewerId {
    color: #1D1F21;
    font-family: Open Sans;
    font-size: 14px;
    line-height: 17px;
    padding-left: 7px;
}

.pagemajik hr {
    margin-top: 0rem !important;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,0.1);
}

#assignBookName {
    display: none;
}

.assign_customer {
    color: #1D1F21;
    font-family: Open Sans;
    font-size: 16px;
    line-height: 19px;
    border-right: 1px solid #000;
    padding: 3px;
}

.exist_user {
    color: #676767;
    font-family: Open Sans;
    font-size: 14px;
    font-style: italic;
    line-height: 23px;
}

.detail_customer {
    color: #1D1F21;
    font-family: Open Sans;
    font-size: 14px;
    line-height: 17px;
}

input#customerId {
    border: none;
    box-shadow: none;
}

#customerName {
    border: none;
    box-shadow: none;
}

#alternateName {
    border: none;
    box-shadow: none;
}

#assignCustomerPopup th {
    text-align: center;
    height: 30px;
    background: #D9D9D9;
    border: none !important;
}

#assignCustomerPopup td {
    background: #EDEDED;
}

/* #_145_bookCategory .close-content {
    position: relative;
    bottom: 11px;
    color: #fff;
    opacity: 1;
} */
/* @media only screen and (width:1366px){
#_145_bookCategory .close-content {
    position: relative;
    bottom: 12px;
    color: #fff;
    opacity: 1;
    border-radius: 0;
    box-shadow: none;
}
} */
#close {
    height: 21px;
    width: 21px;
    border-radius: 50%;
    position: fixed;
    z-index: 10000;
    top: 44px;
    left: 7px;
    cursor: pointer;
}

#floating-bar {
    display: none;
    width: 200px;
    position: absolute;
    border: 1px solid rgb(253, 195, 100);
    background: white;
    padding: 6px;
    box-sizing: border-box;
    font-size: 11px;
    line-height: 18px;
    font-family: "Open Sans", sans-serif;
    top: -32px;
    left: 230.891px;
    z-index: 1;
}

.project-wrap {
    width: 100%;
    height: 30%;
    margin-top: 3%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #FDC364;
}

.category-wrap {
    width: 100%;
    height: 38%;
    display: flex;
    align-items: center;
    margin-top: 10%;
    margin-bottom: 8%;
    border-bottom: 1px solid #FDC364;
}

.project_viewer_snackbar {
    width: 100%;
    height: 35%;
    margin-top: 3%;
}

.book_journal {
    width: 40%;
    float: left;
    margin-top: 9px;
}

#book-filter {
    width: 65%;
    float: left;
    border: none;
}

.book_filter_up {
    width: 100%;
    margin-top: 1%;
}

.book_filter_category {
    margin-top: 8%;
    width: 40%;
    float: left;
}

#client-list1 {
    width: 66%;
    border-radius: 0px;
    display: block;
    border-color: gray;
    float: left;
    font-family: 'Open Sans', sans-serif;
    margin-right: 0%;
    margin-bottom: 0%;
    font-size: 11px;
    border: none;
    padding: 0px;
    height: 20px;
    margin-top: 0%;
}

.advance-filter-btn {
    display: flex;
    align-items: center;
    margin-top: 4%;
    width: 38%;
    cursor: pointer;
}

.adv-icon {
    font-size: 1vw !important;
}

.adv-btn {
    background: transparent;
    border: none;
    font-size: 11px !important;
    font-family: 'Open Sans', sans-serif !important;
    outline: none !important;
    color: unset;
    padding-left: 0.2vw;
}

.advance-filter-btn:hover {
    color: #019001;
}

#key-category {
    height: auto;
    width: auto;
    position: absolute;
    display: none;
    border: 1px solid rgb(253, 195, 100);
    background: white;
    padding: 6px;
    box-sizing: border-box;
    font-size: 10px;
    font-family: Open Sans, sans-serif;
    top: 79px;
    left: 150.031px;
    z-index: 1;
}

.key_category_select {
    width: 100%;
    margin-top: 1%;
}

#client-list {
    width: 100%;
    border-radius: 0px;
    display: block;
    border-color: gray;
    float: left;
    font-family: Open Sans, sans-serif;
    margin-right: 0%;
    margin-bottom: 0%;
    font-size: 13px;
    border: none;
    border-bottom: 0px solid #FDC364;
    padding: 0px;
    height: auto;
    margin-left: 1%;
    margin-top: 6%;
}

.client-list-span {
    display: inline-block;
    height: 11px;
    width: 20px;
}

.client-list-span1 {
    display: inline-block;
    margin-left: 10px;
}

.files-lis#files-list {
    margin-left: 2px;
    height: 100px;
    overflow: auto;
    border: 1px solid gray;
    padding: 8px;
}

.svg-flag {
    display: block;
    opacity: 0
}

.loading {
    width: 100px;
    transform: scale(0.3);
}

#jobForm {
    border: 1px solid #EDEDED;
    height: 412px;
}

#existingCustomer {
    cursor: pointer;
    color: #3558B7;
    padding-left: 6px;
}

#addCustomer {
    cursor: pointer;
    color: #3558B7;
}

.booklist_add_btn {
    border: none;
    border-radius: 1px;
    color: white;
    margin-bottom: 10px;
    float: right;
    background: #FFCC66
}

.save_div {
    position: absolute;
    bottom: 23px;
    right: 27px;
}

.update_job_save {
    border: none;
    border-radius: 1px;
    color: white;
    background: #FFCC66;
}

/* Projectviewer view.jsp css End*/
/* Projectviewer top.jsp css */
#chapter-sorter {
    position: absolute;
    width: 20px;
    height: 60px;
    left: -45px;
    top: 69px;
}

#multiple_actions {
    padding-left: 0px;
    font-weight: 600;
    font-family: Open Sans, sans-serif;
    font-size: 12px;
    cursor: pointer;
    outline: none;
}

.chName_container {
    height: 100% !important;
    width: 87vw;
    margin-left: 6vw;
    margin-right: 7vw;
}

#chName {
    padding-top: 10px;
    font-size: 13px;
    width: 100%;
    font-weight: 700;
    font-family: Open Sans, sans-serif;
    border-bottom: 0px solid #bcbda8;
}

.icon-actions {
    padding-top: 5px;
    font-size: 13px;
    width: 35%;
    font-weight: 700;
    display: block;
}

#file-lock {
    height: 10px;
    width: 15px;
    margin-right: 3px;
    margin-top: 2px;
    float: left;
    display: block;
}

.legend-icon-tabview {
    float: left;
    margin-left: 4px;
    font-size: 11px;
    margin-right: 8px;
}

#chapter-wrap-main {
    width: 100%;
    height: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
}

/* Projectviewer top.jsp css end */
/* Projectviewer panel.jsp css */
.panel {
    width: 100%;
    border-bottom: 1px solid #bcbda8;
    margin: 0px;
    min-height: 30px;
}

.left .panel {
    width: 265px;
    float: left;
}

/* topold_internal css & tabulator css */
.separator-small {
    display: inline-block;
    height: 1vw;
    margin: 0 0 0 0.3vw;
    vertical-align: middle;
    position: relative;
    bottom: 0.1vw;
}

.shortcuts {
    font-weight: 400;
    font-family: Open Sans, sans-serif;
    font-size: 0.8vw;
    cursor: pointer;
    margin: 0 0 0 0.2vw;
}

.right.panel .shortcuts {
    display: inline-block;
}

.right.panel.list:not(.clone) {
    width: 13%;
    position: absolute;
    right: 0px;
    top: 100px;
    z-index: 82;
    border: 1px solid #e5dab6;
    background: #ffffff;
    height: fit-content;
    text-align: left;
}

.shortcuts:hover {
    background: #c1bebe;
}

.right.panel.clone {
    visibility: hidden;
    max-width: calc(100% - 50%);
    width: auto;
}

.right.panel {
    width: calc(100% - 50%);
}

.right.panel + .tbar {
    display: none;
    text-align: right;
}

.right.panel.list + .tbar {
    display: block;
    cursor: pointer;
}

.tbar {
    position: absolute;
    right: 0px;
}

.right.panel .separator-small {
    border: 1px solid rgba(0, 0, 0, 0.54);
}

.right.panel.list .separator-small {
    border: 0px solid rgba(0, 0, 0, 0.54);
}

.right.panel.list .shortcuts {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0.25vw 0 0.25vw 0.5vw;
}

.shortcuts .img {
    display: inline-block;
    width: 25px;
    position: relative;
    top: 4px;
    background-repeat: no-repeat !important;
    background-size: 0.95vw !important;
    background-position: center !important;
}

.shortcuts:last-child .separator-small {
    display: none;
}

.floatactionsalign {
    float: right;
}

.aui .pagemajik .breadcrumb-holder ul.breadcrumb3 {
    padding: 0;
    list-style: none;
    position: static;
    margin: 0;
    margin-left: 3px;
    margin-top: 10px
}

.aui .pagemajik .breadcrumb-holder ul.breadcrumb3 li a {
    color: rgba(0, 0, 0, 0.87);
    font-family: Open Sans;
    font-size: 13px;
    line-height: 16px
}

.aui .pagemajik .breadcrumb-holder ul.breadcrumb3 li+li:before {
    padding: 0 7px;
    content: "\003E"
}

ul.breadcrumb2 {
    visiblitiy: visible !important;
}

div#chapter-table.tabulator {
    border: 1px solid #E9E9E9 !important;
    background: #FCFCFC !important;
    height: 100%;
}

#chapter-table.tabulator .tabulator-header .tabulator-col {
    border: none !important;
    border-right: none !important;
    height: 38px !important;
    padding-top: 0.5px !important;
    padding-left: 0%;
    text-transform: capitalize;
    background: #F3ECD3 !important;
}

#chapter-table.tabulator .tabulator-header .tabulator-col:nth-of-type(2) {
    padding-left: 0.4vw;
}

#chapter-table .tabulator-row .tabulator-cell {
    border: none;
    color: rgba(0,0,0,0.87);
    font-family: Open Sans;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 17px;
    height: 38px !important;
    color: #1D1F21;
    font-family: Open Sans;
    padding-left: 0px !important;
    padding-right: 23px !important;
    font-size: 12px;
    padding: 0px;
    position: relative;
    padding-top: 11px;
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-arrow {
    border-bottom: 4px solid #9B9571 !important;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
    border-bottom: 4px solid #9B9571 !important;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
    border-top: 4px solid #9B9571 !important;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

#chapter-table .tabulator-row.tabulator-row-even {
    background-color: #fff !important;
    border-bottom: 1px solid #E9E9E9;
}

.tabulator .tabulator-header {
    border: none !important;
}

#chapter-table .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
    color: #1D1F21 !important;
    font-family: Open Sans !important;
    font-size: 13px !important;
    font-weight: bold !important;
    letter-spacing: 0 !important;
    line-height: 16px !important;
}

#chapter-table .tabulator-row.tabulator-selectable.tabulator-row-odd {
    border-bottom: 1px solid #E9E9E9;
    width: 100%;
}

#chapter-table.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=desc] .tabulator-col-content .tabulator-arrow {
    border-top: 6px solid #F0BA3C;
}

#chapter-table.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=asc] .tabulator-col-content .tabulator-arrow {
    border-bottom: 6px solid #F0BA3C;
}

#chapter-table .tabulator-row.tabulator-selectable:hover {
    background-color: transparent;
    cursor: pointer;
}

#chapter-table .tabulator-row:hover {
    background: #F6F6F6 !important;
}

#chapter-table .tabulator-row.tabulator-selected {
    background: #F1F1F1 !important;
}


#chapter-table input[type="checkbox"] {
    height: 0.85vw;
    width: 0.85vw !important;
    font-family: "Font Awesome";
    font-size: 0.95vw !important;
    letter-spacing: 0;
    line-height: 1.5vw;
    border: 0.01vw solid #000;
    border-radius: 0;
    background-color: transparent;
    background-image: none;
    outline: none;
    z-index: 10000;
    position: relative;
    left: 1.2vw;
    bottom: 0.2vw;
    appearance: none;
    cursor: pointer;
}

#chapter-table .tabulator-col input[type="checkbox"] {
    /* margin-top: 1px; */
}

#chapter-table input[type="checkbox"]:checked:before {
    background-color: transparent;
    height: 0.5vw;
    width: 0.5vw;
    position: absolute;
    font-size: 0.65vw;
    line-height: 2vw;
    color: #000;
    border-radius: 0;
    text-align: center;
    margin-top: 0.15vw;
    padding-left: 0.2vw;
    display: flex;
    justify-content: center;
    align-items: center;
    content: '\f00c';
    font-family: 'FontAwesome';
}

#chapter-table input[type="checkbox"]:indeterminate {
    background-color: transparent;
    font-size: 0.65vw !important;
    line-height: 2vw;
    color: #000;
    border-radius: 0;
    text-align: center;
    padding-top: 0.1vw;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 0.15vw;
    font-family: 'FontAwesome' !important;
}

#chapter-table input[type="checkbox"]:indeterminate:before {
    content: '\f068';
    font-family: 'FontAwesome' !important;
}

.tabulator-header-filter input {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    font-family: 'Open Sans';
    font-size: 9px !important;
    padding-top: 0 !important;
    padding-left: 0.05vw !important;    
    color: #1D1F21 !important;
}

.tabulator-header-filter input::placeholder {
    color: #1D1F21;
}

#chapter-table.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
    padding-left: 0;
}


.tabulator .tabulator-header .tabulator-col .tabulator-header-filter {
    margin-top: -0.15vw !important;
}

.chapViewIcon {
    display: inline-block;
    /* height: 16px; */
    /* width: 25px; */
    /* position: relative; */
    /* top: 4px; */
    /* background-repeat: no-repeat !important; */
    /* cursor: pointer; */
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover {
    cursor: pointer;
    background-color: transparent !important;
}

.tabulator {
    position: relative;
    border: 1px solid transparent;
    background-color: transparent !important;
    font-size: 14px;
    text-align: left;
    overflow: hidden;
    transform: translatez(0);
}

.tabulator .tabulator-header {
    background-color: #F3ECD3 !important;
}

.tabulator-cell [data-max="10"] {
    background-color: #F1C669 !important;
    height: 67% !important;
    border-radius: 50px;
}

.chapter_view_list {
    content: "\f00b";
    font-family: FontAwesome;
    left: -5px;
    position: absolute;
    top: 0;
}

.chapStackBar.Art.Tooltip {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

.Miscellaneous.Tooltip {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.chapStackBar.Review.Tooltip {
    /* border-bottom-right-radius: 50px; */
    /* border-top-right-radius: 50px; */
}

i.fa-th-list, .fa-signal {
    font-family: FontAwesome;
    font-style: normal;
    position: relative;
    bottom: 4px;
}

.tabulator .tabulator-tableHolder .tabulator-table {
    position: relative;
    display: inline-block;
    background-color: #fff;
    white-space: nowrap;
    overflow: visible;
    color: #333;
    width: 100%;
}

.tabulator .tabulator-tableholder .tabulator-table {
    background-color: transparent !important;
}

.tabulator_view {
    height: 20px;
    cursor: pointer;
    margin-bottom: 1px;
    width: 20px;
    margin-left: 4px;
    text-align: center;
    background-color: #D1D0C2;
    color: #FFF;
    border-radius: 50%;
    font-size: 15px !important;
    line-height: 20px !important;
}

.tabulator_viewsec {
    height: 20px;
    cursor: pointer;
    margin-bottom: 1px;
    width: 20px;
    /* transform: translateY(-8px); */
}

#bkCount {
    font-size: 11px;
    font-family: Open Sans;
    text-align: center;
    background-color: #D1D0C2;
    padding: 3.5px 10px;
    border-radius: 16px !important;
    position: relative;
    color: #1D1F21;
    bottom: 4px;
    margin-left: 10px;
    cursor: default;
    position: relative;
    left: 2px;
}

.fa-sort-asc:before {
    position: relative;
    top: 0.2vw !important;
    left: 0.2vw;
}

.fa-sort-desc:before {
    position: relative;
    bottom: 0.1vw !important;
    left: 0.2vw;
}

/* topold_internal css & tabulator css end */
/* CHECKIN POPUP 

#myPopUpId {
    height: 610px !important;
    width: 520px !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
#myPopUpId .modal-header {
    height: 18px !important;
    width: 520px !important;
    background-color: #F0C669;
    border-radius: 0px !important;
    top: 13px !important;
    position: relative !important;
}
#myPopUpId .modal-body {
    width: 520px !important;
    height: auto !important;
}
#myPopUpId_iframe_ {
    background-color: transparent !important;
    width: 520px !important;
    height: 570px !important;
}
#myPopUpId .close {
    position: relative !important;
    bottom: 10px !important;
    color: #fff !important;
    opacity: 1 !important;
    right: 26px !important; 
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
} */
ul.books {
    height: 100%;
    width: auto;
    margin: 0;
    overflow-y: hidden;
    overflow-x: auto;
}

.gridLayout {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(20000, max-content);
    grid-template-rows: 1fr 1fr;
    width: max-content !important;
}

.right.panel.list #proform1 .lable {
    position: relative;
    left: 4px;
}

.right.panel.list #project-form1 .lable {
    position: relative;
    left: 4px;
}

.fa.fa-calendar {
    /* position: relative; */
    /* margin-right: 0.3vw; */
}

#chapter-table .tabulator-row .tabulator-cell:nth-of-type(4) {
    padding-top: 0.45vw;
    padding-bottom: 0.3vw;
}

#chapter-table .tabulator-row .tabulator-cell:nth-of-type(7) {
    padding-top: 8px;
}

#chapter-table.tabulator .tabulator-header .tabulator-col:nth-of-type(1) {
    /* top: 0.35vw; */
    position: relative;
    padding-top: 0px !important;
}

.castoff {
    background-size: 16px !important;
    background-position: center !important;
}

#custom-chart {
    height: 412px;
    width: 100%;
    margin-top: 1%;
    overflow-x: scroll;
    margin-bottom: 1vw;
}

span.search-wrap-filter {
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #d1d0c2;
    text-align: center;
}

.search-wrap-filter {
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #d1d0c2;
    text-align: center;
    position: relative;
    bottom: 4px;
    left: 4px;
    cursor: pointer;
}

span.fa.fa-search {
    color: #fff;
    font-size: 13px;
}

#chapter-wrap-main {
    height: 344px !important;
    padding-bottom: 2px;
}

.basic-chapterview-wrap {
    height: 382px !important;
}


tr.tablewm {
    border-top: 1px dotted #BEBCA9;
    height: 20%;
}

.list #stylecollection .img {
    margin-left: 0px;
}

.right.panel.list:not(.clone) .mail-temp-wrap {
    float: left;
    padding: 6px 2px 0 0;
    width: 18px;
    height: 18px;
}

img.wordsword-wrap {
    width: 18px;
    height: 18px;
    float: left;
    padding: 3px 2px 0 0;
}

img.project-setup-img {
    float: left;
    width: 18px;
    height: 18px;
    padding: 4px 1px 0px 2px;
}

img.prject-form-img {
    float: left;
    width: 19px;
    height: 19px;
    padding: 4px 0px 0 2px;
}

img.config-img {
    float: left;
    width: 18px;
    height: 18px;
    padding: 4px 1px 1px 2px;
}

img.all-files-img {
    float: left;
    height: 18px;
    width: 18px;
    padding: 4px 0px 1px 3px;
}

img.epub-img {
    padding: 0px 0px 3px 3px;
    width: 18px;
    height: 18px;
}

.img.json-wrap {
    padding: 2px 0 0 3px;
}

.img.authoring-wrap {
    padding: 2px 0 0 3px;
}

img.castoff-img {
    float: left;
    width: 18px;
    height: 18px;
    padding: 2px 0px 2px 5px;
    position: relative;
    left: 5px;
}

.right.panel.list .shortcuts#stylecollection {
    left: 0px;
}

.right.panel.orig:not(.list) #proform1 .img {
    top: 4px !important;
}

.right.panel .shortcut-icon {
    display: inline-block;
    font-size: 0.95vw;
    height: 0.95vw;
    width: 0.95vw;
    margin-right: 0.2vw;
    background-repeat: no-repeat;
    background-size: contain;
    background-position-y: center;
    position: relative;
}


.bookForm.shortcut-icon {
    background-image: url(/Dashboard-New-portlet/icons/book-form.svg);
    width: 0.9vw;
    height: 0.9vw;
    display: inline-block;
    background-size: 0.9vw;
    position: relative;
    top: 2px;
}

.jobQueue.shortcut-icon {
    background-image: url(/Dashboard-New-portlet/icons/book-form.svg);
    width: 0.9vw;
    height: 0.9vw;
    display: inline-block;
    background-size: 0.9vw;
    position: relative;
    top: 2px;
}
.peerReview.shortcut-icon {
    background-image: url(/Dashboard-New-portlet/icons/peerreviewicon.svg);
    width: 0.9vw;
    height: 0.9vw;
    display: inline-block;
    background-size: 0.9vw;
    position: relative;
    top: 2px;
}
/* CHAPTER Shortcuts css */
.right.panel.list .shortcuts .shortcut-icon {
    display: inline-block;
    font-size: 0.95vw;
    height: 0.9vw;
    width: 0.9vw;
    margin-right: 0.5vw;
    background-repeat: no-repeat;
    background-size: contain;
    background-position-y: center;
    position: relative;
    font-weight: 300;
}

.right.panel.list .shortcuts .separator-small {
    display: none;
}

.WordSword.shortcut-icon {
    background: url(/Dashboard-New-portlet/icons/WordSword.svg);
    top: 2px;
}

.ProjectSetup.shortcut-icon {
    background: url(/Dashboard-New-portlet/icons/ProjectSetup-2.svg);
    top: 2px;
}

.configureProject.shortcut-icon {
    background: url(/Dashboard-New-portlet/icons/indesign.svg);
    top: 2px;
}

.ePub.shortcut-icon {
    background-image: url(/Dashboard-New-portlet/icons/EPUB_logo.svg);
    top: 2px;
}

.castOff.shortcut-icon {
    background: url(/Dashboard-New-portlet/icons/castoff.svg);
    left: 0.05vw;
}

.PeerReview.shortcut-icon {
    background: url(/Dashboard-New-portlet/icons/PeerReview.svg);
    right: 0.2vw;
    width: 1.5vw !important;
    height: 1.5vw !important;
    top: 0.25vw;
    margin-right: 0vw !important;
}

#peer_review_span {
    position: relative;
    right: 2px;
}

/* Review site Shortcuts */
.plusIcon.shortcut-icon {
    background-image: url(/Dashboard-New-portlet/icons/book-form.svg);
    width: 0.9vw;
    height: 0.9vw;
    display: inline-block;
    background-size: 0.9vw;
    position: relative;
    top: 2px;
}

.chapteractive {
    border: 1px solid black;
}

#chapter-wrap {
    min-width: 100%;
}

.right.panel .shortcut-icon#DMImg {
    font-size: 1vw;
}

.right.panel .shortcut-icon#account_BillingImg {
    position: relative;
    top: 0.01vw;
}
.right.panel.list .shortcuts span.fa.fa-sort-numeric-asc.shortcut-icon {
    font-size: 0.85vw;
    position: relative;
    left: 0.15vw;
}

span.chapter_miscellaneous_legend_color {
    height: 14px;
    width: 14px;
    display: block;
    position: relative;
    margin-right: 7px;
}

span#chapter_miscellaneous_legend {
    color: #1D1F21;
    font-family: Open Sans;
    font-size: 10px;
    letter-spacing: 0;
    float: right;
    display: flex;
    position: relative;
    font-weight: 400;
    justify-content: center;
    align-items: center;
}

span.chapter_art_legend_color {
    height: 14px;
    width: 14px;
    display: block;
    position: relative;
    margin-right: 7px;
}

span#chapter_art_legend {
    color: #1D1F21;
    font-family: Open Sans;
    font-size: 10px;
    letter-spacing: 0;
    float: right;
    display: flex;
    position: relative;
    font-weight: 400;
    margin-right: 15px;
    justify-content: center;
    align-items: center;
}

div#file-details {
    font-family: 'Open Sans';
    font-size: 12px;
}

li.chap-bar {
    position: relative;
    width: 78px;
    height: 56px;
    overflow: hidden;
    margin-right: 22px;
    margin-left: 0px;
    margin-top: 1px;
    border: 0px solid gray;
    float: left;
    box-sizing: border-box;
    font-family: 'Open Sans';
}

.PM-Chapter-name {
    font-size: 9px;
    font-weight: 500;
    line-height: 14px;
    text-align: center;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-transform: uppercase;
    font-family: 'Open Sans';
}

.warning-icon {
    color: #DC7B3F !important;
    font-size: 0.55vw !important;
    margin-right: 4px;
    position: relative;
    width: 15%;
    bottom: 0.15vw;
}

span.PageMajikView.chapViewIcon {
    left: 4px;
}

.chapteractive i.fa.fa-lock {
    font-size: 13px;
    color: red;
    float: right;
    display: block;
    position: absolute;
}

img#DocumentSort {
    height: 20px;
    cursor: pointer;
    margin-left: 7px;
    margin-bottom: 1px;
    width: 20px;
}

span#DocumentSort {
    height: 20px;
    cursor: pointer;
    margin-left: 7px;
    margin-bottom: 1px;
    width: 20px;
    background-color: #D1D0C2;
    color: #FFF;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    font-size: 16px;
    line-height: 20px;
}

span#DocFilterwrap, .chapViewIcon {
    position: relative;
    /*bottom: 4px;*/
}



/* Sort Icon Issue fix */

.filter-book {
    display: flex;
    align-items: center;
}


.action-wrap .f-action {
    border-left: 8px solid rgb(241, 199, 104);
    border-right: none !important;
    z-index: 1000;
    position: relative;
  }


li.item {
    padding: 0;
}

.perform-action{
    padding: 2px 8px 4px 14px;
}

.IndesignPrefIcon.shortcut-icon {
   
    width: 1.3vw !important;
    height: auto !important;
    bottom: 2px;
    right: 3px;
    margin-right: 0.1vw !important;
}

/* swal */


.swal2-icon.swal2-info {
    border-color: #fb9864;
    color: #fb9864;
}


.bookactive-retain{
    border-radius: 1.3vw;
    padding: 29px 26px;
    margin-bottom: 10px !important;
    width: 140px !important;
    height: 180px !important;
}

.bookactive-retain svg {
    transform: scale(1.3);
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.ManuscriptView.bookactive-retain {
    padding: 10px 5px;
    margin-right: 10px !important;
    margin-bottom: 10px !important;
}

.ManuscriptView.bookactive-retain svg {
    transform: scale(1);
}

.ProjectView.bookactive-retain {
    padding: 3px 8px;
    margin-right: 10px !important;
    margin-bottom: 10px !important;
    width: 147px !important;
    height: 196px !important;
}

.ProjectView.bookactive-retain svg {
    transform: scale(1);
}

.ContractView.bookactive svg {
    transform: scale(0.96);
    position: relative;
    bottom: 2px;
}

.ContractView.bookactive-retain {
    padding: 3px 5px;
    width: 130px !important;
}

.ContractView.bookactive-retain svg {
    transform: scale(0.9);
}

.material-symbols-outlined.shortcut-icon {
    top: 0.2vw;
    right: 0.12vw;
    font-size: 1.1vw !important;
    line-height: 1vw;
}

/* upload files */

.chapStackBar input {
    opacity: 0;
    width: 215px !important;
    cursor: pointer !important;
    position: absolute;
    font-size: 0;
    z-index: 1;
}

.fileUpload-tableView .chapStackBar input {
    width: 145px !important;
}

.halfFilled {
    display: inline-flex;
    width: 99%;
    height: 55.5%;
    position: relative;
    bottom: 0.05vw;
    left: 0.05vw;
}

.Art .halfFilled {
    background: #6D97A7;
}

.Manuscript .halfFilled {
    background: #f1c768;
}

.Indesign  .halfFilled {
    background: #A0BF84;
}

.Review  .halfFilled {
    background: #C68F6B;
}

.Miscellaneous  .halfFilled {
    background: #dfa2a1;
}


.fullFilles {
    display: inline-flex;
    width: 100%;
    height: 100%;
    position: relative;
}



.Art .fullFilles  {
    background: #6D97A7;
}


.Manuscript .fullFilles  {
    background: #f1c768;
}

.Indesign  .fullFilles  {
    background: #A0BF84;
}

.Review  .fullFilles {
    background: #C68F6B;
}

.Miscellaneous  .fullFilles  {
    background: #dfa2a1;
}

#right-fileUpload-div {
    width: 30%;
    height: 100%;
}

.submit-files-wrap {
    width: 100%;
    display: inline-flex;
    margin-top: 0vw;
    background: #F3F2EA;
}

.submit-files {
    background: transparent;
    border: none;
    outline: none !important;
    color: #1D1F21 !important;
    font-family: Open Sans !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    line-height: 16px !important;
    padding: 0vw;
    z-index: 1;
    position: relative;
    margin-right: 15px !important;
    display: inline-flex;
    align-items: center;
    text-transform: capitalize !important;
}

.submit-files:hover {
    /* background-color: #9DD283; */
    color: #019001 !important;
}

.submit-refresh {
    display: none;
    position: relative;
    bottom: 2px;
    margin-left: 0.4vw;
    float: right;
}

.upload-file-label {
    position: absolute;
    background: #F3ECD3;
    border: none;
    outline: none !important;
    color: #1D1F21 !important;
    font-family: Open Sans !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 0 !important;
    line-height: 16px !important;
    padding: 0.35vw 1.5vw;
    right: 0;
    width: 25%;
    text-align: center;
}

#upload-files {
    z-index: 10000;
    position: relative;
    opacity: 0;
    width: 100%;
}

.count-files {
    display: flex;
    align-items: center;
    border-bottom: 0.01vw solid #E4D8B0;
    background-color: #F3ECD3;
}

#upload-files-tab-name {
    color: #464433 !important;
    font-family: Open Sans !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0 !important;
    line-height: 16px !important;
    width: 92%;
    display: block;
    padding: 0.1vw 0.6vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

span#upload-files-tab-count {
    color: #464433 !important;
    font-family: Open Sans !important;
    font-weight: 600 !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0 !important;
    line-height: 15px !important;
    background: #D1D0C2;
    height: 15px;
    width: 25px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

div#chapter-fileUpload-table.tabulator {
    border: 1px solid #E9E9E9;
    height: 100%;
    background: #FCFCFC !important;
}

div#chapter-fileUpload-table.tabulator .tabulator-header {
    height: 46px;
}

div#chapter-fileUpload-table.tabulator .tabulator-tableholder {
    overflow-x: hidden;
}

#chapter-fileUpload-table.tabulator .tabulator-header .tabulator-col {
    border: none !important;
    border-right: none !important;
    padding-top: 0px !important;
    padding-left: 6px;
    text-transform: capitalize;
    background: #F3ECD3 !important;
}

#chapter-fileUpload-table.tabulator .tabulator-header .tabulator-col:first-child {
    padding-left: 0.75vw;
}

#chapter-fileUpload-table .tabulator-row .tabulator-cell {
    border: none;
    color: rgba(0,0,0,0.87);
    font-family: Open Sans;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 17px;
    height: 38px !important;
    color: #1D1F21;
    padding-left: 10px !important;
    font-size: 12px;
    position: relative;
    padding-top: 11px;
}

#chapter-fileUpload-table .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
    color: #1D1F21 !important;
    font-family: Open Sans !important;
    font-size: 13px !important;
    font-weight: bold !important;
    letter-spacing: 0 !important;
    line-height: 16px !important;
    text-transform: none;
}

#chapter-fileUpload-table .tabulator-row .tabulator-cell:nth-of-type(3) {
    padding-top: 0.2vw;
    padding-bottom: 0vw;
}

#chapter-fileUpload-table .tabulator-row .tabulator-cell .chapStackBar {
    border: 0.2vw dotted;
    display: inline-flex;
    align-items: end;
    position: relative;
    z-index: 1;
}

#chapter-fileUpload-table .tabulator-row .tabulator-cell .chapStackBar:first-child {
    border-left: 0.2vw dotted;
}

#chapter-fileUpload-table .tabulator-row .tabulator-cell .chapStackBar.Art.Tooltip {
    border-radius: 0;
}

#chapter-fileUpload-table .tabulator-row .tabulator-cell .Miscellaneous.Tooltip { 
    border-radius: 0;
 }

 #chapter-fileUpload-table .tabulator-row .tabulator-cell label {
    width: 18%;
    position: absolute;
    margin-bottom: 0;
    display: inline-flex;
    justify-content: center;
    top: 9px;
}

#chapter-fileUpload-table .tabulator-row.tabulator-selectable.tabulator-row-odd {
    border-bottom: 1px solid #E9E9E9;
   /* border-left: 1px solid #E9E9E9;
    border-right: 1px solid #E9E9E9; */
    width: 100%;
}

#chapter-fileUpload-table .tabulator-row.tabulator-row-even {
    background-color: #fff !important;
    border-bottom: 1px solid #E9E9E9;
    /*border-left: 1px solid #E9E9E9;
    border-right: 1px solid #E9E9E9;*/
}

#chapter-fileUpload-table .tabulator-row.tabulator-selectable:hover {
    background-color: transparent;
    cursor: pointer;
}

#chapter-fileUpload-table .tabulator-row:hover {
    background: #F6F6F6 !important;
}

#chapter-fileUpload-table .tabulator-row.tabulator-selected {
    background: #F1F1F1 !important;
}


/* Right tabulator */

div#uploaded-files-list {
    border: 1px solid #E9E9E9;
    border-top: 0;
    margin-top: 0vw;
    background: #FCFCFC !important;
}

div#uploaded-files-list .tabulator-col .tabulator-col-content .tabulator-col-title {
    color: #1D1F21 !important;
    font-family: Open Sans !important;
    font-size: 11px !important;
    font-weight: bold !important;
    letter-spacing: 0 !important;
    line-height: 15px !important;
    padding-right: 22px;
}

div#uploaded-files-list.tabulator .tabulator-header .tabulator-col {
    border: none !important;
    border-right: none !important;
    padding-top: 0px !important;
    padding-left: 0%;
    text-transform: capitalize;
    background: #F3ECD3 !important;
}

div#uploaded-files-list.tabulator .tabulator-header {
    height: 26px;
}

div#uploaded-files-list .tabulator-row .tabulator-cell {
    border: none;
    color: rgba(0, 0, 0, 0.87);
    font-family: Open Sans;
    font-size: 14px;
    letter-spacing: 0;
    color: #1D1F21;
    font-family: Open Sans;
    font-size: 11px;
    position: relative;
    padding-top: 11px;
    padding-bottom: 11px;
    height: 36px !important;
    display: inline-flex;
    align-items: center;
}

div#uploaded-files-list .tabulator-row .tabulator-cell:nth-of-type(5) {
    justify-content: center;
}

div#uploaded-files-list .tabulator-row.tabulator-selectable.tabulator-row-odd {
    border-bottom: 1px solid #E9E9E9;
   /* border-left: 1px solid #E9E9E9;
    border-right: 1px solid #E9E9E9;*/
    width: 100%;
    height: 32px;
    display: flex;
    align-items: center;
}

div#uploaded-files-list .tabulator-row.tabulator-selectable.tabulator-row-even {
    border-bottom: 1px solid #E9E9E9;
    /*border-left: 1px solid #E9E9E9;
    border-right: 1px solid #E9E9E9;*/
    background: #FFF;
    height: 32px;
    display: flex;
    align-items: center;
}

div#uploaded-files-list.tabulator .tabulator-header .tabulator-col:first-child {
    padding-left: 6px;
}

div#uploaded-files-list .tabulator-row .tabulator-cell:first-child {
    padding-left: 9px;
}

div#uploaded-files-list .tabulator-row .tabulator-cell:nth-of-type(2) {
    display: inline-block;
    padding-top: 9px !important;
}

div#uploaded-files-list .tabulator-row:hover {
    background: #F6F6F6 !important;
}

div#uploaded-files-list .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-group {
    border-top: unset;
    border-right: unset;
    border-bottom: 0.01vw solid #F6F6F6;
    font-family: "Open Sans";
    font-size: 0.8vw;
    letter-spacing: 0;
    line-height: 1.8vw;
    background-color: #fff !important;
    color: #1D1F21;
    padding-top: 2px;
    padding-bottom: 2px;
}

div#uploaded-files-list .tabulator-row.tabulator-group span {
    color: #1D1F21;
    margin-left: 3px;
    font-family: 'Open Sans';
}

div#uploaded-files-list.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
    padding-top: 1px;
}

div#uploaded-files-list .tabulator-header-filter input {
    font-size: 7px !important;
}

div#uploaded-files-list.tabulator .tabulator-header .tabulator-col .tabulator-header-filter {
    margin-top: -4px !important;
}

.tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow {
    border-left: 4px solid transparent !important;
    border-right: 4px solid transparent !important;
    border-top: 4px solid #000 !important;
    bottom: -0.01vw;
}

.tabulator-row.tabulator-group .tabulator-arrow {
    border-bottom: 4px solid transparent !important;
    border-left: 4px solid #000 !important;
    border-top: 4px solid transparent !important;
    position: relative;
    bottom: 0.1vw;
}

div#uploaded-files-list.tabulator .tabulator-tableholder {
    overflow-x: hidden;
}

div#uploaded-files-list .tabulator-row .tabulator-cell div {
    background: #EAE8E8;
    border-radius: 0.01vw;
}

div#uploaded-files-list .tabulator-row .tabulator-cell .fa-trash {
    color: #B5B5B5;
    margin-left: 0.5vw;
    margin-top: 0.1vw;
}

div#uploaded-files-list .tabulator-row .tabulator-cell .fa-trash:hover {
    color: #E06967;
}

.tab-clr {
    height: 14px;
    width: 14px;
    border-radius: 0 !important;
    margin-left: 0.1vw;
    position: relative;
}

.fileUpload-tableView{
    width: 69.2%; 
    float: left; 
}

.viewShortcutList{
    display:inline-block;
    margin-left: 7px;
    line-height: 27px;
    width: 6vw;
}

.list-icon {
    cursor: pointer;
    margin-left: 7px;
    margin-bottom: 2px;
    width: 21px;
    font-size: 17px !important;
}

.list-view {
    margin-left: 7px;
    margin-bottom: 2px;
    width: 21px;
    font-size: 17px !important;
    cursor: pointer;
}

.trash-icon {
    font-size: 1vw !important;
    margin-left: 0.5vw;
    color: #000;
    font-weight: 400;
}

.trash-icon:hover {
    color: #E06967;
}

.refresh-icon {
    font-size: 1.2vw !important;
    margin-right: 6px;
    font-weight: 400 !important;
}

.submit-icon{
    font-size: 1.2vw !important;
    margin-right: 6px;
    font-weight: 400 !important;
    position: relative;
    bottom: 0.05vw;
}

/* button to submit */

.arrow-to-submit-right {
    width: 33%;
    display: inline-block;
    float: right;
    right: 0vw;
    position: relative;
    top: 0.8vw;
}

.arrow-right {
    opacity: 0;
    position: absolute;
    right: 60%;
    transform-origin: 50% 50%;
    transform: translate3d(-50%, -59%, 0);
}

.arrow-first-right {
    -webkit-animation: arrow-right 2s ease-in-out infinite;
    animation: arrow-right 2s ease-in-out infinite;
}

.arrow-second-right {
    -webkit-animation: arrow-right 2s 1s ease-in-out infinite;
    animation: arrow-right 2s 1s ease-in-out infinite;
}

.arrow-right:before, .arrow-right:after {
    background: #DC7B40;
    content: "";
    display: block;
    height: 0.25vw;
    position: absolute;
    top: 0.5vw;
    right: 6.4vw;
    width: 1.25vw;
}

.arrow-right:before {
    box-shadow: 0 0.15vw 0.25vw #00000033;
    transform: rotate(45deg);
}

.arrow-right:after {
    top: -0.25vw;
    transform: rotate(-45deg);
}

.blinkText {
    display: none;
}

.active-blink {
    display: block;
}

#tabFileUploadView-icon {
    text-align: center;
    background-color: #D1D0C2;
    color: #FFF;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
}

#tabFileUploadView-icon.fa-upload:before {
    position: relative;
    bottom: 0.03vw;
}

.dragEffect {
    transform: scale(1.045);
    box-shadow: #c3bebe 2px 1px 8px 2px;
    border-color: #DC7B40 !important;
    z-index: 100 !important;
}

.chap-legend {
    float: right;
    margin-left: 1vw;
}

.book-chap-name {
    width: 69.1%;
}

.submit-files:last-child {
    margin-right: 0 !important;
}

.sub-icon-text {
    font-weight: 600;
}

.submission-icon {
    background-image: url(/Dashboard-New-portlet/icons/Shape.svg);
}

.chapStackUploadBar:not(:has(input)) {
    opacity:0.6;
    cursor: not-allowed;
    background: transparent !important;
}

.warn-text {
    display: none;
    position: fixed;
    z-index: 100000;
    background-color: white;
    box-shadow: rgba(0,0,0,0.3) -0.1vw 0.1vw 0.5vw;
    padding: 0.4vw 0.8vw;
    text-transform: none;
}

.users-text {
    font-size: 0.65vw;
    line-height: 1vw;
    font-family: 'Open Sans';
    display: flex;
    align-items: center;
}

.PM-Chapter-name:hover + .warn-text {
    display: block;
}

.new-status-icon {
    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    font-size: 0.85vw !important;
    width: 100%;
    height: 98%;
    display: flex !important;
    align-items: end;
}

img.check-icon {
    width: 1vw;
    height: 1vw;
    position: relative;
    bottom: 0.05vw;
}

@-webkit-keyframes arrow-right {
    0% {
        opacity: 0;
        right: 35%;
    }

    70% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes arrow-right {
    0% {
        opacity: 0;
        right: 45%;
    }

    70% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}


.tabulator .tabulator-tableholder::-webkit-scrollbar {
    width: 4.5px;
    height: 4.5px;
  }

/* width */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #fff;
    border: none;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #CDCDCD;
    border-radius: 2px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #CDCDCD;
    border-radius: 2px;
  }

.swal2-chap-deny {
    order: 1;
}

button.swal2-cancel.swal2-chap-cancel.swal2-styled {
    background: #F0C669;
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title
{
white-space: normal;
text-overflow: clip;
}



/* Basic View CSS */


div#basicChaptersViewTable.tabulator {
    border: 1px solid #E9E9E9 !important;
    background: #FCFCFC !important;
    height: 100%;
}

#basicChaptersViewTable.tabulator .tabulator-header .tabulator-col {
    border: none !important;
    border-right: none !important;
    height: 38px !important;
    padding-top: 0.5px !important;
    padding-left: 0%;
    text-transform: capitalize;
    background: #F3ECD3 !important;
}

#basicChaptersViewTable .tabulator-row .tabulator-cell {
    border: none;
    color: rgba(0,0,0,0.87);
    font-family: Open Sans;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 17px;
    height: 30px !important;
    color: #1D1F21;
    font-family: Open Sans;
    padding-left: 0px !important;
    padding-right: 23px !important;
    font-size: 12px;
    padding: 0px;
    position: relative;
    padding-top: 7px;
}


#basicChaptersViewTable .tabulator-row.tabulator-row-even {
    background-color: #fff !important;
    border-bottom: 1px solid #E9E9E9;
}

#basicChaptersViewTable .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
    color: #1D1F21 !important;
    font-family: Open Sans !important;
    font-size: 13px !important;
    font-weight: bold !important;
    letter-spacing: 0 !important;
    line-height: 16px !important;
}

#basicChaptersViewTable .tabulator-row.tabulator-selectable.tabulator-row-odd {
    border-bottom: 1px solid #E9E9E9;
    width: 100%;
}

#basicChaptersViewTable.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=desc] .tabulator-col-content .tabulator-arrow {
    border-top: 6px solid #F0BA3C;
}

#basicChaptersViewTable.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=asc] .tabulator-col-content .tabulator-arrow {
    border-bottom: 6px solid #F0BA3C;
}

#basicChaptersViewTable .tabulator-row.tabulator-selectable:hover {
    background-color: transparent;
    cursor: pointer;
}

#basicChaptersViewTable .tabulator-row:hover {
    background: #F6F6F6 !important;
}

#basicChaptersViewTable .tabulator-row.tabulator-selected {
    background: #F1F1F1 !important;
}


#basicChaptersViewTable input[type="checkbox"] {
    height: 0.85vw;
    width: 0.85vw !important;
    font-family: "Font Awesome";
    font-size: 0.95vw !important;
    letter-spacing: 0;
    line-height: 1.5vw;
    border: 0.01vw solid #000;
    border-radius: 0;
    background-color: transparent;
    background-image: none;
    outline: none;
    z-index: 10000;
    position: relative;
    left: 1.2vw;
    bottom: 0.2vw;
    appearance: none;
    cursor: pointer;
}

#basicChaptersViewTable input[type="checkbox"]:checked:before {
    background-color: transparent;
    height: 0.5vw;
    width: 0.5vw;
    position: absolute;
    font-size: 0.65vw;
    line-height: 2vw;
    color: #000;
    border-radius: 0;
    text-align: center;
    margin-top: 0.15vw;
    padding-left: 0.2vw;
    display: flex;
    justify-content: center;
    align-items: center;
    content: '\f00c';
    font-family: 'FontAwesome';
}

#basicChaptersViewTable input[type="checkbox"]:indeterminate {
    background-color: transparent;
    font-size: 0.65vw !important;
    line-height: 2vw;
    color: #000;
    border-radius: 0;
    text-align: center;
    padding-top: 0.1vw;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 0.15vw;
    font-family: 'FontAwesome' !important;
}

#basicChaptersViewTable input[type="checkbox"]:indeterminate:before {
    content: '\f068';
    font-family: 'FontAwesome' !important;
}

#basicChaptersViewTable.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
    padding-left: 0;
}

#basicChaptersViewTable.tabulator .tabulator-header .tabulator-col:nth-of-type(1) {
    padding-left: 0.6vw;
}

#basicChaptersViewTable .tabulator-row .tabulator-cell:nth-of-type(1) {
    padding-top: 2px;
    padding-left: 0.88vw !important;
    padding-right: 0 !important;
    display: inline-flex;
    align-items: center;
}
#basicChaptersViewTable .tabulator-row .tabulator-cell:nth-of-type(1) .new-status-icon {
    align-items: center;
}
.filter-icon {
    font-size: 1.1vw !important;
    line-height: 0.99vw !important;
    cursor: pointer;
    margin-left: 0.2vw;
}

.filter-icon:hover {
    color: #019001;
}


.tabulator-header-filter {
    visibility: hidden; 
}

.tab-visible {
    visibility: visible !important;
}

.tabChapterView.tabulator .tabulator-header {
    height: 3.44vh !important;
}

.tabChapterView.tabulator .tabulator-header.tab-filter-wrap {
    height: 5.24vh !important;
}

.tabChapterView.tabulator {
    padding-bottom: 0.8vw;
}


@media only screen and (min-height: 800px) and (max-height:1020px) {

    div#chapter-fileUpload-table {
        height: calc(73vh - 80px) !important;
    }

    #uploaded-files-list {
        height: calc(70.1vh - 74px) !important;
    }

    #chapter-table {
        height: calc(63vh - 80px) !important;
    }

    #pg-book {
        height: calc(86vh - 70px);
    }

    #custom-chart {
        height: calc(77vh - 80px);
        width: 100%;
        margin-top: 1%;
        overflow-x: scroll;
        margin-bottom: 1vw;
    }

    .gridLayout {
        display: grid;
        grid-auto-flow: column;
        grid-template-columns: repeat(20000, max-content);
        grid-template-rows: 1fr 1fr 1fr;
        width: max-content !important;
    }

    #chapter-wrap-main {
        height: calc(67vh - 80px) !important;
    }

    .basic-chapterview-wrap {
        height: calc(70vh - 80px) !important;
    }

    .tabChapterView.tabulator .tabulator-header {
        height: 3vh !important;
    }

    .tabChapterView.tabulator .tabulator-header.tab-filter-wrap {
        height: 4vh !important;
    }
}


@media only screen and (min-height: 800px) and (max-height:910px) {
    
    div#chapter-fileUpload-table {
        height: calc(71.4vh - 80px) !important;
    }

    #uploaded-files-list {
        height: calc(68.2vh - 74px) !important;
    }

    .tabChapterView.tabulator .tabulator-header.tab-filter-wrap {
        height: 4.6vh !important;
    }
}


@media only screen and (min-height: 740px) and (max-height: 756px) {
    div#uploaded-files-list {
        height: 47vh !important;
    }
}

@media only screen and (min-height: 757px) and (max-height: 799px) {
    div#uploaded-files-list {
        height: 45vh !important;
    }
}


@media only screen and (min-height: 630px) and (max-height:699px) {
    div#uploaded-files-list {
            height: 53.2vh !important;
    }
    .filter-icon {
        line-height: 1.2vw !important;
    }
}

@media only screen and (min-height: 590px) and (max-height:630px) {
    div#uploaded-files-list {
            height: 59vh !important;
    }

    .tabChapterView.tabulator .tabulator-header.tab-filter-wrap {
        height: 5.6vh !important;
    }
    .filter-icon {
        line-height: 1.2vw !important;
    }
    .tabChapterView.tabulator .tabulator-header {
        height: 4vh !important;
    }
}

@media only screen and (min-height: 1021px) and (max-height:1180px) {
    #pg-book {
        height: calc(76vh - 70px);
    }

    #custom-chart {
        height: calc(69vh - 80px);
        width: 100%;
        margin-top: 1%;
        overflow-x: scroll;
        margin-bottom: 1vw;
    }

    .gridLayout {
        display: grid;
        grid-auto-flow: column;
        grid-template-columns: repeat(20000, max-content);
        grid-template-rows: 1fr 1fr 1fr;
        width: max-content !important;
    }

    #chapter-wrap-main {
        height: calc(62vh - 80px) !important;
    }
}


@media only screen and (min-height: 1599px) and (max-height:2200px) {
    #pg-book {
        height: calc(86vh - 70px);
    }

    #custom-chart {
        height: calc(81vh - 100px);
        width: 100%;
        margin-top: 1%;
        overflow-x: scroll;
        margin-bottom: 1vw;
    }

    .gridLayout {
        display: grid;
        grid-auto-flow: column;
        grid-template-columns: repeat(20000, max-content);
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
        width: max-content !important;
    }

    #chapter-wrap-main {
        height: calc(73vh - 100px) !important;
    }
}

@media only screen and (min-height: 1181px) and (max-height:1400px) {
    #pg-book {
        height: calc(84vh - 70px);
    }

    #custom-chart {
        height: calc(77vh - 80px);
        width: 100%;
        margin-top: 1%;
        overflow-x: scroll;
        margin-bottom: 1vw;
    }

    .gridLayout {
        display: grid;
        grid-auto-flow: column;
        grid-template-columns: repeat(20000, max-content);
        grid-template-rows: 1fr 1fr 1fr 1fr;
        width: max-content !important;
    }

    #chapter-wrap-main {
        height: calc(62vh - 80px) !important;
    }
}

@media only screen and (min-height: 1401px) and (max-height:1600px) {
    #pg-book {
        height: calc(86vh - 70px);
    }

    #custom-chart {
        height: calc(80vh - 80px);
        width: 100%;
        margin-top: 1%;
        overflow-x: scroll;
        margin-bottom: 1vw;
    }

    .gridLayout {
        display: grid;
        grid-auto-flow: column;
        grid-template-columns: repeat(20000, max-content);
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
        width: max-content !important;
    }

    #chapter-wrap-main {
        height: calc(62vh - 80px) !important;
    }
}

@media only screen and (min-device-width: 1920px) and (max-device-width: 1930px)  {
    div#uploaded-files-list .tabulator-row .tabulator-cell {
        padding-top: 0.6vw !important;
        padding-bottom: 0.6vw !important;
    }

    .viewShortcutList {
        width: 5vw;
    }
}

@media (min-width: 979px) {
    html {
        overflow-y: auto !important;
    }
}


@media (max-width: 700px) {
    .left-panel {
        width: 90% !important;
    }
}

@media only screen and (min-device-width: 760px) and (max-device-width: 1025px)  {
    .basic-chapterview-wrap {
        height: 600px !important;
    }
}

@media (orientation: portrait) {
    
    .filter-icon {
        font-size: 16px !important;
    }
}