/*html, body {
overflow-x: hidden;
}*/
body {
    font-size: 1.4rem;
}

#fontSm {
    font-size: 1.2rem;
}

#fontMd {
    font-size: 1.4rem;
}

#fontLg {
    font-size: 1.6rem;
}

#fontSm, #fontMd, #fontLg {
    padding: .6rem !important;
}

body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
    margin-right: 0 !important;
    padding-left: 0 !important;
    overflow-y: hidden;
}

#homeLogo {
    margin: 0 !important;
    background-size: contain !important;
    height: 3vw !important;
    min-height: 6rem !important;
    background: url(/Media/HomeLogo.png) center no-repeat;
    width: 100%;
}

#HomeLink:focus {
    outline: 0 !important;
}

img {
    max-width: 100%;
}

.visuallyHidden {
    opacity: 0;
    position: absolute;
    height: 0;
    margin: 0;
    padding: 0;
    cursor: none;
    pointer-events: none;
}

#cookietext {
    z-index: 10;
}

#CookieContainer {
    position: fixed;
    bottom: 0%;
    width: 100%;
    padding: 1em;
    z-index: 9999;
}

.vert-pad {
    padding-top: 1%;
    padding-bottom: 1%;
}

.d-flex {
    display: flex;
    display: -ms-flexbox;
}

.d-flex-col {
    display: flex;
    flex-flow: column;
}

.alit-centre {
    align-items: center;
}

.justify-spcbtwn {
    justify-content: space-between;
}

.justify-spcround {
    justify-content: space-around;
}

.centred {
    text-align: center;
    -webkit-align-content: center;
}

@media screen and (max-width: 1023px) {
    #aboutusimg {
        height: 61.3vw !important;
    }
}

#aboutusimg {
    background: url('/ftpuploadforclient/RotatingImages/about.jpg') no-repeat;
    background-size: contain;
    height: 17.3vw;
}

#aboutustxt {
    font-size: 1.6rem;
}

h1, .h1 {
    font-size: 3.6rem;
}

h2, .h2 {
    font-size: 3rem;
}

h3, .h3 {
    font-size: 2.4rem
}

h4, .h4 {
    font-size: 1.8rem;
}

h5, .h5 {
    font-size: 1.4rem;
}

h6, .h6 {
    font-size: 1.2rem;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin: 0.5em 0;
}

.lead {
    font-size: 1.6rem;
}

.form-control {
    border: 0.1rem solid #d9d9d9;
    font-size: 1.4rem;
    padding: .6rem 1.2rem;
    height: 3.4rem;
}
/* Navbar */
.navbar {
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 5px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 5px rgba(0,0,0,0.075);
    position: fixed;
    display: flex;
    left: 0;
    right: 0;
    top: 0;
    border-radius: 0 !important;
    min-height: 3.2rem;
    font-size: 1.3rem;
    margin-bottom: 0;
    align-items: center;
    justify-content: space-between;
}

    .navbar .container {
        width: 100%;
    }

.fixed-width {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.navbar-collapse .navbar-nav.navbar-right:last-child {
    margin-right: 0;
}

#right-nav {
    float: right;
    display: flex;
    align-items: center;
}

label {
    display: inline-block;
    margin-bottom: .5em;
    font-weight: normal;
}

.new {
    font-weight: bold;
    text-decoration: none;
    text-shadow: none;
    color: #f26d28;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #414042;
    background-color: deeppink;
}

.navbar-collapse {
    max-height: inherit;
}

.navbar-brand, .navbar-nav > li > a {
    text-shadow: 0 1px 0 rgba(255,255,255,0.25);
}

.navbar-inverse {
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom,#3c3c3c 0,#222 100%);
}

    .navbar-inverse .navbar-nav > .active > a {
        background-color: #222;
    }

    .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
        text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    }

.navbar-static-top, .navbar-fixed-top, .navbar-fixed-bottom {
    border-radius: 0;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent;
    outline: none !important;
}

#bottomstrip a:hover, #bottomstrip a:focus {
    outline: none !important;
}

#HomeLink {
    display: flex;
    align-items: center;
    justify-content: center;
}

#tabVersions {
    max-height: 90vh;
}
/* Preview Icon for Storysets*/
.icon-preview {
    font-size: 1.8rem;
    text-decoration: none;
}
/* Image Previews */
.sidebarprev {
    max-height: 12rem;
    max-width: 12rem;
}

.imgprevpg {
    max-height: 72vh !important;
    max-width: 100%;
}

.imgprevsm {
    max-height: 30vh !important;
    max-width: 20vw !important;
}
/* Combine Clips */
#mainContent_upnlClips div a img {
    max-width: 100%;
    max-height: 25rem;
}
/* Homepage */
@media screen and (max-width: 1024px) {
    .topBanner {
        position: initial !important;
        left: 0% !important;
        top: 0% !important;
        width: 100% !important;
    }

    #brand8Img, #brand9Img, #brand10Img {
        box-shadow: none !important;
    }
}
/* Modal Popups */
#mainContent_iCreate {
    height: 28rem;
}

#mainContent_iOpen {
    height: 15.5rem;
}

#mainContent_iRename {
    height: 23rem;
}

#mainContent_iDelete {
    height: 16.5rem;
}

#mainContent_iEmail {
    height: 42.5rem;
}

#Terms {
    z-index: 9999;
}
/* Search Page */
/*#mainContent_UpdtPnlSearchBody {
height: 200vh;
}*/
.searchContainer {
    display: flex;
    max-width: 100%;
    padding: 0 1.5em;
    padding-inline: 0;
}

.searh_pic_btns button.btn:hover i, .searh_pic_btns a:hover i {
    color: #fff;
}

.sidebar {
    flex: 1 0 30rem;
    max-width: 35rem;
    transition: .25s;
    transform-origin: left;
    margin-bottom: -2em;
    background: #FFFFFF;
    box-shadow: 0px 4px 2px rgba(0, 0, 0, 0.15);
    border-radius: 0px 4px 0px 0px;
}

    .sidebar a:hover {
        text-decoration: none;
    }

    .sidebar.hidden {
        transform: scaleX(0);
        max-width: 0;
        transform-origin: left;
    }

.toggleSidebar {
    font-size: 1.6rem;
    position: absolute;
    left: -0.4rem;
    width: 1.5em;
    border-radius: 0 .5em .5em 0;
    height: 2.2em;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -7px;
    cursor: pointer;
}

    .toggleSidebar i {
        transition: 250ms;
    }

    .toggleSidebar.sbHidden {
        left: -3.75rem;
    }

        .toggleSidebar.sbHidden i {
            transform: rotate(-180deg);
            transition: 250ms;
        }

.sidebar_container {
    position: sticky;
    top: 35px;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 195px);
    border-radius: .5rem;
    transition: .25s;
}

    .sidebar_container.scroll {
        height: calc(100vh - 110px);
    }

.sidebar_content {
    display: flex;
    flex-direction: column;
    opacity: 0;
    height: 0;
    transform: scaleY(0);
    transform-origin: top;
    pointer-events: none;
    transition: .25s;
}

    .sidebar_content.active {
        opacity: 1;
        pointer-events: all;
        padding: 0.55em 1em;
        transform: scaleY(1);
        height: 95%;
    }
/*#ProjectNotesContainer .sidebar_content {
display: flex;
flex-direction: column;
opacity: 0;
height: 0;
transform: scaleY(0);
transform-origin: top;
pointer-events: none;
transition: .25s;
}
#ProjectNotesContainer .sidebar_content.active {
opacity: 1;
pointer-events: all;
padding: 1em 0 1em 1em;
transform: scaleY(1);
height: 95%;
}*/
.chat_wrap .sidebar_content.active {
    height: 54vh;
    padding-right: 0;
}

.search-results {
    flex: 20 0;
    margin-left: 0.6em;
    background: #fff;
    border-top-left-radius: 4px;
}

.sidebar_options {
    list-style: none;
    display: flex;
    padding: 0.8em 0.5em 0.50em 0.5em;
    justify-content: space-around;
    text-align: center;
    margin: 0;
    border-radius: .5rem .5rem 0 0;
}

    .sidebar_options li {
        width: 30%;
        padding: .58em 0;
        border-radius: .5rem;
        cursor: pointer;
    }

        .sidebar_options li:focus {
            outline-width: 0rem;
            outline-color: #3a3a3a;
            outline-offset: .2rem;
            outline-style: solid;
        }

#selectedFilters span {
    display: none;
}

    #selectedFilters span.selected {
        display: inline;
    }

.sidebarclass, .SidebarCatviewer, #mainContent_UpdtPnlTreeview,
#UpdPnlSidebarLightbox,
#SidebarImgviewerBasketDiv {
    height: 100%;
}

#SidebarImgviewerLightboxDiv {
    height: calc(100% - 132px);
}

#mainContent_UpdPnlSidebarBasket {
    height: calc(100% - 44px);
}

#mainContent_UpdtPnlTreeview {
    display: flex;
    flex-direction: column;
}

#pnlTreeview, #UpdPnlSidebarLightbox, #mainContent_UpdPnlSidebarBasket {
    overflow: hidden;
    scrollbar-width: thin;
}

    #pnlTreeview:hover, #UpdPnlSidebarLightbox:hover, #mainContent_UpdPnlSidebarBasket:hover {
        overflow-y: auto;
    }

    #pnlTreeview::-webkit-scrollbar,
    #UpdPnlSidebarLightbox::-webkit-scrollbar,
    #mainContent_UpdPnlSidebarBasket::-webkit-scrollbar {
        width: 5px;
    }

    #pnlTreeview::-webkit-scrollbar-track,
    #UpdPnlSidebarLightbox::-webkit-scrollbar-track,
    #mainContent_UpdPnlSidebarBasket::-webkit-scrollbar-track {
        background-color: transparent;
    }

    #pnlTreeview::-webkit-scrollbar-thumb,
    #UpdPnlSidebarLightbox::-webkit-scrollbar-thumb,
    #mainContent_UpdPnlSidebarBasket::-webkit-scrollbar-thumb {
        border-radius: .5em;
    }

.sidebar_filters {
    display: flex;
    flex-direction: column;
}

    .sidebar_filters ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        /*justify-content: space-between;*/
    }

    .sidebar_filters li input[type="checkbox"] {
        transform: scale(0);
        position: absolute;
        z-index: -1;
    }

    .sidebar_filters li {
        width: 20%;
    }

        .sidebar_filters li:not(:last-of-type) {
            margin-right: 6.6%;
        }

        .sidebar_filters li label {
            padding: .25em;
            border-radius: .4rem;
            cursor: pointer;
            width: 100%;
            text-align: center;
        }

        .sidebar_filters li input[type="checkbox"]:checked + label {
            color: #fff;
            border-color: #fff;
        }
/*#ChkListCVFileType li {
width: 30%;
}*/
#mainContent_hlnkGotoBasket, #mainContent_hlnkGotoLightbox, #mainContent_UpdPnlLightboxList, #tab1 .btn-group {
    margin-right: 0em;
}

.orient_filter,
.filetype_filter,
.module_filter,
#ProjectNotesContainer,
#AssetNotesContainer,
#TaskNotesContainer {
    height: 0;
    transform: scaleY(0);
    transition: .25s;
    /*transform-origin: top;*/
}

    .orient_filter.active, .filetype_filter.active, .module_filter.active, #ProjectNotesContainer.active, #AssetNotesContainer.active, #TaskNotesContainer.active {
        height: 100%;
        transform: scaleY(1);
        transition: .25s;
    }
/* .orient_filter.active,
.filetype_filter.active,
.module_filter.active,

#AssetNotesContainer.active,
#TaskNotesContainer.active {
height: 100%;
transform: scaleY(1);
transition: .25s;
}*/
/* #ProjectNotesContainer.active{
height: 0;
}*/
.filter_buttons {
    display: flex;
    margin-bottom: .5em;
}

.button.filter {
    padding: .25em;
    border-radius: .5rem;
    cursor: pointer;
}

    .button.filter:not(:first-of-type) {
        margin-left: .5em;
    }

.square.icon-picture::before {
    transform: scaleX(.75);
}

.landscape.icon-picture::before {
    transform: scaleX(1.1);
}

.panoramic.icon-picture::before {
    transform: scaleX(1.5);
}

.portrait.icon-picture::before {
    transform: scale(.85, 1.25);
}

.tbCategories {
    padding: .5em;
    height: 8rem;
    overflow: auto;
    margin: 0 .5em .5em 0;
    border-radius: .5rem;
}

#pnlTreeFilters {
    margin: 0 0em .5em 0;
}

.blKWRelatedCV {
    list-style: none !important;
    display: inline;
}
/* Search Results */
.alt-layout {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    -ms-flex-align: center;
}

a:focus {
    outline: none;
    box-shadow: none;
    text-decoration: none;
}

.free-images-copy {
    text-align: center;
    font-size: 2.2rem;
    margin: 0 auto 0.75em auto;
    color: #414042db;
}

.image-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(calc(350px - 2rem), 1fr))[auto-fit];
    grid-template-columns: repeat(auto-fit, minmax(calc(350px - 2rem), 1fr));
    grid-gap: 2em;
    grid-auto-rows: 21.5rem;
    width: 100%;
    margin: 0 auto;
}

    .image-grid span {
        overflow: hidden;
    }

    .image-grid .srchBtns {
        position: relative;
        top: 17.5rem;
    }

@media (min-width: 1200px) {
    .image-grid {
        max-width: 1200px;
    }
}
/* Search Results Image Type Icons */
/* Image */
.btn-img-grp, .btn-img-grp:hover {
    color: #fff;
    background-color: #0d6efd;
}
/* Video */
.btn-vid-grp, .btn-vid-grp:hover {
    color: #fff;
    background-color: #209305;
}
/* Document */
.btn-doc-grp, .btn-doc-grp:hover {
    color: #fff;
    background-color: #999999;
}
/* Archive */
.btn-zip-grp, .btn-zip-grp:hover {
    color: #fff;
    background-color: #999999;
}
/* InDesign */
.btn-indd-grp, .btn-indd-grp:hover {
    color: #ff3d8c;
    background-color: #310f1f;
    border: 2px solid #ff3d8c !important;
}
/* Photoshop */
.btn-ps-grp, .btn-ps-grp:hover {
    color: #a0cbfd;
    background-color: #080137;
    border: 2px solid #a0cbfd !important;
}
/* Illustrator */
.btn-ai-grp, .btn-ai-grp:hover {
    color: #f47c20;
    background-color: #26160d;
    border: 2px solid #f47c20 !important;
}
/* After Effects */
.btn-ae-grp, .btn-ae-grp:hover {
    color: #d290fc;
    background-color: #1f0040;
    border: 2px solid #d290fc !important;
}
/* General Styling */
.btn-indd-grp, .btn-ps-grp, .btn-ai-grp, .btn-ae-grp {
    font-size: 1.3rem !important;
    line-height: initial;
}
/* Third Party Icon */
.btn-tparty {
    background-color: #660066;
    border-color: #660066;
    color: #fff;
}

    .btn-tparty:hover {
        color: #fff;
    }
/* Display over Image*/
.srchBtns, .srchIcons, .lbTopIcons {
    max-width: 100%;
    white-space: nowrap;
    position: relative;
    height: 0;
    z-index: 1;
    transition: 0.25s;
}

.srchIcons {
    top: 10px;
}

.lbTopIcons {
    top: auto;
    right: 7px;
    position: absolute;
    bottom: 35px;
}

@media screen and (max-width: 1024px) {
    .srchBtns {
        bottom: 30px;
        display: block !important;
    }
}

.srchBtns {
    bottom: auto;
    display: none;
    position: absolute;
    top: 42px;
    right: 10px;
    z-index: 9;
}
/* Image Preview Sizes */
.img-responsive {
    max-height: 22.5rem;
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    max-height: 100% !important;
}

.image-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    list-style: none;
    padding: 0;
}

    .image-gallery > li {
        position: relative;
        flex-basis: var(--basis);
        flex-grow: var(--grow);
    }

    .image-gallery::after {
        content: "";
        flex-grow: 999;
    }

.srchPrev {
    object-fit: contain;
    height: 100%;
    vertical-align: middle;
}

.searchthumbnail {
    display: inline-block;
    width: 100%;
    height: 100%;
    border: 0px solid #eee;
    background-color: #eee;
    position: relative;
    border-radius: 0px;
    padding: 0px;
}

    /* .image-gallery > li:hover a.gallery_link:after {
    position: absolute;
    content: close-quote;
    background: #000;
    width: 100%;
    height: 100%;
    z-index: -1;
    top:0;
    left:0;
    opacity:0.1
} */

    .searchthumbnail a img {
        border-radius: 0px;
        width: 100%;
    }

    .searchthumbnail > a {
        height: 100%;
        display: block;
        background-color: #f1f1f1;
        border: 1px solid #f1f1f1
    }

.thumbnail .caption {
    padding: 0em !important;
}

#searchresults {
    text-align: center;
    text-align: -webkit-center;
}
/*.fade-on-load {
display: none;
}
*/
#pvwNxtPrev {
    z-index: 1;
    position: relative;
    bottom: 45%;
}

#pvwPrev, #pvwNext {
    padding: .7em .5em .7em .5em !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #696969;
    width: 29px;
}

#pvwLoading {
    position: relative;
    left: 49%;
    bottom: 50%;
}

#tabAuditTrail .tabContent, #tabDLHistory .tabContent {
    font-size: 1.3rem !important;
}

.AuditItem {
    margin-top: 10px;
    font-size: 12px;
}
/* Preview Modal Size */
@media screen and (min-height: 900px) {
    .pvwModDialog {
        width: 90vw !important;
    }

    .modal-content.pvwModCont {
        height: 100dvh;
    }

    .pvwModCont {
        height: 77vh !important;
        display: flex;
        flex-direction: column;
    }

    .pvwModBod {
        height: 64vh !important;
    }
}

.pvwModDialog {
    width: 98vw;
    padding-top: 15px;
    padding-bottom: 15px;
}

.pvwModCont {
    height: 95dvh;
    background: #efefef;
    border-radius: 8px;
}

.pvwModBod {
    height: 86vh;
    flex: 1;
    padding: 0;
    display: flex;
    align-items: flex-start;
}

iframe#pvwIframe {
    /*height: 85.4dvh;*/
    flex: 1;
}

.modal-footer {
    margin: 0 !important;
    padding: 0.9em 1.3em !important;
    clear: both;
}

#ModalPreview {
    overflow: hidden;
}

.panel-body:focus, #Keywords:focus, #collapseOne:focus {
    outline: none !important;
}
/* Modal left */
.modal.left .modal-dialog {
    position: fixed;
    margin: auto;
    width: 32rem;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.left.fade .modal-dialog {
    left: -320px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog {
    left: 0;
}

.ui-widget.ui-widget-content {
    border: none !important;
}

.ui-tabs .ui-tabs-panel {
    padding: 0 !important;
    margin-top: 38px;
}

.ui-tabs .ui-tabs-nav {
    padding: 0 !important;
}
/* Safe Send and Uploader */
.min {
    width: 2.5rem !important;
    height: 14rem !important;
    border-radius: 0px .6rem .6rem 0px !important;
}

#ssButton {
    background: none !important;
    top: 25% !important;
    height: 14rem !important;
    position: fixed !important;
    width: 2.5rem;
}

.min .modal-header {
    margin: 0 0 0 -.3em !important;
    padding: .3em 0 !important;
}

sup {
    font-size: .87rem !important;
}

h4 sup {
    top: 0 !important;
}

.modalMinimize {
    height: 100% !important;
}

    .modalMinimize h4 {
        writing-mode: vertical-rl;
    }

.close {
    opacity: 1 !important;
}

    .close:hover {
        outline: none !important;
    }

#SafeSend, #Uploader {
    overflow: hidden;
}

h6.modal-subtitle {
    padding-left: 6px;
}

.success label, .success input, .success ul {
    border-color: #197c12 !important;
    color: #197c12 !important;
    background-color: honeydew !important;
}

#popup_tabnav .ui-tabs .ui-tabs-nav,
.super_tabs .ui-tabs .ui-tabs-nav.
#Popup .ui-tabs .ui-tabs-nav {
    padding: 5px 6px !important;
    background: #E1E6F4;
    border-radius: 6px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

#Uploader .modal-dialog {
    bottom: 0 !important;
    margin-right: auto !important;
    width: 640px !important;
    padding-top: 8px !important;
    margin: 0 auto;
}

#Uploader .modal-content {
    max-height: 740px !important;
    /*height: 740px;*/
    overflow: hidden;
}

#Uploader .modal-header {
    padding: 14px 14px 4px 14px;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

    #Uploader .modal-header h4.modal-title i {
        display: none;
    }

div#UpdatePanel1 {
    padding-top: 10px;
}

#Uploader .modal-body {
    height: 610px;
    padding: 0 10px 10px !important;
    width: 100%;
    background: #fff;
}
/*iframe#iUploader {
border-radius: 12px;
}
*/
#iUploader .mainContent {
    width: 350px;
}

.mainUploader .qq-gallery .qq-upload-drop-area {
    opacity: 0.1 !important;
}

iframe#iUploader .mainContent {
    width: 100%;
    padding-top: 10px;
}

.mini_droparea.qq-uploader-selector.qq-uploader qq-gallery {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.mini_droparea.qq-gallery .qq-upload-file {
    display: block;
    margin-right: 0;
    margin-bottom: 0;
    width: auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden;
    max-width: 260px;
    width: 100%;
}

.ui-widget.ui-widget-content {
    border: 0px solid #c5c5c5;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .25);
    min-width: 260px;
    border-radius: 8px;
    padding: 10px 2.4px;
}

div#slider.ui-widget.ui-widget-content {
    border-radius: 100px;
    padding: 7px;
    background: #a1afc3;
    border: none;
    box-shadow: none;
    outline: none;
    height: 16px;
}

.view-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.clp_div {
    margin-top: 40px;
}

.view-btn button {
    border: 0;
    background: #f6f6f6;
    padding: 4px 22px 4px 8px;
    border-radius: 4px;
    border: 1px solid #ddd;
    font-size: 13px;
    color: #444;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 14px;
    background-position-x: 97%;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg enable-background='new 0 0 50 50' height='50px' id='Layer_1' version='1.1' viewBox='0 0 50 50' width='50px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect fill='none' height='50' width='50'/%3E%3Cpolygon fill='%23888' points='47.25,15 45.164,12.914 25,33.078 4.836,12.914 2.75,15 25,37.25 '/%3E%3C/svg%3E");
}

span.ui-slider-handle.ui-corner-all.ui-state-default {
    background: #0085ff !important;
    box-shadow: 0 11px 19px 0 rgba(12,71,124,0.48);
    border-radius: 50%;
    border: none;
    outline: none;
    cursor: pointer;
    width: 35px;
    height: 35px;
    top: -10px;
}

span.ui-slider-handle.ui-state-active.ui-state-hover {
    background: #0085ff !important;
    box-shadow: 0 11px 19px 0 rgba(12,71,124,0.48);
}

span.ui-slider-handle.ui-corner-all.ui-state-default:after {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #E8E7E6;
    content: "";
    display: block;
    position: absolute;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0.4em 0;
    display: flex;
    background: none;
    border: 0;
    border-bottom: 1px solid #ededed;
    border-radius: 0;
    margin-bottom: 6px;
}

.ui-datepicker .ui-datepicker-prev {
    right: 26px;
    left: auto;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 0 0 12px;
    line-height: 1.8em;
    text-align: center;
    display: flex;
    align-items: center;
    font-weight: normal;
    color: #2a2e34;
    font-size: 15px;
}

.ui-datepicker th {
    padding: 0.7em 0.3em;
    text-align: center;
    font-weight: bold;
    border: 0;
    text-transform: uppercase;
    color: #c4c4c4;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
    text-align: center;
}

.ui-state-default, .ui-widget-content .ui-state-default:hover {
    background: #ededed;
    border-radius: 6px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-color: white;
    border: none;
    transition: all 400ms;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}

.ui-datepicker td span, .ui-datepicker td a {
    width: 32px;
    height: 32px;
    padding: 0.4em 0.2rem;
    text-align: center;
    text-decoration: none;
    color: #656f7d;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background-color: white;
    border: 0px solid #ddd !important;
    border-bottom: white;
    padding-bottom: 0em !important;
    margin-bottom: 0em !important;
    background: #212223 !important;
    color: #fff;
    border-radius: 6px;
    padding-top: 0;
}

.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover {
    border: 0 !important;
    background: none !important;
    padding: 0 !important;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 0px;
}

.ui-datepicker .ui-datepicker-next {
    right: 0;
}

.time_gmeet.row input#txtStartDate {
    text-align: left;
    padding-left: 12px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg data-name='1' id='_1'%3E%3Cpath d='M353,450a15,15,0,0,1-10.61-4.39L157.5,260.71a15,15,0,0,1,0-21.21L342.39,54.6a15,15,0,1,1,21.22,21.21L189.32,250.1,363.61,424.39A15,15,0,0,1,353,450Z'/%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-next span {
    background-position: center;
    transform: rotate(180deg);
    cursor: pointer;
}

.mainUploader .qq-gallery .qq-upload-list {
    padding: 0px !important;
}

#Popup .ui-tabs .ui-tabs-nav li:not(:last-child), #popup_tabnav .ui-tabs .ui-tabs-nav li:not(:last-child),
.super_tabs .ui-tabs .ui-tabs-nav li:not(:last-child) {
    margin-right: 3px;
}

#Popup .ui-tabs .ui-tabs-nav li, #popup_tabnav .ui-tabs .ui-tabs-nav li,
.super_tabs .ui-tabs .ui-tabs-nav li {
    border: 0 !important;
    padding: 0;
    background: transparent !important;
    margin: 0;
    cursor: pointer;
    top: 0 !important;
}

#Popup .ui-tabs .ui-tabs-nav {
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 0 !important;
    border-radius: 0;
}

    #Popup .ui-tabs .ui-tabs-nav li a {
        color: #a6a6a6;
        font-weight: 300;
    }

    #Popup .ui-tabs .ui-tabs-nav li.ui-state-active:after {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 2px;
        background: #000;
        content: '';
        left: 0;
    }

    #Popup .ui-tabs .ui-tabs-nav li.ui-state-active {
        font-weight: 600;
    }

div#socialMediaBasicForm {
    padding: 11px 12px;
    margin-top: 6px;
}

div#collapseRestrPerm {
    margin-top: 5px;
}

#Popup .ui-tabs .ui-tabs-nav li a, #popup_tabnav .ui-tabs .ui-tabs-nav li a,
.super_tabs .ui-tabs .ui-tabs-nav li a {
    background: transparent;
    border-radius: 4px !important;
    line-height: normal;
    padding: 0.8em 1.3em;
    color: #041137;
    transition: all 400ms;
}

    #Popup .ui-tabs .ui-tabs-nav li a:hover, #popup_tabnav .ui-tabs .ui-tabs-nav li a:hover,
    .super_tabs .ui-tabs .ui-tabs-nav li a:hover {
        background: #fff;
        color: black;
        -webkit-box-shadow: 0px 6px 6px rgba(53, 66, 134, 0.1);
        box-shadow: 0px 6px 6px rgba(53, 66, 134, 0.1);
    }

.mainUploader .qq-gallery .qq-upload-list li {
    margin: 0px !important;
    font-size: 10px !important;
    height: 26px !important;
    overflow: hidden;
}

#Popup .ui-tabs .ui-tabs-nav li a:focus, #popup_tabnav .ui-tabs .ui-tabs-nav li a:focus,
.super_tabs .ui-tabs .ui-tabs-nav li a:focus {
    outline: 0;
}

#Popup .ui-tabs .ui-tabs-nav li.ui-tabs-active a, #popup_tabnav .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    color: #000 !important;
    background: #ffffff;
    -webkit-box-shadow: 0px 6px 6px rgba(53, 66, 134, 0.1);
    box-shadow: 0px 6px 6px rgba(53, 66, 134, 0.1);
}

.qq-gallery.qq-uploader {
    border: 1px dashed #4c8bd8;
}

.mainUploader .qq-gallery .qq-total-progress-bar-container {
    height: 8px !important;
    width: 100%;
    background-image: -webkit-linear-gradient(135deg, rgba(255,255,255,0.125) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.125) 50%, rgba(255,255,255,0.125) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255,255,255,0.125) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.125) 50%, rgba(255,255,255,0.125) 75%, transparent 75%, transparent);
    background-size: 35px 35px;
    background-color: #ffb74d !important;
    -webkit-animation: cssProgressActiveRight 2s linear infinite;
    animation: cssProgressActiveRight 2s linear infinite;
}

#popup_tabnav .tabContent {
    min-height: 460px;
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    background: #fff;
    margin-top: 8px;
}

#Popup .form-controls, div#socialMediaBasicForm.form-controls {
    border: 1px solid #E7E7E7;
    border-radius: 6px;
    min-height: 38px;
    width: 100%;
    background-color: #f2f2f2 !important;
    box-shadow: none !important;
    padding: 10px 8px;
}

div#restrPermForm .form-control, div#socialMediaBasicForm .form-control {
    border: 1px solid #E7E7E7;
    border-radius: 6px;
    min-height: 38px;
    width: 100%;
    background-color: #fff !important;
    box-shadow: none !important;
}

#Popup .control-label {
    line-height: 1em;
    width: 100%;
}

.browse_item {
    display: grid;
    place-items: center;
}

.drop_zone {
    position: relative;
    height: 24.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border: 2px dashed #abcaff;
    border-radius: 15px;
    margin-top: 2.1875rem;
    cursor: pointer;
    transition: border-color 300ms ease-in-out;
}

.drag_option {
    text-align: center;
    width: 90%;
}

    .drag_option h4 {
        margin-top: 0;
    }

#Popup span.select2-selection.select2-selection {
    border: 1px solid #ddd;
    border-radius: 4px !important;
    min-height: 42px;
    display: flex;
    align-items: center;
    width: 100%;
    box-shadow: none;
}

.browse_item small {
    display: block;
    margin-top: 15px;
    color: black;
}

.browse_item h5 {
    font-size: 14px;
    max-width: 310px;
    width: 100%;
    line-height: normal;
    margin-bottom: 15px;
    margin: 15px auto 0;
}

#Popup span.select2-selection.select2-selection:focus {
    box-shadow: none !important;
}

@-webkit-keyframes cssProgressActiveRight {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: -35px -35px
    }
}

@keyframes cssProgressActiveRight {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: -35px -35px
    }
}

div#divDisplayDoc .form-control {
    display: flex;
    align-items: center;
}

#Popup .form-group {
    margin-bottom: 8px !important;
}

#Popup .uploaderRDO td input {
    margin-top: 0;
    position: relative;
    top: 3px;
    width: 17px;
    height: 17px;
}

span.pop_label {
    font-size: 13px;
    display: block;
    margin-bottom: 4px;
    color: #444;
}

.btn-sm, .btn-xs {
    padding: 8px 14px;
    font-size: 12px;
    line-height: normal;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}

#divDisplayDoc .form-control input, #divDisplayDoc .form-control label {
    margin: 0;
}

div#divDisplayDoc .form-control input {
    margin-right: 6px;
    position: relative;
    top: -1px;
}

.qq-gallery .qq-total-progress-bar-container {
    border-radius: 20px
}

.mainUploader .qq-gallery .qq-file-info .qq-file-name {
    display: inline-flex;
    float: left;
    align-items: center;
}

.mainUploader .qq-gallery .qq-file-info {
    padding: 10px 6px 4px;
    margin-top: 4px;
    border-radius: 0 0 2px 2px;
    text-align: left;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}

.mainUploader .qq-gallery .qq-upload-size {
    float: right !important;
    margin-right: 0px !important;
    background: #dcdcdc;
    color: #000;
    padding: 2px 6px;
    border-radius: 2px;
    margin-bottom: 0;
}

#txtCaption {
    resize: vertical;
}

.uploaderRDO td, #rdoProjectFinalAssetType td {
    padding-right: 3px !important;
}

#rdoShareBoardAssetType {
    position: relative;
    font-size: 12px;
}
/*#divShareBoardAssetType {
height: 25px;
}*/
#txtRPStartDate:read-only, #txtRPEndDate:read-only {
    cursor: default !important;
    margin-bottom: 6px;
}

a#aRestrPerm {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#dragdroptext {
    margin: 5px 0px;
}
/* Searchbar */
div .input-group {
    width: 100%;
}

.popup_bottom_btn {
    position: fixed;
    bottom: 0;
    background: #fff;
    z-index: 99;
    width: 96%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.vert-pad {
    padding-top: 1%;
    padding-bottom: 1%;
    display: flex;
    align-items: center;
}

.PopupRow {
    padding-bottom: 80px;
}

.vert-pad .input-group {
    width: 100%;
    display: flex;
}

.search_header #btnSearch {
    background-color: transparent;
    border: 0;
    color: #000;
}

#txtKeyword {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: .5rem 0 0 .5rem;
    font-size: 14px;
    -moz-transition: background 0.4s ease;
    -o-transition: background 0.4s ease;
    -webkit-transition: background 0.4s ease;
    transition: background 0.4s ease;
    border: none;
    text-align: left;
    border: 0;
    min-height: 40px;
}

    #txtKeyword:focus {
        -moz-transition: background 0.4s ease;
        -o-transition: background 0.4s ease;
        -webkit-transition: background 0.4s ease;
        transition: background 0.4s ease;
    }

    #txtKeyword::placeholder {
        font-size: 2rem;
    }

#btnSearch {
    height: 3.9rem;
    width: 5rem;
    padding: .5em;
    text-align: center;
}

.icon-search {
    font-size: 2.5rem;
    line-height: 1;
}

.icon-off {
    font-size: 2.8rem;
}

.search_filters {
    display: flex;
    align-content: center;
    margin-top: 0;
    margin-right: 10px;
}

#pnlSearchTypes {
    display: flex;
    align-content: center;
}

    #pnlSearchTypes div {
        margin-right: .5em;
    }

        #pnlSearchTypes div input[type="checkbox"] {
            transform: scale(0);
            position: absolute;
            z-index: -1;
        }

        #pnlSearchTypes div label {
            padding: 0 0.5rem;
            border-radius: 4px;
            cursor: pointer;
            text-align: center;
            margin: 0;
            line-height: 1.4;
            min-height: 40px;
            width: 40px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 1px solid #ddd !important;
        }

            #pnlSearchTypes div label * {
                vertical-align: text-bottom;
            }

#pnlUseChkCV {
    display: flex;
    align-items: center;
}

    #pnlUseChkCV label {
        margin: 0;
    }

    #pnlUseChkCV input {
        margin-top: -2px;
    }
/* Topstrip & Bottomstrip */
#topstrip {
    display: flex;
    flex-flow: column;
    align-items: center;
    margin-bottom: 0px;
    border-bottom: 1px solid rgb(195 198 212 / 70%);
    padding-bottom: 6px;
}

#logo-width {
    width: 50%;
}

#pnlSearchbar {
    width: 75%;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

@media (min-width: 768px) {
    #topstrip {
        flex-flow: row;
        justify-content: space-between;
    }

    #logo-width {
        width: 18%;
    }

    #pnlSearchbar {
        width: 45%;
    }

    .asset_list_wrap {
        padding-right: 0;
    }
}

@media (min-width: 1025px) {
    #topstrip {
        margin-top: 3.4rem;
    }

    #logo-width {
        width: 100%;
        max-width: 197px;
        margin-left: 15px;
    }

    #pnlSearchbar {
        width: 50%;
    }
}

#bottomstrip {
    width: 100%;
    padding-left: 5rem;
}

    #bottomstrip i {
        color: #fff !important;
        font-size: 1.8rem;
    }

    #bottomstrip p {
        margin: 0;
        padding: .6em 1.2em;
        margin-bottom: 0;
        height: 3.4rem;
        white-space: nowrap;
        vertical-align: middle;
        display: inline-block;
        line-height: 1.428571429;
        border: 1px solid transparent;
        color: #fff;
    }

#modalNewProject .modal-dialog {
    max-width: 640px;
    width: 100%;
}

div#mainContent_upnlNewProject dl {
    justify-content: flex-start;
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

div#mainContent_upnlNewProject .dl-horizontal dt {
    float: left;
    width: auto;
    overflow: hidden;
    clear: left;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    div#mainContent_upnlNewProject .dl-horizontal dt span {
        font-weight: normal;
        font-size: 14px;
        margin-bottom: 3px;
        display: block;
    }

.dl-horizontal dd input.form-control, .dl-horizontal dd select.form-control {
    border-radius: 6px;
    min-height: 38px;
}

div#mainContent_upnlNewProject dl dd label {
    margin: 0;
    font-size: 13px;
}

div#mainContent_upnlNewProject .dl-horizontal dd {
    margin-left: 0;
}
/* Slider */
#scroll {
    text-decoration: none;
    width: 1rem;
    margin-left: auto;
    margin-right: auto;
    height: 3.5rem;
}

.icon-chevron-sign-up {
    position: static;
}

#top {
    text-decoration: none;
    width: 100%;
    text-align: right;
    padding-top: 1%;
    padding-right: 2%;
    float: right;
}

.carousel-caption h1 {
    font-size: 5.4rem;
}

.carousel-caption {
    font-size: 0.8vw;
    right: -55%;
    font-weight: 100;
}

.carousel-tagline {
    position: absolute;
    z-index: 10;
}

.left.carousel-control i {
    left: 0;
    top: 50%;
    position: absolute;
}

.right.carousel-control i {
    right: 0;
    top: 50%;
    position: absolute;
}

.carousel-inner .panel {
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2000;
    width: 35%;
    padding: 3.6rem;
    color: #fff;
    height: 100%;
    z-index: 10;
}

    .carousel-inner .panel h1 {
        color: #fff;
    }

    .carousel-inner .panel .lead {
        font-size: 2.4rem;
        line-height: 27px;
    }

.carousel-control.right {
    background: none;
}

.carousel-control.left {
    background: none;
}

.mainContent::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

#popup_tabnav .tabContent::-webkit-scrollbar-thumb {
    background-color: #b2b2b2;
}

#popup_tabnav .tabContent::-webkit-scrollbar-track {
    border-radius: 20px;
}

#popup_tabnav .tabContent::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.mainContent::-webkit-scrollbar-thumb {
    background-color: #b2b2b2;
}

.mainContent::-webkit-scrollbar-track {
    border-radius: 20px;
}

.tree_wrap::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.tree_wrap::-webkit-scrollbar-thumb {
    background-color: #b2b2b2;
}

.tree_wrap::-webkit-scrollbar-track {
    border-radius: 20px;
}

.blockUI.blockMsg.blockPage h4 {
    font-size: 15px;
}

.blockUI.blockMsg.blockPage {
    border: 0 !important;
    border-radius: 7px;
    padding: 3px 2px !important;
}

.log_modal {
    max-width: 600px;
    width: 100%;
}

.log_entry {
    display: flex;
    color: black;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 7px;
    background: aliceblue;
    padding: 8px 14px;
    border-radius: 8px;
}

    .log_entry span {
        font-size: 16px;
    }

.log_modal .entry_desc h5 {
    margin-top: 0;
}

input:focus {
    box-shadow: 0 0 0.5rem #317ec55e;
}

.log_entry input {
    border: 1px solid #c9c9c9;
    margin-left: 6px;
    min-height: 34px;
    max-width: 90px;
    border-radius: 6px;
    color: black;
    padding: 8px;
}

.modal-content {
    border: 0;
    border-radius: 8px;
    box-shadow: 0 4px 17px 6px rgba(0,0,0,.1);
}

.entry_desc h5 {
    color: #363636;
    font-size: 16px;
}

.entry_desc textarea {
    border-radius: 10px;
    margin-bottom: 4px;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
    border-radius: 4px !important;
    background: #eff7ff;
}

.entry_desc {
    margin-bottom: 10px;
}

.log_modal .modal-footer {
    border: 0;
    padding: 11px 18px 15px !important;
}

.select_all {
    display: inline-flex;
    align-items: center;
    background: #F5F5F5;
    border: 0;
    color: #161616;
    padding: 8px 14px;
    border-radius: 8px;
    justify-content: space-between;
    font-size: 14px;
}

    .select_all input, .select_all label {
        margin: 0;
    }

.choose_assets {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    position: relative;
    border: 1px solid #e8eaed;
    padding: 10px 14px;
    background: #fbfbfb;
    border-radius: 6px;
    padding-right: 48px;
    cursor: pointer;
    width: 99%;
    float: right;
    transition: all 400ms;
}

    .choose_assets input {
        position: absolute;
        right: 7px;
        box-shadow: none !important;
        margin: 0;
        top: 15px;
    }

    .choose_assets label {
        display: flex;
        align-items: flex-start;
        width: 100%;
        flex-shrink: 0;
    }

.meet_p label {
    background: #e7e9f3;
    padding: 4px 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    color: #000;
}

    .meet_p label input {
        margin-top: 0;
    }

.img_left {
    width: 160px;
    height: 92px;
    background-color: #fff;
    border-radius: 8px;
    border: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 14px;
    overflow: hidden;
    object-fit: contain;
    border: 1px solid #c3c3c3;
}

    .img_left img {
        object-fit: contain;
        width: auto;
        object-position: center;
        margin: 0 auto;
        aspect-ratio: auto;
        height: auto;
        flex: auto;
    }

span.file_type {
    position: absolute;
    display: inline-flex;
    background: gray;
    color: white;
    padding: 4px 14px;
    z-index: 1;
    border-radius: 3px;
    align-items: center;
    justify-content: center;
    top: 5px;
    right: 6px;
    font-size: 11px;
}

.id_asset {
    position: relative;
    bottom: 0;
    display: inline-flex;
    background: #e7e7e7;
    width: auto;
    color: #282828;
    border-radius: 4px;
    padding: 2px 6px;
    font-size: 11px;
    margin-top: 2px;
    margin-right: 6px;
    flex-shrink: 0;
}

.assets_desc {
    display: flex;
    flex-direction: column;
    padding-top: 6px;
    align-items: flex-start;
    justify-content: flex-start;
}

    .assets_desc h4 {
        margin-top: 0;
        margin-bottom: 4px;
        color: #282828;
        font-size: 15px;
        word-break: break-all;
        line-height: 21px
    }

span.file_name {
    display: flex;
    align-items: center;
}

    span.file_name small {
        font-size: 13px;
        width: 253px;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.choose_assets:hover {
    background: #f7f8f9;
}
/* Body */
.mainContent {
    min-height: calc(100vh - 203px - 16.8rem);
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    padding-bottom: 0;
}

@media (min-width: 768px) {
    .mainContent {
        min-height: calc(100vh - 19.9rem);
    }
}

@media (min-width: 1025px) {
    .mainContent {
        min-height: calc(100vh - 16.3rem);
    }
}

@media (min-width: 1291px) {
    .mainContent {
        min-height: calc(100vh - 5vw - 9.8rem);
    }
}
/* RESPAGES - specific styling for certain respages */
/* Register */
::placeholder {
    font-size: 1.4rem;
}

.form-section {
    width: 100%;
    display: flex;
    flex-flow: wrap;
}

.flex-item-half {
    width: 100%;
    margin-bottom: 1rem;
}

.flex-item-full {
    width: 100%;
    margin-bottom: 1rem;
}

#basicInfo {
    align-items: baseline;
}

.flex-item-half .text-primary, .flex-item-full .text-primary {
    font-size: 1.2rem;
    font-weight: 700;
}

@media screen and (min-width: 500px) {
    .flex-item-half {
        width: calc(50% - 0.5rem);
    }

        .flex-item-half:nth-child(2n+1) {
            margin-right: 1rem;
        }
}

.form-control {
    border: 0.1rem solid #d9d9d9;
    border-radius: 0;
    box-shadow: none;
    width: 100%;
    border-radius: 6px;
    min-height: 38px;
}

    .form-control[disabled] {
        background-color: #eee !important;
    }

.social-media {
    margin-bottom: 10px;
}

.social-media-thumbnail {
    max-height: 120px;
}

#regBG {
    background: #fff;
    margin-bottom: -2em;
}

@media screen and (min-width: 768px) {
    #regBG {
        /*        background: url("/ftpuploadforclient/RotatingImages/registration.jpg") no-repeat center;*/
        background-size: cover;
        background: #fff;
    }
}

#regContainer {
    background-color: #fff;
    opacity: 0.95;
    border-radius: 0.5rem;
    margin: 1rem;
}

@media screen and (min-width: 415px) {
    #regContainer {
        margin: 3rem;
        padding: 3rem;
    }
}

#rblEmailPromotion_0 {
    margin: .4rem;
}

    #rblEmailPromotion_0 + label {
        margin-right: 5rem;
    }

#rblEmailPromotion_1 {
    margin: .4rem;
}
/* Display Document */
#DisplayDocument {
    overflow: hidden;
    width: 100%;
}

    #DisplayDocument:focus {
        outline: none !important;
    }

    #DisplayDocument .modal-dialog {
        width: 0 !important;
        left: 0 !important;
        margin-left: 17.5vw !important;
        margin-right: 17.5vw !important;
    }

#ddCont {
    min-width: 65vw;
    min-height: 90vh;
}

#ddBody {
    min-width: 61vw;
    min-height: 67vh;
    height: 67vh;
    box-sizing: content-box;
}
/* Group Document */
#GroupDocument {
    overflow: hidden;
    width: 100%;
}

    #GroupDocument:focus {
        outline: none !important;
    }

    #GroupDocument .modal-dialog {
        width: 0 !important;
        left: 0 !important;
        margin-left: 17.5vw !important;
        margin-right: 17.5vw !important;
    }

#gdCont {
    min-width: 65vw;
    min-height: 90vh;
}

#gdBody {
    min-width: 61vw;
    min-height: 67vh;
    height: 67vh;
    box-sizing: content-box;
}
/* Shopping Basket */
div.ajax__calendar_days table tr td {
    padding-right: 0;
    padding-bottom: 0;
}

#mainContent_LstSB_calExtndStartDate_0_days,
#mainContent_LstSB_calExtndStartDate_1_days,
#mainContent_LstSB_calExtndStartDate_2_days,
#mainContent_LstSB_calExtndStartDate_3_days,
#mainContent_LstSB_calExtndStartDate_4_days,
#mainContent_LstSB_calExtndStartDate_5_days,
#mainContent_LstSB_calExtndStartDate_6_days,
#mainContent_LstSB_calExtndStartDate_7_days,
#mainContent_LstSB_calExtndStartDate_8_days,
#mainContent_LstSB_calExtndStartDate_9_days {
    padding-right: 2rem;
}

.ajax__calendar_body {
    height: 17.5rem !important;
}
/* Checkout Page (May also be used on the Register Page) */
.form-spacing {
    margin-top: 1%;
    width: 72%;
}

.date-spacing {
    margin-top: 1%;
    width: 25%;
}

.mandatory-fail {
    border-color: #B94A48;
}

.card-detail-header {
    margin-bottom: 3px;
}

.form-spacing-lbl {
    width: 54%;
    margin-top: 2%;
    margin-left: -1.5rem;
}

.form-alert {
    text-align: right;
}

.address-display-only {
    border: none;
    box-shadow: none;
    background-color: transparent !important;
}

#current-address {
    padding: 2rem 0 0 0;
}

#chkUpdateDetails {
    padding-top: 2rem;
}
/* Preview */
/*#preview {
max-width: 500px;
display: table;
position: absolute;
background: #fff;
padding: 10px;
display: none;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
box-shadow: 0 1px 2px rgba(0,0,0,0.4);
}
#preview p {
width: 100%;
text-align: center;
padding: 10px 0 5px;
}
#preview img {
display: table-cell;
margin-left: auto;
margin-right: auto;
}*/
.ui-corner-top {
    float: left;
    padding: .5em;
    background-color: #303030;
}

.ui-tabs-panel {
    background-color: white;
    border: none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-color: white;
    border: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background-color: white;
    border: 1px solid #ddd;
    border-bottom: white;
    padding-bottom: .6em;
    margin-bottom: .1em;
}

.ui-state-default a, .ui-state-default a:link {
    color: #616062;
}

.ui-state-active a, .ui-state-active a:link {
    cursor: text;
    /*color: #616062 !important;*/
    color: #616062;
}

.tabContent {
    padding: .5em;
    /*border-left: #eee 1px solid;*/
    color: #414042;
    font-size: 1.4rem;
    line-height: 1.428571429;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 500px;
}

.ui-tabs-anchor {
    font-weight: normal;
    font-size: 1.3rem;
}

.tab-bar {
    background-color: white;
    border: none;
}

.AnnotationItem {
    padding-top: 1rem;
}

.imgMarkerTnail {
    max-width: 100%;
}

.tnailTimeline {
    margin-top: -2.1rem;
    height: .5rem;
    background-color: black;
    border-radius: .5rem;
    max-width: 12rem;
}

.pointerContainer {
    position: relative;
    left: -.4rem;
    max-width: 12rem;
}

.versionItem {
    padding-bottom: 1rem;
    padding-top: 1rem;
    margin-left: 1rem;
}

.versionTnail {
    padding: 1rem;
}

.versionItem-selected {
    border: solid #209305 2px;
}

.versionItem-active .versionTnail {
    border: solid #209305 2px;
}

.tabsList {
    background-color: white;
    border: none !important;
}

.timestamp {
    font-size: 1rem;
    margin-top: .5em;
}

.timelineStart {
    float: left;
}

.timelineEnd {
    float: right;
}

.pointerTime {
    background-color: black;
    color: white;
}

#mainContent_dgridDLHistory {
    font-size: 1.4rem;
}

.tabtable {
    border: 1px solid #ccc !important;
}

.breakword {
    word-wrap: break-word;
}

.assets-strip {
    overflow-x: auto !important;
    white-space: nowrap;
}

#group-assets-strip, #project-assets-strip {
    overflow-x: auto;
    white-space: nowrap;
}
/* Story Sets */
.form-spacing-ss {
    width: 100%;
}

.form-spacing-ss-height {
    width: 100%;
    margin-bottom: 1%;
}

textarea {
    resize: none;
}
/* E-Cards */
.panel {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-color: #fff;
    margin-bottom: 1em !important;
}

.ecard-alert-success {
    margin-top: 50%;
    color: #fff;
    background: none repeat scroll 0% 0% !important;
    border: none;
    box-shadow: 5px 5px 5px rgba(153, 153, 153, 0.3);
}
/* Mobile Compatiabilty */
@media (max-width: 1024px) {
    .navbar {
        background-repeat: repeat-x;
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 5px rgba(0,0,0,0.075);
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 5px rgba(0,0,0,0.075);
        position: static;
        display: list-item;
        left: 0;
        right: 0;
        top: 0;
    }

    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

        .navbar-collapse.collapse {
            display: none !important;
        }

        .navbar-collapse.in {
            display: inline !important;
        }

    .navbar-nav {
        float: none !important;
        margin: .75em -.15em;
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 1em;
                padding-bottom: 1em;
            }

    .dropdown-menu > li > a {
        color: #333;
    }

    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0px none;
        box-shadow: none;
    }

    #topstrip {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 1em;
        position: static;
        top: 25px;
    }

    .popover {
        display: none !important;
    }
}

@media screen and (max-width: 921px) {
    #topstrip {
        margin-left: auto;
        margin-right: auto;
        padding-top: 1em;
        position: static;
        top: 25px;
    }

    .icon-chevron-down {
        position: absolute;
        z-index: 900;
        bottom: 20%;
        font-size: 4rem;
    }

    body.modal-open {
        padding-left: 0 !important;
        overflow-y: hidden;
    }
}

@media screen and (max-width: 768px) {
    #topstrip {
        margin-left: auto;
        margin-right: auto;
        padding-top: 1em;
        position: static;
        top: 25px;
    }

    .icon-chevron-down {
        position: absolute;
        z-index: 900;
        bottom: 20%;
        font-size: 4rem;
    }

    #scroll {
        text-decoration: none;
        width: 1rem;
        margin-left: auto;
        margin-right: auto;
    }

    .navbar-collapse .navbar-nav.navbar-right:last-child {
        margin: 0;
    }

    #right-nav {
        float: none;
    }

    #permission-bar {
        height: 10rem !important;
        background: #414042 !important;
        color: #ede9e3 !important;
    }

    .text {
        width: 100%;
        margin: auto auto 3% 1%;
        max-width: 1184px;
    }

    .text-row {
        background-color: #fff;
        width: 90%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 5%;
        padding-right: 5%;
    }

    body.modal-open {
        padding-left: 0 !important;
        overflow-y: hidden;
    }

    #togglesidebar {
        width: 100%;
    }
}

@media screen and (max-width: 376px) {
    #topstrip {
        margin-left: auto;
        margin-right: auto;
        padding-top: 1em;
        position: static;
        top: 25px;
    }

    .icon-chevron-down {
        position: absolute;
        z-index: 900;
        bottom: 15%;
        font-size: 3rem;
    }

    #scroll {
        text-decoration: none;
        width: 1rem;
        margin-left: auto;
        margin-right: auto;
    }

    .navbar {
        background-repeat: repeat-x;
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 5px rgba(0,0,0,0.075);
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 5px rgba(0,0,0,0.075);
        position: static;
        display: list-item;
        left: 0;
        right: 0;
        top: 0;
    }

    .navbar-collapse .navbar-nav.navbar-right:last-child {
        margin: 0;
    }

    #right-nav {
        float: none;
    }

    #permission-bar {
        height: 10rem !important;
        background: #414042 !important;
        color: #ede9e3 !important;
    }

    body.modal-open {
        padding-left: 0 !important;
        overflow-y: hidden;
    }
}
/******************* Generic Code / Code from older design *******************/
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: default;
    background-color: #eee;
    border-color: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.popover {
    text-align: center !important;
    max-width: 45rem !important;
    z-index: 999;
}

.popover-preview {
    min-width: 300px;
    min-height: 300px;
}

.popover-content img {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    max-height: 32rem;
}

.popover-content p {
    font-size: 1.1rem;
    padding: .5em 0 .5em;
}

.icon-popover {
    text-align: center !important;
    max-width: 25rem !important;
    z-index: 998 !important;
}

    .icon-popover .popover-content {
        font-size: 1.1rem !important;
        padding: .5em;
    }

.form-control input {
    background-color: #fff !important;
    color: #464646 !important;
}

.type-panel {
    display: inline-block !important;
}

.control-label {
    line-height: 1em;
}

.type-panel .type {
    list-style: none;
    position: absolute;
    transition: all 1s ease-in-out;
    z-index: 9999;
    padding: .5em 1em;
    background: #fff;
    color: #414042;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    /* border: 1px solid #999999; */
}

    .type-panel .type label {
        font-weight: normal !important;
    }

.AspNet-TreeView-Expand:before {
    width: 14px;
    height: 14px;
    display: inline-flex;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg class='feather feather-plus' fill='none' height='24' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='12' x2='12' y1='5' y2='19'/%3E%3Cline x1='5' x2='19' y1='12' y2='12'/%3E%3C/svg%3E");
}

.AspNet-TreeView-Collapse:before {
    width: 14px;
    height: 14px;
    display: inline-flex;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H12H19' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}

.AspNet-TreeView-Collapse, .AspNet-TreeView-Expand {
    cursor: pointer;
}

.AspNet-TreeView-Leaf {
    padding: 0 0 0 3.7rem;
}

.AspNet-TreeView-Parent {
    padding: 0 0 0 1.3rem;
}

.position-relative {
    position: relative !important;
}

.badge {
    font-size: 1rem;
    background-color: #999;
    border-radius: .5rem;
    margin: 0 .2em;
}

.checkbox {
    padding-left: 0;
}

iframe body {
    background-color: #fff;
}

.videocenter {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.vjs-theme-forest {
    --vjs-theme-forest--primary: rgba(19,136,153,1) !important;
}

    .vjs-theme-forest.vjs-big-play-button:focus, .vjs-theme-forest:hover .vjs-big-play-button {
        background-color: transparent;
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' fill='%23778899'%3E%3Cpath fill-rule='evenodd' d='M44 88C19.738 88 0 68.262 0 44S19.738 0 44 0s44 19.738 44 44-19.738 44-44 44zm0-85C21.393 3 3 21.393 3 44c0 22.608 18.393 41 41 41s41-18.392 41-41C85 21.393 66.607 3 44 3zm16.063 43.898L39.629 60.741a3.496 3.496 0 01-3.604.194 3.492 3.492 0 01-1.859-3.092V30.158c0-1.299.712-2.483 1.859-3.092a3.487 3.487 0 013.604.194l20.433 13.843a3.497 3.497 0 01.001 5.795zm-1.683-3.311L37.946 29.744a.49.49 0 00-.276-.09.51.51 0 00-.239.062.483.483 0 00-.265.442v27.685c0 .262.166.389.265.442.1.053.299.118.515-.028L58.38 44.414A.489.489 0 0058.6 44a.49.49 0 00-.22-.413z'/%3E%3C/svg%3E") !important;
    }

.videopopover {
    width: 33.5rem;
    max-height: 32rem;
    margin-left: auto;
    margin-right: auto;
}

dl {
    margin: 0;
}

.mainContent_lstSidebarLightbox, .lstSidebarLightbox, .mainContent_lstSidebarBasket, .lstSidebarBasket {
    width: 100%;
}

.dropdown-menu tbody label {
    margin-left: .5em;
}

.is-splash.flowplayer .fp-ui, .is-paused.flowplayer .fp-ui {
    background: url('../../Media/play.png') center no-repeat !important;
    background-size: 33% !important;
}

.flowplayer .fp-controls {
    background-color: rgba(17,17,17,1);
}

.flowplayer .fp-timeline {
    background-color: rgba(204,204,204,1);
}

.flowplayer .fp-progress {
    background-color: rgba(0,167,200,1);
}

\ .flowplayer .fp-buffer {
    background-color: rgba(249,249,249,1);
}

.nav-pills > li > a {
    border-radius: 0;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: transparent;
    border-bottom: 1px solid #ddd;
    color: #555;
}

#ChkListOrientation td, #_ctl0_mainContent_ChkListOrientation td {
    padding-right: 1rem;
}

.TviewSelectionList td {
    padding: 0 1em 0 1em;
}

.tabbable .nav > li > a {
    padding: .6em 1em;
    font-size: 1.2rem;
}

.nav > li > a {
    padding: .6rem 1.5rem;
}

#imgPreviewContainer {
    background: #fff;
    padding: .5em;
    z-index: 999;
    border: 0;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
    box-shadow: 0 1px 2px rgba(0,0,0,0.4);
}

    #imgPreviewContainer span {
        color: #777;
        text-align: center;
        display: block;
        padding: 1em 0 .3em 0;
    }

.container {
    max-width: 100%;
}

.mainContent .container {
    max-width: 95vw;
}

@media (min-width: 768px) {
    .mainContent .container {
        max-width: 85vw;
    }
}

@media (min-width: 1200px) {
    .mainContent .container {
        max-width: 75vw;
    }
}

.thumbnail {
    display: inline-block;
    border: 0;
    padding: 0 !important;
    background: none !important;
}

.caption {
    max-width: 24rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dl-horizontal dt {
    white-space: normal;
}

.btn {
    font-size: 1.3rem;
    border-radius: .5rem;
}

.btn-xs {
    height: auto;
    font-size: 1.2rem;
    min-height: 25px;
    padding: 3px 14px;
}

.btn-lg {
    font-size: 1.8rem;
}

.wizard a {
    padding: 1em 1.2em 1em;
    position: relative;
    display: inline-block;
}

    .wizard a:before {
        width: 0;
        height: 0;
        border-top: 2.4rem inset transparent;
        border-bottom: 2.4rem inset transparent;
        border-left: 2rem solid #fff;
        position: absolute;
        content: "";
        top: 0;
        left: 0;
    }

    .wizard a:after {
        width: 0;
        height: 0;
        border-top: 2.4rem inset transparent;
        border-bottom: 2.4rem inset transparent;
        border-left: 2rem solid;
        position: absolute;
        content: "";
        top: 0;
        right: -2rem;
        z-index: 2;
    }

    .wizard a:first-child:before, .wizard a:last-child:after {
        border: 0;
    }

    .wizard a:first-child {
        -webkit-border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px;
    }

    .wizard a:last-child {
        -webkit-border-radius: 0 4px 4px 0;
        -moz-border-radius: 0 4px 4px 0;
        border-radius: 0 4px 4px 0;
    }

.wizard .badge {
    margin: 0 5px 0 18px;
    position: relative;
    top: -1px;
}

.wizard a:first-child .badge {
    margin-left: 0;
}

.SBItemTempCol1Txt {
    margin-top: 10px;
    text-align: center;
}
/*#mainContent_UpdPnlSidebarBasket td,
#mainContent_UpdPnlSidebarLightbox td {
padding: 1em;
}*/
.checkbox input[type="checkbox"] {
    margin-left: 0;
}

.checkbox label {
    padding-left: .5em;
}

input[type="checkbox"] {
    margin-right: .5em;
}

#LstSB {
    width: 100%;
}

    #LstSB tr {
        text-align: center;
        border-bottom: #EEE solid 1px;
    }

        #LstSB tr:last-child {
            border-bottom: 0;
        }

    #LstSB tr {
        border-bottom: #EEE solid 1px;
    }

        #LstSB tr:last-child {
            border-bottom: 0;
        }

.SBEditTempCol1Txt {
    margin-top: 1em;
    text-align: center;
}

#togglenotes {
    /*position: sticky;
top: 4rem;*/
}

#LstSB td {
    padding-top: 2rem;
    padding-bottom: 1em;
}

#lstSidebarLightbox {
    width: 100%;
}

#lstSidebarBasket {
    width: 100%;
}

    #lstSidebarBasket tr {
        width: 100%;
        border-bottom: #EEE solid 1px;
    }

#UpdPnlSidebarBasket tr:last-child {
    border-bottom: 0;
}

#lstSidebarLightbox {
    width: 100%;
}

    #lstSidebarLightbox tr {
        border-bottom: #EEE solid 1px;
    }

        #lstSidebarLightbox tr:last-child {
            border-bottom: 0;
        }
/*.tab-pane {
border-left: 1px solid #DDD;
border-right: 1px solid #DDD;
border-bottom: 1px solid #DDD;
padding: 1em;
box-sizing: border-box;
}*/
.tabbable {
    margin-top: 1em;
}
/*.panel-heading {
padding: .6em;
padding-left: 0;
}*/
/*.dummybutton {
width: 0;
height: 0;
border: 1px solid red;
display: none;
}*/
.alert {
    text-shadow: 0 1px 0 rgba(255,255,255,0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.25),0 1px 2px rgba(0,0,0,0.05);
}

.list-group {
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.075);
    box-shadow: 0 1px 2px rgba(0,0,0,0.075);
}

.panel {
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

.panel-default > .panel-heading {
    background: none !important;
}

.panel-heading {
    border-bottom: 1px solid #ede9e3 !important;
    margin-top: 1px;
}

.mainContent {
    padding-bottom: 2em;
}

.v-centre-checkbox {
    padding-left: 0px;
    padding-top: 6px;
}
/* Notification shortcut buttons */
.btn-notif-current {
    width: 260px;
    height: 88px;
    padding: 5px;
    white-space: normal;
    border: none;
    overflow: hidden;
}

.btn-notif-nav {
    border: none;
}
/* Button colours */
.btn-light-grey {
    background-color: #e6e6fa !important;
}

.btn-yellow {
    background-color: #ffd700 !important;
}

.btn-light-orange {
    /*background-color: #ffb366;*/
    background-color: #ff7f00 !important;
}

.btn-dark-grey {
    background-color: #808080 !important;
}

.btn-delete {
    /*background-color: #ffa8a8;*/
    background-color: #f00 !important;
}

.btn-confirm {
    background-color: #00b050 !important;
}

.btn-dark-orange {
    /*background-color: #ff8000;*/
    background-color: #f60 !important;
}

.btn-custom {
    border-color: #ffffff;
}

.btn-light-bg {
    color: #565656 !important;
}

    .btn-light-bg:hover {
        color: #565656 !important;
    }

    .btn-light-bg:focus {
        color: #565656 !important;
    }

.btn-dark-bg {
    color: #ffffff !important;
}

    .btn-dark-bg:hover {
        color: #ffffff !important;
    }

    .btn-dark-bg:focus {
        color: #ffffff !important;
    }

.btn-dropdown {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.dropdown-btn-menu-custom > li > a {
    padding-left: 10px;
}

.dropdown-btn-menu-custom > option {
    text-align: left;
}

.dropdown-btn-light-grey {
    background-color: #e6e6fa;
}

.dropdown-light-bg {
    color: #565656;
}

    .dropdown-light-bg:hover {
        color: #565656;
    }

    .dropdown-light-bg:focus {
        color: #565656;
    }

    .dropdown-light-bg > option {
        color: #565656;
    }

    .dropdown-light-bg > li > a:not(:hover) {
        color: #565656 !important;
    }

.dropdown-dark-bg {
    color: #ffffff;
}

    .dropdown-dark-bg:hover {
        color: #ffffff;
    }

    .dropdown-dark-bg:focus {
        color: #ffffff;
    }

    .dropdown-dark-bg > option {
        color: #ffffff;
    }

    .dropdown-dark-bg > li > a:not(:hover) {
        color: #ffffff !important;
    }

.dropdown-green {
    background-color: #00b050;
}

    .dropdown-green > option {
        background-color: #00b050;
    }

.dropdown-dark-orange {
    background-color: #ff6600;
}

    .dropdown-dark-orange > option {
        background-color: #ff6600;
    }

.dropdown-dark-blue {
    background-color: #007bff;
}

    .dropdown-dark-blue > option {
        background-color: #007bff;
    }

.dropdown-yellow {
    background-color: #ffd700;
}

    .dropdown-yellow > option {
        background-color: #ffd700;
    }

.dropdown-light-blue {
    background-color: #46bdc6;
}

    .dropdown-light-blue > option {
        background-color: #46bdc6;
    }

.dropdown-group-left {
    border-radius: 5px 0px 0px 5px;
    border-right: 1px solid #b3b3b3;
}

.dropdown-group {
    border-radius: 0px;
    border-right: 1px solid #b3b3b3;
}

.dropdown-group-right {
    border-radius: 0px 5px 5px 0px;
}

.comment-wrapper.relevant .wrapper {
    background-color: rgb(186 234 255 / 53%) !important;
}

.comment-wrapper.relevant .content {
    color: #000;
}
/*comments sidebar*/
#sidebarCommentThread {
    width: 645px;
    position: fixed;
    top: 0;
    right: -645px;
    height: 100vh;
    z-index: 1200;
    background: #fff;
    color: #414042db;
    transition: all 0.3s;
    /*overflow-y: scroll;*/
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

    #sidebarCommentThread.active {
        right: 0;
        top: 6px;
        padding-top: 0;
        border-top-left-radius: 10px;
    }

.search-checkbox-container {
    position: relative;
    height: 0;
    z-index: 1;
    bottom: 30px;
    left: 10px;
}

div#PreviewPageBody {
    border-radius: 0px;
    background: #efefef;
    padding: 0 0px;
    padding-top: 0px;
    height: 100dvh;
}

.row_h {
    height: 89.44dvh;
}

div#PreviewBodySection1 {
    flex: 1;
    display: flex;
}

    div#PreviewBodySection1 .container {
        flex: 1;
    }

.video_button {
    background: #d8d8d8;
    padding: 10px 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top: 0px solid #ddd;
    margin-top: 4px;
    border-radius: 6px;
    border: 0;
}

div#imagepreviewcol {
    background: #fff;
    border-radius: 6px;
    text-align: center;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 8px 0;
    /* min-height: 425px; */
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    position: relative;
}

.modal-dialog.pvwModDialog #pvwLoading {
    position: absolute;
    left: 49%;
    bottom: 50%;
}

.modal-dialog.pvwModDialog .modal-header {
    height: 80px;
    min-height: auto;
    border: 0;
}

.col-20 {
    width: auto;
    flex: 11.66666667%;
    height: 100%;
}

@media(max-width:767.98px) {
    div#imagepreviewcol {
        border-radius: 4px;
        padding: 8px 6px;
        min-height: 200px;
    }
}

.user_dets {
    display: flex;
    object-fit: cover;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
}

    .user_dets img {
        width: 40px;
        height: 40px;
        border-radius: 100%;
        overflow: hidden;
    }

.user_dets_wrap {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
}

.btn-basket {
    border-radius: 6px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    font-size: 13px;
    text-decoration: none;
    min-width: none;
    transition: all 400ms;
}

.btn-download {
    border-radius: 8px;
    /*border: 2px solid #FFC701;*/
    /*background: #fff;*/
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 22px;
    /*color: #000;*/
    font-size: 16px;
    text-decoration: none;
    min-width: 157px;
    /*margin-left:5px;*/
}

.related_field {
    font-weight: bold;
    font-size: 18px;
}

    .related_field .btn-plain {
        background: none;
        border: 0;
        color: #114A9F;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

ul.tags {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-top: 10px;
}

    ul.tags li {
        font-weight: normal;
        background: #fff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 32px;
        font-size: 14px;
        color: #666;
        padding: 0 18px;
        margin-right: 4px;
        border-radius: 100px;
        border: 1px solid #dfdfdf;
        margin-bottom: 8px;
    }

.vjs-poster {
    background-size: cover !important;
    background-position: center;
}

.meta_versions {
    border-radius: 6px;
    background: #FFF;
    padding: 15px;
    display: flex;
    flex-direction: column;
    height: 100dvh;
    /*min-height: 480px;*/
    padding-top: 17px;
    flex: 1;
    overflow: hidden;
    padding-right: 7px;
}

.nav-tabs {
    border-radius: 10px;
    background: #ECECEE;
    padding: 8px 7px;
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
}
    /* width */
    .nav-tabs::-webkit-scrollbar {
        height: 4px;
        border-radius: 20px;
        width: 20%;
    }
    /* Track */
    .nav-tabs::-webkit-scrollbar-track {
        background: #f1f1f1;
    }
    /* Handle */
    .nav-tabs::-webkit-scrollbar-thumb {
        background: #888;
    }
        /* Handle on hover */
        .nav-tabs::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

    .nav-tabs button {
        flex-shrink: 0;
        margin-right: 5px;
    }

    .nav-tabs .nav-link.active, .nav-tabs .nav-link {
        border: 0;
        border-radius: 6px;
        background: #FFF;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 40px;
        color: #303030;
        flex-shrink: 0;
        width: auto;
        font-size: 14px;
        transition: all 400ms;
    }

    .nav-tabs .nav-link {
        border-radius: 8px;
        background: rgba(214, 214, 214, 0.35);
        color: rgba(0, 0, 0, 0.33);
        padding: 10px 24px;
    }

        .nav-tabs .nav-link:hover {
            background: #fff;
            color: #303030;
        }

.PreviewTitles, .PreviewValues {
    font-size: 13px;
    color: #000;
    font-weight: 500;
}

.PreviewValues {
    font-weight: 400;
}

.tab-content > .tab-pane {
    padding: 13px 10px;
    /*font-size: 0.7em;*/
}

table#dlMetadata {
    width: 100%;
}

    table#dlMetadata tr td:last-child {
        text-align: right;
    }

.btn-filetype-grp {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    min-height: 26px;
    padding: 1px 9px;
    height: auto;
    line-height: normal;
    border-radius: 5px;
}

    .btn-filetype-grp i {
        margin-right: 3px;
    }

.other_options {
    float: left;
    width: 100%;
    display: flex;
    border-top: 1px solid #ebebeb;
    margin-top: 15px;
    padding-top: 16px;
    padding-bottom: 15px;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}

.btns {
    width: 100%;
}

.preview-buttons {
    align-items: center;
}

    .preview-buttons .btn {
        font-size: 14px;
        margin: 0px 3px 0px 3px;
        padding: 4px 8px;
    }

    .preview-buttons .btn-default {
        border: 1px solid #ccc;
        background: #fff;
        color: #444;
    }

        .preview-buttons .btn-default:hover {
            color: #000;
            border: 1px solid #ccc;
            background: #ddd;
            outline: 0;
            box-shadow: none;
        }

.other_options a, .other_options button {
    font-size: 13px;
    border: 1px solid #ddd;
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff !important;
    color: #444 !important;
    padding: 4px 0.8em;
    width: auto;
}

    .other_options a:hover, .other_options a:focus, .other_options button:hover, .other_options button:focus {
        color: #000 !important;
        border: 1px solid #ddd;
        background: #ddd;
        outline: 0;
        box-shadow: none;
    }

.copy-md-value {
    color: #808080bd !important;
    margin-left: 0 !important;
    font-size: 16px;
    text-decoration: none;
}

.btns {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 5px;
}

ul#ChkListKeywords {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background: none;
    border: 0;
}

    ul#ChkListKeywords li span label {
        font-size: 13px;
        font-weight: 400;
        margin-bottom: 0;
        line-height: normal;
    }

    ul#ChkListKeywords li {
        display: inline-flex;
        align-items: center;
        margin-right: 4px;
        line-break: normal;
        margin-bottom: 4px;
    }

        ul#ChkListKeywords li span {
            display: inline-flex;
            align-items: center;
            background: #e1e8f3;
            padding: 6px 6px;
            border-radius: 4px;
        }

            ul#ChkListKeywords li span input {
                margin-right: 4px;
                width: 16px;
                height: 16px;
                position: relative;
                top: 0px;
            }

div#collapseExample1 {
    width: 100%;
    margin-top: 6px;
}

.card.card-body {
    border-radius: 8px;
    padding: 11px 12px;
    border-color: #f1f1f1;
}

.playlist-wrapper {
    display: flex;
}

.playlist-child-videos {
    display: flex;
    flex-direction: column;
}

.playlist-item-wrapper {
    display: inline-block;
}

.playlist-child-videos {
    overflow: auto;
    height: 100%;
    max-height: 63vh;
}

.playlist-item-wrapper {
    margin: 0;
    margin-left: 0 !important;
    padding: 0;
    max-width: 100%;
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}

.playlist-thumb {
    position: relative;
    max-width: 167px;
    overflow: hidden;
    border-radius: 8px;
    margin-right: 10px;
}

    .playlist-thumb img {
        width: 320px;
    }

.playlist-meta-length {
    font-weight: 500;
    position: absolute;
    bottom: 6px;
    right: 6px;
    z-index: 3;
    background-color: rgba(0,0,0,.7);
    color: #fff;
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 13px;
}

.playlist-item-wrapper[data-playing="true"] .playlist-thumb img {
    opacity: 0.5;
}

.playlist-item-wrapper[data-live="true"] .playlist-meta-length {
    color: #dd3333;
}

    .playlist-item-wrapper[data-live="true"] .playlist-meta-length:before {
        border-radius: 100%;
        margin-right: 5px;
        animation: blink 1300ms 0s ease infinite;
        content: "•";
        display: inline-block;
        vertical-align: middle;
    }

.playlist-item-wrapper .playlist-meta-length > span {
    display: inline-block;
    vertical-align: middle;
}

@keyframes blink {
    from {
        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    75% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.video-js {
    /*width: 90%;*/
    float: left;
}

    .video-js.vjs-fluid,
    .video-js.vjs-16-9,
    .video-js.vjs-4-3,
    video.video-js,
    video.vjs-tech {
        max-height: calc(100vh - 100px);
        position: relative !important;
        width: 100%;
        height: auto !important;
        max-width: 100% !important;
        padding-top: 0 !important;
        line-height: 0;
    }

    .video-js.vjs-fullscreen,
    .vjs-fullscreen > video {
        max-height: 100%;
    }

.vjs-control-bar {
    line-height: 1;
}

.vjs-playlist {
    width: 30%;
    float: right;
}

.preview-player-dimensions.vjs-fluid {
    padding-top: 41.66666666666667%;
}

.playlist-mother-video {
    width: 100%;
    max-height: 520px;
}

.playlist-wrapper {
    display: flex;
    overflow: hidden;
    border-radius: 10px;
}

.playlist-item-wrapper[data-playing="true"] .playlist-thumb {
    border: 2px solid #ffc701;
}

.playlist-item-wrapper[data-playing="false"] .playlist-thumb {
    border: 2px solid transparent;
}

.playlist-meta-title {
    font-size: 15px;
    font-weight: 500;
}

.playlist-meta-data {
    font-size: 12px;
    font-weight: 400;
}

.playlist-meta {
    width: 100%;
}

.playlist-current {
    font-weight: bold;
    color: #5d5d5d;
}

.playlist-meta-heading-container {
    display: flex;
    justify-content: space-between;
}

.playlist_desc {
    float: left;
    width: 100%;
}

    .playlist_desc h4 {
        color: #000;
        font-size: 17px;
        font-weight: 500;
        margin-bottom: 3px;
    }

    .playlist_desc p {
        font-size: 15px;
        color: #666;
    }

.user_dets_wrap span {
    display: flex;
    flex-direction: column;
    line-height: 20px;
}

    .user_dets_wrap span small {
        font-size: 12px;
        color: #666;
    }

.col-xl-12.user_dets_wrap {
    border-top: 1px solid #ebebeb;
    margin-top: 19px;
    padding-top: 14px;
}

small #prvBasketInfo {
    margin-top: 14px;
    font-size: 14px !important;
    line-height: 18px;
    color: #666;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
    padding: 6px;
}

a.btn_def {
    text-decoration: none;
    font-size: 15px;
    border: 0px solid #ffc701;
    color: #000;
    background: var(--bs-yellow);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 6px;
    border-radius: 8px;
    /*width: 32.33%;*/
    font-weight: 500;
    flex-grow: 1;
}

.select_opt {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 7px;
    flex-direction: row;
    justify-content: space-between;
}

    .select_opt dd {
        margin: 0;
        display: flex;
        align-items: center;
        flex-direction: row;
        background: #f1f1f1bf;
        padding: 6px 6px;
        margin: 2px 3px;
        border-radius: 4px;
        border: 1px solid #ddd;
    }

        .select_opt dd input {
            margin: 0;
            margin-right: 6px;
            width: 16px;
            height: 16px;
        }

    .select_opt dl {
        margin: 0 !important;
    }

.dl_new_pr {
    display: flex;
    align-items: center;
}

.row.date_in {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.prj_type table tr {
    gap: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .prj_type table tr td {
        min-height: 42px;
        display: inline-flex;
        border: 0.1rem solid #d9d9d9;
        border-radius: 4px;
        width: 100%;
        align-items: center;
        justify-content: center;
    }

        .prj_type table tr td label {
            margin-bottom: 0;
        }

            .prj_type table tr td label input {
                margin-top: 0;
                position: relative;
                top: 0;
                width: 17px;
                height: 17px;
                margin-right: 3px;
            }

table#rblProjectType tr td:nth-of-type(2) {
    width: 80%;
}
/*.row.date_in .dl:first-child {
max-width: 130px;
width: 100%;
}
.row.date_in dl:first-child {
max-width: 88px;
width: 100%;
margin-right: 5px;
}*/
.row.date_in dl:last-child dd {
    margin-top: 7px;
}

dl.selector_in .select2-container--default .select2-selection__choice {
    position: relative;
    display: flex;
    align-items: center;
    height: 24px;
    margin-right: 8px;
    padding: 4px 8px 4px 5px !important;
    border-radius: 5px !important;
    background-color: #e8eaed !important;
    color: #2a2e34;
    border: 0 !important;
}

.selector_in span.select2-selection.select2-selection--multiple {
    display: flex;
    align-items: center;
    border-radius: 5px !important;
    min-height: 46px;
    border: 0.1rem solid #ccc;
}

div#tagAssetsTabs {
    box-shadow: none;
    padding: 0;
}

#divCV .form-control::-webkit-scrollbar-thumb {
    background-color: #b2b2b2;
}

#divCV .form-control::-webkit-scrollbar-track {
    border-radius: 20px;
}

#divCV .form-control::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

div#divCV .form-control {
    border-radius: 6px;
    height: 67dvh;
    margin-bottom: 0px;
}



div#backBtn span {
    width: auto;
    text-align: left;
    border: 1px solid #ddd;
    background: #eee;
}

div#pnlModules .input-group {
    background: #fff;
    padding-left: 72px;
    max-width: 265px;
    min-height: 40px;
    border: 1px solid #C3C6D4;
    border-radius: 4px;
    overflow: hidden;
}

div#pnlModules select {
    border: 0;
    min-height: 40px;
    background-color: transparent;
    width: 195px;
}

div#pnlModules .input-group span {
    border: 0;
    background: #E6E6E6;
    border-radius: 4px !important;
    height: 36px !important;
    padding: 0 13px;
    line-height: normal;
    display: inline-flex;
    align-items: center;
    position: absolute;
    width: auto;
    top: 2px;
    left: 2px;
}

div#pnlUseChkCV {
    display: flex;
    align-items: center;
}

div#module_meia {
    position: relative;
    display: flex;
}

div#upnlModules {
    position: relative;
    display: flex;
}
/*#pnlModules + #upnlUseChkCV {
display: flex;
align-items: center;
position: absolute;
margin-top: 0px;
min-width: 290px;
top: 40px;
left: 0;
}*/
.input-group.search_header {
    position: relative;
    max-width: 460px;
    width: 100%;
    flex-shrink: 0;
    border: 1px solid #C3C6D4;
    border-radius: 4px;
    margin-left: 12px;
    background: #fff;
}

#pnlUseChkCV {
    display: flex;
    align-items: center;
    position: absolute;
    min-width: 295px;
    /* top: 21px; */
    /* left: 12px; */
    position: static;
    /* max-width: 530px; */
    /* width: 100%; */
    flex-shrink: 0;
    border: 1px solid #C3C6D4;
    border-radius: 4px;
    margin-left: 0;
    background: #fff;
    flex-shrink: 0;
    min-height: 42px;
    padding-left: 10px;
    margin-left: 14px;
}

.search_header #btnSearch {
    background-color: transparent;
    border: 0;
    color: #000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 11px;
}

.input-group.search_header i.icon-search {
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.625 16.625C13.491 16.625 16.625 13.491 16.625 9.625C16.625 5.75901 13.491 2.625 9.625 2.625C5.75901 2.625 2.625 5.75901 2.625 9.625C2.625 13.491 5.75901 16.625 9.625 16.625Z' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.375 18.375L14.5687 14.5688' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    font-size: 0;
    width: 18px;
    height: 18px;
    background-size: 20px;
    background-position: center;
    display: inline-flex;
}

.search_header #btnSearch:focus {
    background: none;
}

#txtKeyword:focus {
    outline: 0;
    box-shadow: none;
}

#txtKeyword::placeholder {
    color: #4F5762;
    opacity: 1; /* Firefox */
    font-size: 15px;
}

#txtKeyword::-ms-input-placeholder { /* Edge 12 -18 */
    color: #4F5762;
    font-size: 15px;
}

body .ui-tooltip {
    font-size: 13px !important;
    min-width: auto !important;
    background: #414042;
    color: #fff;
    padding: 8px 11px !important;
    border-radius: 4px !important;
    font-weight: normal !important;
}

.asset_top_btn h3 i {
    display: none !important;
}

.asset_top_btn {
    float: left;
    width: 100%;
    clear: both;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-top: 10px;
}

    .asset_top_btn .pull-left {
        align-items: flex-start;
    }

    .asset_top_btn h3 {
        margin: 0;
        font-size: 20px;
        flex-shrink: 0;
        font-weight: 500;
    }

.btn.btn_btnplain {
    color: #676879;
    border: 0 !important;
    transition: all 400ms;
    cursor: pointer;
    background: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #999 !important;
    border-radius: 4px;
    font-size: 1.4rem;
}

a.g_meet {
    display: inline-flex;
    align-items: center;
    border: 1px solid #999;
    padding: 6px 10px;
    border-radius: 5px;
    /* background: red; */
    overflow: hidden;
    margin-left: 12px;
    text-decoration: none;
    transition: all 400ms;
}

    a.g_meet span.text-muted {
        color: #666;
    }

    a.g_meet:hover {
        background: #E8EAED;
        color: #282828;
    }

    a.g_meet img {
        width: 20px;
        margin-right: 5px;
    }

.btn.btn_btnplain i {
    margin-right: 5px;
}

div#mainContent_pnlGoogleMeetInvite {
    flex-shrink: 0;
}

.btn.btn_btnplain svg {
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

.btn.btn_btnplain:hover {
    background: #E8EAED;
    color: #282828;
}

li.manage_project .dropdown .btn {
    background: #DCDFEC;
    /*  border: 0;
min-height: 34px;*/
    border-radius: 4px;
    width: auto !important;
    border: 0;
    padding-top: 7px;
    padding-bottom: 7px;
}

ul.dropdown-menu.custom_dropdown {
    position: absolute;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 4px 17px 6px rgba(0,0,0,.1);
    flex-direction: column;
    min-width: 200px;
    right: 0;
    left: auto;
    border: 0;
    padding: 8px 0px;
}

ul#dropdownProjectDocs.dropdown-menu.custom_dropdown {
    max-width: 395px !important;
    min-width: 395px;
}

ul.dropdown-menu.custom_dropdown li {
    display: block;
    width: 100%;
    clear: both;
    padding: 0 8px;
}

    ul.dropdown-menu.custom_dropdown li a {
        line-height: 21px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 4px 8px;
        cursor: pointer;
        color: #666;
        font-weight: 400;
        font-size: 14px;
        letter-spacing: 0px;
        border-radius: 0px;
        text-decoration: none;
        /* font-family: 'Inter_Regular', Helvetica, Arial, sans-serif; */
        white-space: normal;
        border-bottom: 0px solid #eaeaea;
        border-radius: 4px;
        /* font-weight: 400; */
        text-shadow: none;
        width: 100%;
    }

        ul.dropdown-menu.custom_dropdown li a:hover, ul.dropdown-menu.custom_dropdown li a:focus {
            color: #323338;
            background-color: #f2f2f2;
        }

        ul.dropdown-menu.custom_dropdown li a svg {
            width: 16px;
            height: 16px;
            margin-right: 7px;
            position: relative;
            top: -1px;
        }

.manage_project .btn-group {
    display: flex;
    align-items: center;
    /*    min-height: 32px;*/
    background: #DCDFEC;
    border: 0;
    height: 100%;
    border-radius: 4px;
}

li.manage_project .btn-group > .btn + .dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px;
    /*    min-height: 32px;*/
    padding-bottom: 0;
    padding-top: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-left: 1px solid #fff;
    background: #DCDFEC;
    border-radius: 0 !important;
    margin-right: 0 !important;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    height: 100%;
}

li.manage_project a.btn.btn-custom {
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none !important;
    /*    min-height: 32px;*/
    padding-top: 2px;
    padding-bottom: 2px;
    border: 0;
    color: #494949;
    height: 100%;
}

    li.manage_project a.btn.btn-custom svg {
        width: 18px;
        height: 17px;
        position: relative;
        top: -1px;
        margin-right: 2px;
    }

li.manage_project .btn-group > .btn + .dropdown-toggle span {
    height: 17px;
}

.g_meet_modal dl.dl-horizontal {
    display: flex;
    flex-direction: column;
}

.g_meet_modal .dl-horizontal dt {
    white-space: normal;
    text-align: left;
    width: 100%;
    font-weight: normal;
    font-size: 12px;
    margin-bottom: 4px;
}

.g_meet_modal dl.dl-horizontal dd span {
    color: #222;
    font-size: 15px;
}

.g_meet_modal dl.dl-horizontal dd {
    margin: 0;
    width: 100%;
}

.g_meet_modal textarea {
    border-radius: 4px;
    width: 100%;
}

.g_meet_modal hr {
    margin: 2px 0 7px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0;
    line-height: 1.8em;
    text-align: center;
    display: flex;
    align-items: center;
    font-weight: normal;
    color: #2a2e34;
    font-size: 15px;
    gap: 4px;
}

select.ui-datepicker-year, select.ui-datepicker-month {
    border: 1px solid;
    border-color: #c3c6d4;
    color: #323338;
    background-color: transparent;
    min-height: 32px;
    border-radius: 4px;
    min-width: 80px;
    width: 100%;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 9px;
}

.time_gmeet.row > * {
    padding: 0 0px;
}

.time_gmeet.row {
    gap: 0px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

input#txtDuration {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    text-align: center;
}

select#ddltime {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.ui-timepicker-standard {
    background-color: #FFF;
    border: 0px solid #AAA !important;
    color: #222;
    margin: 0;
    padding: 2px;
    border-radius: 6px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .25);
}

    .ui-timepicker-standard div {
        box-shadow: none !important;
        background: transparent;
        border-radius: 0 !important;
    }

.open_shareboard .container {
    max-width: 100%;
    padding: 0 0px;
}

.row_div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

    .row_div .col-xl-5 {
        flex: 100%;
    }

    .row_div .col-xl-2 {
        flex: 67px;
        width: 100%;
        flex-shrink: 0;
        align-items: center;
        justify-content: flex-end;
        text-align: right;
    }

    .row_div .input-group span.input-group-addon i {
        color: #626161;
    }

    .row_div .input-group span.input-group-addon {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        background: #E8EAED;
        border: 1px solid #ddd;
        border-right: 0;
    }

    .row_div .input-group select.form-control {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
        border-left: 0 !important;
    }

    .row_div .col-xl-2 a {
        width: 100%;
        height: 100%;
        min-height: 42px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #586980;
        border: 0;
        color: #fff;
    }

.show_boards {
    display: flex;
    align-items: center;
}

    .show_boards a {
        align-self: center;
        width: 50px;
        color: inherit;
        background: #E8EAED;
        border: 1px solid #ddd;
        border-right: 0;
        min-height: 42px;
        justify-content: center;
        display: inline-flex;
        align-items: center;
        border-radius: 4px;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

p.show_boards .form-control[disabled] {
    background: #fff !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.ui_title {
    font-weight: bold;
    color: #000;
    margin-bottom: 3px;
}

span.owned {
    background: #DCDFEC;
    border-radius: 4px;
    min-height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1px 7px;
    color: #282828;
}

svg.feather.feather-clock {
    stroke: #93939d;
    width: 18px;
    height: 18px;
    /* display: inline-flex; */
}

.timing {
    display: inline-flex;
    align-items: center;
    position: relative;
    margin-left: 6px;
    cursor: pointer;
}

.custom_dropdown_small {
    width: 270px;
    display: inline-flex;
    flex-direction: column;
    position: absolute;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 4px 17px 6px rgba(0,0,0,.1);
    flex-direction: column;
    right: auto;
    left: 0;
    border: 0;
    padding: 15px 9px;
    top: 100%;
    z-index: 99;
    display: none;
}

.timing:hover .custom_dropdown_small {
    display: flex;
    cursor: pointer;
}

.custom_dropdown_small span.text-muted {
    color: #676879;
    line-height: 25px;
    font-size: 14px;
}

.custom_dropdown_small span b {
    color: #50515F;
    margin-right: 5px;
}

.firt_title {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

div#LightboxImageOptions {
    background-color: #ECEFF8;
    padding-top: 0;
}

#togglenotes {
    flex: 1;
    background: #fff;
    border: 0;
    border-top-right-radius: 10px;
    background: #FFFFFF;
    box-shadow: none;
    min-width: 320px;
    padding-right: 16px;
    border-radius: 0;
}

div#togglebody {
    padding-left: 0px;
    width: 100%;
    margin-left: 0px;
    background: #fff;
    border-top-left-radius: 10px;
    box-shadow: none;
    padding-top: 10px;
    border-left: 1px solid #d5d7e1;
    border-radius: 00;
}

div#toggleExpandSidebar, div#toggleCollapseSidebar {
    padding: 9px 4px 9px 8px;
    border-color: #d5d7e1;
}

.col-md-12.right_sm {
    padding-top: 8px;
    padding-bottom: 15px;
    padding-left: 15px;
}

.task_btns select, .asset_filters select {
    background: #ddd;
    box-shadow: none !important;
    color: #676879;
    border: 0 !important;
    font-size: 14px;
    min-height: 32px;
    transition: all 400ms;
    cursor: pointer;
    background: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #efefef !important;
    margin-right: 9px;
    border-radius: 4px !important;
}

    .task_btns select:hover, .task_btns select:focus, .asset_filters select:hover, .asset_filters select:focus {
        background: #E8EAED;
        color: #282828;
    }

div#mainContent_divStageName {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding-bottom: 6px;
    margin-bottom: 7px !important;
}

.stage_tile {
    display: flex;
    align-items: center;
    margin-right: auto;
}

span.text-muted.sm_box {
    border: 1px solid #efefef;
    display: inline-flex;
    align-items: center;
    min-height: 31px;
    border-radius: 4px;
    padding: 0px 9px;
    justify-content: center;
    vertical-align: top;
}

    span.text-muted.sm_box > * {
        margin: 0;
    }

    span.text-muted.sm_box input {
        margin-right: 4px;
    }

div#LightboxNotes {
    padding-top: 18px;
    padding-bottom: 8px;
}

.new_doc {
    display: flex;
    align-items: center;
    color: unset;
    text-decoration: none;
    min-height: 30px;
    border-radius: 4px;
    justify-content: center;
    line-height: normal;
    padding: 0 6px;
    font-size: 12px;
    color: #fff;
}

    .new_doc.ext_top {
        min-height: 32px;
        width: 100%;
        text-align: left;
        justify-content: space-between;
    }

table.new-doc-type td > * {
    margin: 0;
}

table.new-doc-type td {
    margin: 0;
    display: inline-flex;
    align-items: center;
    flex-direction: row;
    background: #eee;
    padding: 6px 11px;
    margin: 2px 5px;
    border-radius: 6px;
}

.ext_doc a {
    border: 1px solid #0d6efd;
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    min-height: 32px;
    border-radius: 4px;
    padding: 4px 4px;
    color: #0d6efd;
    width: 100%;
    text-decoration: none;
    transition: all 400ms;
    font-size: 12px;
}

    .ext_doc a svg path {
        stroke: #0d6efd;
        fill: none;
    }

    .ext_doc a span svg path {
        fill: #0d6efd;
        stroke: none;
    }

button.custom_btn.btn svg path {
    fill: #0d6efd;
}

.ext_doc a:hover {
    background-color: #0d6efd;
}

    .ext_doc a:hover svg path {
        stroke: #fff;
        fill: none;
    }

    .ext_doc a:hover span svg path {
        fill: #fff;
    }

.ext_doc a:hover {
    background: #0d6efd;
    color: #fff;
}

.ext_doc {
    width: 100%;
    flex-shrink: 0;
    float: left;
    clear: both;
    max-width: 100%;
    padding: 0;
    margin-top: 7px;
}

    .ext_doc a span {
        display: flex;
        font-size: 1.3rem;
        align-items: center;
    }

.des_wrap {
    display: flex;
    width: 100%;
    position: relative;
    border: 1px solid rgb(0 0 0 / 8%);
    border-radius: 6px;
    padding: 10px;
    overflow: hidden;
}

.des_wrap_in {
    display: flex;
    flex-wrap: wrap;
    width: 95%;
}

    .des_wrap_in textarea {
        width: 100%;
        border: 0;
    }

        .des_wrap_in textarea:focus {
            outline: 0;
        }

.add_link {
    width: 100%;
    display: flex;
    position: relative;
    border: 1px solid rgb(0 0 0 / 9%);
    border-radius: 4px;
    min-height: 38px;
}

    .add_link input[type="text"] {
        width: 100%;
        background: #eee;
        border: 0;
        box-shadow: none;
        padding-left: 28px;
        padding-right: 85px;
    }

        .add_link input[type="text"]:focus, .add_link input[type="submit"]:focus {
            box-shadow: none;
            outline: 0;
        }

    .add_link input[type="submit"] {
        z-index: 9;
        position: absolute;
        right: 4px;
        top: 3px;
        background: rgb(209 218 255 / 60%);
        border: 1px solid rgb(0 0 0 / 10%);
        border-radius: 4px;
        min-height: 30px;
        color: #323232;
        font-size: 14px;
    }

    .add_link svg {
        position: absolute;
        top: 10px;
        left: 6px;
    }

button.btn-plain:hover {
    background: #eee;
    border-radius: 4px;
}

button.btn-plain {
    position: absolute;
    right: -1px;
    top: 0;
    border: 0;
    display: inline-flex;
    align-items: center;
    background: #f2f2f2;
    padding: 7px;
    z-index: 9;
    cursor: pointer;
    height: 100%;
}

button.btn_close svg {
    width: 20px;
    height: 20px;
}

button.btn_close {
    border: 0;
    background: none;
    position: absolute;
    right: 3px;
    top: 12px;
    z-index: 99;
    opacity: 0.8;
}

.show_link_details {
    display: flex;
    width: 100%;
    border: 1px solid rgb(0 0 0 / 10%);
    border-radius: 5px;
    margin-top: 8px;
    padding: 10px;
    align-items: flex-start;
    margin-bottom: 8px;
}

    .show_link_details p {
        color: #4c4c4c;
        font-size: 12px;
        font-weight: normal;
    }

    .show_link_details a {
        flex-shrink: 0;
        display: inline-flex;
        min-height: 31px;
        align-items: center;
        background: #dce2f8;
        padding: 4px 8px;
        border-radius: 5px;
        color: #323232;
    }

.action_second {
    position: relative;
}

#mainContent_upnlUsage dl.dl-horizontal.action_usage {
    justify-content: space-between;
    flex-direction: row;
    align-items: stretch;
    display: flex;
    gap: 0;
    margin-bottom: 0;
}

.action_second input {
    top: 23px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.action_second select {
    width: 100%;
}

#mainContent_upnlUsage dl.dl-horizontal.action_usage select {
    width: 100%;
    max-width: 100%;
}

#hidden_div {
    display: none;
}

div#UpdatePanel1 .ui-widget.ui-widget-content, div#UpdPnlPreviewBody .ui-widget.ui-widget-content {
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    min-width: auto !important;
}

ul#dropdownProjectDocs.dropdown-menu.custom_dropdown {
    top: 30px;
    left: 10px;
    max-height: 30vh;
}
    /* width */
    ul#dropdownProjectDocs.dropdown-menu.custom_dropdown::-webkit-scrollbar {
        width: 4px;
    }
    /* Track */
    ul#dropdownProjectDocs.dropdown-menu.custom_dropdown::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px #c2c1c1;
        border-radius: 10px;
    }
    /* Handle */
    ul#dropdownProjectDocs.dropdown-menu.custom_dropdown::-webkit-scrollbar-thumb {
        background: #aaa;
        border-radius: 10px;
    }

.btn-group button i, .btn-group a i {
    margin-right: 3px;
}

div#mainContent_toolbar .btn-group button, div#mainContent_toolbar .btn-group a, div#mainContent_toolbar input#mainContent_imgBtnGoToPage, div#mainContent_toolbar .prev_btn a {
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px !important;
    margin-right: 4px;
    border: 1px solid #c3c6d4;
    font-size: 13px;
    font-weight: normal;
    padding: 0px 12px;
    transition: all 400ms;
    background: #f1f1f1a8
}

.form-control.pagen_btn {
    font-size: 12px;
    height: 28px;
    width: 31px;
    display: inline;
    padding: 3px 2px;
    text-align: center;
    min-height: 31px;
    flex-shrink: 1;
    border-radius: 4px;
    border-color: #c3c6d4;
}

ul.ui-sortable {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    /*align-items: flex-start;*/
    padding-right: 10px;
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
    width: 24.222%;
    border-radius: 4px;
    border: 1px solid #eeeeee;
}

ul.ui-sortable .thumbnail {
    display: inline-block;
    border: 0;
    background: none !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 0;
    /* overflow: hidden; */
    padding: 6px;
    text-align: center;
}

div#mainContent_toolbar {
    margin-bottom: 15px;
}

.notesactive {
    outline: 2px solid #0ca946 !important;
}

span.inlude_txt {
    display: inline-flex;
    align-items: center;
    margin-right: 4px;
}

.LightboxIcons1.pull-right {
    width: 100%;
    justify-content: space-between;
    display: flex;
    margin-bottom: 0px;
}

.Lightbox {
    position: relative;
}

.LightboxIcons2.pull-left {
    padding: 3px 6px;
    position: absolute;
    top: 9px;
    left: 5px;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    color: #c1abab;
    border: 0px solid #c1c1c1;
}

    .LightboxIcons2.pull-left > * {
        margin: 0;
    }
    /*.LightboxIcons2.pull-left input {
height: 14px;
width: 14px;
}*/
    .LightboxIcons2.pull-left span {
        font-size: 12px;
        color: #494949;
        position: relative;
        top: 1px;
    }

.LightboxIcons.row {
    border-top: 0px solid #e9e9e9;
    margin-top: 0px !important;
    border-bottom: 0px solid #e9e9e9;
}

.caption.row {
    width: 100%;
    max-width: 100%;
    text-align: left;
    padding: 8px 11px 8px !important;
    line-height: normal;
    display: flex;
    /* white-space: nowrap; */
    /* text-overflow: ellipsis; */
    /* overflow: hidden; */
    background: #eee;
    /* margin-bottom: -6px !important; */
    background: #fff;
    border-radius: 0;
}

    .caption.row span {
        color: #333;
        font-size: 13px;
        width: 89%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

.LightboxIcons1.pull-right input, .LightboxIcons1 .btn-group a {
    display: inline-flex;
    align-items: center;
    line-height: normal;
    padding: 0 6px;
    min-height: 24px;
    border-radius: 4px;
    border-color: rgb(0 0 0 / 12%);
}

.Img {
    height: 184px;
    padding: 8px;
    overflow: hidden;
    object-fit: contain;
}

    .Img img {
        border-radius: 6px;
        overflow: hidden;
        max-height: 17.5rem;
    }

div#tabs.meta_versions.ui-tabs {
    border: 1px solid #eeeeee !important;
    box-shadow: 0 0px 10px 0 rgba(0, 0, 0, .05) !important;
    min-width: 300px;
    border-radius: 8px !important;
    padding: 10px !important;
}

.LightboxTnail {
    background-color: #eee;
    border-radius: 0;
    position: relative;
    height: 200px;
    cursor: move;
}

.LightboxInfo {
    cursor: move;
}

.lbTopIcons span, .lbTopIcons a {
    min-height: 26px;
    box-shadow: none !important;
}

.sidebar_content .navigation .navigation-wrapper li {
    font-size: 13px;
}

span#mainContent_LblRecordsDisplayed {
    font-size: 13px;
}

.sidebar_content li.comment time {
    float: right;
    line-height: 1.4em;
    margin-left: 0.5em;
    font-size: 0.8em;
    color: #666;
    position: absolute;
    right: 13px;
    bottom: 31px;
}

#togglenotes .jquery-comments ul.main li.comment {
    float: left;
    width: 100%;
}

.sidebar_content .wrapper .content {
    white-space: pre-line;
    word-break: break-word;
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 17px;
}

.sidebar_content .profile-picture {
    margin-top: -3px;
}

/* .video_button .btn-basket, .video_button a {
    min-width: auto;
    min-height: 32px;
    padding: 4px 10px;
    height: auto;
    border-radius: 5px;
    font-size: 13px;
} */
.video_button .btn-basket, .video_button a {
    min-width: auto;
    height: 34px !important;
    padding: 4px 10px;
    height: auto;
    border-radius: 5px;
    font-size: 13px;
    line-height: normal;
    width: auto !important;
    padding-right: 10px !important;
    font-size: 13px !important;
}

div#task-assets-strip {
    display: flex;
    align-items: flex-start;
    gap: 5px;
}

    div#task-assets-strip a {
        /* height: 90px; */
        /* overflow: hidden; */
        border: 0px solid #ddd;
        border-radius: 6px;
        padding: 0;
        background: #fff;
    }

        div#task-assets-strip a img {
            aspect-ratio: 1;
        }

.group-thumb {
    max-height: 90px;
    border: 2px solid;
    border-radius: 6px;
    border-color: #dcdcdc;
}

.group-thumb-selected {
    cursor: default;
    max-height: 90px;
    border: 2px solid;
    border-radius: 6px;
    border-color: green;
    padding: 4px;
}

div#modalVersionUpload .modal-header {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
}

.modal-header h4 {
    display: inline-flex;
}

.drop_search::-webkit-scrollbar {
    width: 6px;
}

.drop_search::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.drop_search::-webkit-scrollbar-thumb {
    background: #c9c9c9;
    border-radius: 20px;
    height: 100px;
}

    .drop_search::-webkit-scrollbar-thumb:hover {
        background: rgb(6 6 6 / 26%);
    }

div#modalVersionUpload .modal-header button {
    border: 0;
    background: none;
    font-size: 25px;
    padding: 4px 5px;
    height: 30px;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
}

.TSSectionScroll tr.TSHeaderRow td {
    background: #DFE5FF;
}

.dropdown-menu.custom_dropdown.drop_search {
    position: absolute;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 4px 17px 6px rgba(0,0,0,.1);
    flex-direction: column;
    min-width: 224px;
    right: 0;
    left: auto;
    border: 0;
    padding: 14px 14px;
    width: 450px;
    position: absolute;
    max-height: 510px;
    overflow-y: auto;
}

    .dropdown-menu.custom_dropdown.drop_search input {
        margin-bottom: 8px;
        position: static;
        top: 0;
    }

    .dropdown-menu.custom_dropdown.drop_search li a {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        background-repeat: no-repeat;
        background-size: 19px;
        background-position: center left;
        padding-left: 22px;
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg class='icon icon-tabler icon-tabler-arrow-up-right' fill='none' height='24' stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cline x1='17' x2='7' y1='7' y2='17'/%3E%3Cpolyline points='8 7 17 7 17 16'/%3E%3C/svg%3E");
        border: 0;
    }

    .dropdown-menu.custom_dropdown.drop_search li.ui_title {
        border-bottom: 1px solid #ececec;
        margin-right: -14px;
        margin-left: -14px;
        width: auto;
        padding: 6px 21px;
        color: #282828;
    }

.new_note .new_doc {
    text-decoration: none;
    position: relative;
}

.new_note a.new_doc span {
    display: flex;
    align-items: center;
    color: #fff;
}



    .new_note a.new_doc span svg {
        position: relative;
        margin-right: 2px;
        margin-top: -2px;
    }

.search_header #btnSearch:hover {
    background: none;
}

.btn_fltr a.btn.btn_btnplain svg {
    width: 19px;
    height: 18px;
}

.btn_fltr a.btn.btn_btnplain {
    border: 0 !important;
    border-radius: 4px;
    background-color: #fff;
    margin-right: 7px;
    color: #4F5762;
}

.new_doc svg path {
    stroke: #fff !important;
}

.new_doc span {
    color: #fff;
}

.btn_fltr a.btn.btn_btnplain:hover {
    background: #E8EAED;
    color: #282828;
    cursor: pointer;
}

.fw {
    width: 100%;
}

.sidebar_content .profile-picture {
    margin-top: -3px;
    width: 3rem !important;
    height: 3rem !important;
    max-width: 40px;
    max-height: 40px;
}

.task_btns {
    margin-bottom: 7px;
    padding: 0 6px;
}

.data-container {
    height: 100%;
    overflow: auto;
    padding-right: 11px;
    padding-left: 10px;
}
    /* width */
    .data-container::-webkit-scrollbar {
        width: 4px;
    }
    /* Track */
    .data-container::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px #c2c1c1;
        border-radius: 10px;
    }
    /* Handle */
    .data-container::-webkit-scrollbar-thumb {
        background: #aaa;
        border-radius: 10px;
    }

.task_wrap {
    background-color: #ECEFF8;
    overflow: hidden;
    padding-inline: 0;
    padding-top: 0;
    border-top: 1px solid #d5d7e1;
}

    .task_wrap .panel {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border-color: #fff;
        margin-bottom: 0em !important;
        border: 0;
    }

td.ui-datepicker-days-cell-over.ui-datepicker-today a {
    background: #b5c5e2;
}

a#mainContent_btnApprovedTasksFilter.selected {
    background: #E8EAED;
    color: #282828;
}

    a#mainContent_btnApprovedTasksFilter.selected svg path {
        fill: #0d6efd;
    }

.searchContainer {
    padding-top: 10px;
    background: #ECEFF8;
}

ul.sidebar_options li i {
    margin-right: 4px;
    position: relative;
}

ul.sidebar_options li {
    font-weight: normal !important;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
}

.filter_side p.title_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

div#SidebarBlock {
    margin-bottom: 0em;
}

#mainContent_divProjectStages span {
    background: f1f1f1;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    border-radius: 0;
    box-shadow: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 0 7px;
    font-weight: normal;
    border: 1px solid #ccc;
    font-weight: 500;
    color: #101010;
    font-size: 13px;
}

#mainContent_divProjectStages select {
    margin-bottom: 0;
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.asset_thumbs {
    flex: 1;
    overflow: auto;
}

.sidebar_content {
    overflow-y: hidden;
}

.asset_thumbs table {
    width: 100%;
}

    .asset_thumbs table tbody {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

.item_wrapp {
    width: 100%;
    border: 1px solid #ddd;
    display: flex;
    flex-wrap: wrap;
    padding: 5px;
    border-radius: 5px;
}

.asset_thumbs table tbody tr {
    width: 48.666%;
    margin-bottom: 8px;
}

.item_wrapp:hover {
    background-color: #f1f1f1;
}

.item_wrapp > a {
    display: block;
    width: 100%;
    height: 76px;
    overflow: hidden;
    border-radius: 4px;
}

.item_wrapp a img {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: none;
    display: block;
    margin: 0 auto;
    object-fit: contain;
}

.as_img_id {
    width: 100%;
    text-align: center;
    font-size: 12px;
    display: block;
    margin-top: 4px;
    margin-bottom: 4px;
}

.ass_img_btn {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    justify-content: center;
}

.ass_img_btn_first {
    width: 100%;
    margin: 3px 4px;
    display: flex;
    justify-content: center;
}

    .ass_img_btn_first a {
        width: 100%;
        min-height: 26px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        overflow: hidden;
        padding: 3px 6px;
    }

        .ass_img_btn_first a i.icon-plus:first-child {
            display: none;
        }

    .ass_img_btn_first:first-child a {
        font-size: 0;
        width: 27px;
        padding: 0;
    }

div#dragdroptext {
    text-align: center;
    background: #e8e8e8;
    margin-bottom: 0;
    padding: 5px 3px;
    width: 98%;
    border-radius: 4px;
    margin: 0 auto;
}

select#ddwnLightboxes {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

ul#emailTab {
    display: flex;
    align-items: center;
    padding: 4px 3px;
    background: #E1E6F4;
    border-radius: 6px;
    overflow-x: auto;
    box-shadow: none;
    border: 0;
}

    ul#emailTab li.active a {
        color: #000 !important;
        background: #ffffff;
        -webkit-box-shadow: 0px 6px 6px rgba(53, 66, 134, 0.1);
        box-shadow: 0px 6px 6px rgba(53, 66, 134, 0.1);
        border: 0;
        border-radius: 4px;
        opacity: 1;
    }

    ul#emailTab li a {
        color: #666;
        opacity: 0.7;
    }

.PopupFieldName.tab-content {
    background: rgb(232 234 237 / 54%);
    border-radius: 6px;
}

.PopupFieldName.email_popup {
    background: rgb(232 234 237 / 54%);
    border-radius: 6px;
    float: left;
    width: 100%;
}

    .PopupFieldName.email_popup p {
        display: block;
        margin-bottom: 0;
    }

        .PopupFieldName.email_popup p label {
            margin-bottom: 0;
        }

    .PopupFieldName.email_popup input {
        margin-bottom: 8px;
    }

    .PopupFieldName.email_popup textarea {
        margin-bottom: 10px;
    }

.insider {
    display: flex;
    width: 99%;
    background: #fff;
    border-radius: 0px;
    margin: 0 auto 7px;
    padding: 6px 7px;
    align-items: center;
    flex-direction: column;
    border-bottom: 1px solid #ddd;
    border-top-left-radius: 6px;
}

@media(max-width:1190.98px) {
    .insider .d-flex {
        flex-wrap: wrap;
    }
}

#searchresults .LightboxIcons2.pull-left {
    /* width: auto; */
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 25px;
    padding-top: 5px;
    border-radius: 3px;
    background: #fff;
    border: 0;
    padding-left: 5px;
}

.fade-on-load {
    display: none;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.image-gallery > li input:before {
    transition-timing-function: cubic-bezier(.075, .820, .165, 1);
    border: 2px solid;
    border-radius: 0;
    background-color: white;
    border-color: transparent;
    box-sizing: border-box;
    color: #fff;
    content: close-quote;
    display: inline-block;
    height: 16px;
    outline: 2px solid #0d6efd;
    transition-duration: .5s;
    transition-property: background-color, border-color;
    width: 17px;
    border-radius: 2px;
    position: absolute;
    top: 0px;
    left: -5px;
    right: 0;
    margin: 0 auto;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M480 128c0 8.188-3.125 16.38-9.375 22.62l-256 256C208.4 412.9 200.2 416 192 416s-16.38-3.125-22.62-9.375l-128-128C35.13 272.4 32 264.2 32 256c0-18.28 14.95-32 32-32c8.188 0 16.38 3.125 22.62 9.375L192 338.8l233.4-233.4C431.6 99.13 439.8 96 448 96C465.1 96 480 109.7 480 128z'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 13px;
}

.LightboxIcons2.search-checkbox-container {
    opacity: 0;
}

.image-gallery > li:hover .LightboxIcons2.search-checkbox-container {
    opacity: 1;
}

.image-gallery > li.selected-li .LightboxIcons2.search-checkbox-container {
    opacity: 1;
}

.fade-on-load input:checked:before {
    background-color: #0d6efd;
    border-color: white;
    border: 0;
}

.search-checkbox-container.pull-left.j span.fade-on-load {
    padding: 0;
    top: 0;
}

div#searchresults {
    padding-right: 10px;
    padding-left: 10px;
}

.srchIcons span.btn.btn-xs {
    padding-left: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-right: 8px;
}

/* .srchIcons {
    top: 10px;
    right: 10px;
} */

.searh_pic_btns button.btn i, .searh_pic_btns a i {
    margin-right: 3px;
}

.searh_pic_btns button.btn, .searh_pic_btns a, .toggle-add {
    padding-top: 6px;
    padding-bottom: 6px;
    height: auto;
    font-size: 13px;
    min-height: 28px;
    background: #fff;
    color: #666 !important;
    border-color: #acacac !important;
    border-radius: 4px;
    padding: 3px 6px;
}

.toggle-add {
    border: 1px solid;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    justify-content: center;
}

.adv_search .panel {
    border: 1px solid #e8eaed;
    background: #e8eaed73;
    margin-right: -8px;
    margin-left: -8px;
}

table#mainContent_rdoKeywordSearch td input {
    margin-right: 6px;
    position: relative;
    top: 2px;
}

.model_in label {
    width: 100%;
}

    .model_in label input {
        width: 100%;
    }

.search_btnsin a i {
    font-size: 17px;
    font-weight: normal;
    margin-right: 9px;
}

.search_btnsin a {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    min-height: 45px;
    padding: 0 21px;
    font-size: 15px;
    margin-right: 10px;
}

.LightboxIcons2 input:before {
    /* transition-timing-function: cubic-bezier(.075, .820, .165, 1);
    border: 2px solid;
    border-radius: 0;
    background-color: white;
    border-color: transparent;
    box-sizing: border-box;
    color: #0d6efd;
    content: close-quote;
    display: inline-block;
    height: 13px;
    outline: 2px solid #0d6efd;
    transition-duration: .5s;
    transition-property: background-color, border-color;
    width: 13px;
    border-radius: 2px;
    position: absolute;
    top: 6px;
    left: 6px;
    right: auto;
    margin: 0 auto; */
    transition-timing-function: cubic-bezier(.075, .820, .165, 1);
    border: 2px solid;
    background-color: white;
    border-color: transparent;
    box-sizing: border-box;
    color: #fff;
    content: close-quote;
    display: inline-block;
    height: 16px;
    outline: 2px solid #0d6efd;
    transition-duration: .5s;
    transition-property: background-color, border-color;
    width: 17px;
    border-radius: 2px;
    position: absolute;
    top: 5px;
    left: 6px;
    right: auto;
    margin: 0 auto;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M480 128c0 8.188-3.125 16.38-9.375 22.62l-256 256C208.4 412.9 200.2 416 192 416s-16.38-3.125-22.62-9.375l-128-128C35.13 272.4 32 264.2 32 256c0-18.28 14.95-32 32-32c8.188 0 16.38 3.125 22.62 9.375L192 338.8l233.4-233.4C431.6 99.13 439.8 96 448 96C465.1 96 480 109.7 480 128z'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 13px;
}

span#mainContent_LstLightboxItems {
    padding-left: 0;
}

span#mainContent_LstLightboxItems {
    width: 100%;
    padding-left: 0;
}

.ass_img_btn_first i.icon-shopping-cart {
    margin-right: 4px;
}

div#UpdPnlSidebarLightbox {
    padding-bottom: 50px;
}

.jquery-comments ul.navigation .navigation-wrapper {
    background: #dce3e5;
}

.TSGanttHeader.TSHeaderText.TSType.TSCellBase.TSGanttHeader.TSCellHeader {
    background: #a9abb2 !important;
}

#togglenotes .data-container {
    height: 37vh;
}

.sm-tags a.text-danger {
    font-size: 12px;
}

.sm-tags {
    background: #ebebeb;
    padding: 2px 5px;
    border-radius: 4px;
}

    .sm-tags a {
        text-decoration: none;
        color: #444;
        font-size: 13px;
    }

.model_in select {
    margin-top: 4px;
    width: 100% !important;
}

div#sidebarCommentsContainer .data-container {
    overflow: hidden;
}

.google-filetype-icon {
    height: 14px;
    width: 16px;
    float: left;
    margin-right: 5px;
    display: inline-flex;
    flex-shrink: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    margin-top: 3px;
}

.p-0 {
    padding: 0 !important;
}

.m-0 {
    margin: 0;
}

.team_project_wrap {
    padding-left: 25px;
    padding-right: 25px;
}

    .team_project_wrap .panel-default > .panel-heading {
        margin-left: -25px;
        margin-right: -25px;
        padding-left: 35px;
        padding-right: 35px;
    }

    .team_project_wrap .panel-body {
        padding: 15px;
        margin-right: -25px;
        margin-left: -25px;
        background: #ECEFF8;
        padding-right: 25px;
        padding-left: 25px;
    }

    .team_project_wrap .panel-heading .row {
        display: flex;
        align-items: center;
    }

.card-1, .card-2, .card-4 {
    background: #fff;
    padding: 10px;
    border-radius: 8px;
}

.card-1 {
    width: 39.224%;
}

.card-2, .card-4 {
    width: 19.666%;
}

    .card-1 .input-group-addon, .card-2 .input-group-addon, .card-4 .input-group-addon {
        padding: 6px 12px;
        font-size: 14px;
        font-weight: normal;
        line-height: 1;
        text-align: center;
        background-color: #e6e6e6;
        border: 0px solid #ccc;
        border-radius: 4px;
        position: absolute;
        left: 0;
        color: #414042;
        width: auto;
        border-radius: 4px !important;
        height: 37px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 70px;
        top: 3px;
        left: 3px;
    }

.card-1 .input-group .form-control {
    width: 100%;
    margin-bottom: 0;
    border-radius: 4px !important;
    padding-left: 80px;
}

.card-2 .input-group .form-control {
    padding-left: 80px;
}

.card-1.type_average .input-group .form-control {
    padding-left: 134px;
}

#chartsContainer .card-header {
    background: #f1f1f1;
    padding: 6px 6px;
    border-radius: 4px;
    margin-bottom: 8px;
}

.card-4 .input-group .form-control {
    padding-left: 138px;
}

#chartsContainer {
    gap: .4%;
    flex-wrap: wrap;
}

.card-4 .comment_tp .input-group .form-control {
    padding-left: 113px;
}

.right_status {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .right_status a#mainContent_lnkNewProject {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
    }

a#mainContent_lnkNewProject i {
    margin-right: 7px;
}

.chart_container {
    background: #fff;
    float: left;
    width: 100%;
    padding: 15px 15px;
    border-radius: 9px;
}

.chk_in input {
    position: relative;
    top: -2px;
}

.chk_in label {
    margin-bottom: 0;
}

.report_box {
    display: flex;
    align-items: center;
}

    .report_box table td label {
        margin-bottom: 0;
    }

    .report_box table td input {
        position: relative;
        top: 1px;
        margin-right: 6px;
    }

    .report_box table td {
        background: #E3E6F0;
        border: 4px solid #fff;
        padding: 2px 12px !important;
        text-align: center;
        border-radius: 8px;
    }

table.table_chart {
    border: 1px solid #D9D9D9;
}

    table.table_chart tbody tr:nth-child(2) {
        background: #ECF0FF;
    }

    table.table_chart tr td .btn-xs i {
        margin-right: 4px;
    }

    table.table_chart tr td .btn-xs {
        min-height: 34px;
        display: inline-flex;
        align-items: center;
        font-size: 1.3rem;
    }

    table.table_chart tr td {
        vertical-align: middle;
        text-align: center;
    }

.item-users {
    display: flex;
    align-items: center;
}

.users_div span {
    width: 34px;
    height: 34px;
    background-color: #d2d2d2;
    border-radius: 100%;
    display: inline-flex;
    flex-shrink: 0;
    margin-right: -11px;
    border: 1px solid #fff;
    align-items: center;
    justify-content: center;
    padding: 0;
    object-fit: cover;
    overflow: hidden;
}

.users_div {
    margin-left: 6px;
    display: flex;
    align-items: center;
    font-size: 14px;
}

    .users_div span:last-child {
        margin-right: 3px;
    }

    .users_div span img {
        width: 100%;
        object-position: center;
        aspect-ratio: 1;
    }

.progress-bar__wrapper {
    position: relative;
    text-align: left;
    max-width: 90%;
    width: 100%;
    margin-left: 0px;
}

.user_status {
    display: flex;
    align-items: center;
    justify-content: center;
}

.progress-bar__value {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-bottom: 0;
    color: #fff;
}

progress {
    width: 100%;
    height: 14px;
    border-radius: 50px;
    background-color: #0d6efd;
    transition: width 300ms ease;
}

    progress[value]::-webkit-progress-bar {
        width: 100%;
        height: 14px;
        border-radius: 50px;
        background-color: #0d6efd;
        transition: width 300ms ease;
    }

    progress[value]::-webkit-progress-value {
        width: 0;
        border-radius: 50px;
        background-color: #468847;
        transition: width 300ms ease;
    }

.status_inside {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .status_inside span {
        display: inline-flex;
        align-items: center;
        border-radius: 4px;
        border: 1px solid #b2e9d5;
        font-size: 13px;
        position: relative;
        min-height: 26px;
        padding: 0 8px;
        min-width: 80px;
        justify-content: center;
    }

span.tsk_completed {
    color: #38C793;
    background: rgb(56 199 147 / 14%);
    border: 1px solid #b2e9d5;
}

span.tsk_progress {
    border: 1px solid #e1ad54;
    color: #FFBD4C;
    background: rgb(255 189 76 / 10%);
}

span.tsk_hold {
    border: 1px solid rgb(237 20 20 / 37%);
    color: #ed1414;
    background: rgb(237 20 20 / 10%);
}

span.tsk_nstarted {
    border: 1px solid rgb(179 179 179 / 37%);
    color: #616161;
    background: rgb(97 97 97 / 10%);
}

#chartsContainer .card-header h3 {
    margin: 0;
    font-size: 1.855rem;
}

.card_body {
    height: 32vh;
}

.card-2 canvas, .card-4 canvas {
    width: 85% !important;
    height: auto !important;
    margin: 0 auto;
}

.card-1.type_average canvas {
    width: 100% !important;
    height: 100% !important;
}

.annot_btn a#btnAddAnnotation {
    border: 1px solid;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
}

div#upnlAnnotationsList .AnnotationItem {
    border: 1px solid #ddd;
    margin: 0;
    padding: 0;
    margin-top: 10px;
    display: flex;
    align-items: flex-start;
    border-radius: 5px;
    padding: 8px 0;
}

div#upnlAnnotationsList, div#upnlAuditTrail, div#upnlDLHistory {
    max-height: 63vh;
    overflow-x: hidden;
    padding-right: 1%;
    overflow-y: auto;
}

.playlist-child-videos::-webkit-scrollbar {
    height: 50px;
    border-radius: 20px;
    width: 4px;
}

div#upnlDLHistory .row:first-child {
    position: sticky;
    top: 0;
    background: #fff;
    width: 100%;
}

.playlist-child-videos::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.playlist-child-videos::-webkit-scrollbar-thumb {
    background: #888;
}

    .playlist-child-videos::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

#nav-tags {
    max-height: 63vh;
    overflow-x: auto;
    padding-right: 1%;
    overflow-y: hidden;
}

    #nav-tags::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    #nav-tags::-webkit-scrollbar-thumb {
        background: #888;
    }

        #nav-tags::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

div#upnlDLHistory::-webkit-scrollbar {
    height: 50px;
    border-radius: 20px;
    width: 4px;
}
/* Track */
div#upnlDLHistory::-webkit-scrollbar-track {
    background: #f1f1f1;
}
/* Handle */
div#upnlDLHistory::-webkit-scrollbar-thumb {
    background: #888;
}
    /* Handle on hover */
    div#upnlDLHistory::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

div#upnlAuditTrail::-webkit-scrollbar {
    height: 50px;
    border-radius: 20px;
    width: 4px;
}
/* Track */
div#upnlAuditTrail::-webkit-scrollbar-track {
    background: #f1f1f1;
}
/* Handle */
div#upnlAuditTrail::-webkit-scrollbar-thumb {
    background: #888;
}
    /* Handle on hover */
    div#upnlAuditTrail::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

div#upnlAnnotationsList::-webkit-scrollbar {
    height: 50px;
    border-radius: 20px;
    width: 4px;
}
/* Track */
div#upnlAnnotationsList::-webkit-scrollbar-track {
    background: #f1f1f1;
}
/* Handle */
div#upnlAnnotationsList::-webkit-scrollbar-thumb {
    background: #888;
}
    /* Handle on hover */
    div#upnlAnnotationsList::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.timestamp {
    font-size: 1.2rem;
    margin-top: 0;
    display: inline-flex;
    border: 1px solid #cdcdcd;
    padding: 3px 9px;
    margin-right: 5px;
    flex-shrink: 0;
    background: rgb(220 226 233 / 66%);
    color: #000;
    border-radius: 4px;
    text-align: center;
    line-height: normal;
}

.time_line {
    display: flex;
    /* flex-direction: column; */
    align-items: flex-start;
    justify-content: flex-start;
}

.mb-4 {
    margin-bottom: 2rem;
}

.flowplayer {
    border-radius: 12px;
    overflow: hidden;
}

.dets_ins .trim_title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    line-height: 26px;
}

    .dets_ins .trim_title span {
        font-weight: normal !important;
        color: #393939;
    }

.panel_wrap {
    border-radius: 20px;
    background: #F4F4F4;
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.08);
    padding: 0 0;
    padding-top: 16px;
    float: left;
    width: 100%;
    padding-bottom: 15px;
}

.video_def_in {
    background: #fff;
    margin-left: -13px;
    padding: 13px 15px;
    border-radius: 10px;
}

    .video_def_in .frameslider {
        margin-bottom: 4px;
    }

.inner_contaienr {
    max-width: 828px;
    margin: 0px auto 15px;
    border: 1px solid #ededed;
    padding: 20px 20px;
    border-radius: 10px;
    background: #fff;
    z-index: 99;
    position: relative;
    box-shadow: 0 0 18px hsl(240deg 4% 27% / 2%);
    top: -70px;
}

.clip_section {
    background: #f9f9fa;
    margin-right: -1rem;
    margin-left: -1rem;
    /* position: relative; */
}

.full_clip {
    border-bottom: 1px solid #ededed;
    padding-top: 21px;
    padding-bottom: 70px;
}

.ps-1 {
    padding-left: 1rem;
}

.pe-1 {
    padding-right: 1rem;
}

.m-0 {
    margin: 0 !important;
}

.comb_desc {
    display: flex;
    align-items: center;
    margin-bottom: 13px;
    width: 100%;
}

    .comb_desc i {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 6px 14px;
        border: 1px solid #d6e6f1;
        margin: 0 5px;
        border-radius: 4px;
        background: #edf6fc;
        color: #000;
    }

.combine_lists .row {
    display: flex;
    width: 100%;
    border: 1px solid #e9e9e9;
    margin: auto;
    padding: 9px 0;
    margin-bottom: 8px;
    border-radius: 5px;
    background: rgb(233 233 233 / 49%);
    align-items: center;
    text-align: left;
}

.button_tp_clip {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.img_clip_row {
    border-radius: 6px;
    overflow: hidden;
    aspect-ratio: 2;
}

.dwnArrow a, .upArrows a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 11px;
    border: 1px solid #d6e6f1;
    margin: 3px 0px;
    border-radius: 4px;
    background: #d4e9f7;
    color: #000;
    font-size: 16px !important;
    transition: all 400ms;
}

    .dwnArrow a:hover, .upArrows a:hover {
        background: #b1d0e5;
        border: 1px solid #93b6ce;
    }

.clip_d_button > div {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: row;
    /* padding: 0; */
    flex-direction: row;
    justify-content: flex-start;
}

.inner_container {
    margin: 0 auto;
    max-width: 798px;
    position: relative;
    background: #fff;
    padding: 22px 24px;
    border-radius: 10px;
    top: -49px;
    border: 1px solid #eeeef1;
    box-shadow: 0rem 1rem 2rem hsl(240 4% 27% / .02);
    width: 100%;
}

.col-sm-4.clip_d_button + .col-sm-4 {
    text-align: right;
    padding-right: 0;
}

.clip_d_button + .col-sm-4 a.btn-danger {
    background: #df2f4a;
}

.clip_d_button > div + div br {
    display: none;
}

.clip_d_button > div + div span {
    display: flex;
    width: 100%;
    flex-shrink: 0;
}

.clip_d_button > div + div {
    display: flex;
    flex-direction: column;
}

.container-fluid.ps-1.pe-1 {
    width: 99%;
}

.combine_lists .row .dwnArrow, .combine_lists .row .upArrows {
    background: none;
    border: 0;
    margin: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.clip_d_button {
    padding-left: 0;
}

    .clip_d_button > div span {
        margin-right: 4px;
    }

.mainContent .currenttask_container {
    max-width: 100%;
    width: 100%;
    background: #ECEFF8;
    min-height: 100vh;
}

.form-inline.status_form {
    background: transparent;
    padding-left: 0;
    max-width: 275px;
    min-height: 40px;
    border: 0.1rem solid #d9d9d9;
    border-radius: 4px;
    overflow: hidden;
    width: 100%;
    position: relative;
}

    .form-inline.status_form select {
        border: 0;
        border-radius: 0;
        margin: 0;
    }

    .form-inline.status_form label {
        background: #e6e6e6;
        margin: 0;
        padding: 4px 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #000;
    }

.check_in {
    padding: 0 1rem;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    margin: 0;
    line-height: 1.4;
    height: 37px;
    width: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0.1rem solid #d9d9d9;
    background: #fff;
    margin-right: 8px;
    flex-shrink: 0;
}


    .check_in label {
        line-height: normal;
    }

.fltr_btn {
    margin-right: 10px;
    min-height: 36px;
    box-shadow: none;
    background: #428bca;
    display: flex;
    align-items: center;
    color: #fff;
    border-color: #428bca;
}

/*div#tblTimeLog_filter {
    position: relative;
    top: 0px;
    right: 0;
}*/

table.stripe {
    background: #ddd;
    border-top-left-radius: 10px;
    overflow: hidden;
    border-top-right-radius: 10px;
    width: 100%;
}

    table.stripe thead tr th {
        padding: 10px 14px;
        border: 0;
    }

    table.stripe thead {
        background: #f4fcff;
        border: 0;
    }

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

.mb-4 {
    margin-bottom: 1.5rem !important;
}

table.stripe {
    border-bottom-color: #e7ecf1;
    border: 1px solid #e7ecf1;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background: #fff;
}

    table.stripe tbody tr.odd td {
        border-top: 1px solid #e5e7eb;
        border-bottom: 1px solid #e5e7eb;
    }

.check_in input {
    margin: 0;
    margin-right: 3px;
}

.check_in label {
    line-height: normal;
    margin: 0;
}

.outstand_task .table-scrollable {
    background: #f1f1f1;
    border-radius: 6px;
    border: 1px solid #f1f1f1;
    width: 100%;
    margin: 0 auto;
    padding: 0px 6px;
}

    .outstand_task .table-scrollable table {
        width: 100%;
        border-radius: 8px;
        overflow: hidden;
    }

.edit_container {
    margin: 0 auto;
    float: none;
}

    .edit_container .panel-heading {
        display: flex;
        align-items: center;
    }

    .edit_container .panel-title {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 16px;
        height: auto;
        float: left;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

div#EditBox1, #EditBox3 {
    background: #f7f7f7;
    border-radius: 10px;
    overflow: hidden;
    padding: 15px 15px;
}

div#mainContent_upnlEditAcct {
    display: flex;
    flex-wrap: wrap;
}

    div#mainContent_upnlEditAcct .form-group, #EditBox3 .form-group {
        margin-bottom: 15px;
        width: 50%;
    }

        div#mainContent_upnlEditAcct .form-group:first-child, div#EditBox3 .form-group:first-child {
            width: 100%;
            background: #fff;
            border-radius: 8px;
            padding: 11px 8px;
        }

        div#mainContent_upnlEditAcct .form-group .row, #EditBox3 .form-group .row {
            margin: 0;
        }

div#EditBox3 {
    display: flex;
    flex-wrap: wrap;
}

.edit_container .panel span.pull-right.text-muted {
    display: inline-flex;
    align-items: center;
    background: #607D8B;
    font-weight: normal !important;
    color: #fff;
    font-size: 14px;
    padding: 5px 11px;
    border-radius: 3px;
    line-height: normal;
    margin-left: auto;
    margin-right: 7px;
}

.edit_container .panel-title > a {
    color: inherit;
    width: 100%;
    display: flex;
    align-items: center;
}

.profile_imgs .row {
    display: flex;
    align-items: center;
}

    .profile_imgs .row .profile-picture {
        width: 12rem;
        height: 12rem;
        max-width: 100px;
        max-height: 100px;
    }

button.upload_img, button.edit_img {
    border: 1px solid #ddd;
    padding: 8px 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    margin-right: 3px;
}

.userflow_section .panel.panel-default .panel-heading {
    background: #f1f1f1 !important;
    margin-right: -15px;
    margin-left: -15px;
    border: 0 !important;
    border-radius: 0 !important;
}

    .userflow_section .panel.panel-default .panel-heading .container .row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0;
    }

        .userflow_section .panel.panel-default .panel-heading .container .row div.pull-left {
            margin-right: auto;
        }

        .userflow_section .panel.panel-default .panel-heading .container .row div.pull-right ul {
            margin: 0;
        }

.userflow_section button.btn.btn-custom {
    background: #DCDFEC;
    border-radius: 4px;
    width: auto !important;
    border-color: #ddd;
}

.userflow_section button.btn.btn-custom {
    background: #f1f1f1;
    border-radius: 4px;
    width: auto !important;
    border-color: #0d6efd;
    color: #0d6efd;
}

span.caret {
    border-top: 4px solid #0d6efd;
}

.userflow_section .panel.panel-default .panel-heading .container .row div.pull-left h3 {
    margin: 10px 0;
}

.form-group.edit_project_sect .row {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.edit_project_sect_one {
    display: flex;
    align-items: center;
}

    .edit_project_sect_one select, .stg_in select {
        max-width: 300px;
        width: 100%;
        margin-right: 10px;
    }

    .edit_project_sect_one span, .stg_in span {
        margin-right: 15px;
        width: 102px;
    }

a#mainContent_lnkEditProfile {
    min-height: 42px;
    box-shadow: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    min-width: 50px;
}

.edit_project_sect_two a {
    margin-left: 7px;
    box-shadow: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    min-height: 42px;
    min-width: 50px;
}

.stg_in a {
    margin-left: 7px;
    box-shadow: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    min-width: 50px;
}

.edit_project_sect_two {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.all_rules h4 {
    margin: 0;
    border-bottom: 1px solid #ddd;
    padding-bottom: 9px;
    background: #eaf6ff;
    padding: 15px 15px 11px 15px;
    margin-bottom: 0px;
}

.all_rules {
    float: left;
    width: 100%;
    border: 1px solid #ddd;
    padding: 15px 0;
    border-radius: 8px;
    margin-bottom: 20px;
    padding-top: 0;
}

    .all_rules span.checkbox-inline label {
        margin: 0;
    }

    .all_rules span.checkbox-inline {
        padding: 10px 15px;
        width: 100%;
        position: relative;
        background: #f1f1f1;
        margin-top: 0 !important;
        padding-left: 35px;
    }

    .all_rules table td label {
        margin: 0;
    }

    .all_rules table td {
        width: 100%;
        border-bottom: 1px solid #ddd;
        padding: 8px 15px;
    }

    .all_rules table {
        width: 100%;
    }

        .all_rules table tr:last-child td {
            border: 0;
        }

.stg_in {
    display: flex;
    align-items: center;
    padding-top: 14px;
    padding-right: 15px;
    width: 100%;
}

.btn.btn-primary.save_btn {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
}

ul.prof_short {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    ul.prof_short li {
        display: block;
        line-height: 25px;
        font-size: 14px;
    }

dl.dl-horizontal.new_prof dd {
    width: 100%;
    margin: 0;
}

dl.dl-horizontal.new_prof dt {
    width: 100%;
    justify-content: flex-start;
    text-align: left;
    margin-bottom: 4px;
}

dl.dl-horizontal.new_prof {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.creat_title {
    font-weight: bold;
    font-size: 16px;
    color: #666;
    margin-right: 4px;
}

span.auth_img {
    display: inline-flex;
    width: 26px;
    height: 26px;
    background: #ff69ad;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 4px;
}

span.auth_time {
    background: #edf6ff;
    padding: 2px 7px;
    border-radius: 4px;
    margin-left: 4px;
    display: inline-flex;
}

.table.member_table tr:first-child td {
    background: aliceblue;
}

.table.member_table td {
    border-color: #ddd;
    vertical-align: middle;
}

.table.member_table .form-inline a.btn {
    min-height: 34px;
}

.table.member_table .form-inline select {
    min-height: 34px;
}

a#mainContent_lnkNewMember, a#mainContent_lnkNewStage {
    background: #0d6efd;
    color: #fff;
}

table.stripe tbody tr.odd td a {
    display: flex;
}

    table.stripe tbody tr.odd td a span:nth-of-type(2) {
        margin: 0 5px !important;
    }

    table.stripe tbody tr.odd td a span:last-child {
        width: 52px;
    }

/*.dataTables_wrapper .dt-buttons {
    float: right;
    margin-top: 15px;
}*/

.creator {
    display: flex;
    align-items: center;
    margin-top: 4px;
    width: 100%;
    margin-bottom: 25px;
    position: relative;
}

.ql-toolbar.ql-snow.rounded-top {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-color: #e3e1e1;
    background-color: #f1f1f1;
}

.editor_pop .modal-dialog {
    max-width: 700px;
    width: 100%;
}

.ql-container.ql-snow {
    border: 1px solid #e3e1e1;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.ql-editor.ql-blank, .ql-editor {
    min-height: 80px;
}
/*.jquery-comments .textarea-wrapper .textarea {

border-top-right-radius: 0 !important;
border-top-left-radius: 0 !important;
}*/
.textarea.ql-container.ql-snow > div {
    padding: 0;
    width: 100%;
    padding-top: 5px;
}

.budget_sect {
    display: flex;
    align-items: center;
    background: #dfdfdf;
    border: 1px solid #ddd;
    padding: 4px 12px;
    border-radius: 4px;
    justify-content: flex-start;
}

    .budget_sect table label {
        margin: 0;
    }

    .budget_sect span {
        margin-right: 5px;
        font-weight: bold;
        color: #414042;
    }

    .budget_sect table td input {
        top: 1px;
        position: relative;
    }

    .budget_sect table td {
        padding-right: 11px !important;
    }

.TSGanttHeader1 {
    color: #666 !important;
}

.row.date_in .dl-horizontal:last-child {
    margin-left: 4px;
}

    .row.date_in .dl-horizontal:last-child dd {
        margin-top: 0;
    }

.row.date_in .dl-horizontal:not(:first-child) dd {
    padding: 0 5px;
    border: 0.1rem solid #ccc;
    border-radius: 6px;
    min-height: 42px;
    display: flex;
    align-items: center;
}

.uploaderRDO td input {
    margin-top: 0;
    position: relative;
    top: 0px;
}

.treegrid-task.relevant.complete [data-timerinprogress="true"] {
    color: red !important;
}

.check_container {
    display: flex;
    justify-content: center;
    flex-direction: column;
    max-width: 1300px;
    width: 100%;
    background: #fff;
    margin: 25px auto 0;
    border: 1px solid #EFEFEF;
    border-radius: 6px;
    padding: 20px;
}

.bs_title {
    display: flex;
    align-items: center;
}

    .bs_title h3 {
        margin: 0;
        margin-left: 15px;
    }

    .bs_title .btn-plain {
        border: 0;
        display: flex;
        align-items: center;
    }

.chk_btns {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.top_price h3 {
    display: flex;
    align-items: center;
    margin: 0;
}

.top_net {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.net_div {
    background: #E8EAED;
    min-width: 210px;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    font-size: 18px;
    padding: 10px;
}

.table_wrap {
    float: left;
    width: 100%;
    clear: both;
    border: 1px solid #ccc;
    padding: 0;
    margin-top: 1px;
    border-top: 0;
}

    .table_wrap .table-condensed td {
        padding: 0px 15px 12px 15px;
    }

.in_row {
    border-bottom: 1px solid #ccc;
    padding-bottom: 6px;
    margin-bottom: 10px;
    background: #e3f3ff;
    padding-top: 6px;
}

.img_r {
    display: inline-flex;
    align-items: center;
    aspect-ratio: 3;
}

.span_chkbox label label {
    border: 0;
    padding: 0;
}

.span_chkbox label {
    display: inline-flex;
    border: 1px solid #978D8D;
    margin: 0;
    align-items: center;
    padding: 4px 13px;
    border-radius: 4px;
    background: #F1F1F1;
}

.usage_details dl.dl-horizontal dt span, .usage_details dl.dl-horizontal dd span {
    width: 100%;
    display: block;
    border: 1px solid #ddd;
    padding: 5px;
    min-height: 32px;
}

.usage_details dl.dl-horizontal dt span {
    text-align: left;
    color: #000;
}

.usage_details dl.dl-horizontal dd span {
    text-align: right;
    color: #000;
}

.usage_details dl.dl-horizontal {
    color: #000;
    display: flex;
    justify-content: space-between;
    background: #fefeff;
    font-size: 13px;
    /* border-bottom: 0; */
}

    .usage_details dl.dl-horizontal dt, .usage_details dl.dl-horizontal dd {
        width: 50%;
    }

    .usage_details dl.dl-horizontal dd {
        margin: 0;
    }

.edit_span dl dt span {
    border: 0;
}

.edit_actions p a {
    min-width: 100px;
}

.footer_action h3 {
    margin: 0;
    display: block;
    margin-bottom: 14px;
}

.footer_action {
    background: #f5f5f5;
    padding: 15px 14px 10px 14px;
}

    .footer_action table td {
        padding: 3px 2px;
    }

    .footer_action table {
        width: 100%;
    }

        .footer_action table tr:last-child td {
            text-align: right;
        }

    .footer_action tr:last-child td {
        border: 0;
        padding-top: 13px;
    }

    .footer_action tr td:last-child {
        text-align: right;
    }

    .footer_action table td {
        padding: 5px 2px;
        border-bottom: 1px solid #ccc;
    }

        .footer_action table td strong {
            font-size: 20px;
        }

.adv_list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    padding-left: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

    .adv_list li {
        border: 0px solid #ccc;
        background: #e8e8e8;
        border-radius: 4px;
        margin: 2px 2px 4px;
        margin-top: 0;
        display: inline-flex;
        align-items: center;
        padding: 3px 6px;
    }

        .adv_list li label, .AdvSearchOptions td label {
            margin: 0;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }

        .adv_list li input, .AdvSearchOptions td input {
            margin: 0;
            margin-right: 5px;
        }

.AdvSearchOptions td {
    border: 0px solid #ccc;
    background: #e8e8e8;
    border-radius: 4px;
    margin: 2px 2px 4px;
    margin-top: 0;
    display: inline-flex;
    align-items: center;
    padding: 3px 6px;
}

ul#right-nav li a i {
    margin-left: 3px;
}

body.active {
    overflow: hidden;
}

.add_location input {
    padding-left: 36px;
}

.add_location svg {
    position: absolute;
    top: 11px;
    left: 10px;
}

.add_location {
    position: relative;
    float: left;
    width: 100%;
    clear: both;
}

.section_header {
    background: #f1f1f1 !important;
    padding: 14px 0;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.row_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    align-items: center;
}

.section_header .container {
    width: 100%;
}

.left_log_search {
    display: flex;
    align-items: center;
}

.def_inp_slect .input-group {
    background: #fff;
    padding-left: 72px;
    max-width: 265px;
    min-height: 40px;
    border: 1px solid #C3C6D4;
    border-radius: 4px;
    overflow: hidden;
}

    .def_inp_slect .input-group span {
        border: 0;
        background: #E6E6E6;
        border-radius: 4px !important;
        height: 36px !important;
        padding: 0 13px;
        line-height: normal;
        display: inline-flex;
        align-items: center;
        position: absolute;
        width: auto;
        top: 2px;
        left: 2px;
    }

.def_inp_slect select, .def_inp_slect input {
    border: 0;
    min-height: 40px;
    background: transparent;
    width: 195px;
}

.def_inp_slect .input-group.day_inp {
    padding-left: 50px;
}

.def_inp_slect {
    margin-right: 10px;
}

.def_inp_apply .btn {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    border: 0px solid #c3c6d4 !important;
    box-shadow: none;
    margin-right: 10px;
    border-radius: 4px !important;
}

.usage_details dl.dl-horizontal:not(:last-child) dd span {
    border-bottom: 0;
}

.usage_details dl.dl-horizontal:not(:last-child) dt span {
    border-bottom: 0;
}

.unlist img#imgPreview {
    aspect-ratio: 2 !important;
    object-fit: contain;
    background-color: #f2f2f2;
    border: 0px solid #ddd;
    margin-bottom: 10px;
    width: 100%;
    height: 130px;
}

.unlist .thumbnail {
    height: auto !important;
    width: 100%;
    border: 1px solid #ddd;
    padding-bottom: 10px !important;
}

span#lblInlineCaption {
    height: 44px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    padding-inline: 10px;
    overflow: hidden;
}

.ft_list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 3px;
    padding-inline: 10px;
}

    .ft_list label.checkbox-inline {
        display: inline-flex;
        align-items: center;
        color: #333;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 4px;
        padding: 5px 6px 3px;
        position: relative;
        width: auto;
        line-height: normal;
        justify-content: center;
    }

        .ft_list label.checkbox-inline input {
            margin: 0;
            margin-right: 5px;
        }

.chck-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.TSMain i.task-action-icon[data-timerinprogress="true"], .treegrid-task.relevant.complete span i.task-action-icon[data-timerinprogress="true"] {
    color: red !important;
}

div#assetCommentsContainer ul.navigation {
    clear: both;
    color: #999;
    border-bottom: 0px solid #CCC;
    line-height: 2em;
    font-size: 1em;
    margin-bottom: 0.5em;
}

    div#assetCommentsContainer ul.navigation .navigation-wrapper {
        background: #dce3e5;
        align-items: center;
        padding: 4px 3px;
        background: #E1E6F4;
        border-radius: 6px;
        overflow-x: auto;
        border: 0;
    }

    div#assetCommentsContainer ul.navigation li {
        display: inline-block;
        position: relative;
        padding: 0 1em;
        cursor: pointer;
        text-align: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        line-height: normal;
        border-radius: 4px !important;
        padding: 0.6em 1em !important;
        transition: all 400ms;
        margin: 0 2px;
        font-size: 13px;
    }

        div#assetCommentsContainer ul.navigation li.active, div#assetCommentsContainer ul.navigation li:hover {
            color: #000;
        }

        div#assetCommentsContainer ul.navigation li.active, div#assetCommentsContainer ul.navigation li:hover {
            color: #000 !important;
            background: #ffffff;
            -webkit-box-shadow: 0px 6px 6px rgba(53, 66, 134, 0.1);
            box-shadow: 0px 6px 6px rgba(53, 66, 134, 0.1);
        }

            div#assetCommentsContainer ul.navigation li.active:after {
                display: none !important;
            }

div#assetCommentsContainer .data-container {
    max-height: 35vh;
}

div#assetCommentsContainer .profile-picture {
    margin-top: -3px;
    width: 3rem !important;
    height: 3rem !important;
    max-width: 40px;
    max-height: 40px;
}

div#assetCommentsContainer .wrapper .content {
    white-space: pre-line;
    word-break: break-word;
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 17px;
}

div#assetCommentsContainer ul#comment-list li.comment:after {
    position: absolute;
    left: 6px;
    bottom: -18px;
    height: 100%;
    width: 1px;
    background: #c9d0e4;
    content: "";
    z-index: -1;
}

div#assetCommentsContainer ul.main li.comment .child-comments > *:before {
    content: "";
    height: 1px;
    float: left;
    width: calc(3.6em + 0.5em);
    max-width: calc(13px + 0.5em) !important;
}

div#assetCommentsContainer ul#comment-list li.comment {
    position: relative;
    z-index: 1;
}

div#assetCommentsContainer ul.main li.comment {
    clear: both;
}

div#assetCommentsContainer ul.main li.comment {
    clear: both;
    border: 0px solid #ddd;
    margin-top: 8px;
}

div#assetCommentsContainer li.toggle-all {
    display: inline-flex;
    align-items: center;
    border: 1px solid #d8e0f5;
    margin-left: 57px;
    padding: 3px 13px !important;
    border-radius: 7px;
    font-weight: normal;
    text-decoration: none;
    transition: all 400ms;
}

ul.child-comments li .comment-wrapper:after {
    position: absolute;
    left: 6px;
    content: "";
    height: 1px;
    width: 14px;
    background: #c9d0e4;
    top: 40px;
}

div#assetCommentsContainer span.reply-to {
    display: inline-flex;
    align-items: center;
    background: #c8ecfc;
    border: 1px solid #b2daec;
    padding: 1px 10px;
    border-radius: 30px;
    color: #000;
    margin-left: 4px;
    font-size: 1.2rem;
}

div#assetCommentsContainer button.action.reply {
    position: absolute;
    background: #fff;
    border: 1px solid #d8e0f5;
    padding: 4px 14px;
    border-radius: 20px;
    line-height: normal;
    /* bottom: -13px; */
    z-index: 99;
    margin-top: 9px;
    transition: all 400ms;
    font-weight: normal !important;
    color: #2e2f30 !important;
}

    div#assetCommentsContainer button.action.reply:hover {
        background: #eff6ff;
    }

div#assetCommentsContainer li.comment time {
    float: right;
    line-height: 1.4em;
    margin-left: 0.5em;
    font-size: 0.8em;
    color: #666;
    position: absolute;
    right: 10px;
    bottom: 4px;
}

li.select2-selection__choice, li.select2-selection__choice span {
    min-height: auto !important;
    font-weight: 400;
    color: #000;
    font-size: 13px;
}

ul.dropdown-menu.custom_dropdown.drop_share li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 6px 8px;
    white-space: normal;
}

div#UpdateProgress4 {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    text-align: center;
}

.left_fixed #AdvancedSearch .panel {
    position: fixed;
    right: 0;
    top: 0;
    width: 520px;
    height: 100% !important;
    background: #fff;
    z-index: 99;
    border: 0;
    padding-top: 40px;
    border-right: 1px solid #d5d7e1;
    box-shadow: 0 0 24px rgb(0 0 0 / 32%);
}

.left_fixed div#AdvancedSearch {
    /*    background: rgb(0 0 0 / 14%);*/
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 99;
}

    .left_fixed div#AdvancedSearch:after {
        background: rgb(0 0 0 / 14%);
        width: 100%;
        position: fixed;
        height: 100%;
        content: "";
        top: 0;
        left: 0;
    }

.left_fixed .panel {
    border: 0px solid #e8eaed;
    background: none;
    margin-right: 0;
    margin-left: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    padding-top: 35px;
}

.left_fixed .col-sm-3.col-md-3.col-lg-3 {
    width: 100%;
}

.left_fixed .search_btnsin hr {
    display: none;
}

.left_fixed .panel-body {
    padding: 15px;
    height: 100%;
    overflow-y: auto;
    flex: 1;
    padding-bottom: 75px;
}

    .left_fixed .panel-body::-webkit-scrollbar {
        width: 4px;
    }

    /* Track */
    .left_fixed .panel-body::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    .left_fixed .panel-body::-webkit-scrollbar-thumb {
        background: #c7c4c4;
        border-radius: 30px;
    }

        /* Handle on hover */
        .left_fixed .panel-body::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

.left_fixed table.AdvSearchOptions tbody {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 13px;
}

.left_fixed .panel-body::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.left_fixed .panel-body::-webkit-scrollbar-thumb {
    background: #888;
}

.left_fixed .panel-body::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.left_fixed .search_btnsin {
    position: absolute;
    bottom: 0;
    top: auto;
    background: #dfd9d9;
    padding: 7px 10px;
    display: flex;
    justify-content: flex-end;
    gap: 6px;
}

.left_fixed button.close svg {
    fill: #7a7a7a;
}

.left_fixed button.close:hover {
    background: none;
}

.left_fixed .search_btnsin a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 28px;
    font-size: 15px;
    margin-right: 0px;
    width: auto;
    background: #4b17d9;
    color: #fff;
}

    .left_fixed .search_btnsin a:hover, .left_fixed .search_btnsin a:hover i {
        background: #4b17d9;
    }

    .left_fixed .search_btnsin a i {
        font-size: 17px;
        font-weight: normal;
        margin-right: 9px;
        color: #fff;
    }

.left_fixed button.close {
    width: 25px;
    height: 25px;
    position: absolute;
    right: 28px;
    z-index: 9;
}

.left_fixed .panel-default > .panel-heading {
    background: none !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.left_fixed .panel-body .form-control {
    min-height: 40px;
}

.left_fixed .panel-body strong {
    font-weight: normal;
    font-size: 13px;
}

.left_fixed .panel-body .list-inline {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}

.left_fixed table#mainContent_rdoKeywordSearch td input {
    margin-right: 6px;
    position: relative;
    top: -1px;
}

input#txtStartDate {
    padding: 1px 5px;
    text-align: center;
}

.btn_bottom.text-center {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    position: relative;
}

.prev_actions {
    float: right;
    margin-left: auto;
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
}



a.btn-default.next_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    border-radius: 6px;
    padding: 8px 48px;
    text-transform: uppercase;
    border: 1px solid #c4c4c4;
}

input#txtCurrentPage_Btm {
    border-color: #ddd;
}




input.inpt_btn {
    display: inline-flex;
    width: 47px;
    align-items: center;
    text-align: center;
    justify-content: center;
    border-color: #818181;
}

a.inp_normal {
    display: inline-flex;
    max-width: 44px;
    width: 100%;
    align-items: center;
    justify-content: center;
    height: 42px;
    margin-left: 6px;
    margin-right: 6px;
    flex-shrink: 0;
    border-color: #818181;
}

span#lblResultsCount {
    flex-shrink: 0;
    padding-right: 24px;
    font-weight: 500;
}

.preview_wrapper {
    position: relative;
    flex: 52%;
    display: flex;
    flex-direction: column;
}


.tagged_wrap {
    position: absolute;
    right: 12px;
    top: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #317ec5;
    color: #fff;
    padding: 4px 11px 4px;
    border-radius: 5px;
    border: 1px solid #fff;
    z-index: 9;
    cursor: pointer;
    font-size: 14px;
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 19px;
    background-size: 19px;
    display: inline-flex;
    align-items: center;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg class='feather feather-chevron-right' fill='none' height='24' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E");
}

.lab_in {
    display: flex;
    align-items: center;
}

    .lab_in label {
        margin-bottom: 4px;
        margin-right: 10px;
    }

        .lab_in label input {
            margin: 0;
            position: relative;
            top: 1px;
            margin-right: 3px;
        }

li.notification[data-title][data-tid="type-comments"]:hover::before,
li.notification[data-title][data-tid="type-approval"]:hover::before {
    content: attr(data-title);
    position: absolute;
    bottom: 94%;
    border-radius: 4px;
    left: 50px;
    min-width: 220px;
    background: #fff;
    box-shadow: 0 0 10px rgb(11 11 11 / 21%);
    padding: 7px 11px;
    /* max-height: 9vh; */
    overflow-x: hidden;
    overflow-y: auto;
    border-bottom: 5px solid #fff;
    border: 1px solid #cacaca;
    z-index: 99;
    font-size: 13px;
    word-break: break-word;
}

.meeting-remider {
    display: inline-flex;
    min-height: 34px;
    background: #e0f3f9;
    max-width: 200px;
    width: auto;
    padding: 8px;
    border-radius: 4px;
    flex-shrink: 0;
    margin-left: 5px;
    align-items: center;
    justify-content: space-between;
}

    .meeting-remider svg {
        width: 18px;
        height: 18px;
        animation: bounce_shake 1.5s ease-out infinite;
    }

    .meeting-remider small {
        margin-left: 6px;
        line-height: normal;
    }

@keyframes bounce_shake {
    0% {
        transform: scale(1,1) translateY(0);
    }

    10% {
        transform: scale(1.1,.9) translateY(0);
    }

    30% {
        transform: scale(.9,1.1)
    }

    32% {
        transform: scale(1.1)
    }

    35%, 40% {
        transform: scale(1.1) rotate(-20deg)
    }

    45%, 50% {
        transform: scale(1.1) rotate(20deg)
    }

    60% {
        transform: scale(1.05,.95) translateY(0);
    }

    70% {
        transform: scale(1.05,.95) translateY(0);
    }

    80% {
        transform: scale(1,1) translateY(-0px);
    }

    95% {
        transform: scale(1,1) translateY(0);
    }

    100% {
        transform: scale(1,1) translateY(0);
    }
}

.table_wrap .table-condensed tr:first-child td {
    padding-top: 12px;
}

.new_note .new_doc:after {
    content: "Close";
    font-size: 13px;
    position: absolute;
    left: 22px;
}

.new_note .new_doc.collapsed {
    font-size: 12px;
}

    .new_note .new_doc.collapsed:after {
        display: none;
    }

.new_note .new_doc:hover, .new_note .new_doc:focus {
    color: #fff;
}

.new_note .new_doc span svg {
    transform: rotate(45deg);
    transform-origin: 7px 7px;
}

.new_note .new_doc.collapsed span {
    transform: rotate(0deg);
}

button.edit_name {
    border: 0;
    background: #fff;
    font-size: 14px;
    font-weight: normal;
    font-family: 'urbanoregular', Arial, sans-serif;
    color: #000;
    margin-left: 7px;
    border: 1px solid #317ec5;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    font-family: "Inter", serif;
}

    button.edit_name svg {
        width: 15px;
        height: 14px;
    }

a.edit_title {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 2px 4px;
    display: inline-flex;
    align-items: center;
    background: #f1f1f1;
    color: #000;
    font-size: 14px;
    margin-right: 2px;
    margin-left: 3px !important;
}

    a.edit_title i {
        color: #888 !important;
        font-size: 13px;
    }

.AuditItem .col-sm-1 a {
    border: 1px solid;
    padding: 3px 6px;
}

.asset_listing div p {
    display: flex;
    justify-content: space-between;
}

.asset_dets .container {
    max-width: 100%;
}

#AssetOrderDetails .modal-header button.btn.btn-default {
    font-size: 2rem;
}

#AssetOrderDetails .table-striped > tbody > tr:nth-child(odd) > td {
    border-top: 0;
}

/* a.btn.btn-primary svg {
    transform: rotate(180deg);
} */

a.btn.btn-primary.collapsed svg {
    transition: all 400ms;
    transform: rotate(0deg);
}

a.btn.btn-primary span:after {
    content: 'Hide';
    display: inline-flex;
    color: #000;
    position: absolute;
    right: 0;
}

a.btn.btn-primary span {
    margin-right: 5px;
    position: relative;
    color: transparent;
    text-align: right;
}

a.btn.btn-primary.collapsed span:after {
    display: none;
}

a.btn.btn-primary span:after {
    display: none;
}

a.btn.btn-primary.collapsed span {
    color: #000;
}

a.btn.btn-primary.collapsed span {
}

a.btn.btn-primary span:after {
    display: inline-block;
}

.drop_search .panel-heading a {
    border-bottom: 1px solid #ececec;
    margin-right: 0;
    margin-left: 0;
    width: auto;
    padding: 10px 6px;
    color: #282828;
    display: block;
    width: 100%;
    text-decoration: none;
    font-weight: bold;
}

.drop_search .panel {
    border: 0;
    margin: 0 !important;
}

.drop_search .panel-heading {
    border: 0 !important;
    padding: 0;
}

.drop_search .panel-body {
    padding: 4px 0;
    border: 0 !important;
}

.panel-heading a[data-toggle="collapse"]:after {
    content: "";
    float: right;
    color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg enable-background='new 0 0 48 48' height='48px' id='Layer_3' version='1.1' viewBox='0 0 48 48' width='48px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M24,0C10.745,0,0,10.745,0,24s10.745,24,24,24s24-10.745,24-24S37.255,0,24,0z M24,44 C12.954,44,4,35.046,4,24S12.954,4,24,4s20,8.954,20,20S35.046,44,24,44z' fill='%23241F20'/%3E%3Cpolygon fill='%23241F20' points='26,22 22,22 18.042,22 13,22 13,26 18.833,26 22,26 26,26 29.625,26 35,26 35,22 29.709,22 '/%3E%3C/g%3E%3C/svg%3E");
    width: 18px;
    height: 18px;
}

.panel-heading a.collapsed[data-toggle="collapse"]:after {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg enable-background='new 0 0 48 48' height='48px' id='Layer_1' version='1.1' viewBox='0 0 48 48' width='48px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Layer_3'%3E%3Cpath d='M24,0C10.745,0,0,10.745,0,24s10.745,24,24,24s24-10.745,24-24S37.255,0,24,0z M24,44 C12.954,44,4,35.046,4,24S12.954,4,24,4s20,8.954,20,20S35.046,44,24,44z' fill='%23241F20'/%3E%3Cpolygon fill='%23241F20' points='35,22 26,22 26,13.002 22,13.002 22,22 13,22 13,26 22,26 22,34.998 26,34.998 26,26 35,26 '/%3E%3C/g%3E%3C/svg%3E");
    content: "";
}

.new_note .new_doc.collapsed svg {
    transform: none;
}

.new_note .new_doc.collapsed[data-toggle="collapse"] span {
    color: #fff;
}

.new_note .new_doc[data-toggle="collapse"] span {
    color: transparent;
}

a#btnPreviewBasket, #upnlPreviewModal a {
    position: relative;
    overflow: hidden;
    padding-right: 30px;
}

.ass_img_btn_first a i.icon-plus:first-child {
    background: #4b17d9;
}

.ass_img_btn_first a i:first-child, #upnlPreviewModal a i.icon-remove {
    position: absolute;
    right: 0;
    border-left: 0px solid #000;
    background: #f42727;
    color: #fff;
    top: 0;
    min-height: 25px;
    width: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 1px;
}

#upnlPreviewModal a i.icon-plus {
    min-height: 32px;
    background: none;
}

.ass_img_btn_first a i.icon-remove, #upnlPreviewModal a i.icon-remove {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.2253 4.81108C5.83477 4.42056 5.20161 4.42056 4.81108 4.81108C4.42056 5.20161 4.42056 5.83477 4.81108 6.2253L10.5858 12L4.81114 17.7747C4.42062 18.1652 4.42062 18.7984 4.81114 19.1889C5.20167 19.5794 5.83483 19.5794 6.22535 19.1889L12 13.4142L17.7747 19.1889C18.1652 19.5794 18.7984 19.5794 19.1889 19.1889C19.5794 18.7984 19.5794 18.1652 19.1889 17.7747L13.4142 12L19.189 6.2253C19.5795 5.83477 19.5795 5.20161 19.189 4.81108C18.7985 4.42056 18.1653 4.42056 17.7748 4.81108L12 10.5858L6.2253 4.81108Z' fill='red'/%3E%3C/svg%3E");
    background-repeat: no-repeat !important;
    color: transparent !important;
    background-size: 14px !important;
    background-position: center !important;
    height: 100%;
    background-color: transparent;
    left: 0;
    width: 100%;
    background-position-x: 92% !important
}

.ass_img_btn_first a i.icon-plus {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg class='feather feather-plus' fill='none' height='24' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='12' x2='12' y1='5' y2='19'/%3E%3Cline x1='5' x2='19' y1='12' y2='12'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    color: transparent !important;
    background-size: 14px !important;
    background-position: center !important;
    min-height: 30px;
}

.modal-header.new_close_btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .modal-header.new_close_btn button {
        padding: 0;
        border: 0;
        font-size: 21px;
        font-weight: bold;
        background: none;
        cursor: pointer;
    }

span.alert_close {
    color: red;
    display: inline-block;
    margin-left: 10px;
    flex-shrink: 0;
}

span#assetSelectedCount {
    flex-shrink: 0;
}

span.alert_close b {
    font-size: 15px;
    color: red;
}

.asset_thumb_wrap {
    display: inline-flex;
}

.asset_thumb_view {
    display: inline-flex;
}

    .asset_thumb_view button {
        padding: 0 13px 0 6px;
        min-height: 24px;
        border-radius: 2px;
        border-color: rgb(0 0 0 / 12%);
    }

    .asset_thumb_view ul.dropdown-menu {
        left: auto;
        right: 0;
        border-radius: 8px;
        background-color: #fff;
        box-shadow: 0 4px 17px 6px rgba(0, 0, 0, .1);
        flex-direction: column;
        min-width: 224px;
        padding: 4px 8px;
        border: 0;
        display: block;
    }

        .asset_thumb_view ul.dropdown-menu li a:hover, .asset_thumb_view ul.dropdown-menu li a:focus {
            color: #323338;
            background-color: #dcdfec;
        }

        .asset_thumb_view ul.dropdown-menu li {
            display: flex;
            justify-content: space-between;
            background: transparent !important;
        }

            .asset_thumb_view ul.dropdown-menu li a {
                padding: 4px 8px;
                background: transparent;
                color: #666;
                font-size: 13px;
                display: flex;
                justify-content: space-between;
                width: 100%;
                white-space: normal;
                text-align: right;
            }

                .asset_thumb_view ul.dropdown-menu li a span {
                    color: #9461e1;
                }

select.stages.btn.btn-default {
    background: #fff;
    min-height: 34px;
    border-radius: 4px;
    text-align: left;
    max-width: 130px;
    width: 100%;
}

div#divLogin span.text-danger {
    margin-top: -15px;
    float: left;
    width: 100%;
    font-size: 13px;
}

.jquery-comments .textarea-wrapper .textarea:after, .ql-editor.ql-blank::after, td.treegrid-task.TSType.TSHtml.HideCol0Desc > div > div:after {
    position: absolute;
    width: 1px;
    height: 15px;
    background-color: gray;
    left: 10px;
    top: 5%;
    animation-name: blink;
    animation-duration: 800ms;
    animation-iteration-count: infinite;
    opacity: 1;
    content: '';
}

.jquery-comments .textarea-wrapper .textarea {
    border-radius: 8px !important;
}

    .jquery-comments .textarea-wrapper .textarea:focus::after, .ql-editor.ql-blank:focus::after, td.treegrid-task.TSType.TSHtml.HideCol0Desc > div > div:focus::after {
        display: none;
    }

.ql-editor.ql-blank::after {
    left: 15px;
    top: 15%;
}

.notif-body > .appr_btns {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
    float: none !important;
    padding-bottom: 4px;
}

.notif-top .appr_btns i {
    display: none;
}

#notificationsidebar .notif-btm .appr_btns .text-success.pull-right {
    display: block;
}

#notificationsidebar .notif-btm .appr_btns .text-danger.pull-right {
    display: block;
}

.notif-top {
    display: flex;
}

    .notif-top .appr_btns .text-success.pull-right {
        margin-bottom: 4px;
    }

#notificationsidebar .appr_btns .text-danger.pull-right {
    display: inline-flex;
    background: red;
    color: #fff;
    border-radius: 4px;
    padding: 2px 8px;
    font-size: 12px;
    margin-bottom: 4px;
}

.notif-colour-indicator + li[data-tid="type-task_approval"]:after {
    background-color: red;
}

.bt_project .btn.btn-custom {
    background: #f1f1f1;
    border-radius: 4px;
    width: auto !important;
    border-color: #0d6efd;
    color: #0d6efd;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .bt_project .btn.btn-custom i {
        font-size: 12px;
    }

a#mainContent_grdProjectMembers_btnSaveProfile_0 i.icon-save {
    color: #fff;
}

a#mainContent_grdProjectMembers_btnSaveProfile_0 {
    background: #317ec5;
    color: #fff;
}

.stage_template {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    border-radius: 4px;
    padding: 8px 6px;
}

button.apply_btn.btn.primary-btn {
    border: 1px solid #ddd;
    min-height: 36px;
    background: #317ec5;
    color: #fff;
    width: 100%;
}

.ps-0 {
    padding-left: 0 !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.ch_template {
    min-height: 42px;
    box-shadow: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    min-width: 50px;
    margin-left: 10px;
}

.save_template input {
    width: 88%;
    border: 1px solid #ccc;
    min-height: 40px;
    border-radius: 4px;
    padding: 0 11px;
}

button.save_temp.btn.btn-primary {
    min-height: 40px;
}

h4.temp_savenow {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    h4.temp_savenow button.save_temp.btn.btn-primary {
        min-height: 30px;
    }

.hist_items {
    border: 1px solid #c5c5c5;
    border-radius: 0px;
    padding: 0 15px;
    max-width: 700px;
}

    .hist_items .row {
        padding-top: 0px;
        padding-bottom: 0px;
        border-bottom: 0px solid #c5c5c5;
    }

        .hist_items .row:last-child {
            border-bottom: 0;
        }

        .hist_items .row div {
            padding: 7px 13px;
        }

        .hist_items .row .col-lg-6 {
            padding: 0;
        }

        .hist_items .row .OrderHistoryTitle {
            border-right: 1px solid #c5c5c5;
        }

.table {
    border-color: #c5c5c5;
}

    .table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
        border-top: 1px solid #c5c5c5;
    }

.hist_items .OrderHistoryTitle, .hist_items .OrderHistoryValues {
    padding: 7px 13px;
    display: block;
    border-bottom: 1px solid #c5c5c5;
    min-height: 35px;
}

.trumbowyg-editor {
    outline: 0;
    padding: 10px !important;
}

.trumbowyg-box .trumbowyg-editor {
    flex: 1 !important;
}

.trumbowyg-editor-box {
    display: flex !important;
}

.jquery-comments span.reply-to i {
    margin-right: 3px;
}

.jquery-comments span.reply-to {
    display: inline-flex;
    align-items: center;
    background: #c8ecfc;
    border: 1px solid #b2daec;
    padding: 1px 10px;
    border-radius: 30px;
    color: #1c6095;
    font-weight: 500;
    margin-left: 4px;
}

.btn-alert-reply.replied {
    background: #ff914d !important;
    border: 0;
    color: #000 !important;
}

.notif-colour-indicator + li[data-tid="type-share-board"]:after {
    background: #31a4ef;
}

.notification + .popover {
    position: fixed !important;
}

    .notification + .popover .popover-content {
        text-align: left;
        word-break: break-word;
        padding: 9px 14px;
    }

    .notification + .popover .popover-title {
        display: none;
    }

button.btn-plain.demo_p {
    position: relative;
    right: 0;
    top: 0;
    border: 0;
    display: inline-flex;
    align-items: center;
    background: #eff7ff;
    padding: 7px;
    z-index: 9;
    cursor: pointer;
    height: 100%;
    border: 1px solid #999;
    width: 100%;
    justify-content: center;
}

div#demop {
    width: 100%;
    margin: 0 auto;
}

table.table_chart tr:last-child td span, table.table_chart tr:first-child td span {
    background-color: #ececec;
    border: 0;
}

table.table_chart tr:last-child td a, table.table_chart tr:last-child td span,
table.table_chart tr:first-child td a, table.table_chart tr:first-child td span {
    display: inline-flex;
    border: 1px solid #ddd;
    padding: 7px 16px;
    border-radius: 4px;
    margin: 4px 2px;
}
/*.commenting-field.main {
display: none !important;
}
*/
a.btn-custom.border-0 {
    border: 0 !important;
}

table#mainContent_grdProjects tr td:last-child {
    text-align: right;
}

    table#mainContent_grdProjects tr td:last-child b {
        display: block;
        text-align: center;
    }

.popover-body .btn {
    padding: 2px 11px 4px;
    border-radius: 4px;
    line-height: normal;
    border: 0000;
    font-size: 14px;
}

.TSClassEdit.task-status-complete-pending.treegrid-task.complete.TSCellBase.TSType.TSEnum.TSCell.HideCol0Status.TSHintOuter.TSHintDataOuter > div {
    color: #fff !important;
}

td.status_chart + td + td {
    text-align: right;
}

.TSClassEdit.task-status-complete-pending.treegrid-task.complete.newest.relevant.TSHintDataOuter > div {
    color: white !important;
}

td.TSClassEdit.task-status-complete-pending.treegrid-task.complete.newest.relevant.TSCellBase.TSType.TSEnum.TSCell.TSEnumLeft.TSSideLeft.HideCol0Status {
    color: #fff !important;
}
/*.jquery-comments ul.dropdown.autocomplete {
top: 10px !important;
}*/
.jquery-comments ul.dropdown li.active {
    background: #EEE;
}

.jquery-comments ul.dropdown li .name {
    font-size: 1.5rem;
    font-weight: normal;
    color: #383838;
}

.jquery-comments ul.dropdown li .email {
    color: #707070;
    font-size: 0.95em;
    margin-top: 0.3em;
}

.jquery-comments ul.dropdown li.active {
    background: #f3feff;
}

.jquery-comments ul.dropdown li {
    border: 1px solid #e6e6e6;
}

a#togglepreview_disable {
    background: #e9f3f9;
    align-items: center;
}

table#ddlRecordsPerPage label {
    margin-bottom: .2em;
}

i.task-action-icon.tes-d:before {
    display: none;
}

.currenttask_container div.dataTables_wrapper div.dataTables_filter label {
    font-weight: normal;
    white-space: normal;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
    margin-bottom: 10px;
}

.currenttask_container div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0;
    display: inline-block;
    max-width: 400px;
    width: 400px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    padding: 5px 10px;
}

.currenttask_container div#tblTimeLog_filter {
    position: relative;
    top: 0px;
    right: 0;
    /*width: 100%;*/
}

.currenttask_container table.dataTable tbody tr td:first-child {
    text-align: center;
}

.currenttask_container table.stripe thead th:nth-of-type(9), .currenttask_container table.stripe thead th:nth-of-type(10) {
    text-align: center;
}

.currenttask_container table.stripe tbody tr td:nth-of-type(9), .currenttask_container table.stripe tbody tr td:nth-of-type(10) {
    text-align: center;
}

.currenttask_container i[data-timerinprogress="true"] {
    color: red;
}

.currenttask_container table.dataTable tbody tr {
    background-color: #fff !important;
}

.current_table {
    width: 100% !important;
}

ul#right-nav-mobile.navbar-nav li a i {
    font-size: 1.6rem;
}

.flex_center {
    display: flex;
    align-items: center;
}

    .flex_center h3 {
        margin: 0;
    }

.flt_in a.btn {
    display: flex;
    align-items: center;
    min-height: 41px;
    justify-content: center;
    align-items: center;
    box-shadow: none;
    background-color: #eaeaea;
}

.align-items-center {
    align-items: center !important;
}

.outstading_task_container div.dataTables_wrapper select.form-control {
    width: 154px;
}

.outstading_task_container table.stripe tbody tr td:nth-child(3),
.outstading_task_container table.stripe tbody tr td:nth-child(6),
.outstading_task_container table.stripe tbody tr td:nth-child(10) {
    text-align: left !important;
}

.outstading_task_container table.stripe tbody tr td:nth-of-type(10) p {
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.outstading_task_container table.stripe tbody tr td table tr td:nth-child(2) {
    text-align: left;
    padding-left: 35px;
}

.outstading_task_container table.stripe tbody tr td:nth-child(10) ol {
    padding-inline-start: 20px !important;
}

.position-static {
    position: static !important;
}

@media(max-width:768.98px) {
    .corp-left-banner-container {
        width: 100%;
    }

    .col-full {
        width: 100%;
    }

    .header_prev {
        flex-direction: column;
        gap: 10px;
    }

    .col-full:first-child {
        margin-bottom: 10px;
    }


    /*.row.date_in dl.dl-horizontal {
max-width: 100%;
width: 100%;
}*/


    table#rblProjectType {
        width: 100%;
    }

    table#rblBudgetType {
        width: 100%;
    }

    .save_template {
        display: flex;
        gap: 9px;
        align-items: center;
    }

    .save_temp.btn.btn-primary {
        display: flex;
        min-height: 38px;
    }
}

@media(max-width:380.98px) {
    .row.date_in .dl-horizontal {
        width: 100%;
        padding: 0 0;
    }

        .row.date_in .dl-horizontal:last-child {
            margin-left: 0;
        }

    .row.date_in {
        justify-content: space-between;
        flex-direction: row;
        width: 100%;
    }
}

.to_wrap {
    width: 100%;
    position: relative;
}

    .to_wrap .text-muted {
        color: #636363;
        font-size: 13px;
        font-weight: 300;
    }

.sp_to {
    position: absolute;
    top: 11px;
}

div#bcc {
    position: relative;
}

    .to_wrap input[type="text"].form-control,
    div#cc input[type="text"].form-control,
    div#bcc input[type="text"].form-control {
        border: 0;
        border-radius: 0;
        border-bottom: 0.1rem solid #d9d9d9;
        padding-left: 28px;
        padding-right: 115px;
    }

.g_meet_modal .form-control:focus {
    box-shadow: none;
}

div#cc input[type="text"].form-control {
    padding-left: 100px;
    padding-right: 10px;
}

.label_em {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
    position: relative;
}

.cc_bcc {
    display: flex;
    justify-content: space-between;
    position: absolute;
    right: 0;
    top: 5px;
}

div#cc {
    position: relative;
}

.cc_bcc a {
    background: #fff;
    min-height: 21px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 4px;
    padding: 6px 13px;
    border-radius: 0;
    color: #413f3f;
    border: 0px solid #cccccc;
    font-weight: 500;
}

div#bcc input[type="text"].form-control {
    padding-left: 100px;
    padding-right: 10px;
}

input#txtEmailSubject {
    padding-left: 60px;
    padding-right: 10px;
}

.message_mail span {
    margin-bottom: 4px;
    display: block;
}

.cc_bcc a:hover {
    text-decoration: none;
}

.message_mail {
    display: flex;
    margin-top: 16px;
    flex-direction: column;
}

    .message_mail .trumbowyg-box {
        min-height: 220px;
        border-radius: 6px;
    }

    .message_mail textarea {
        min-height: 200px;
    }
/*.message_mail .trumbowyg-editor {
padding: 3px 6px 6px 4px !important;
}*/
.editor_pop .trumbowyg-box.trumbowyg {
    border-radius: 6px;
    overflow: hidden;
}
/*.trumbowyg-editor[contenteditable=true]:empty::before{
content: "|";
color: #000;
animation: blink 0.7s infinite;
}
@keyframes blink {
50% {
opacity: 0;
}
}*/
.message_mail .trumbowyg-button-pane {
    border-bottom: 0;
    background: rgb(235 235 235 / 35%);
}

div#CreateProject .modal-dialog {
    max-width: 580px !important;
    width: 100%;
    padding: 6px;
    height: 97dvh;
    display: flex;
    min-height: 650px;
}

    div#CreateProject .modal-dialog .modal-content {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-2 {
    margin-bottom: .5rem !important;
}

.mb-1 {
    margin-bottom: .25rem !important;
}

form#form1 {
    background: #fff;
}
/*div#mainContent_upnlNewProject {
max-height: 90vh;
overflow-x: hidden;
overflow-y: auto;
}*/
div#CreateProject .modal-body {
    overflow: auto;
    overflow-x: hidden;
    flex: 1;
    display: flex;
}

iframe#iCreateProject {
    border: none;
    flex: 1;
}

.modal-footer.project_footer {
    position: fixed;
    bottom: 0;
    background: #fff;
    left: 0;
    right: 0;
}

.message_mail .trumbowyg-editor p, .message_mail .trumbowyg-editor {
    line-height: 2.2rem;
}

.jstree-default .jstree-wholerow {
    background: transparent !important;
}

div#sidebarCommentsContainer .commenting-field.main {
    margin: 0 !important;
}

span#replyingToText span {
    font-size: 13px;
}

.btn_btnassets {
    box-shadow: none !important;
    background: #dddfe8;
    padding: 7px 12px;
}

.new_doc.ext_top svg {
    margin-left: auto;
}

.outstand_task table.dataTable tbody td {
    text-align: left;
}

.panel_integrate {
    max-width: 600px;
    width: 100%;
    border: 1px solid #ddd;
    padding: 25px;
    border-radius: 8px;
    text-align: center;
    margin: 3% auto;
    background: #f5f5f5;
}

    .panel_integrate h5 {
        max-width: 300px;
        margin: 0 auto 28px;
        color: #666;
    }

.integ_in {
    background: #fff;
    border-radius: 4px;
    padding: 10px 10px;
    border: 1px solid #eee;
    display: flex;
    align-items: center;
}

    .integ_in .col-md-9, .integ_in .col-md-8 {
        text-align: left;
        padding: 0;
    }

    .integ_in .col-md-3, .integ_in .col-md-4 {
        text-align: right;
        padding: 0;
    }

span.link_logo {
    display: inline-flex;
    align-items: center;
    border: 1px solid #ddd;
    width: 46px;
    height: 46px;
    justify-content: center;
    border-radius: 4px;
    margin-right: 8px;
}

.integ_in .col-md-9, .integ_in .col-md-8 {
    display: flex;
    padding-top: 0 !important;
    align-items: center;
}

span.link_logo img {
    width: 25px;
    height: 25px;
    display: block;
}

.w-100 {
    width: 100% !important;
}

#tblTimeLog tr.odd.dt-hasChild.shown + tr td, #tblTimeLog tr.even.dt-hasChild.shown + tr td {
    position: relative;
    background: #ededed;
    padding: 8px 10px !important;
    /* height: 33px; */
}

    #tblTimeLog tr.odd.dt-hasChild.shown + tr td:nth-of-type(2):before, #tblTimeLog tr.even.dt-hasChild.shown + tr td:nth-of-type(2):before {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 14px solid #ededed;
        content: "";
        position: absolute;
        left: 9px;
        top: -14px;
    }

/*div#tblTimeLog_length {
    float: right;
}*/

.save_pass {
    display: flex;
    justify-content: flex-end;
}

    .save_pass a {
        width: auto;
        padding: 10px 20px;
        margin-left: 10px;
    }

.mb-0 {
    margin-bottom: 0 !important;
}

.login_outer {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #fff;
    display: flex;
}

    .login_outer .d-flex {
        flex: 1;
    }

    .login_outer .row.first_row {
        display: flex;
    }

.left_login_image {
    flex: 1;
    padding: 0;
    border-radius: 14px;
    position: relative;
    display: flex;
    overflow: hidden;
    margin: 10px;
}

    .left_login_image img {
        height: 100%;
        object-fit: cover;
    }

    .left_login_image h1 {
        position: absolute;
        bottom: 5%;
        width: 100%;
        margin: 0 auto;
        right: 0;
        left: 0;
        padding: 5%;
        color: #fff;
        z-index: 99;
    }

    .left_login_image:after {
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 9;
        content: "";
    }

    .left_login_image h1 span {
        display: block;
    }

.right_login_form {
    margin: 0 auto;
    max-width: 500px;
    flex: 1;
    padding: 35px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

    .right_login_form img {
        max-width: 300px;
    }

    .right_login_form h2 {
        margin-top: 0;
        margin-bottom: 0;
        color: #333;
        text-align: center;
        font-weight: 500;
    }

    .right_login_form h5 {
        margin-top: 8px;
        color: #888;
        font-size: 15px;
        font-weight: normal;
    }

.form-wrap {
    width: 100%;
}

    .form-wrap .form-control, .auth_section .form-control {
        border: 1px solid #e4e4e4 !important;
        border-radius: 6px !important;
        min-height: 38px;
    }

    .form-wrap .input-group label {
        font-weight: bold;
        margin-bottom: 2px;
        font-size: 16px;
        color: #272829;
    }

    .form-wrap .checkbox input[type="checkbox"], .auth_section .checkbox input[type="checkbox"] {
        margin: 0px 0 0;
        width: 17px;
        height: 17px;
    }

.log_btn {
    margin: 15px 0;
}

    .log_btn input.btn.btn-primary {
        width: 100%;
        min-height: 38px;
        font-size: 16px;
    }

.alternative_btn:after {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    background: #e4e4e4;
    left: 0;
    z-index: 9;
    top: 10px;
}

.alternative_btn {
    position: relative;
    margin-bottom: 18px;
    text-align: center;
}

    .alternative_btn span {
        display: inline-block;
        background: #fff;
        padding: 0 8px;
        color: #737373;
        font-size: 15px;
        z-index: 99;
        position: relative;
    }

.alt-login {
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e4e4e4;
    border-radius: 8px;
}

.reg_btn {
    font-size: 15px;
    margin-top: 25px;
}

@media(max-width:992.98px) {
    .login_outer {
        position: relative;
        width: 100%;
        height: auto;
        background: #fff;
        display: flex;
        padding-top: 10%;
    }

        .login_outer .first_row {
            flex-wrap: wrap;
            flex-direction: column-reverse;
        }

        .login_outer .d-flex {
            flex: auto;
            display: block;
        }

    .right_login_form {
        padding: 0px 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .left_login_image {
        border-radius: 20px;
    }

        .left_login_image img {
            min-height: 380px;
            border-radius: 10px;
        }
}

.justify-center {
    justify-content: center !important;
}

.auth_section {
    border: 1px solid #ddd;
    width: 100%;
    max-width: 100%;
    padding: 20px;
    border-radius: 10px;
    background: #fff;
}

    .auth_section h5 {
        text-align: center;
    }

.flex-none {
    flex: none !important;
}

.register_page .left_login_image {
    width: 100%;
}

    .register_page .left_login_image img {
        width: 100%;
    }

.register_page .right_login_form {
    margin: 0 auto;
    max-width: 100%;
    flex: 1;
    padding: 35px 15px;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    overflow: auto;
    overflow-x: hidden;
    height: 100vh;
}

.register_page .row.first_row {
    width: 100%;
    margin: 0;
}



.row-fluid {
    display: flex;
    flex-wrap: wrap;
    min-height: calc(100vh - (90px + 90px));
    height: auto;
    max-height: none;
    margin-bottom: -22px;
}

.left_banner_dets {
    border-radius: 16px;
    position: relative;
    height: 100%;
    max-height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 50px;
    flex-direction: column;
}

    .left_banner_dets h1 {
        color: #fff;
        position: relative;
        z-index: 2;
        margin: 0;
        line-height: 55px;
    }

h1.homepage-heading.corp-heading.corp-heading-1 {
    font-weight: 300;
}

h1.homepage-heading.corp-heading.corp-heading-2 {
    font-weight: 500;
}

.left_banner_dets h1 span {
    display: block;
}

.left_banner_dets img.banner-bg {
    position: absolute;
    top: 10%;
    left: 10%;
    max-width: 330px;
    width: 100%;
    z-index: 1;
}

.notif_home_page {
    background: #fff;
    border-radius: 10px;
    padding: 16px;
    max-width: 300px;
    width: 100%;
    display: flex;
    align-items: center;
    color: #414042;
    font-size: 15px;
    osition: relative;
    z-index: 2;
}

    .notif_home_page h5 {
        max-width: 127px;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        font-size: 14px;
        margin: 0;
        color: #414042;
    }

    .notif_home_page h5 {
        max-width: 127px;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        font-size: 14px;
        margin: 0;
    }

    .notif_home_page ul {
        display: flex;
        align-items: center;
        margin: 0;
        margin-right: 8px;
    }

        .notif_home_page ul li {
            position: relative;
            margin: 0;
            top: 0;
            left: 0;
            bottom: 0;
            margin-left: -7px;
        }

.left_banner_images {
    display: flex;
    padding-left: 5px;
}

    .left_banner_images .carousel, .row-fluid_fw .carousel {
        position: relative;
        display: flex;
        width: 100%;
    }

    .left_banner_images .carousel-inner, .row-fluid_fw .carousel-inner {
        flex: 1;
    }

    .left_banner_images .carousel-fade .carousel-inner .item, .row-fluid_fw .carousel-fade .carousel-inner .item {
        background-size: cover;
        height: 100%;
    }

    .left_banner_images .carousel-inner > .item > img, .left_banner_images .carousel-inner > .item > a > img {
        height: 100%;
        object-fit: cover;
        border-radius: 16px;
    }

.row-fluid_fw .carousel-inner > .item > img, .row-fluid_fw .carousel-inner > .item > a > img {
    height: 100%;
    object-fit: cover;
}

@media(max-width:767.98px) {
    .left_banner_images {
        padding-left: 15px;
        margin-top: 25px;
    }

    .left_banner_dets {
        margin-top: 15px;
        padding: 30px 15px;
        flex-direction: column;
    }

        .left_banner_dets h1 {
            font-size: 24px;
            line-height: normal;
        }
}

.row-fluid_fw {
    display: flex;
    flex-wrap: wrap;
    height: 100vh;
}

.fixed_header#topstrip, .fixed_header.navbar {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 9;
    background: transparent;
}

.row-fluid_fw .carousel-inner:after {
    background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    position: absolute;
    content: '';
    top: 0;
    width: 100%;
    height: 100%;
}

.row-fluid_fw .carousel-caption {
    margin: 0 auto;
    font-size: 0.8vw;
    right: 0;
    font-weight: 100;
    top: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    left: 0;
    max-width: 1300px;
    width: 100%;
    text-align: left;
    font-size: 28px;
    margin-right: auto;
    margin-left: 0;
}

.auth_title label {
    font-size: 23px;
    line-height: normal;
    margin-bottom: 5px;
    color: #222;
}

p.fp-subtitle {
    font-size: 14px;
    color: #737373;
}

.twofa_wrap {
    border-radius: 8px;
    background: #f9fafd;
    border: 1px solid #a6a6a6;
    width: 100%;
    display: flex;
    padding: 18px;
    flex-direction: column;
}

.lbl {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
}

.d-flex.lbl input, .d-flex.lbl label {
    margin: 0;
    margin-right: 12px;
}

    .d-flex.lbl input[type='radio'] {
        width: 17px;
        height: 18px;
        margin-right: 6px;
    }

.d-flex.lbl .f_div {
    display: flex;
    margin-bottom: 10px;
}

.fa_msg {
    max-width: 450px;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 0;
}

.lbl .form-group {
    width: 100%;
}

.clearfix {
    clear: both;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.justify-content-evenly {
    justify-content: space-evenly !important;
}

.mt-1 {
    margin-top: .25rem !important
}

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

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

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

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

.pt-0 {
    padding-top: 0 !important;
}

.float-left {
    float: left;
}

.form-control.fa_input {
    max-width: 500px;
    width: 100%;
}

.row.qr_fa ol {
    margin-bottom: 20px;
    padding-left: 30px;
}

.qr_fa li {
    padding: 0;
    color: #545454;
}

.qr-container {
    background: #fff;
}

.rec_btn {
    max-width: 200px;
}

.auth_stop {
    display: inline-flex;
    padding: 9px 24px;
    align-items: center;
    border-radius: 4px;
    justify-content: center;
    color: #fff;
}

    .auth_stop label {
        color: #fff;
        font-size: 15px;
        margin: 0;
    }

    .auth_stop input {
        width: 18px;
        height: 18px;
        margin: 0;
        margin-right: 4px;
    }

#popup_tabnav .tabContent.browse_item.new_upload_item {
    border: 0;
    margin: 0;
    border-radius: 0;
    padding: 0;
    min-height: auto;
    max-height: 550px;
}

    #popup_tabnav .tabContent.browse_item.new_upload_item .drop_zone {
        height: 14.25rem;
        border: 1px dashed #abcaff;
        border-radius: 10px;
        margin-top: 0;
        cursor: pointer;
        transition: border-color 300ms ease-in-out;
        background: #f9fafd;
    }

    #popup_tabnav .tabContent.browse_item.new_upload_item .drag_option {
        text-align: center;
        width: 100%;
    }

.border-0 {
    border: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.new_upload_item i.fa-file {
    width: 24px;
    height: 26px;
    display: flex;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Layer_1' style='enable-background:new 0 0 32 32;' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23484848' d='M25,26h-3c-0.5527344,0-1-0.4472656-1-1s0.4472656-1,1-1h3c2.7568359,0,5-2.2431641,5-5s-2.2431641-5-5-5h-1 c-0.5527344,0-1-0.4472656-1-1c0-3.859375-3.140625-7-7-7s-7,3.140625-7,7c0,0.5527344-0.4472656,1-1,1H7 c-2.7568359,0-5,2.2431641-5,5s2.2431641,5,5,5h3c0.5527344,0,1,0.4472656,1,1s-0.4472656,1-1,1H7c-3.859375,0-7-3.140625-7-7 s3.140625-7,7-7h0.0556641C7.5546875,7.5058594,11.375,4,16,4s8.4453125,3.5058594,8.9443359,8H25c3.859375,0,7,3.140625,7,7 S28.859375,26,25,26z'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23484848' d='M19,20c-0.2558594,0-0.5117188-0.0976563-0.7070313-0.2929688L16,17.4140625l-2.2929688,2.2929688 c-0.390625,0.390625-1.0234375,0.390625-1.4140625,0s-0.390625-1.0234375,0-1.4140625l3-3 c0.390625-0.390625,1.0234375-0.390625,1.4140625,0l3,3c0.390625,0.390625,0.390625,1.0234375,0,1.4140625 C19.5117188,19.9023438,19.2558594,20,19,20z'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23484848' d='M16,28c-0.5527344,0-1-0.4472656-1-1V16c0-0.5527344,0.4472656-1,1-1s1,0.4472656,1,1v11 C17,27.5527344,16.5527344,28,16,28z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

#popup_tabnav .tabContent.browse_item h5 {
    margin-top: 0;
    margin-bottom: 10px;
    color: #666;
}

strong.or_sep {
    display: block;
    margin-top: 4px;
    margin-bottom: 6px;
    position: relative;
}

    strong.or_sep:after, strong.or_sep:before {
        height: 1px;
        width: 47%;
        border-bottom: 1px solid #d9d9d9;
        content: '';
        display: flex;
        position: absolute;
        top: 10px;
    }

    strong.or_sep:after {
        left: 0;
    }

    strong.or_sep:before {
        right: 0;
    }

.drag_option h4 {
    display: block;
    margin-top: 0;
    text-align: left;
    /* color: #444; */
    font-size: 16px;
    margin-bottom: 3px;
}

.asset_lists_inside {
    position: relative;
}

p.sub_title {
    text-align: left;
    margin-bottom: 8px;
    color: #666;
    font-size: 13px;
}

.asset_lists_inside .select_all {
    display: inline-flex;
    align-items: center;
    background: #f1f1f1;
    border: 0;
    color: #161616;
    padding: 5px 11px;
    border-radius: 4px;
    justify-content: space-between;
    font-size: 14px;
    position: absolute;
    right: 0;
    text-align: right;
    top: -36px;
    /* padding: 0; */
    width: auto;
    left: auto;
}

.list_in {
    max-height: 27vh;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #ddd;
    border-radius: 8px;
    min-height: 106px;
    padding-top: 10px;
}

    .list_in::-webkit-scrollbar {
        width: 6px;
    }

    .list_in::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px #666;
        border-radius: 10px;
    }

    .list_in::-webkit-scrollbar-thumb {
        background: #666;
        border-radius: 10px;
    }

.asset_lists_inside .choose_assets {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    position: relative;
    border: 0;
    border-bottom: 1px solid #e8eaed;
    padding: 0;
    background: #fbfbfb;
    border-radius: 00;
    padding-right: 48px;
    cursor: pointer;
    width: 98%;
    float: left;
    transition: all 400ms;
    margin-left: 10px;
    padding-top: 8px;
}

.asset_lists_inside .img_left {
    width: 114px;
    height: 62px;
    background-color: #ffffff;
    border-radius: 7px;
    border: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 14px;
    overflow: hidden;
    object-fit: contain;
    border: 1px solid #e8eaed;
    padding: 0;
}

    .asset_lists_inside .img_left img {
        object-fit: contain;
        width: 130px;
        object-position: center;
        margin: 0 auto;
        aspect-ratio: auto;
        height: 72px;
        flex: auto;
        max-width: none;
        padding: 4px;
    }

.asset_lists_inside .assets_desc h4 {
    margin-top: 0 !important;
    margin-bottom: 4px;
    color: #333;
    font-size: 14px;
    word-break: break-all;
    line-height: 21px;
}

.asset_lists_inside span.file_name small {
    display: none;
}

.asset_lists_inside .img_left span.file_type {
    position: absolute;
    display: inline-flex;
    background: #282828;
    color: white;
    padding: 2px 10px;
    z-index: 1;
    border-radius: 3px;
    align-items: center;
    justify-content: center;
    top: 5px;
    right: 6px;
    font-size: 11px;
}

.empty_msg {
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

i.no_files {
    display: flex;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 6px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='32' id='icon' viewBox='0 0 32 32' width='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Ctitle/%3E%3Cpath fill='%23484848' d='M30,3.4141,28.5859,2,2,28.5859,3.4141,30l2-2H26a2.0027,2.0027,0,0,0,2-2V5.4141ZM26,26H7.4141l7.7929-7.793,2.3788,2.3787a2,2,0,0,0,2.8284,0L22,19l4,3.9973Zm0-5.8318-2.5858-2.5859a2,2,0,0,0-2.8284,0L19,19.1682l-2.377-2.3771L26,7.4141Z'/%3E%3Cpath fill='%23484848' d='M6,22V19l5-4.9966,1.3733,1.3733,1.4159-1.416-1.375-1.375a2,2,0,0,0-2.8284,0L6,16.1716V6H22V4H6A2.002,2.002,0,0,0,4,6V22Z'/%3E%3Crect class='cls-1' data-name='<Transparent Rectangle>' height='32' id='_Transparent_Rectangle_' width='32'/%3E%3C/svg%3E");
}
/*.modal-title{
color: #101828;
}*/
.pl-0 {
    padding-left: 0 !important;
}

.pe-0 {
    padding-right: 0 !important;
}

.d-none {
    display: none !important;
}

div#Uploader .icon-remove:before {
    content: "\f00d";
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;%7D%3C/style%3E%3C/defs%3E%3Ctitle/%3E%3Cg id='cross'%3E%3Cline class='cls-1' x1='7' x2='25' y1='7' y2='25'/%3E%3Cline class='cls-1' x1='7' x2='25' y1='25' y2='7'/%3E%3C/g%3E%3C/svg%3E");
    font-size: 0;
    display: flex;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
}

a#aRestrPerm .text-muted, a#aSocialMediaBasic .text-muted {
    color: #444;
    border: 1px solid #ccc;
    padding: 8px 8px;
    border-radius: 4px;
    text-decoration: none !important;
}

a#aSocialMediaBasic {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

div#PopupBody2 .ajax__calendar_container {
    padding: 4px;
    cursor: default;
    font-size: 11px;
    text-align: center;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .25);
    min-width: 260px;
    border-radius: 8px;
    padding: 10px;
    border: none !important;
}

div#PopupBody2 .ajax__calendar_body {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: auto;
}

div#PopupBody2 .ajax__calendar_days, div#PopupBody2 .ajax__calendar_months, div#PopupBody2 .ajax__calendar_years {
    width: 100%;
}

div#PopupBody2 .ajax__calendar_container TABLE {
    padding: 0px;
    margin: 0px;
    font-size: 11px;
    width: 100%;
}

div#PopupBody2 .ajax__calendar_day {
    height: 17px;
    width: 18px;
    text-align: right;
    padding: 0 2px;
    cursor: pointer;
    width: 32px;
    height: 32px;
    padding: 0.4em 0.2rem;
    text-align: center;
    text-decoration: none;
    color: #656f7d;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
}

div#PopupBody2 .ajax__calendar_container TD {
    font-size: 13px;
}

div#PopupBody2 .ajax__calendar_dayname {
    height: 17px;
    width: 17px;
    text-align: right;
    padding: 0 2px;
    width: 32px;
    height: 32px;
    padding: 0.4em 0.2rem;
    text-align: center;
    text-decoration: none;
    /* color: #656f7d; */
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
}

div#PopupBody2 .ajax__calendar .ajax__calendar_active .ajax__calendar_day {
    background-color: #000;
    border-color: #000;
    color: #fff;
    border-radius: 5px;
}

div#PopupBody2 .ajax__calendar_body {
    height: 22.5rem !important;
}

div#Popup .ui-tabs .ui-tabs-panel {
    margin-top: 0px;
}

a#aRestrPerm {
    text-decoration: none;
    margin-bottom: 0px !important;
    width: auto !important;
    margin-right: 10px;
}

input.select2-search__field:focus {
    outline: 0;
    box-shadow: none;
}

a#aSocialMediaBasic {
    text-decoration: none;
}

    a#aRestrPerm button, a#aSocialMediaBasic button {
        border: 0;
        font-size: 12px;
        color: #fff;
    }

.permis_btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

h6.modal-subtitle {
    color: #676879;
    font-size: 14px;
    font-weight: normal;
}

.uploader_fixed_box {
    position: fixed;
    right: 16px;
    bottom: 16px;
    max-width: 380px;
    border-radius: 8px;
    background: #fff;
    z-index: 999999;
    width: 100%;
    box-shadow: 0 0 18px rgb(0 0 0 / 25%);
}

button.colse_uploader {
    position: absolute;
    right: 13px;
    border: 0;
    background: #fff;
    width: 22px;
    height: 22px;
    padding: 0;
    top: 10px;
    z-index: 9;
    opacity: 0.8;
}

.upload_fix_header {
    display: flex;
    align-items: center;
    padding-right: 20px;
    font-size: 15px;
    color: #666;
    margin-bottom: 10px;
    border-bottom: 1px solid #f2f2f2;
    padding: 12px 16px 4px 16px;
}

    .upload_fix_header img {
        width: 19px;
        height: 19px;
        margin-right: 4px;
    }

button.colse_uploader img {
    width: 100%;
}

.upload_fx_content {
    display: flex;
    justify-content: space-between;
    padding: 0 16px 16px 16px;
}

.uload_fx_img img {
    width: 71px !important;
    height: 65px !important;
    object-fit: cover;
    max-width: none;
    display: flex;
    border-radius: 6px;
    margin-right: 10px;
    background-color: #f1f1f1;
    border: 1px solid #f1f1f1;
}

.uload_fx_img {
    display: flex;
    align-items: flex-start;
}

    .uload_fx_img span h5 {
        margin: 0;
    }

    .uload_fx_img span {
        display: flex;
        flex-direction: column;
    }

button.view_btn img {
    width: 100%;
}

button.view_btn {
    border: 0;
    background: none;
    width: 25px;
    height: 25px;
    padding: 0;
    opacity: 0.8;
    margin-top: 16px;
}

div#mainContent_pnlTaskView .popover.right {
    border: 0;
    width: 210px;
}

div#mainContent_pnlTaskView .popover-content > div {
    text-align: left;
    margin-bottom: 18px;
}

div#mainContent_pnlTaskView span.approval-popover-text {
    font-weight: 400;
    font-size: 14px;
    color: #545454;
}

div#mainContent_pnlTaskView .btn-group.approval-buttons {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

div#mainContent_pnlTaskView button.btn.btn-success.btn-approve {
    border-radius: 4px !important;
    background: #0292b7;
    border: 0;
    font-size: 14px;
    min-width: 80px;
}

div#mainContent_pnlTaskView button.btn.btn-danger.btn-deny {
    border-radius: 4px !important;
    background: #ff3131;
    border: 0;
    font-size: 14px;
    min-width: 80px;
}

div#mainContent_pnlTaskView .btn-group.approval-buttons {
    margin-bottom: 5px;
}

div#mainContent_pnlTaskView button.btn.btn-default {
    position: absolute;
    right: 3px;
    top: 4px;
    border: 0;
    padding: 8px;
    font-size: 20px;
    opacity: 0.8;
    z-index: 99;
    height: 29px;
    display: inline-flex;
    align-items: center;
}

select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff right 6px center no-repeat;
    background-position-x: 97%;
    background-repeat: no-repeat;
    background-size: 19px;
    padding-right: 36px !important;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke-width='1.5' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

a#mainContent_hlnkGotoLightbox {
    margin-left: auto;
}

a#mainContent_hlnkGotoBasket {
    margin-left: auto;
}

.button.filter {
    color: #404040;
    border: 1px solid #d9d9d9 !important;
    background: #fff;
    transition: 250ms;
    font-size: 13px;
    padding: 6px 8px;
}

button#AdvSearchBtn:hover {
    background: #ddd;
}

.sidebar_filters li label {
    border: 1px solid;
    background: #fff;
    transition: 250ms;
    border-color: #d9d9d9;
}

.insider h3 {
    font-weight: 500;
    font-size: 18px;
    margin: 0;
}

button#AdvSearchBtn svg {
    width: 25px;
    height: 20px;
    fill: #666;
    margin-right: 5px;
}

.view_option button.btn.btn-default.btn-xs.dropdown-toggle svg {
    fill: none;
    width: 21px;
    height: 22px;
    margin-right: 0;
}

button#AdvSearchBtn {
    background: #fff;
    color: #282828;
    padding: 3px 6px;
    border-radius: 4px;
    border-color: #c5c5c5;
    font-size: 13px;
    margin-right: 0px;
}

.btn-sm-tags {
    background: #fff;
    color: #666;
    padding: 7px 13px;
    border-radius: .25rem;
    font-size: 14px;
    border: 1px solid #ddd;
    margin-right: 4px;
}

.view_option button.btn.btn-default.btn-xs.dropdown-toggle {
    background: #fff;
    color: #282828;
    padding: 0 0;
    border-radius: .25rem;
    border-color: #c5c5c5;
    font-size: 13px;
    margin-right: 0px;
    border: 0;
}


    .view_option button.btn.btn-default.btn-xs.dropdown-toggle svg path, .view_option button.btn.btn-default.btn-xs.dropdown-toggle svg circle {
        stroke: #666;
    }

.view_option:hover button.btn.btn-default.btn-xs.dropdown-toggle svg path, .view_option:hover button.btn.btn-default.btn-xs.dropdown-toggle svg circle {
    stroke: #282828;
}

.view_option {
    display: inline-flex;
    width: 28px;
    align-items: center;
    justify-content: center;
}

.trumbowyg-editor p {
    margin-bottom: 0 !important;
}

.btn-group.view_option li {
    text-align: left;
}

table#ddlRecordsPerPage td {
    text-align: left;
}

table#ddlRecordsPerPage {
    margin-left: 0 !important;
    width: 100%;
    margin-right: 0 !important;
}

.new_close_btn svg {
    width: 20px;
    height: 20px;
    opacity: 0.7;
}

.new_close_btn:hover svg {
    opacity: 0.9;
}

a#aRestrPerm button, a#aSocialMediaBasic button {
    background: #fff;
    border: 1px solid #888;
    color: #666;
}

div#restrPermForm {
    background: #f2f2f2 !important;
}

span.select2.select2-container.select2-container--bootstrap {
    width: 100% !important;
    box-shadow: none !important;
    outline: none !important;
}

#right-nav li, #right-nav li a {
    display: inline-flex;
    align-items: center;
}

.navbar-nav li a svg {
    width: 1.4rem;
    height: 1.4rem;
    margin-right: 4px;
    fill: #fff;
}

td.TSClassReadOnly.task-status-complete-pending.treegrid-task.complete.TSCellBase.TSType.TSEnum.TSCell.HideCol0Status {
    padding-left: 25px;
}

td.TSClassReadOnly.treegrid-task.TSCellBase.TSType.TSEnum.TSCell.HideCol0Status {
    padding-left: 0;
    text-align: center;
}

.team_project_wrap .pull-left h3 {
    font-size: 20px;
    font-weight: 600;
}

.task_btns .dropdown-dark-bg > option {
    color: #444;
    font-weight: 400;
    font-size: 13px;
    background: #fff;
    padding: 5px 3px;
}

.modal-dialog.modal-create-project {
    max-width: 690px !important;
    width: 100%;
}

.chat_wrap .jquery-comments ul.main li.comment .comment-wrapper {
    float: left;
    width: 100%;
    padding: 0;
    overflow: auto !important;
    margin-bottom: 10px;
    border-radius: 0;
}

td.TSClassReadOnly.treegrid-task.HideCol0Status {
    padding-left: 24px;
}

.trumbowyg-modal-box .trumbowyg-modal-title {
    font-size: 17px;
    font-weight: 700;
    margin: 0 0 20px;
    padding: 9px 0 13px 0;
    display: block;
    border-bottom: 1px solid #d7e0e2;
}

.trumbowyg-modal-box .trumbowyg-input-html input, .trumbowyg-modal-box .trumbowyg-input-html select, .trumbowyg-modal-box .trumbowyg-input-html textarea {
    height: 34px;
    line-height: 34px;
}

.trumbowyg-modal-box .trumbowyg-input-infos label, .trumbowyg-modal-box .trumbowyg-input-infos label span {
    height: 34px;
    line-height: 34px;
}

.trumbowyg-modal-box .trumbowyg-input-row {
    border-radius: 6px;
}

.trumbowyg-modal-box .trumbowyg-modal-button {
    border-radius: 6px;
}

.trumbowyg-modal-box {
    border-radius: 8px;
}

.currenttask_container h2 {
    margin-top: 0;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 0;
}

.currenttask_container .form-inline.status_form label {
    background: #E6E6E6;
    border-radius: 4px !important;
    height: 31px !important;
    padding: 0 13px;
    line-height: normal;
    display: inline-flex;
    align-items: center;
    position: absolute;
    width: auto;
    top: 3px;
    left: 3px;
}

.currenttask_container .form-inline.status_form select {
    width: 71%;
    float: right;
    margin-left: auto;
    min-height: 36px;
}

.currenttask_container .form-inline.status_form {
    margin-right: 10px;
    min-height: 36px;
}

.ms-auto {
    margin-left: auto !important;
}

.stat_filter select {
    min-height: 36px;
}

table.current_table th {
    font-weight: 600;
}

table.stripe tbody tr td a {
    color: #5c79d0;
    position: relative;
}

.currenttask_container table.dataTable td input[type="checkbox"] {
    width: 16px;
    height: 16px;
    text-align: center;
    margin: 0;
}

.currenttask_container i.icon-play.task-action-icon,
.currenttask_container i.icon-stop.task-action-icon {
    width: 18px;
    height: 18px;
    background: #4f5762;
    border-radius: 100%;
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    font-size: 10px !important;
    color: #fff;
}

    .currenttask_container i.icon-play.task-action-icon:before,
    .currenttask_container i.icon-stop.task-action-icon:before {
        margin-left: 2px;
        font-size: 9px;
    }

    .currenttask_container i.icon-stop.task-action-icon:before, .currenttask_container i.icon-stop.task-action-icon {
        color: #fff;
        background: red;
        margin: 0;
        position: relative;
        top: -1px;
    }

.currenttask_container i.task-action-icon.icon-time {
    display: inline-flex;
    align-items: center;
    position: relative;
    top: 2px;
}

.currenttask_container table.stripe tbody tr td a span:last-child {
    display: inline-flex;
    color: #F44336;
    position: absolute;
    left: 40px;
    top: 2px;
    font-size: 12px;
    background-color: #ffdbd9;
    border-radius: 4px;
    padding: 0 3px;
}

.currenttask_container i.task-action-icon.icon-time.view-items {
    color: #9a9a9a;
    position: relative;
    top: 2px;
}

.current_Task_modal .modal-dialog {
    max-width: 1160px;
    width: 100%;
}

figcaption.chart__caption {
    margin-left: 16px;
}

canvas#chartCanvas {
    width: 65px !important;
    height: auto !important;
}

figure.chart__figure {
    display: flex;
    align-items: center;
}

.col-dets {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
}

.current_Task_modal .col-dets {
    display: grid;
    grid-template-columns: 1.2fr .8fr 1fr 1fr 1fr;
    margin-top: 0;
}

.col-auto {
    border: 1px solid #c6c6c6;
    padding: 8px;
    border-radius: 6px;
    min-width: 130px;
    min-height: 86px;
}

    .col-auto h4 {
        display: block;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 13px;
        margin-top: 2px;
        color: #737373;
        text-align: left;
    }

span.task_hours {
    font-size: 18px;
    display: flex;
    font-weight: 600;
    color: #000;
    margin-bottom: 4px;
}

.col-auto small {
    color: #737373;
    font-size: 13px;
    display: flex;
    align-items: center;
}

.current_Task_modal h2 {
    margin-top: 0;
    font-weight: 500;
    font-size: 18px;
}

.current_Task_modal h3 {
    margin-top: 0;
    font-weight: 500;
    font-size: 14px;
    color: #545454;
    margin-bottom: 0;
}

.task_status {
    background-color: #f2f2f2;
    color: #fff;
    padding: 6px 13px;
    border-radius: 4px;
    border: 0;
    font-size: 14px;
    margin-top: 13px;
    display: inline-flex;
    margin-right: auto;
    float: left;
}

.urgent {
    background: #ff3131;
}

.col-task-comment {
    float: left;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}

    .col-task-comment h4 {
        font-weight: 600;
        color: #4f5762;
        font-size: 17px;
        margin: 0 0 8px;
    }

.rel_tasks {
    max-height: 25vh;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 199px;
    min-height: 199px;
}

.col-auto small svg {
    width: 18px;
    height: 15px;
    margin-right: 4px;
}

.col-auto small b {
    display: inline-flex;
    align-items: center;
}

.outstadingTask_container .check_in {
    min-height: 36px;
}

.outTask_wrapper {
    background: #f5f5f5;
    padding: 15px 15px;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: column;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    border-radius: 8px;
}

    .outTask_wrapper .col-auto {
        background: #fff;
        border: 1px solid #e4e4e4;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .outTask_wrapper .col-dets {
        flex: 1;
    }

span.ts_id {
    font-weight: 400;
    font-size: 15px;
    color: #666;
    display: flex;
    margin-bottom: 4px;
}

    span.ts_id b {
        font-weight: 500;
        margin-left: 10px;
    }

.time_btn a {
    margin-left: 10px;
}

.time_btn {
    font-size: 16px;
    font-weight: 400;
    color: #666;
}

.border-1 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 8px;
}

.outTask_wrapper .col-dets {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(6, 1fr);
    padding: 0 0px;
}

.outTask_wrapper .col-task-comment {
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #e4e4e4;
}

.rel_tasks {
    color: #4f5762;
    font-size: 15px;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
    float: none;
}

.support_in {
    border: 1px solid #d9d9d9;
    padding: 18px 19px;
    border-radius: 8px;
    background: #fff;
}

    .support_in h3 {
        font-weight: 500;
        margin-bottom: 8px;
        margin-top: 5px;
    }

    .support_in h4 {
        margin-bottom: 22px;
        margin-top: 11px;
        color: #666;
        font-size: 16px;
    }

    .support_in textarea.form-control {
        height: 110px;
    }

.attachment_wrap {
    width: 100%;
    padding: 0;
    height: auto;
}

    .attachment_wrap .qq-gallery.qq-uploader {
        position: relative;
        min-height: auto;
        max-height: none;
        overflow-y: visible;
        border: 0;
        padding: 0;
        width: 100%;
        height: 100%;
    }

.ic_pos {
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    right: 0;
    left: 0;
    flex: 1;
    height: 142px;
    border: 1px dashed #abcaff;
    border-radius: 10px;
    margin-top: 0;
    cursor: pointer;
    transition: border-color 300ms ease-in-out;
    background: #f9fafd;
    position: relative;
    display: flex;
    z-index: 2;
}

    .ic_pos h5 {
        margin-top: 8px;
        margin-bottom: 12px;
        color: #666;
        font-weight: 400;
        font-size: 15px;
    }

.attachment_wrap .qq-gallery .qq-upload-list {
    margin: 0;
    padding: 10px 0 0;
    list-style: none;
    max-height: 450px;
    overflow-y: auto;
    clear: both;
    box-shadow: none;
    margin-top: -125px;
}


    .attachment_wrap .qq-gallery .qq-upload-list li {
        margin-top: 125px;
        background-color: #fff;
        border-radius: 10px;
        width: 120px;
        height: 100px !important;
        border: 1px solid #ddd;
        overflow: hidden;
        margin-bottom: 0;
    }

button.qq-upload-cancel-selector.qq-upload-cancel {
    background-color: red;
    position: absolute;
    right: 4px;
    top: 4px;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
    font-size: 0;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M10 8.586L2.929 1.515 1.515 2.929 8.586 10l-7.071 7.071 1.414 1.414L10 11.414l7.071 7.071 1.414-1.414L11.414 10l7.071-7.071-1.414-1.414L10 8.586z'/%3E%3C/svg%3E");
}

.report-status {
    background-color: #f1f1f1;
    display: inline-flex;
    padding: 4px 8px;
    border-radius: 4px;
    min-width: 90px;
    text-align: center;
    justify-content: center;
    overflow: hidden;
}

.task-status-in-progress {
    background-color: #0DA036 !important;
    color: #fff;
}

.task-status-queued {
    background-color: #01A3F7 !important;
    color: #fff;
}

.task-status-complete-pending {
    background-color: rgb(127, 83, 71) !important;
    color: #fff;
}

.task-status-pending,
.task-status-pending.newest {
    background-color: #E1A710 !important;
    color: #fff;
}

.task-status-complete {
    background-color: #0871A7 !important;
    color: #fff;
}

.task-status-on-hold {
    background-color: #E82833 !important;
    color: #fff;
}

.report-priority {
    display: inline-flex;
    position: relative;
}

    .report-priority:before {
        background-position: left center;
        background-size: 15px;
        height: 20px;
        width: 20px;
        position: relative;
        background-color: transparent;
        background-repeat: no-repeat;
        display: inline-flex;
        content: '';
        top: 2px;
        left: 0;
    }

    .report-priority.task-priority-normal:before {
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg class='bi bi-flag-fill' fill='%233e63dd' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.778.085A.5.5 0 0 1 15 .5V8a.5.5 0 0 1-.314.464L14.5 8l.186.464-.003.001-.006.003-.023.009a12.435 12.435 0 0 1-.397.15c-.264.095-.631.223-1.047.35-.816.252-1.879.523-2.71.523-.847 0-1.548-.28-2.158-.525l-.028-.01C7.68 8.71 7.14 8.5 6.5 8.5c-.7 0-1.638.23-2.437.477A19.626 19.626 0 0 0 3 9.342V15.5a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 1 0v.282c.226-.079.496-.17.79-.26C4.606.272 5.67 0 6.5 0c.84 0 1.524.277 2.121.519l.043.018C9.286.788 9.828 1 10.5 1c.7 0 1.638-.23 2.437-.477a19.587 19.587 0 0 0 1.349-.476l.019-.007.004-.002h.001'/%3E%3C/svg%3E");
    }

span.task_status.task-priority-normal {
    background-color: #3e63dd;
}

.report-priority.task-priority-high:before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg class='bi bi-flag-fill' fill='%23Cf940a' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.778.085A.5.5 0 0 1 15 .5V8a.5.5 0 0 1-.314.464L14.5 8l.186.464-.003.001-.006.003-.023.009a12.435 12.435 0 0 1-.397.15c-.264.095-.631.223-1.047.35-.816.252-1.879.523-2.71.523-.847 0-1.548-.28-2.158-.525l-.028-.01C7.68 8.71 7.14 8.5 6.5 8.5c-.7 0-1.638.23-2.437.477A19.626 19.626 0 0 0 3 9.342V15.5a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 1 0v.282c.226-.079.496-.17.79-.26C4.606.272 5.67 0 6.5 0c.84 0 1.524.277 2.121.519l.043.018C9.286.788 9.828 1 10.5 1c.7 0 1.638-.23 2.437-.477a19.587 19.587 0 0 0 1.349-.476l.019-.007.004-.002h.001'/%3E%3C/svg%3E");
}

span.task_status.task-priority-high {
    background-color: #Cf940a;
}

.report-priority.task-priority-urgent:before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg class='bi bi-flag-fill' fill='%23df2f4a' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.778.085A.5.5 0 0 1 15 .5V8a.5.5 0 0 1-.314.464L14.5 8l.186.464-.003.001-.006.003-.023.009a12.435 12.435 0 0 1-.397.15c-.264.095-.631.223-1.047.35-.816.252-1.879.523-2.71.523-.847 0-1.548-.28-2.158-.525l-.028-.01C7.68 8.71 7.14 8.5 6.5 8.5c-.7 0-1.638.23-2.437.477A19.626 19.626 0 0 0 3 9.342V15.5a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 1 0v.282c.226-.079.496-.17.79-.26C4.606.272 5.67 0 6.5 0c.84 0 1.524.277 2.121.519l.043.018C9.286.788 9.828 1 10.5 1c.7 0 1.638-.23 2.437-.477a19.587 19.587 0 0 0 1.349-.476l.019-.007.004-.002h.001'/%3E%3C/svg%3E");
}

span.task_status.task-priority-urgent {
    background-color: #df2f4a;
}


.report-priority.task-priority-low:before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg class='bi bi-flag-fill' fill='%23888888' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.778.085A.5.5 0 0 1 15 .5V8a.5.5 0 0 1-.314.464L14.5 8l.186.464-.003.001-.006.003-.023.009a12.435 12.435 0 0 1-.397.15c-.264.095-.631.223-1.047.35-.816.252-1.879.523-2.71.523-.847 0-1.548-.28-2.158-.525l-.028-.01C7.68 8.71 7.14 8.5 6.5 8.5c-.7 0-1.638.23-2.437.477A19.626 19.626 0 0 0 3 9.342V15.5a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 1 0v.282c.226-.079.496-.17.79-.26C4.606.272 5.67 0 6.5 0c.84 0 1.524.277 2.121.519l.043.018C9.286.788 9.828 1 10.5 1c.7 0 1.638-.23 2.437-.477a19.587 19.587 0 0 0 1.349-.476l.019-.007.004-.002h.001'/%3E%3C/svg%3E");
}

span.task_status.task-priority-low {
    background-color: #888888;
}

a.btn.btn-task-details {
    color: #fff;
    display: inline-flex !important;
    border: 0;
    height: 26px;
    padding-top: 4px;
    padding-inline: 10px;
}

a.btn.btn-default.btn-task-details:hover {
    opacity: 0.8;
}

.outstand_task a.view-tasks.btn.btn-primary {
    display: inline-flex;
    color: #fff;
    margin-left: auto;
}

.currenttask_container.outstadingTask_container table.dataTable th:first-child {
    text-align: center;
}

.outTask_wrapper h2 a {
    display: block;
    text-align: left;
    text-decoration: none;
}

table.stripe tbody tr .time_btn a {
    color: #fff;
}

canvas.chart__canvas.chartCanvas {
    width: 70px;
    height: 70px;
}

table.dataTable th, table.dataTable td {
    font-size: 13px;
}

.dt-buttons {
    background: #fff;
    padding: 8px 14px 5px;
    border-radius: 4px;
}

    .dt-buttons button.dt-button {
        border-radius: 4px;
        color: #fff;
    }

div.dataTables_paginate ul.pagination li {
    margin: 0 3px;
    display: inline-grid;
}

    div.dataTables_paginate ul.pagination li a {
        border-radius: 4px !important;
        width: 34px;
        height: 36px;
        display: inline-flex;
        align-items: center;
    }

div.dataTables_wrapper div.dataTables_length select {
    width: 91px;
    display: inline-block;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    padding-left: 14px;
}

.date_search {
    margin-right: 10px;
}

    .date_search input {
        min-height: 36px;
    }

.oh_userDet {
    display: flex;
    align-items: center;
    padding: 15px;
}

ul.list_of_rpage {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    background: rgb(236 239 248 / 69%);
    padding: 8px 8px;
    border-radius: 4px;
}

    ul.list_of_rpage li {
        margin-right: 1%;
        display: flex;
        flex-direction: column;
        font-size: 15px;
        background: #fff;
        padding: 8px 12px;
        border-radius: 4px;
        width: 19%;
    }

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.oh_table table {
    width: 100%;
    display: block;
    max-width: 100%;
    margin-bottom: 10px;
}

    .oh_table table colgroup {
        width: 100%;
        max-width: 100%;
        /*display: block;*/
    }

ul.list_of_rpage li small, .comnt_oh small {
    display: block;
    font-size: 13px;
    margin-bottom: 5px;
}

ul.list_of_rpage li span {
    font-weight: 600;
    font-size: 14px;
}

.comnt_oh {
    background: #eceff8;
    padding: 10px 14px;
    float: left;
    width: 100%;
    margin-top: 10px;
}

.oh_table {
    margin-bottom: 15px;
    float: left;
    width: 100%;
}

    .oh_table table thead {
        background: #e8e8e8;
    }

        .oh_table table thead th {
            font-weight: 500;
            border-bottom: 0;
            font-size: 13px;
        }

    .oh_table td {
        border: 1px solid #d9d9d9;
        border-top: 0 !important;
        vertical-align: middle !important;
    }

table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc,
table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
    padding-right: 15px;
    padding-left: 5px;
    font-size: 12px;
    font-weight: 600;
}

.dt-buttons button.dt-button:hover {
    background-color: #fff;
    color: #424242;
}

.col-task-comment .rel_tasks {
    border: 1px solid #c6c6c6;
    padding: 10px;
    border-radius: 6px;
    max-height: 20vh;
    min-height: 190px;
}

table#tblOutstandingTasks .col-task-comment .rel_tasks:empty {
    border: 0;
    display: none;
    min-height: auto;
}

.th_item span {
    display: flex;
    align-items: center;
    border: 0px solid #ddd;
    border-radius: 4px;
    padding: 0;
    height: 64px;
    width: 100px;
    text-align: center;
    justify-content: center;
}

    .th_item span img {
        object-fit: contain;
        height: 60px;
        object-position: center;
    }

.th_item {
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-left: -10px;
    margin-right: -15px;
    display: flex;
    align-items: center;
}

.rel_comments .data-container {
    padding-right: 0;
    padding-left: 0;
}

.rel_comments .rel_tasks.jquery-comments {
    padding: 0;
}

.rel_comments .jquery-comments .profile-picture {
    width: 3.2rem;
    height: 3.2rem;
}

.rel_comments .jquery-comments ul.main li.comment .wrapper {
    line-height: 1.4em;
    overflow: hidden;
    padding: 10px;
    border-radius: 10px;
    border-top-left-radius: 0;
    margin-top: 3px;
}

.rel_comments .jquery-comments ul.child-comments .wrapper {
    float: left;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 0px;
    background-color: #f4f4ff;
}

.rel_comments .jquery-comments .profile-picture.round {
    border-radius: 4px !important;
}

.rel_comments .jquery-comments li ul.child-comments li:last-child .wrapper {
    margin-bottom: 10px;
}

span.ts_id b {
    display: inline-flex;
    padding: 8px;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 19px;
    background: #5a5a5a;
    border-radius: 4px;
    color: #fff;
}

.currenttask_container div.dataTables_wrapper div.dataTables_filter label {
    position: relative;
}

    .currenttask_container div.dataTables_wrapper div.dataTables_filter label input {
        padding-left: 40px;
    }

    .currenttask_container div.dataTables_wrapper div.dataTables_filter label:after {
        background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.625 16.625C13.491 16.625 16.625 13.491 16.625 9.625C16.625 5.75901 13.491 2.625 9.625 2.625C5.75901 2.625 2.625 5.75901 2.625 9.625C2.625 13.491 5.75901 16.625 9.625 16.625Z' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.375 18.375L14.5687 14.5688' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        font-size: 0;
        width: 18px;
        height: 18px;
        background-size: 20px;
        background-position: center;
        display: inline-flex;
        content: "";
        position: absolute;
        z-index: 99;
        left: 15px;
    }


a.btn.btn-primary.btn-order-details {
    width: 122px;
    box-shadow: none;
    text-align: right !important;
    color: #fff;
    justify-content: flex-end;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg data-name='Layer 2' id='bfbc3119-0f80-4060-bc56-c3652d1f1b08' viewBox='0 0 35 35' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M19.564,29.894a3.21,3.21,0,0,1-1.355-.3A3.16,3.16,0,0,1,16.366,26.7l-.024-3.187c-4.27-.575-7.937.03-10.651,1.755A3.186,3.186,0,0,1,.883,21.883c1.626-7.269,6.162-11.609,12.133-11.609a14.144,14.144,0,0,1,3.35.4V8.3a3.189,3.189,0,0,1,5.242-2.441l10.934,9.2a3.187,3.187,0,0,1,0,4.879l-10.934,9.2A3.167,3.167,0,0,1,19.564,29.894ZM13.325,20.8a26.184,26.184,0,0,1,4.459.4,1.25,1.25,0,0,1,1.037,1.207l.045,4.288a.67.67,0,0,0,.4.624.663.663,0,0,0,.734-.1l10.935-9.2a.689.689,0,0,0,0-1.054h0L20,7.771a.69.69,0,0,0-1.132.528V12.37a1.249,1.249,0,0,1-1.694,1.168,11.64,11.64,0,0,0-4.156-.764c-6.8,0-9.044,6.752-9.694,9.656a.664.664,0,0,0,.28.707.65.65,0,0,0,.747.023A16.427,16.427,0,0,1,13.325,20.8Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 17px;
    background-position-x: 7px;
}

a.btn.btn-default.btn-order-download {
    border-color: #9461e1;
    color: #9461e1;
    width: 140px;
    margin-right: auto !important;
    float: left;
    justify-content: flex-start;
    text-align: left;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 96 96' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg%3E%3Cpath fill='%23666' d='M90,54a5.9966,5.9966,0,0,0-6,6V78H12V60A6,6,0,0,0,0,60V84a5.9966,5.9966,0,0,0,6,6H90a5.9966,5.9966,0,0,0,6-6V60A5.9966,5.9966,0,0,0,90,54Z'/%3E%3Cpath fill='%23666' d='M43.7578,64.2422a5.9979,5.9979,0,0,0,8.4844,0l18-18a5.9994,5.9994,0,0,0-8.4844-8.4844L54,45.5156V12a6,6,0,0,0-12,0V45.5156l-7.7578-7.7578a5.9994,5.9994,0,0,0-8.4844,8.4844Z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 13px;
    background-position-x: 94%;
}

.oh_userDet span {
    margin-right: 10px;
}

div#Timesheet .modal-content {
    display: flex;
    flex-direction: column;
}

.order-totals {
    clear: both;
    float: left;
    width: 100%;
    max-width: 270px;
}

    .order-totals div {
        display: flex;
        justify-content: space-between;
        font-weight: 500;
        margin-bottom: 5px;
    }

        .order-totals div span {
            font-weight: 400;
        }

.order_wrap_dets {
    border: 1px solid #bfbfbf;
    border-radius: 10px;
    padding: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
}

    .order_wrap_dets div#mainContent_pnlMain {
        display: flex;
        flex-direction: column;
    }

    .order_wrap_dets .success_text h3 {
        font-weight: 600;
        color: #ff914d;
        margin-top: 0;
        margin-bottom: 0;
        display: block;
        font-size: 20px;
    }

    .order_wrap_dets h4 {
        font-weight: 500;
        margin-top: 0;
        margin-bottom: 0;
        display: block;
        font-size: 18px;
    }

    .order_wrap_dets p {
        margin-top: 25px;
        line-height: 2.3rem;
    }

span#mainContent_LblOrderCompleteMsg {
    font-size: 15px;
    display: block;
}

.brand-links-container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
    margin-bottom: 50px;
    position: relative;
    z-index: 10;
}

.brand-panel {
    width: 50%;
    padding: 15px;
}

    .brand-panel h2 {
        line-height: 200%;
        text-align: center;
        background: #f5f5f5;
    }

.out_filters .input-group {
    background: #fff;
    padding-left: 72px;
    max-width: 215px;
    min-height: 36px;
    border: 1px solid #C3C6D4;
    border-radius: 4px;
    overflow: hidden;
}

    .out_filters .input-group span {
        border: 0;
        background: #E6E6E6;
        border-radius: 4px !important;
        height: 33px !important;
        padding: 0 13px;
        line-height: normal;
        display: inline-flex;
        align-items: center;
        position: absolute;
        width: auto;
        top: 2px;
        left: 2px;
    }

.out_filters input#txtTaskUser {
    border: 0;
    min-height: 36px;
    background-color: transparent;
}

.out_filters button.btn {
    min-height: 36px;
}

.out_filters button#btnReset {
    margin-right: 10px;
}

.stat_filter {
    flex-shrink: 0;
    width: 160px;
}

.time_log_modal.current_Task_modal .col-dets {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr 1fr;
}

.time_log_modal.current_Task_modal h3 {
    margin-top: 0;
    font-weight: 400;
    font-size: 15px;
    color: #545454;
    margin-bottom: 0;
}

.brand-panel h2 {
    line-height: 200%;
    text-align: center;
    background: #f5f5f5;
}

.hourly_container.currenttask_container table.dataTable tbody tr td:first-child {
    text-align: left;
}

table#tblHourlyRate {
    width: 100% !important;
}

    table#tblHourlyRate td a {
        display: inline-flex;
        align-items: center;
        border: 1px solid #afacac;
        padding: 2px 4px;
        min-width: 86px;
        text-align: center;
        justify-content: center;
        border-radius: 4px;
        text-decoration: none;
    }

        table#tblHourlyRate td a:hover {
            background-color: #f1f1f1;
        }

.currenttask_container.workprogress_report table.dataTable tbody tr td:first-child {
    text-align: left;
}

tr.totals.even td {
    background: #ddd;
}

tr.totals.odd td {
    background: #979797;
    color: #fff;
}

.currenttask_container.asst_report .out_filters .input-group {
    background: #fff;
    padding-left: 103px;
    max-width: 215px;
    min-height: 36px;
    border: 1px solid #C3C6D4;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 10px;
}

    .currenttask_container.asst_report .out_filters .input-group .form-control {
        min-height: 36px;
    }

.asset_filters {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.rpt_title {
    display: flex;
    align-items: center;
}

.order_wrap_dets h3 {
    margin-top: 0;
}

.checkbox-inline label {
    display: flex;
    align-items: center;
}

.modal-content.pvwModCont {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.preview-buttons > a, .preview-buttons > div, .preview-buttons select {
    flex-shrink: 0;
}

.video_button .preview-buttons {
    justify-content: flex-start !important;
    overflow-x: auto;
    overflow-y: hidden;
}

    .video_button .preview-buttons::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #F5F5F5;
    }

    .video_button .preview-buttons::-webkit-scrollbar {
        height: 6px;
        background-color: #F5F5F5;
    }

    .video_button .preview-buttons::-webkit-scrollbar-thumb {
        background-color: #607d8b99;
        border-radius: 30px;
        width: 100px;
    }

.second_filter {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 8px;
}

.page_title {
    display: flex;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #fff;
}

.page_filters {
    display: flex;
    justify-content: flex-end;
}

.page_filters {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .page_filters ul.list-unstyled.list-inline {
        margin-bottom: 0;
    }

.video_title {
    display: flex;
    align-items: center;
}

#EditBox3 form.form-horizontal {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

dl.col-xs-3.dl-horizontal.first_dl {
    width: 20%;
}

.row.date_in dl.dl-horizontal.col-xs-6 {
    padding: 0 0;
}

dl.dl-horizontal.col-xs-3.last_dl {
    width: 28%;
}

div#mainContent_upnlNewProject {
    padding-right: 10px;
}

@media(max-width:767.98px) {
    .col-full {
        width: 100%;
    }



        .col-full:last-child {
            margin-bottom: 10px;
        }
}

@media(max-width:480.98px) {

    div#mainContent_upnlNewProject dl {
        width: auto;
    }
}

.flex-wrap {
    flex-wrap: wrap !important;
}

div#btnAddMember {
    min-height: 41px;
    box-shadow: none;
    align-items: center;
    display: inline-flex;
    margin-left: 10px;
}

button#btnShowProfilesDropdown {
    width: 100%;
    display: inline-flex;
    align-items: center;
    min-width: 100%;
    justify-content: space-between;
    border: 1px solid #ddd;
    background: #fff;
    min-height: 40px;
}

    button#btnShowProfilesDropdown span {
        display: inline-flex;
        align-items: center;
    }

.btn-group.prof_list {
    width: 100%;
}

.prof_list .dropdown-menu.custom_dropdown.drop_search {
    right: auto;
    left: 0;
    width: 100%;
    max-height: 40dvh;
}

div#modalCreateGroup label {
    margin-bottom: 2px;
    font-weight: 400;
    font-size: 13px;
}

.new-group-checkboxes-section {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 6px;
}

.currenttask_container #tblGroupMembers_wrapper table.dataTable tbody tr td:first-child {
    text-align: left;
    padding-left: 15px;
}

#group-members-section tr:first-child th.sorting.sorting_asc {
    text-align: left;
    padding-left: 14px;
}

.srv_acts {
    justify-content: flex-end;
}



.version_sects .active .accordion-content {
    max-height: 83vh;
    overflow-y: auto;
    flex: 1;
}

.modal-dialog.pvwModDialog .modal-footer {
    background: #fff;
    display: flex;
    justify-content: flex-start;
}

.version
_sects .active .accordion-content {
    max-height: 83vh;
    overflow-y: auto;
    flex: 1;
}

.assets::-webkit-scrollbar {
    width: 4px;
}

/* Track */
.assets::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.assets::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 30px;
}

    /* Handle on hover */
    .assets::-webkit-scrollbar-thumb:hover {
        background: #555;
    }


.versions .version-list::-webkit-scrollbar {
    width: 4px;
}

/* Track */
.versions .version-list::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.versions .version-list::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 30px;
}

    /* Handle on hover */
    .versions .version-list::-webkit-scrollbar-thumb:hover {
        background: #555;
    }


.version_sects .accordion {
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

ul.vers_ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
}

    ul.vers_ul li {
        display: flex;
        position: relative;
        margin-bottom: 10px;
        flex-direction: column;
    }

        ul.vers_ul li img {
            width: 100%;
            border-radius: 4px;
            height: 110px;
            object-fit: contain;
            background-color: #e2e2e2;
            padding: 6px;
        }

        ul.vers_ul li a {
            display: flex;
            flex-direction: column;
            position: relative;
            padding: 6px;
        }

.version_sects .accordion-content-inner {
    padding-left: 0;
    padding-right: 10px;
}

.version_sects .accordion-header {
    padding: 7px 20px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background-color 0.3s ease;
    background: #efefef;
    border-radius: 4px;
    width: 100%;
    color: #FFE;
    border: 0;
    text-transform: uppercase;
    padding-left: 4px;
}

    .version_sects .accordion-header h3, .version_sects .accordion-header span {
        color: #222;
        font-size: 16px;
    }

span.vsn {
    position: absolute;
    top: 8px;
    left: 8px;
    display: inline-flex;
    padding: 3px 4px;
    border-radius: 4px;
    color: #fff;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    min-width: 30px;
    z-index: 9;
}

.dropdownasset {
    position: relative;
    display: inline-block;
}

.dropbtnasset {
    background: none;
    border: 0;
    font-size: 24px;
    cursor: pointer;
}

.dropdownasset-content {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    background: #fff;
    min-width: 140px;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
    z-index: 10;
    overflow: hidden;
    text-align: right;
}

    .dropdownasset-content a {
        display: block;
        padding: 10px 14px;
        text-decoration: none;
        color: #333;
    }

        .dropdownasset-content a:hover {
            background: #f5f5f5;
        }

.dropdownasset.show .dropdownasset-content {
    display: block;
}
/* Sections */
.assets, .versions {
    display: none;
}

    .assets.active, .versions.active {
        display: flex;
        flex-direction: column;
    }

/* .assets {
    overflow-y: scroll;
    padding-right: 6px;
} */

.asset {
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    padding: 8px;
    border-radius: 6px;
    margin-bottom: 7px;
    transition: all 400ms;
    background-color: rgb(0 0 0 / 8%);
}

    .asset:hover {
        background: #e9e9e9;
    }

    .asset.current_asset:after {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 6px;
    }

    .asset img {
        width: 100%;
        border-radius: 6px;
        height: 110px;
        object-fit: contain;
    }

.overlay-btn {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0,0,0,0.7);
    color: #fff;
    padding: 8px 8px;
    border-radius: 4px;
    opacity: 0;
    transition: opacity 0.3s;
    cursor: pointer;
    z-index: 9;
    min-width: 105px;
    font-size: 13px;
}

.asset:hover .overlay-btn {
    opacity: 1;
}


.asset span {
    display: inline-flex;
    padding: 4px 6px;
    background: #fff;
    position: absolute;
    top: 11px;
    z-index: 9;
    left: 11px;
    border-radius: 4px;
    font-size: 12px;
}

/* Versions screen */
.versions {
    flex: 1;
    overflow-y: auto;
}

    .versions .version-list {
        flex: 1;
        overflow-y: auto;
    }



    .versions img {
        width: 100%;
    }

.back-btn {
    display: inline-block;
    margin: 0;
    padding: 4px 6px;
    background: #333;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none;
    font-size: 12px;
}

.version_sects {
    border-radius: 0;
    background: #efefef;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.dropdownasset {
    position: absolute;
    top: 8px;
    right: 10px;
    z-index: 99;
}

.dropbtnasset {
    width: 36px;
    height: 24px;
    background: #fff;
    border: 1px solid #000;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.versions h4 {
    text-align: left;
    color: #000;
    font-size: 13px;
    display: block;
}

ul.vers_ul li a span {
    position: absolute;
    right: 20px;
    top: 15px;
    background: #fff;
    border-radius: 4px;
    padding: 4px 10px;
    color: #000;
}

.v_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

ul.list_of_rpage {
    flex-wrap: wrap;
}

button#AdvSearchBtn:hover svg {
    fill: #fff;
}

.btn-group.srchBtns {
    justify-content: flex-end;
    align-items: flex-end;
    width: auto;
}

a.aspNetDisabled.btn.btn-xs {
    background-color: #fff;
    border-color: #ccc;
}

.ft_sm_btns a {
    border: 0;
}

.ft_sm_btns {
    background: none;
    display: flex;
    padding: 0;
    border-radius: 4px;
    box-shadow: 0 0 8px #0a0a0a1f;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
}




span#lblSelectedCount {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2300bf63' d='M20 2H8c-1.103 0-2 .897-2 2v12c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V4c0-1.103-.897-2-2-2zM8 16V4h12l.002 12H8z'/%3E%3Cpath fill='%2300bf63' d='M4 8H2v12c0 1.103.897 2 2 2h12v-2H4V8zm8.933 3.519-1.726-1.726-1.414 1.414 3.274 3.274 5.702-6.84-1.538-1.282z'/%3E%3C/svg%3E");
    height: 32px;
    border: 1px solid #acacac;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    border-radius: 4px;
    width: 50px;
    text-align: right;
    background-position: center left;
    background-size: 21px;
    background-repeat: no-repeat;
    padding: 0 4px;
    background-position-x: 3px;
}

ul.dropdown-menu.custom_dropdown.file_type_in li {
    display: flex;
    width: 100%;
    padding-left: 15px;
    margin-bottom: 9px;
}




button.btn-blg {
    border: 0;
    background: #05050585;
    border-radius: 4px;
    padding: 2px 6px;
    display: inline-flex;
    align-items: center;
}

    button.btn-blg svg {
        width: 29px;
        height: 22px;
    }

.ft_sm_btns ul li {
    margin-bottom: 4px;
}

li.red-del a {
    color: red !important;
}

ul.dropdown-menu.custom_dropdown.file_type_in li label input {
    width: 18px;
    height: 16px;
    margin-top: 2px;
}

.searh_pic_btns {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    align-items: center;
}

ul.dropdown-menu.custom_dropdown li a:hover {
    color: #666 !important;
}

.srchIcons {
    top: auto;
    position: absolute;
    right: 5px;
    bottom: 30px;
}

.header_prev {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 10px;
}

    .header_prev h3.modal-title {
        margin: 0;
        color: #383838;
        display: flex;
        align-items: center;
        font-size: 18px;
    }

.version_sects h4, .meta_versions h4 {
    font-size: 17px;
    margin: 0;
    margin-bottom: 12px;
    color: #6d6c6c;
}

.v_title h4 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    margin: 0;
    color: #222;
}

button.btn-collp-ver {
    width: 24px;
    height: 20px;
    border: 0;
    background: none;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 7px;
    display: flex;
    padding: 0;
}

    button.btn-collp-ver svg {
        width: 24px;
        height: 20px;
    }

.meta_versions .accordion-header {
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    padding-inline: 0;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    color: #666;
}

.meta_versions div#navMetadataSection {
    border: 0;
}

.act_btn {
    display: flex;
    align-items: center;
    gap: 8px;
}

.first-action span, .first-action label {
    display: block;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 3px;
    color: #7a7a7a;
}

.prj_type table tr td {
    min-height: 38px;
    border-radius: 6px;
    justify-content: flex-start;
    padding-left: 12px;
}

div#mainContent_upnlNewProject .dl-horizontal dt span {
    font-size: 13px;
    margin-bottom: 3px;
    display: block;
    font-weight: 300;
}

body.modal-open .modal-backdrop {
    display: block;
}

.img_uplod_dta {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 10px;
    align-items: flex-start;
    position: relative;
    background: #f1f1f170;
    padding: 4px;
    border-radius: 6px;
    border: 1px solid #ebebeb;
}

    .img_uplod_dta img {
        width: 100px;
        height: 60px;
        object-fit: contain;
        border-radius: 6px;
        margin-right: 10px;
        object-position: center;
        background: #e6e6e6;
        padding: 4px;
    }

.img_data h5 {
    color: #222;
    font-size: 14px;
    margin-top: 0;
    word-break: break-word;
    padding-right: 35px;
}

.img_data h6 {
    display: inline-flex;
    color: #888;
    margin: 0;
}

button.btn.btn-close {
    position: absolute;
    right: 6px;
    top: 5px;
    display: inline-flex;
    width: 23px;
    height: 23px;
    padding: 0;
    background: transparent;
    z-index: 9;
}

    button.btn.btn-close svg {
        width: 100%;
    }


div#collapseRestrPerm, div#collapseSocialMediaBasic {
    position: absolute;
    bottom: 30px;
    width: 100%;
    argin: 0 auto !important;
    z-index: 9;
    height: 100%;
    background: #ffffffd6;
}

#Popup div#restrPermForm, #Popup div#socialMediaBasicForm {
    padding: 10px 20px 30px !important;
    border: 0 !important;
    box-shadow: 0 0 11px #00000036 !important;
    background: #fff !important;
    position: absolute;
    bottom: 10px;
}

    #Popup div#restrPermForm h4, #Popup div#socialMediaBasicForm h4 {
        color: #222;
        margin-bottom: 13px;
        border-bottom: 1px solid #ddd;
        padding-bottom: 12px;
    }

button.close-plain {
    position: relative;
    border: 0;
    background: transparent;
    width: 20px;
    height: 20px;
    float: right;
    z-index: 9;
}

    button.close-plain svg {
        width: 20px;
        height: 20px;
    }

div#CalendarExtender1_container,
div#CalendarExtender2_container {
    top: auto !important;
    bottom: 42px !important;
}

.permis_btns a {
    display: inline-flex;
    padding: 8px 12px;
    background: #f1f1f1;
    border-radius: 6px;
    color: #222;
    text-decoration: none;
}

.up_btns {
    display: flex;
    align-items: center;
}

    .up_btns a {
        background: transparent;
        background: none;
        padding: 0;
    }

.accordion-header {
    border-bottom: 1px solid #00000014;
}

.meta_column {
    height: 100%;
}

.meta_versions .accordion {
    width: 100%;
    max-width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-right: 7px;
}


    .meta_versions .accordion::-webkit-scrollbar {
        width: 4px;
    }

    /* Track */
    .meta_versions .accordion::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    .meta_versions .accordion::-webkit-scrollbar-thumb {
        background: #c7c4c4;
        border-radius: 30px;
    }

        /* Handle on hover */
        .meta_versions .accordion::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

.meta_versions .accordion-content h4 {
    color: #222;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 8px;
    display: block;
    margin-top: 14px;
}

.register_section {
    max-width: 700px;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 25px 0px;
    margin-top: 3%;
}

.vert-pad dl div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

    .vert-pad dl div dd {
        margin: 0;
        width: 100%;
    }

    .vert-pad dl div dt {
        text-align: left;
        font-weight: 400;
        display: block;
        margin-bottom: 0;
    }

        .vert-pad dl div dt span {
            margin-bottom: 3px;
            display: block;
        }

.h_title {
    gap: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 17px;
}

    .h_title h3 {
        margin: 0;
        font-size: 2.2rem;
    }

.vert-pad hr {
    margin-right: -15px;
    margin-left: -15px;
}



.video_title {
    display: flex;
    align-items: center;
    background: #e9e9e9;
    border-top: 1px solid #ddd;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .video_title h2 {
        font-size: 20px;
        padding-left: 15px;
    }

.panel_wrap.video_wrap {
    background: #efefef;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    padding-top: 14px;
}

.crop_wrapper {
    padding-inline: 15px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.crop_title {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-bottom: 1px solid #e5e5e5;
}

    .crop_title h3 {
        font-size: 18px;
        color: #222;
    }

.pt-4 {
    padding-top: 15px;
}

form#ImageCrop {
    height: 100vh;
    display: flex;
}

.crop_in {
    flex: 1;
    display: flex;
}

.border-1-left {
    flex: 1;
    border-left: 1px solid #e5e5e5;
}

span#dlMetadata_lblMdValue_0 {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 180px;
    overflow: hidden;
}

table#dlMetadata td div {
    align-items: center;
    gap: 3px;
    flex-wrap: wrap;
}

button.dropbtnasset svg {
    width: 18px;
    height: 17px;
    fill: #717171;
}

.AuditItem a {
    border: 1px solid #b6b6b6;
}

.AuditItem {
    font-size: 13px;
}

.table-overflow {
    width: 100%;
    overflow-x: auto;
    padding-right: 10px;
}

    .table-overflow::-webkit-scrollbar {
        height: 4px;
    }

    /* Track */
    .table-overflow::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    .table-overflow::-webkit-scrollbar-thumb {
        background: #c7c4c4;
        border-radius: 30px;
    }

        /* Handle on hover */
        .table-overflow::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

.asset_listing p strong {
    font-weight: 600;
}

.asset.current_asset span {
    color: #fff;
}

a#btnRemoveFromTask {
    background-position: center left;
    background-position-x: 6px;
    background-repeat: no-repeat;
    padding-right: 6px;
    padding-left: 6px;
    background-size: 22px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg height='32px' version='1.1' viewBox='0 0 32 32' width='32px' xmlns='http://www.w3.org/2000/svg' xmlns:sketch='http://www.bohemiancoding.com/sketch/ns' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle/%3E%3Cdesc/%3E%3Cdefs/%3E%3Cg fill='none' fill-rule='evenodd' id='Page-1' stroke='none' stroke-width='1'%3E%3Cg fill='%23fff' id='icon-149-tag-remove'%3E%3Cpath d='M4.01331559,16.0133156 L2,14 L2,5.99961498 C2,4.88743329 2.89525812,4 3.99961498,4 L12,4 L25.3809027,17.3809027 C26.1640508,18.1640508 26.168017,19.4319586 25.3884415,20.2115341 L18.2115341,27.3884415 C17.433119,28.1668566 16.1646418,28.1646418 15.3809027,27.3809027 L12.9866844,24.9866844 C13.6282885,23.9791534 14,22.7829857 14,21.5 C14,17.9101489 11.0898511,15 7.5,15 C6.21701435,15 5.02084661,15.3717115 4.01331559,16.0133156 L4.01331559,16.0133156 L4.01331559,16.0133156 Z M7.5,11 C8.32842717,11 9,10.3284272 9,9.5 C9,8.67157283 8.32842717,8 7.5,8 C6.67157283,8 6,8.67157283 6,9.5 C6,10.3284272 6.67157283,11 7.5,11 L7.5,11 Z M7.5,27 C10.5375663,27 13,24.5375663 13,21.5 C13,18.4624337 10.5375663,16 7.5,16 C4.46243373,16 2,18.4624337 2,21.5 C2,24.5375663 4.46243373,27 7.5,27 L7.5,27 Z M4,21 L4,22 L11,22 L11,21 L4,21 L4,21 Z' id='tag-remove'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.upload_ver {
    background-repeat: no-repeat;
    background-position: center right;
    background-position-x: 95%;
    padding-right: 11px;
    padding-left: 11px;
    background-size: 18px;
    margin-bottom: 10px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg data-name='Layer 1' id='Layer_1' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;%7D%3C/style%3E%3C/defs%3E%3Ctitle/%3E%3Cpath class='cls-1' d='M20.31,14.44v3.3a1.83,1.83,0,0,1-1.83,1.83h-13a1.83,1.83,0,0,1-1.83-1.83v-3.3' data-name='<Path>' id='_Path_'/%3E%3Cline class='cls-1' data-name='<Path>' id='_Path_2' x1='12' x2='12' y1='14' y2='4'/%3E%3Cpolyline class='cls-1' data-name='<Path>' id='_Path_3' points='7.47 8 12 3.47 16.53 8'/%3E%3C/svg%3E");
    text-align: left;
    justify-content: flex-start;
}

#Popup div#restrPermForm h4, #Popup div#socialMediaBasicForm h4 {
    font-size: 16px;
    color: #222;
}

a#lbSubmit {
    color: #fff;
}

span#lblCV {
    padding-bottom: 10px;
    display: block;
}

.permis_btns a {
    display: inline-flex;
    padding: 8px 12px;
    background: #ebeaea;
    border-radius: 6px;
    color: #222;
    text-decoration: none;
    font-size: 13px;
    cursor: pointer
}

k
button.btn.btn-close {
    right: 5px;
    top: 3px;
}

div#backBtn {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
}

a#mainContent_btnMainAddtoLB svg {
    fill: #696969;
    width: 15px !important;
    height: 17px !important;
    position: relative;
    top: -1px;
}

ul.custom_dropdown li a.toggle-remove {
    color: #f2624f;
}

    ul.custom_dropdown li a.toggle-remove svg {
        fill: #f2624f;
    }

.searh_pic_btns a:hover {
    text-decoration: none;
}

a#mainContent_btnMainAddtoLB:hover svg {
    fill: #fff;
}

.ft_sm_btns ul.dropdown-menu.custom_dropdown {
    min-width: 235px;
    text-align: left;
}

.up_btns a {
    padding: 0;
    background: none;
}

.version_sects .tab-content > .active {
    display: block;
    background: #fff;
    border-radius: 6px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.version_sects .nav-tabs {
    overflow: visible;
    border-radius: 0;
}

    .version_sects .nav-tabs .nav-link.active, .version_sects .nav-tabs .nav-link {
        height: 31px;
        margin: 0;
        font-size: 13px;
    }

button#assetTab, button#versionTab {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.prev_btns {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: space-between;
    opacity: 0;
    visibility: hidden;
    z-index: 9;
    top: 44%;
    left: 0;
}

.preview_wrapper:hover .prev_btns {
    opacity: 1;
    visibility: visible;
}

.version_sects div#nav-tabContent {
    overflow-y: auto;
    flex: 1;
    background: #fff;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

    .version_sects div#nav-tabContent::-webkit-scrollbar {
        width: 4px;
    }

    /* Track */
    .version_sects div#nav-tabContent::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    .version_sects div#nav-tabContent::-webkit-scrollbar-thumb {
        background: #c7c4c4;
        border-radius: 30px;
    }

        /* Handle on hover */
        .version_sects div#nav-tabContent::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

button.btn.btn-default.btn-primary.btn-border {
    font-size: 13px;
    min-height: 34px;
    border: 1px solid #317ec5;
    color: #317ec5;
    background: #fff;
}

a.btn.btn-basket.btn-primary svg {
    transform: none;
    width: 15px;
    height: 15px;
    margin-right: 5px;
}

.share_cart_btns .btn.btn-default {
    margin: 0px 1px 0px 1px;
    padding: 4px 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.share_cart_btns a i.icon-plus {
    min-height: 32px;
    background: transparent;
    font-size: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 4px;
    background-color: transparent !important;
}

    .share_cart_btns a i.icon-plus svg {
        width: 16px;
        height: 17px;
        fill: #fff;
    }

a.btn_icons svg path, a.btn_icons svg {
    fill: #444;
    width: 14px;
    height: 14px;
}

.modal-dialog.pvwModDialog .modal-footer {
    display: none;
}

div#videopreviewcol {
    flex: 1;
    background: #fff;
    border-radius: 6px;
    padding: 15px;
}

div#collections-grid {
    max-height: 62px;
    overflow-x: hidden;
    overflow-y: auto;
}

    div#collections-grid::-webkit-scrollbar {
        width: 3px;
    }

    /* Track */
    div#collections-grid::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    div#collections-grid::-webkit-scrollbar-thumb {
        background: #c7c4c4;
        border-radius: 30px;
    }

        /* Handle on hover */
        div#collections-grid::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

div#collections-grid {
    display: flex;
    gap: 4px;
    margin-top: 6px;
    flex-wrap: wrap;
    /* height: 150px; */
    align-items: flex-start;
    justify-items: flex-start;
}

#collectionsContainer .tagify tag {
    margin-bottom: 0;
}

#collectionsContainer tags.tagify {
    max-height: 62px;
    overflow-x: hidden;
    overflow-y: auto;
}

    #collectionsContainer tags.tagify::-webkit-scrollbar {
        width: 3px;
    }

    /* Track */
    #collectionsContainer tags.tagify::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    #collectionsContainer tags.tagify::-webkit-scrollbar-thumb {
        background: #c7c4c4;
        border-radius: 30px;
    }

        /* Handle on hover */
        #collectionsContainer tags.tagify::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

#Popup div#restrPermForm h4 svg, #Popup div#socialMediaBasicForm h4 svg {
    opacity: 0.6;
}

.pill:focus {
    outline: 0px solid #84b9ff !important;
    outline-offset: 0 !important;
}

div#CalendarExtender2_container {
    left: -20px !important;
}

.asset.current_asset {
    background-color: rgb(7 7 7 / 16%);
}

a#btnViewAsset svg {
    width: 42px;
    height: 36px;
}

a#btnViewAsset {
    position: absolute;
    right: 4px;
    bottom: 8px;
    min-width: auto;
    padding: 6px 6px;
    z-index: 9;
    background: rgb(255 255 255 / 19%);
    margin-right: 0px;
    border-radius: 4px;
}

.meta_column {
    height: 100%;
    width: auto;
    flex: 33.33333333%;
}

.upload-ver {
    margin-bottom: 7px;
    padding: 6px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .upload-ver svg {
        width: 21px;
        height: 20px;
        fill: #fff;
        transform: none !important;
    }

        .upload-ver svg path {
            fill: #fff;
        }

.preview-toggle-remove i {
    display: none;
}

.preview-toggle-remove svg {
    height: 20px;
    fill: #fff;
}

a#btnPreviewBasket.preview-toggle-remove {
    padding-inline: 6px !important;
}

.preview-toggle-remove-lighbox i {
    font-size: 0;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg id='Icons' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23ffffff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M12,0A12,12,0,1,0,24,12,12.013,12.013,0,0,0,12,0Zm0,22A10,10,0,1,1,22,12,10.011,10.011,0,0,1,12,22Z'/%3E%3Cpath class='cls-1' d='M16.707,7.293a1,1,0,0,0-1.414,0L12,10.586,8.707,7.293A1,1,0,1,0,7.293,8.707L10.586,12,7.293,15.293a1,1,0,1,0,1.414,1.414L12,13.414l3.293,3.293a1,1,0,0,0,1.414-1.414L13.414,12l3.293-3.293A1,1,0,0,0,16.707,7.293Z'/%3E%3C/svg%3E");
}

span.version-description {
    font-size: 12px;
    display: block;
    margin-top: 4px;
}

div#modalVersionUpload {
    background: #00000033;
}

.dropbox {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #f0f7ff;
    padding: 20px;
    gap: 7px;
    height: 14.25rem;
    border: 1px dashed #abcaff;
    border-radius: 10px;
    margin-top: 0;
    cursor: pointer;
    transition: border-color 300ms ease-in-out;
    background: #f9fafd;
}


    .dropbox.dragover {
        background-color: #e6f0ff;
        border-color: #3451b2;
        transform: scale(1.02);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    }


.dropbox-text {
    font-size: 14px;
    color: #666;
    margin-bottom: 5px;
    font-weight: 500;
}

div#lbNewVersionSelectFiles input {
    width: 100%;
}

div.btn.btn-upload.btn-primary {
    width: 90px;
    height: 42px;
    display: inline-flex;
    min-height: 38px;
    padding: 0;
    justify-content: center;
    align-items: center;
}

.dropbox-icon svg {
    width: 120px;
    height: 34px;
    fill: #444;
}

div#versionUploader .qq-gallery.qq-uploader {
    position: relative;
    min-height: auto;
    max-height: none;
    overflow-y: hidden;
    width: inherit;
    border-radius: 6px;
    border: 0px dashed #CCCCCC;
    background-color: #f1f1f1;
    padding: 8px 10px 8px !important;
}

div#versionUploader .qq-gallery .qq-upload-drop-area, div#versionUploader .qq-upload-extra-drop-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 30px;
    z-index: 2;
    background: #F9F9F9;
    border-radius: 4px;
    text-align: center;
}

div#versionUploader .qq-gallery .qq-upload-list {
    margin: 0;
    padding: 0;
    list-style: none;
    max-height: 449px;
    overflow-y: auto;
    clear: both;
    box-shadow: none;
}

    div#versionUploader .qq-gallery .qq-upload-list li {
        display: flex;
        position: relative;
        /* max-width: 120px; */
        margin: 0;
        padding: 0;
        line-height: 16px;
        font-size: 13px;
        color: #424242;
        background-color: transparent;
        border-radius: 2px;
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.22);
        vertical-align: top;
        height: auto !important;
        width: 100%;
    }

div#versionUploader .qq-gallery .qq-thumbnail-wrapper {
    overflow: hidden;
    position: relative;
    height: 70px;
    width: 121px;
    background: #fff;
    border-radius: 6px;
    padding: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

div#versionUploader .qq-gallery .qq-thumbnail-selector {
    border-radius: 4px;
    bottom: 0;
    top: 0;
    margin: auto;
    display: block;
    width: 100%;
    height: 57px;
    object-fit: contain;
    transform: none;
    ;
}
/* Container row */
.switch-row {
    display: flex;
    gap: 30px;
    align-items: center;
}

/* Each switch wrapper */
.switch {
    display: flex;
    align-items: center;
    gap: 8px; /* space between switch and text */
}

    /* Hide the original checkbox */
    .switch input[type="checkbox"] {
        appearance: none;
        -webkit-appearance: none;
        width: 35px;
        height: 18px;
        background: #ccc;
        border-radius: 50px;
        position: relative;
        cursor: pointer;
        outline: none;
        transition: background 0.3s;
        margin: 0px;
    }

        /* Knob inside the switch */
        .switch input[type="checkbox"]::after {
            content: "";
            position: absolute;
            top: 2px;
            left: 2px;
            width: 14px;
            height: 14px;
            background: white;
            border-radius: 50%;
            transition: transform 0.3s;
        }

        /* Checked state */
        .switch input[type="checkbox"]:checked {
            background-color: #4caf50;
        }

            .switch input[type="checkbox"]:checked::after {
                transform: translateX(17px);
            }

    /* Label text */
    .switch label {
        font-size: 14px;
        cursor: pointer;
        vertical-align: middle;
        margin: 0;
    }

.blockUI.blockMsg.blockPage h1 small {
    font-size: 15px !important;
    font-weight: normal !important;
    line-height: normal !important;
    display: block;
}

.PreviewValues a {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 180px;
    overflow: hidden;
}

.modal-dialog.modal-create-project .modal-header {
    padding: 8px 15px;
}

input#txtMediaType {
    border: 0;
    min-height: 34px;
    right: auto;
    left: 18px;
    max-width: 76%;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    max-height: 58px;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    height: auto !important;
}

    .select2-container .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar {
        width: 3px;
    }

    /* Track */
    .select2-container .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    .select2-container .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar-thumb {
        background: #c7c4c4;
        border-radius: 30px;
    }

        /* Handle on hover */
        .select2-container .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

div#divCV .form-control {
    border-radius: 6px;
    height: 76dvh;
    margin-bottom: 0px;
}

div#LightboxImageOptions > .row {
    margin-top: 0 !important;
}

div#toggleExpandSidebar, div#toggleCollapseSidebar {
    padding: 0;
    display: inline-flex;
    align-items: center;
    width: 25px;
    height: 25px;
    border-radius: 100% !important;
    background: #fff;
    justify-content: center;
    font-size: 12px;
}

.fxd_task_left-btn {
    width: 30px;
    padding-left: 0px;
    position: fixed;
    z-index: 10;
    margin-left: -11px;
    margin-top: 16px;
}

div#bodyContainer.col-lg-12 .df {
    margin-left: -2px;
}

div#sidebarCommentsContainer .data-container .comment.my_comments .wrapper {
    background: #008dfd0f;
}

.stage_tile .panel-title {
    font-size: 17px;
    font-weight: 600;
    margin-right: 8px;
}

.not_task_sect {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 11px 0;
}


.dropdown.task_btn_drop button {
    background: none;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 2px 2px;
    font-size: 13px;
    color: #666;
}

.dropdown.task_btn_drop {
    display: inline-flex;
    flex-shrink: 0;
}

    .dropdown.task_btn_drop button svg {
        width: 19px;
        height: 19px;
        margin-right: 0px;
        position: relative;
        top: -1px;
    }

.sm-caret svg {
    width: 16px;
}

.cpey_ly {
    padding-inline: 6px;
}

li.dropdown-header {
    text-align: right;
    display: block;
    width: 100%;
    clear: both;
    padding: 0 8px 8px;
    font-size: 13px;
}

table#ddlRecordsPerPage tr td {
    padding-inline: 14px;
    border-bottom: 1px solid #f1f1f1;
}

i.icon-copy.cpy-layer {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5,8.86l9,5.2a1,1,0,0,0,1,0l9-5.2A1,1,0,0,0,22,8a1,1,0,0,0-.5-.87l-9-5.19a1,1,0,0,0-1,0l-9,5.19A1,1,0,0,0,2,8,1,1,0,0,0,2.5,8.86ZM12,4l7,4-7,4L5,8Zm8.5,7.17L12,16,3.5,11.13a1,1,0,0,0-1.37.37,1,1,0,0,0,.37,1.36l9,5.2a1,1,0,0,0,1,0l9-5.2a1,1,0,0,0,.37-1.36A1,1,0,0,0,20.5,11.13Zm0,4L12,20,3.5,15.13a1,1,0,0,0-1.37.37,1,1,0,0,0,.37,1.36l9,5.2a1,1,0,0,0,1,0l9-5.2a1,1,0,0,0,.37-1.36A1,1,0,0,0,20.5,15.13Z' fill='%23666'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    width: 17px;
    height: 16px;
    background-size: 18px;
}

.move_btn {
    display: none !important;
}
div#pnlImagePreview {
    flex: 1;
    background: #fff;
    border-radius: 6px;
    padding: 2%;
}
div#DownloadModal .modal-header {
    height: auto;
}