@font-face {
    font-family: 'Univers-Condensed';
    font-style: normal;
    font-weight: normal;
    src: local('Univers-Condensed'), url('/fonts/Univers-Condensed.otf') format('opentype');
}

@font-face {
    font-family: 'Univers-CondensedBold';
    font-style: normal;
    font-weight: bold;
    src: local('Univers-CondensedBold'), url('/fonts/Univers-CondensedBold.otf') format('opentype');
}

body {
    font-family: 'Univers-Condensed', serif !important;
    font-size: 15.8px;
}

:root {
    --folder: rgb(255, 166, 0);
    --folder-light: rgba(253, 201, 105, 0.774);
    --bg-light-one: #929497;
    --bg-light-two: #D1D8DB;
}

.img-cloud {
    background-image: url("/Images/body-bg.jpg");
    background-size: 100vw;
    background-repeat: no-repeat !important;
}

.page {
    border: 2px skyblue dotted;
    padding: 4px;
}


/* Extend Bootstrap */
.bg-light-one {
    background-color: var(--bg-light-one) !important;
}

.bg-light-two {
    background-color: var(--bg-light-two) !important;
}

.text-light-one {
    color: var(--bg-light-one) !important;
}

.text-light-two {
    color: var(--bg-light-two) !important;
}

.border-light-one {
    border: solid 1px var(--bg-light-one) !important;
}

.border-light-two {
    border: solid 1px var(--bg-light-two) !important;
}

.mt-6 {
    margin-top: 3rem !important;
}

.mt-7 {
    margin-top: 4rem !important;
}

.mt-8 {
    margin-top: 5rem !important;
}

.mt-9 {
    margin-top: 6rem !important;
}

.mt-10 {
    margin-top: 7rem !important;
}

.my-half {
    margin-top: 0.10rem !important;
    margin-bottom: 0.10rem !important;
}



/* Extend Bootstrap */


.doc-view-card-label {
    margin-left: -30px;
    position: absolute;
    margin-top: -1px;
    background: white;
    width: 30px;
    border-radius: 4px 0px 0px 4px;
    background-color: var(--blue);
    /* border-right: 0; */
}


/* bs fix */
.card-header {
    margin-right: -0.01em;
}

.doc-view-card-icon-label {
    margin-left: -30px;
    position: absolute;
    margin-top: 30px;
    width: 30px;
}

.zoom {
    transition: transform .2s;
    z-index: 9999999;
}

    .zoom:hover {
        transform: scale(2);
        background-color: white;
        border-radius: 3px;
        border: dotted 1px skyblue;
        z-index: 9999999;
    }

.overlay {
    display: block !important;
    position: absolute !important;
    z-index: 1 !important;
    background-color: white !important;
}

.bg-primary-light {
    background-color: #ffc62740 !important;
}


/* popover */
.pop-div {
    font-size: 13px;
    margin-top: 100px;
}

.pop-title {
    display: none;
    color: blue;
    font-size: 15px;
}

.pop-content {
    display: none;
    color: red;
    font-size: 10px;
}

/* popover */


input[type=checkbox] {
    vertical-align: middle;
    position: relative;
    bottom: 2px;
}

.second-list, .first-list {
    /* padding-top: 6px;
    padding-bottom: 6px; */
    padding-left: 10px;
}

    .second-list li:last-child, .first-list li:last-child {
        /* padding-top: 6px;
    padding-bottom: 6px; */
    }

.list-unstyled > li {
    padding: 4px 0px 0px 0px;
}

.clickable {
    cursor: pointer;
}

.row {
    padding: 0;
    margin: 0;
}

/* .modal-body{
    min-height: 40vh;
    overflow-y: auto;
} */

.doc-view-card-label {
    margin-left: -30px;
    position: absolute;
    margin-top: -1px;
    width: 30px;
    border-radius: 4px 0px 0px 4px;
    background-color: var(--bs-primary);
}

.no-link {
    text-decoration: none !important;
    color: var(--bs-white);
}

.border-primary {
    border: solid 1px;
}


/* Scroll/ */
.scroll-info::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    border-radius: 6px;
}

.scroll-info::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #F5F5F5;
}

.scroll-info::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: var(--bs-info) !important;
    background-image: none;
}

.scroll-success::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    border-radius: 6px;
}

.scroll-success::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #F5F5F5;
}

.scroll-success::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: var(--bs-success) !important;
    background-image: none;
}


.scroll-primary::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    border-radius: 6px;
}

.scroll-primary::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #F5F5F5;
}

.scroll-primary::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: var(--bs-primary) !important;
    background-image: none;
}



.scroll-dark::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    border-radius: 6px;
}

.scroll-dark::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #F5F5F5;
}

.scroll-dark::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: var(--bs-dark) !important;
    background-image: none;
}



::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    border-radius: 6px;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: var(--bg-light-one) !important;
    background-image: none;
}


.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* Multi Select */
.multiselect-dropdown {
    width: 100% !important;
}

.multiselect-dropdown {
    display: inline-block;
    padding: 3px 3px 0px 3px;
    border-radius: 4px;
    border: solid 1px #ced4da;
    background-color: white;
    position: relative;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
}

    .multiselect-dropdown span.optext, .multiselect-dropdown span.placeholder {
        margin-right: 0.5em;
        margin-bottom: 3px;
        padding: 1px 0;
        border-radius: 2px;
        display: inline-block;
    }

.Editpage-docdate {
    width: auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

    .multiselect-dropdown span.optext {
        background-color: lightgray;
        padding: 1px 0.75em;
    }

    .multiselect-dropdown span.placeholder {
        color: #ced4da;
        padding: 0px 0px 0px 6px;
    }

.multiselect-dropdown-list-wrapper {
    box-shadow: gray 0 3px 8px;
    z-index: 100;
    padding: 2px;
    border-radius: 4px;
    border: solid 1px #ced4da;
    display: none;
    margin: -1px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: white;
}

    .multiselect-dropdown-list-wrapper .multiselect-dropdown-search {
        margin-bottom: 5px;
    }

.multiselect-dropdown-list {
    padding: 2px;
    height: 15rem;
    overflow-y: auto;
    overflow-x: hidden;
}

    .multiselect-dropdown-list::-webkit-scrollbar {
        width: 6px;
    }

    .multiselect-dropdown-list::-webkit-scrollbar-thumb {
        background-color: #bec4ca;
        border-radius: 3px;
    }

    .multiselect-dropdown-list div {
        padding: 5px;
    }

    .multiselect-dropdown-list input {
        height: 1.15em;
        width: 1.15em;
        margin-right: 0.35em;
    }

    .multiselect-dropdown-list div.checked {
    }

    .multiselect-dropdown-list div:hover {
        background-color: #ced4da;
    }

.multiselect-dropdown span.maxselected {
    width: 100%;
}

.multiselect-dropdown-all-selector {
    border-bottom: solid 1px #999;
}



.itemselect {
    cursor: pointer !important;
    /*margin: 4px auto !important;*/ /*Bug 4719 by AC*/
    /*width: auto;*/
}

/*.itemselect {
    margin: 3px 1px 1px 1px !important;
}*/


.bg-light-two-warning {
    background-color: #FFC627 !important;
}

.bg-light-two-info {
    background-color: #EC2B7B !important;
}

.bg-light-two-primary {
    background-color: #29ABE2 !important;
}

.bg-light-two-success {
    background-color: #38B34A !important;
}

.displayNone {
    display: none;
}

.displayBlock {
    display: block;
}

.breadcrumbs {
    cursor: pointer;
    display: inline-block;
    white-space: nowrap;
    vertical-align: text-top;
    max-width: 100%;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
}
/*lodingtreedive issue*/
.loadingTreeDiv {
    position: relative
}

    .loadingTreeDiv:before {
        content: '';
        top: 0px;
        right: 0px;
        width: 100%;
        height: 100%;
        background-color: rgba(236, 239, 241, 0.90);
        background-image: url('/Images/Message.svg');
        background-repeat: no-repeat !important;
        background-position: center !important;
        z-index: 10000000;
        position: absolute;
        display: inline-block;
        opacity: 1;
        filter: alpha(opacity=50); /* For IE8 and earlier */
    }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .loadingTreeDiv:before {
        background-image: url('/Images/Message.gif') !important;
    }
}

/*lodingtreedive issue*/

.loadingDivPopUp {
    position: relative;
}

    .loadingDivPopUp:before {
        content: '';
        top: 0px;
        right: 0px;
        width: 100%;
        height: 100% !important;
        background-color: rgba(236, 239, 241, 0.90);
        background-image: url(/Images/Message.svg) !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        z-index: 10000000;
        opacity: 1;
        display: inline-block;
        position: absolute;
        border-radius: 10px;
    }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    .loadingDivPopUp:before {
        background-image: url('/Images/Message.gif') !important;
    }
}

.loadingDivPopUpCheck {
    position: absolute;
    top: 365px;
    left: 0;
    width: 100%;
    height: 100%;
}

    .loadingDivPopUpCheck:before {
        content: '';
        top: 0px;
        right: 0px;
        width: 100%;
        height: 100% !important;
        background-color: rgba(236, 239, 241, 0.90);
        background-image: url(/Images/Message.svg) !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        z-index: 10000000;
        margin-top: -365px;
        opacity: 1;
        display: inline-block;
        position: absolute;
        border-radius: 10px;
    }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    .loadingDivPopUpCheck:before {
        background-image: url(/Images/Message.gif) !important;
    }
}

.loadingDiv {
    position: relative
}

    .loadingDiv:before {
        content: '';
        top: 0px;
        right: 0px;
        width: 100%;
        height: 100%;
        background-color: rgba(236, 239, 241, 0.90);
        background-image: url('/Images/Message.svg') !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        z-index: 10000000;
        position: absolute;
        display: inline-block;
        opacity: 1;
        filter: alpha(opacity=50); /* For IE8 and earlier */
    }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    .loadingDiv:before {
        background-image: url('/Images/Message.gif') !important;
    }
}

.itemselect {
    cursor: pointer !important;
}

.doc-metadata {
    display: inline-block !important;
}

.no-link {
    text-decoration: none !important;
    color: var(--bs-dark) !important;
}

.card-header-background-color {
    background-color: white !important;
}

.remove-line {
    text-decoration: none !important;
}

.disable-button {
    opacity: 0.4;
    cursor: not-allowed;
}

.SR {
    background-color: #FFC627 !important;
}

.SPED {
    background-color: #29ABE2 !important;
}

.HR {
    background-color: #38B34A !important;
}

.AR {
    background-color: #EC2B7B !important;
}


.partationLine {
    width: 1px;
    height: 22px;
    background-color: white;
    float: left;
    margin-left: 10px;
    margin-top: 3px;
    margin-bottom: 0px;
    display: none;
}

.Editpage-title {
    width: auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.Editpage-docdate {
    width: auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


.tbl-Row-White {
    background-color: #fff;
}

.tbl-Row-Gray {
    /*background-color: #f0f0f5;*/
    background-color: #D1D8DB;
}

/* TokenInput for Person */
/* solution to placeholder attribute text overflowing in input element */
p.token-input-placeholder {
    margin: 0px;
    padding: 0rem 0.25rem;
    font-size: .6rem;
    color: #848484;
    position: absolute; /* overlay the placeholder text on the input */
}

ul.token-input-list li {
    list-style-type: none;
    height: 100%;
}
    ul.token-input-list li input {
        width: 100% !important;
    }

.token-input-list {
    height: unset !important; /* Ensure Person input field expands with added tokens */
    position: relative; /* sets frame of reference for "position: absolute" in placeholder text */
    width: 100% !important;
    overflow: hidden !important;
    border: 1px solid #ECEFF1;
}

.token-input-input-token {
    width: 100% !important;
    padding: 0px;
}

    .token-input-input-token input {
        width: 200px !important;
    }

.token-input-token {
    background: white !important;
}


.select2-selection {
    min-height: 25px !important;
    background-color: transparent !important;
}

.select2-selection__rendered {
    height: 22px !important;
}

.select2-selection__choice {
    color: black !important;
    font-size: 10px !important;
    font-weight: 700 !important;
}

.table-manual thead tr th:nth-child(6) {
    width: 170px;
}

#user-email {
    width: 250px;
}

#pdf-model {
    z-index: 99999;
}

.modal-content.ui-resizable {
    overflow: scroll;
}

.person-data {
    background: white !important;
    border: 1px solid #ECEFF1;
}

.selectedCounter {
    background-color: #404041;
}

    .selectedCounter a h4, .selectedCounter p {
        color: #fff;
    }


/*ul.token-input-list {
    /*list-style-type: none;*/
/*display: block;
    width: 50%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}*/

.btn-save-merge {
    display: flex;
    flex-direction: row-reverse;
}


.select2-selection {
    min-height: 25px !important;
    background-color: transparent !important;
}

.select2-selection__rendered {
    height: 22px !important;
}

.select2-selection__choice {
    color: black !important;
    font-size: 10px !important;
    font-weight: 700 !important;
}

/*-------------*/

.thumb-icons {
    /*padding: 28px 0 0 10px;
    float: right;*/
}

.thumbnail-view ul {
    list-style: none;
    padding: 0;
    margin: 20px 0 0 0;
    /*display: inline-block;*/
}

    .thumbnail-view ul li:nth-of-type(2n+1) {
        background-color: #F1F1F2;
    }

    .thumbnail-view ul li:hover {
        background-color: #d5f2f7;
    }

.thumb-details {
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
    margin: 0;
    min-height: 300px;
    z-index: 1;
    position: unset;
}

.scorebar {
    width: 100%;
    display: inline-block;
    padding-bottom: 10px;
}

    .scorebar input[type=checkbox] {
        /*float: left;
        width: auto;
        margin-right: 10px;*/
    }

.page-title {
    width: 100%;
    display: inline-block;
    padding-bottom: 10px;
    font-family: 'Univers-Condensed';
    font-size: 16px;
    color: #000;
}

.edit-title {
    padding-left: 5%;
    padding-top: 3px;
}


.glyphiconsZindex {
    z-index: 9 !important;
}

.selected-list > div {
    background: #D5F2F7 !important;
    border-radius: 5px;
}

.page-title span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
    float: left;
    max-width: 83%;
    padding-left: 7px;
    box-sizing: content-box;
    /*height: 24px;*/
}

.editFilename {
    z-index: 9;
}

.thumb-img {
    width: 100%;
    display: inline-block;
    padding-bottom: 10px;
    text-align: center;
    min-height: 200px;
    float: left;
}

.book-download {
    /*width: 168px;
    margin: 0 auto;*/
    /*position: absolute;
	bottom:10px;
    left:0;
    right:0;*/
}

    .book-download .pull-right a {
        display: block;
    }

    .book-download i {
        /*color: #747577;*/
        font-size: 20px;
    }

    .book-download span img {
        width: 18px;
        float: right;
        margin: 0 5px;
    }

.thumb-details:hover {
    background-color: #d5f2f7 !important; /*#d5f2f7 !important;*/
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.63), 0 6px 20px 0 rgba(0, 0, 0, 0.48);*/
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
    position: absolute;
    /*width: 570px;*/
    z-index: 999;
    border-radius: 5px;
    margin-left: -3px;
}
    /*change for thumbnail-new*/
    /*li:nth-child(4n+4) .thumb-details, li:nth-child(4n+3) .thumb-details {
    right: 0px;
}*/
    /*change for thumbnail-new*/
    .thumb-details:hover .showHideImg {
        display: flex;
    }

.showHideImg {
    display: none;
}

.thumb-details a.editFile span {
    font-size: 14px;
    height: 20px;
    display: none;
}

.thumb-details:hover a.editFile span {
    display: block;
}

.search-list {
    font: 16px/18px 'Univers-Condensed';
    color: #000;
    padding: 0;
    margin: 0;
}

    .search-list a {
        font: 16px/18px 'Univers-CondensedBold';
        color: #000;
        /*display: none;*/
    }

    .search-list .table-hover > tbody > tr:hover {
        background: #D5F2F7;
    }

        .search-list .table-hover > tbody > tr:hover > td > a {
            display: block;
        }

    .search-list h2 {
        padding: 20px 0 20px 0px;
    }

.selected-actionlinks {
    display: block !important;
}

#thumbMode .checkinhover {
    left: 0;
    border: 1px solid red;
}

    #thumbMode .checkinhover:after, #thumbMode .checkinhover:before {
        border-top: 25px solid transparent;
        border-left: 25px solid #404041;
        border-right: 0px;
        top: -20px;
        content: '';
        position: absolute;
        left: 25px;
    }

    #thumbMode .checkinhover:before {
        left: 25px;
    }

#thumbMode .checkinbtn:hover + #thumbMode .checkinhover {
    display: block;
}

.thumb-details:hover a.editFile span {
    display: block;
}

.thumb-img > a > img {
    width: 150px !important; /*170px !important;*/
    height: 200px !important; /*200px;*/
    border: 1px solid;
}

.book-download {
    /*width: 153px;
    margin: 0 auto;*/
    /*change for thumbnail-new*/
    /*float: left;*/
    /*change for thumbnail-new*/
}

    .book-download i {
        /*color: #747577;*/
        font-size: 20px;
    }

    .book-download span img {
        width: 18px;
        float: right;
        margin: 0 5px;
    }

    .book-download .pull-right a {
        display: block;
        float: none !important;
        width: auto !important;
    }

/*.thumbnail-view ul li:nth-of-type(2n+1) {
    background-color: #F1F1F2;
}

.thumbnail-view ul li {
    min-width: 202px !important;
    margin-bottom: 10px;
    min-height: 356px;
}

.thumbnail-view ul {
    list-style: none;
    padding: 0;
    margin: 20px 0 0 0;
    width: 100%;
    height: auto;
    display: inline-block;
}*/


.detailImage {
    bottom: 1px;
    z-index: 99999;
    border: 1px solid;
    height: 200px !important;
    width: 150px !important;
    float: left;
    margin-left: 15px;
}

/*.showHideImg{
    background: #ededed;
    border: 1px solid;
    height: 145px;
    width: 357px;
    position: absolute;
    left: 210px;
    top: 87px;
    z-index: 9999;
    padding: 5px;
}*/

.thumb-img a {
    width: auto !important;
    float: none !important;
}


.book-download {
    width: 220px;
    margin: 0 auto;
}

/*change for thumbnail-new*/
@media screen and (max-width:1024px) {
    li:nth-child(4n+4) .thumb-details, li:nth-child(4n+3) .thumb-details {
        left: 0px;
        right: inherit;
    }

    li:nth-child(3n) .thumb-details {
        right: 0px;
        left: inherit;
    }

    .thumb-img a {
        float: left !important;
        width: 100% !important;
    }
}
/*change for thumbnail-new*/
.box-tv1 ul {
    margin: 0 0 0 0;
}

.box-normalthumb {
    margin-top: 56px !important;
}


/*** List Search page Hover Bubble Start  ***/

.search-list table tr {
    position: relative;
}

.checkinbtn {
    display: block;
}

.checkinhover {
    width: 200px;
    background-color: #404041;
    border-radius: 0;
    color: #fff;
    display: none;
    padding: 7px;
    position: absolute;
    top: 50px;
    right: 165px;
    z-index: 10;
}

.checkinhoverdoclist{
    right: 25px !important;
}

.checkinhoverboxthumbdoclist {
    left: 505px !important;
}

    .checkinhover:after, .checkinhover:before {
        border-top: 25px solid transparent;
        border-right: 25px solid #404041;
        top: -20px;
        content: '';
        position: absolute;
        right: 25px;
    }

    .checkinhover:before {
        right: 25px;
    }

.checkinbtn:hover + .checkinhover {
    display: block;
}

.bubbleText {
    color: #fff;
    float: left;
    font-size: 12px;
    font-weight: bold;
}

.bubbleText1 {
    color: #fff;
    float: right;
    font-size: 12px;
    font-weight: bold;
}

.bubbleText2 {
    color: #fff;
    float: left;
    font-size: 12px;
    font-weight: normal;
}
/* works with chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .checkinhover {
        top: inherit;
        margin-top: 22px;
    }

    .Bookmarkhover {
        top: inherit;
        margin-top: 22px;
    }
}
/*** END ***/
.checkinhover table > tbody > tr {
    background-color: #404041 !important;
}




/*** List Search page Hover Bubble End  ***/

.editBoxNo {
    padding-left: 10px;
}

.EditBoxpage-title {
    color: rgb(0, 0, 0);
    display: inline-block;
    float: left;
    /* max-width: 310px; */
    width: auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 86%;
    padding-left: 20px;
    background-image: url(/Images/pdf-icon.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 15px;
}

.EditDocName {
    padding: 4px 0 0 0px;
    margin-left: 2px;
    display: none;
    z-index: 9;
}

.EditBoxpage-title {
    color: rgb(0, 0, 0);
    display: inline-block;
    float: left;
    width: auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 86%;
    padding-left: 20px;
    background-image: url("/Images/pdf-icon.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 15px;
}

    .EditBoxpage-title span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
    }

    .EditBoxpage-title img {
        float: left;
        margin-right: 3px;
    }

.bookmarkon {
    display: block !important;
    color: #ec2b7b !important;
}

.bookmarkoff {
    display: block !important;
    color: #777 !important;
}


.block-with-text {
    /* hide text if it is more than N lines */
    overflow: hidden;
    position: relative;
    /* use this value to count block height */
    line-height: 1.2em;
    /* max-height = line-height (1.2) * lines max number (3) = 3.6 */
    max-height: 3.6em;
    /* fix problem when last variable word doesn't adjoin right side */
    /*Web-6 Descripition ... Alignment issue*/
    /*text-align: justify;*/
    text-align: left;
    /*Web-6 Descripition ... Alignment issue*/
    /* place for '...' */
    padding-right: 1em;
    /*Web-6 Descripotion ... Alignment issue*/
    text-overflow: ellipsis;
    width: 100%;
    /*Web-6 Descripotion ... Alignment issue*/
}
    /* create the ... */
    .block-with-text:before {
        /* points in the end */
        content: '...';
        /* absolute position */
        position: absolute;
        right: 0;
        bottom: 2px;
    }

    /* hide ... if we have text, which is less than or equal to max lines. */
    .block-with-text:after {
        /* points in the end */
        content: '';
        /* absolute position */
        position: absolute;
        /* set position to right bottom corner of text */
        right: 0;
        /* set width and height */
        width: 1em;
        height: 1em;
        margin-top: 0.2em;
        /* bg color under block */
        background-color: #F1F1F2;
    }

.th_None {
    border: none;
    font-size: 1.1em;
}

table.dasboardTable td {
    border: none;
}

.Boxsearch-list {
    /*font: 16px/18px 'Univers-Condensed';
    color: #000;
    padding: 0;
    margin: 0;
    width: 134%;*/
}

.paginationSpan {
    color: black !important;
}

.disablePagination {
    color: gray !important;
}

/* Extend Tour CSS */
.tour-next {
    float: right;
    background-color: var(--bs-warning) !important;
    border: 0 !important;
    margin: 0.5rem !important;
    font-size: 14px !important;
}

.tour-skip {
    float: left;
    background-color: var(--bs-danger) !important;
    border: 0 !important;
    margin: 0.5rem !important;
    font-size: 14px !important;
}

.tour-prev {
    float: left;
    background-color: var(--bs-warning) !important;
    border: 0 !important;
    margin: 0.5rem !important;
    font-size: 14px !important;
}

.tour-finish {
    float: right;
    background-color: var(--bs-gray-dark) !important;
    border: 0 !important;
    margin: 0.5rem !important;
    font-size: 14px !important;
    color: #fff !important;
}

.popover-tour .popover-header {
    padding: 7px 36px 10px 6px !important;
    margin: 0px !important;
}


.popover-tour .tour-exit:before {
    font-family: "Font Awesome 6 Pro" !important;
    content: "\274e" !important;
    font-size: 20px !important;
    color: var(--bs-danger) !important;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 3px 15px 1px 13px;
    margin: -5px 3px 1px 9px;
    /* margin-left: -1px; */
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.border-left-bar-primary {
    border-left: 5px solid var(--bs-primary) !important;
}

.activePage {
    background-color: gray !important;
    /* color: white !important; */
}

.error-field {
    border: 1px solid red !important;
}

/*tosater*/
#snackbar {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: var(--bs-warning);
    color: var(--bs-dark);
    text-align: center;
    border-radius: 2px;
    padding: 10px;
    position: fixed;
    z-index: 1;
    left: 50%;
    bottom: 30px;
    font-size: 16px;
}

    #snackbar.show {
        visibility: visible;
        -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
        animation: fadein 0.5s, fadeout 0.5s 2.5s;
    }

@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

/*end*/


body {
    color: #414142 !important;
}

.br-3 {
    border-radius: 3px !important;
}

.shared_title {
    /*float: left;
	width: 100%;*/
    font-weight: bold;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.thumbnail-view ul li:nth-of-type(2n+1) {
    background-color: #F1F1F2;
}

/*.splitLoaderImg {
    background: url(Images/Message.svg) no-repeat center;
    background-color: rgba(236, 239, 241, 0.90);
    background-image: url('Images/Message.gif') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    opacity: 1;*/
/*
    background-size: 50px 50px;
    top: -5px;*/
/*}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    .splitLoaderImg {
        background: url(Images/Message.gif) no-repeat center;
    }
}*/

.splitLoaderImg {
    background: url(../../Images/Message.svg) no-repeat center;
    background-size: 50px 50px;
    top: -5px;
}

.downicon {
    background-image: url("../Images/down-icon.png");
    background-position: 0 3px;
    background-repeat: no-repeat;
    padding-bottom: 0;
    padding-left: 16px;
    padding-right: 0;
    padding-top: 0;
    cursor: pointer;
}

.upicon {
    background-image: url("../Images/up-icon.png");
    background-position: 0 3px;
    background-repeat: no-repeat;
    padding-bottom: 0;
    padding-left: 16px;
    padding-right: 0;
    padding-top: 0;
    cursor: pointer;
}

#ImgSortDataup {
    background-image: url("../Images/up-icon.png");
    background-position: 0 3px;
    background-repeat: no-repeat;
    padding-bottom: 0;
    padding-left: 16px;
    padding-right: 0;
    padding-top: 0;
}

#ImgSortDatadown {
    background-position: 0 3px;
    background-repeat: no-repeat;
    padding-bottom: 0;
    padding-left: 16px;
    padding-right: 0;
    padding-top: 0;
    cursor: pointer;
}

.treeParent > span {
    margin-right: 6px !important
}
.TreeStructureToolTip > span {
    margin-right: 6px !important
}
#txtGlobalSearch {
    max-width: 260px;
}

.swal-title {
    font-size: 20px !important;
}

.addPerson {
    z-index: 1000;
    position: absolute;
    top: 10px;
    right: 12px;
}

.position-relative {
    position: relative;
}

.person-input .token-input-input-token {
    width: 100% !important;
    height: 100% !important;
}

body .person-input .token-input-input-token input {
    max-width: 100% !important;
    min-width: 100% !important;
    padding-right: 35px !important;
}

#scanFilesList {
    height: 30vh;
    overflow-y: auto;
}

/* Transparent background for the dropdown menu */
.tooldp {
    background-color: rgba(255, 255, 255, 0); /* Fully transparent */
    border: none; /* Remove border */
    box-shadow: none; /* Remove shadow */
    width: 220px; /* Optional: Set a fixed width for the dropdown itself */
}

.tooldp .btn {
    width: 140px; /* Fixed width for the <li> */
    height: 40px; /* Fixed height for the <li> */
    margin-bottom: 5px; /* Space between items */
    display: flex; /* Use Flexbox for centering */
    align-items: center; /* Center content vertically */
    justify-content: center; /* Center content horizontally */
    padding: 0; /* Remove extra padding */
}

.tooldp .dropdown-item {
    text-align: center; /* Center text inside the button */
    width: 100%; /* Ensure <a> spans the full width of <li> */
    height: 100%; /* Match the height of <li> */
    padding: 0; /* Remove default padding */
    line-height: 50px; /* Vertically align text (alternative to Flexbox) */
}

.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
}

.truncate-2em {
    max-width: 200px;
}

.truncate-3em {
    max-width: 150px;
}

.truncate-4em {
    max-width: 100px;
}

.truncate-5em {
    max-width: 50px;
}

/* Apply dynamic width only when isDownload is true */
.modal-dialog.dynamic-width-modal {
    /*width: fit-content;*/ /* Dynamic width based on content */
    max-width: 45vw; /* Maximum width of 50% of viewport width */
    /*min-width: 300px;*/ /* Minimum width for readability */
}

.modal-dialog.dynamic-width-modal .modal-content {
    white-space: nowrap; /* Prevent text wrapping */
    overflow-x: auto; /* Enable horizontal scroll if content overflows */
}

.modal-dialog.dynamic-width-modal .modal-body ul {
    list-style-type: none; /* Remove bullet points */
    padding: 0;
    margin: 0;
}

.modal-dialog.dynamic-width-modal .modal-body li {
    padding: 8px 0; /* Add spacing between list items */
    white-space: nowrap; /* Keep each item on a single line */
}

.Popupscrollable-list {
    max-height: 345px; /* Adjust height as needed */
    overflow-x: hidden; /* Hides horizontal scrolling */
    border: 1px solid #ccc; /* Optional border for visibility */
    scrollbar-width: thin;
}
.download-head {
    margin-right: 5vw;
    padding: 0.5rem;
}