/* Bootstrap Validation Summary Override */
.validation-summary-valid {
    display: none;
}

.validation-summary-errors ul {
    margin-bottom: 0;
    padding-left: 1rem;
}

.alert.validation-summary-errors {
    margin-bottom: 1rem;
}

/* Reference classes, no implementation */
.base,
.needs-validation,
.flex-start,
.text-faded,
.app-container-demo,
.lang-js,
.has-tooltip,
.has-popover {
}

/* Keeps analyzers happy */
.js-waves-off,
.js-waves-on,
.js-get-date,
.js-collapse,
.js-modal-settings,
.js-modal-preferences,
.js-filter-message,
.js-buttons,
.js-icon-class,
.js-icon-copy,
.js-bg-color,
.js-bg-gradient,
.js-bg-gradient-demo,
.js-bg-target {
}

/* Small word wrap correction */
section > ol > li {
    word-break: break-all;
}

code {
    border: 1px solid silver;
    padding: 0.03rem 0.2rem !important;
}

pre.prettyprint {
    border-radius: 0.2rem;
    padding-left: 0.4rem !important;
    padding-right: 0.4rem !important;
}

.documentation h2 {
    color: var(--primary);
}

.documentation th:first-child,
.documentation th:nth-child(3) {
    width: 16%;
}

.documentation blockquote {
    margin-left: 1rem;
    padding: 1rem 1rem 0.01rem 1rem;
    font-weight: 400;
    border-radius: 0 4px 4px 0;
    background: #edf2f9;
    border-left: 3px solid var(--primary);
}

    .documentation blockquote.info {
        background: #edf2f9;
        border-left: 3px solid var(--info);
    }

    .documentation blockquote.warning {
        background: #fff4db;
        border-left: 3px solid var(--warning);
    }

    .documentation blockquote.danger {
        background: #fadeeb;
        border-left: 3px solid var(--danger);
    }

/* Enter custom CSS rules for your application here */

.fa-file-excel.green {
    color: green;
}

.fa-file-pdf.red {
    color: red;
}

.fa-plus-square.createnew {
    /*    color: #fbff00;*/
}

.k-button.folder, .k-button.createnew, .k-button.settings {
    background-color: #f8f9fa;
}


.k-button.folder {
    color: white;
}




/***************************************************************************************************************************************************************
*********************************************************************override Telerik Kendo ********************************************************************
****************************************************************************************************************************************************************/

.k-grid a.menu-customised-button {
    float: left;
}

.k-grid a.menu-customised-button {
    color: #fff;
    background-color: #4679cc;
    border-color: #4679cc;
    -webkit-box-shadow: 0 2px 6px 0 rgba(70, 121, 204, 0.5);
    box-shadow: 0 2px 6px 0 rgba(70, 121, 204, 0.5);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

    .k-grid a.menu-customised-button:hover {
        color: #fff;
        background-color: #3366b9;
        border-color: #3060af;
    }


.k-grid-toolbar a {
    float: right;
    background-color: none;
    border-color: none;
    border-color: #f8f9fa;
    background-color: #f8f9fa;
}


.k-grid .zip-download, .k-grid .advanced-search, .k-grid .zip-download, .k-grid .reset-btn {
    float: left;
}

.k-grid-toolbar > * + * {
    /* margin-left: .375rem;*/
}

.k-grid .k-i-file-ppt:before,
.k-grid .k-i-file-pdf:before,
.k-grid .k-i-file-excel:before,
.k-grid .k-i-file:before,
.k-grid .k-i-file-image:before,
.k-grid .k-i-file-zip:before,
.k-grid .k-i-file-word:before,
.k-grid .k-i-file-csv,
.k-grid img.k-icon.rvt,
.k-grid img.k-icon.dwg,
.k-grid img.k-icon.ifc,
.k-grid img.k-icon.nwd,
.k-grid img.k-icon.dwf 
{
    font-size: 22px;
    position: relative;
    top: -2px;
}

.k-grid .k-grid-toolbar .fa-file-pdf:before,
.k-grid .k-grid-toolbar .fa-file-excel:before,
.k-grid .k-grid-toolbar .fa-file-spreadsheet:before,
.k-grid .k-grid-toolbar .fa-folder:before,
.k-grid .k-grid-toolbar .k-i-window-restore:before,
.k-grid .k-grid-toolbar .fa-download:before,
.k-grid .k-grid-toolbar .fal fa-filter:before,
.k-grid .k-grid-toolbar .fa-times:before,
.k-grid .k-grid-toolbar .k-i-zip:before,
.k-grid .k-grid-toolbar .k-i-cog:before {
    font-size: 20px;
}

.k-grid .fa-file-spreadsheet:before, #extension_container .fa-file-spreadsheet:before, #DocumentList .fa-file-spreadsheet:before, .k-file-preview-wrapper .fa-file-spreadsheet:before {
    color: #2f70d8;
}

.k-grid .k-i-file-word, #extension_container .k-i-file-word, #DocumentList .k-i-file-word, .folder-container .k-i-file-word, .k-file-preview-wrapper .k-i-file-word {
    color: blue;
}

.k-grid .k-i-file-zip, #extension_container .k-i-file-zip, #DocumentList .k-i-file-zip, .folder-container .k-i-file-zip, .k-file-preview-wrapper .k-i-file-zip {
    color: brown;
}

.k-grid .k-i-file-image, #extension_container .k-i-file-image, #DocumentList .k-i-file-image, .folder-container .k-i-file-image, .k-file-preview-wrapper .k-i-file-image {
    color: blue;
}

.k-grid .k-i-file, #extension_container .k-i-file-image, #DocumentList .k-i-file, .folder-container .k-i-file, .k-file-preview-wrapper .k-i-file {
    color: #d1d12c;
}

.k-grid .k-i-file-excel, #extension_container .k-i-file-excel, #DocumentList .k-i-file-excel, .folder-container .k-i-file-excel, .k-file-preview-wrapper .k-i-file-excel {
    color: green;
}

.k-grid .k-i-file-csv, #extension_container .k-i-file-csv, #DocumentList .k-i-file-excel, .folder-container .k-i-file-csv, .k-file-preview-wrapper .k-i-file-csv {
    color: coral;
}


.k-grid .k-i-file-pdf, #extension_container .k-i-file-pdf, #DocumentList .k-i-file-pdf, .folder-container .k-i-file-pdf, .k-file-preview-wrapper .k-i-file-pdf {
    color: red;
}

.k-grid .k-i-file-ppt, #extension_container .k-i-file-ppt, #DocumentList .k-i-file-ppt, .folder-container .k-i-file-pdf, .k-file-preview-wrapper .k-i-file-pdf {
    color: #cf4010;
}

.k-grid td {
    font: 400 12px Arial,Helvetica,sans-serif;
    color: #656565;
}

/***************************************************************************************************************************************************************
****************************************************************************************************************************************************************
****************************************************************************************************************************************************************/


.frame-wrap .custom-switch {
    display: inline;
    top: 7px;
    position: relative;
}

/*.card-header.project, .card-header.document {
    background-color: #2c578f;
    color: white;
}
 */
#project-settings-menu .k-menu-link {
    /*    padding: 0.7rem .7rem;*/
}

.desktop .rules-group-container {
    width: 100%;
}

.customised-context-menu {
    float: right;
    cursor: pointer;
}


#vertical .fal.fa-folder.fa-4x {
    font-size: 1.5em;
}

.k-grid a.link-btn {
    color: #2c548c;
    text-decoration: inherit !important;
}

    .k-grid a.link-btn:hover {
        color: #2d4465ba;
        cursor: pointer;
        text-decoration: underline !important;
    }


.k-grid a.link-btn {
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    -ms-transition: color 1s;
    -o-transition: color 1s;
    transition: color 1s;
}

.bg-transparet-border-none {
    background: transparent;
    border: none;
}

.border-none {
    border: none;
}

@media only screen and (max-width: 1300px) and (min-width: 992px) {
    .dt-basic-example-c3 {
        word-wrap: break-word;
        width: 150px;
        word-break: break-all;
    }
}

.card-header.project, .card-header.document {
    background-color: #edf2f9;
    color: white;
    width: 100%;
    padding: 10px 0px 10px 10px;
    color: rgba(33,37,41,.9);
    font-size: 1rem;
    line-height: 1.5;
    border: none;
}

.k-drawer-container { /*added this border for file upload in --- >>>> Document/Create*/
    border: 1px solid #dde2e7;
}


.k-button.k-button-icontext.k-grid- .zip-color {
    color: gray;
}

.hide-element-children > a.k-header-column-menu, .hide-element-children > a.k-link { /*//christ to check what is this*/
    visibility: hidden;
}


.hover-box-shawdow:hover {
    cursor: pointer;
    box-shadow: 0 0 20px #dee0e0;
}

.text-settings {
    font-weight: 400;
    font-size: 16px;
}

.main-settings-row {
    margin-top: 1.5rem;
}

.clearable__clear {
    font-size: 16px;
    color: red;
    cursor: pointer;
    font-weight: 800;
    z-index: 1;
}


.AttchachMailListDiv .k-upload-files.k-reset li {
    display: inline-block;
}

.FileList.list-group-item {
    padding: 0.3rem 0.725rem;
}

.app-list-name.text-uppercase.administration-span {
    overflow: inherit;
    overflow: inset;
}


.borderless td, .borderless th {
    border: none;
}

.table.table-activity td {
    padding: 2px 5px 5px 5px;
}


.modal-dialog.modal-dialog-centered.WFDR {
    /*   margin: 0;
    padding: 0;
    max-height: 100%;
    max-width: 100%;*/
}

    .modal-dialog.modal-dialog-centered.WFDR .modal-content {
        /*    height: calc(100vh - 0px);*/
    }

ol.page-breadcrumb li.position-absolute span.print,
ol.page-breadcrumb li.position-absolute span.view {
    font-size: 16px;
    padding: 3px 10px 3px 10px;
}
/* QA-287 */
#js-page-content-demopanels .k-grid .k-loading-pdf-mask {
    /*.k-loading-pdf-progress.k-widget.k-progressbar.k-progressbar-horizontal */
    display: none;
}
/*End QA-287 ***********************************************************************************/




.container-project {
    width: 250px;
}

/*@media (max-width: 665.98px) {*/
/*   .container-project {
        width: 100px;
    }*/
/*}

@media (min-width: 666px) {
   

} 


    .container-project .select2-selection__rendered {*/
/*   width: 50px !important;*/
/*text-overflow: ellipsis !important;
        white-space: nowrap !important;
        overflow: hidden !important;
    }

        .container-project .select2-selection__rendered:hover {
            overflow: visible !important;
        }*/


@media (max-width: 650px) {
    .page-wrapper .page-inner .page-content-wrapper .page-header {
        height: 8.0rem;
    }

        .page-wrapper .page-inner .page-content-wrapper .page-header .container-project {
            padding: 0rem 1rem 0rem 0rem;
            position: absolute;
            height: 8.0rem;
            bottom: -87px;
        }
}

@media (min-width: 651px) {
    .page-wrapper .page-inner .page-content-wrapper .page-header .container-project {
        position: relative;
    }
}

.container-table-responsive-home {
    overflow-x: auto;
    display: block;
    width: 100%;
    max-width: 100%;
    /*height: 350px;*/
    max-height: 250px;
}

.customized-forge {
    height: 100% !important;
}

.resViewer-customised {
    height: 500px;
}

i#DocumentsArrow, i#StepsArrow {
    cursor: pointer;
    transition: 0.3s;
}

    i#DocumentsArrow:hover, i#StepsArrow:hover {
        color: #2b4c81;
    }

.sidebar-document {
    height: 100%;
    width: 0;
    position: relative;
    z-index: 1;
    top: 0;
    left: 0;
    /*        background-color: #111;*/
    overflow-x: hidden;
    transition: 0.5s;
    /*  padding-top: 60px;*/
}

    .sidebar-document a.close-btn-forge {
        padding: 5px 15px 5px 0px;
        text-decoration: none;
        font-size: 25px;
        color: #818181;
        /*   display: block;*/
        transition: 0.3s;
        display: flex;
        align-items: self-end;
        justify-content: flex-end;
    }

        .sidebar-document a.close-btn-forge:hover {
            color: #f1f1f1;
        }

    .sidebar-document .close-btn-forge {
        /*    position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;*/
    }

.sidebar-step {
    height: 100%;
    width: 0;
    position: relative;
    z-index: 1;
    top: 0;
    left: 0;
    /*        background-color: #111;*/
    overflow-x: hidden;
    transition: 0.5s;
    /*  padding-top: 60px;*/
}

    .sidebar-step a.close-btn-forge {
        padding: 5px 15px 5px 0px;
        text-decoration: none;
        font-size: 25px;
        color: #818181;
        /*   display: block;*/
        transition: 0.3s;
        display: flex;
        align-items: self-end;
        justify-content: flex-end;
    }

        .sidebar-step a.close-btn-forge:hover {
            color: #f1f1f1;
        }

    .sidebar-step .close-btn-forge {
        /*    position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;*/
    }

.open-btn-forge {
    font-size: 20px;
    cursor: pointer;
    background: #f7f9fa;
    color: rgba(0,0,0,.8);
    padding: 10px 15px;
    border: none;
}

    .open-btn-forge:hover {
        background-color: lightgrey;
    }


.project-container {
    padding: 5px 10px 5px 10px;
    /*background: #edf2f9;*/
    border: 1px solid #e0e0e0;
    height: 100%;
}

.project-address-title, .project-weather-title, .project-photo-title {
    font-weight: 500;
    font-size: 16px;
}

@media (min-width: 768px) {
    .project-photo-img {
        height: 100%;
        max-height: 100px;
    }
}

.project-address, .city-name, .temp-weather-container figcaption {
    font-weight: 500;
    margin-bottom: 0px;
}

.cities .city .city-name {
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
}

.temp-weather-container {
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    justify-content: space-evenly;
    align-items: baseline;
}

.project-photo-img {
    width: 100%;
}

.ajax-section {
    border: 1px solid #2b4c81;
    margin-top: 10px;
    color: white;
    /*    background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent));
    background-image: linear-gradient( 270deg, rgba(51, 148, 225, 0.18), transparent);*/
    background-color: #6e96d7;
    animation: animateFadeInUp 0.7s;
    /*   color: #4679cc;*/
    -webkit-animation: animateFadeInUp 0.7s;
    border-radius: 10px;
    border-color: #6e96d7;
}

    .ajax-section .city {
        position: relative;
        /*padding: 40px 10%;*/
        border-radius: 20px;
        background: var(--text_light);
        color: var(--text_med);
    }

        .ajax-section .city::after {
            content: ’’;
            width: 90%;
            height: 50px;
            position: absolute;
            bottom: -12px;
            left: 5%;
            z-index: -1;
            opacity: 0.3;
            border-radius: 20px;
            background: var(--text_light);
        }

    .ajax-section figcaption {
        /*margin-top: 10px;*/
        text-transform: uppercase;
        /*        letter-spacing: 0.05em;*/
    }

    .ajax-section .city-temp {
        font-size: 3rem;
        font-weight: bold;
        color: var(--text_dark);
        text-align: center;
    }

    .ajax-section .city sup {
        font-size: 0.5em;
    }

    .ajax-section .city-name sup {
        padding: 0.2em 0.6em;
        border-radius: 30px;
        color: var(--text_light);
        background: var(--orange);
    }

    .ajax-section .city-icon {
        position: relative;
        bottom: 10px;
    }

    .ajax-section .city-icon {
        max-width: 100px;
        max-height: 100px;
    }

    .ajax-section ul {
        list-style: none;
    }

.btn-events-container {
    margin-bottom: 0.8rem;
}

    .btn-events-container span {
        margin-left: 5px;
    }


.blue.btn.btn-outline-danger {
    color: #2b4c81;
    border-color: #2b4c81;
}

    .blue.btn.btn-outline-danger:hover {
        color: #fff;
        background-color: #2b4c81;
        border-color: #2b4c81;
        background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent));
        background-image: linear-gradient( 270deg, rgba(51, 148, 225, 0.18), transparent);
    }

.red.btn.btn-outline-danger {
    color: red;
    border-color: red;
}

    .red.btn.btn-outline-danger:hover {
        color: #fff;
        background-color: red;
        border-color: red;
    }




/*christ to check to add rest the rest of .panel classes to add in panel-customised*/
.panel-customised {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 13px 0px rgb(26 52 95 / 8%);
    box-shadow: 0px 0px 13px 0px rgb(26 52 95 / 8%);
    /*    margin-bottom: 1.5rem;*/
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid #e0e0e0;
    border-radius: 4px;
    -webkit-transition: border 500ms ease-out;
    transition: border 500ms ease-out;
}

@media (min-width: 768px) {
    .panel-customised {
        height: -webkit-calc(100% - 23px);
        height: -moz-calc(100% - 23px);
        height: calc(100% - 23px);
    }
}

.panel-customised .panel-container {
    position: relative;
    border-radius: 0 0 4px 4px;
}

/*End christ to check to add rest the rest of .panel classes to add in panel-customised*/

.red.btn.btn-danger {
    color: #fff;
    background-color: red;
    border-color: red;
}



    .red.btn.btn-danger:hover {
        color: #fff;
        background-color: #d80e0e;
        border-color: #d80e0e;
    }


.container-fluid-project {
    padding-top: 15px;
}

.text-transform-capitalize {
    text-transform: capitalize;
}


.folder-breadcrumb {
    padding: 2px 5px 2px 10px;
    background: white;
    color: white;
    font-weight: 400;
    color: #2c568e;
    border: none;
    border-radius: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.float-revert {
    float: revert;
}

/*#gridRegister  .k-header:first-child,
#gridTemporary .k-header:first-child,
#gridDelete    .k-header:first-child,
#gridRole      .k-header:first-child
{
    padding-left: 27px;
}
*/
.recover-password-image {
    width: 17px;
}


#project-settings-menu .k-menu:not(.k-context-menu) {
    padding: 2px;
    border-color: #fffaee;
    border-radius: 4px;
    border: 1px solid;
    border-color: #2196F3 !important;
    color: #2196F3;
    background: white;
    margin-left: 30px;
    MARGIN-RIGHT: 28PX;
    margin-top: 10px;
    margin-bottom: 10px;
}

#project-settings-menu #Menu .k-menu-link {
    color: #2196f3;
}

    #project-settings-menu #Menu .k-menu-link:hover {
        color: #2b4c81;
    }


#project-settings-menu ul {
    font-size: 14px;
}

#project-settings-menu {
    /*  margin-bottom: 20px;*/
}

    #project-settings-menu .k-menu-group .k-menu-link {
        padding: 5px 1.5rem;
        font-size: 14px;
    }

    #project-settings-menu .k-menu-group, .k-menu.k-context-menu {
        background: white;
        /* Safari 3-4, iOS 1-3.2, Android 1.6- */
        -webkit-border-radius: 5px;
        /* Firefox 1-3.6 */
        -moz-border-radius: 5px;
        /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
        border-radius: 5px;
    }

    #project-settings-menu .k-menu:not(.k-context-menu) > .k-item {
        color: rgb(45 87 144);
    }



    #project-settings-menu .k-item.k-state-default.k-menu-item.k-state-hover:not(.k-first) {
        border-color: #edf2f9;
        background-color: #edf2f9;
    }


    #project-settings-menu .k-item.title-project {
        cursor: none;
        pointer-events: none;
        box-shadow: inset 0 0 0 0px rgb(33 37 41 / 15%);
    }


#treeview.k-widget {
    height: 100%;
}

.btn-properties-container > div {
    margin-right: 5px;
}

.bg-gray {
    background: #d3d3d338;
}

.stripped-rows > div:nth-child(odd) {
    background-color: #ded3d330;
}

    .stripped-rows > div:nth-child(odd) > .frame-wrap {
        background-color: #80808059;
    }

.properties-related-items-container .card-body {
    overflow: auto;
}

.fav-conf-handover, .mail-conf-container {
    justify-content: flex-end;
}

.chkIsFavorite-properties {
    position: relative;
    bottom: 10px;
    left: -5px;
}

.actions-container-view-properties {
}

.margin-0 {
    margin: 0 !important;
}

.rows-properties-view > .row {
    /*padding: 15px 0px 15px 5px;*/
    padding: 8px 0px 8px 5px;
}


.breadcrumb-Step-review {
    width: 80%;
    display: flex;
    justify-content: space-between;
}

.actions-review {
    width: 20%;
    align-items: flex-end;
    margin-bottom: 0.6rem;
}

.created-review-info {
    display: flex;
    flex-direction: row;
}

.created-review-info {
    padding-right: 10px;
}

.actions-properties-view,
.actions-mail-view {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
}


.actions-review {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

    .actions-properties-view > div,
    .actions-review > div {
        margin-right: 5px;
    }

    #shareDocBtn{
        margin-right: 5px;
    }


.header-container-properties-view {
    margin-bottom: 10px;
    justify-content: space-between;
    align-items: stretch;
}


.icon-stack.revision {
    height: 0.2em;
    line-height: 0.2em;
}

#extension_container i, #extension_container .k-icon {
    font-size: 30px;
    position: relative;
    bottom: 4px;
}

.column-revision-view {
    background-color: white;
    border: none;
    color: black;
    cursor: pointer;
    /*opacity: 0.75;*/
    transition: 0.3s;
    /* border-bottom: 1px solid #edf2f9; */
}

    .column-revision-view:hover {
        background: #2c589126;
    }

.column-revision-selected {
    background: #ded3d352;
    /* border: 1px solid #2c568f;
}

.column-revision-view .card-body {
/*    padding: 7px;*/
}


.revision-date-view {
    float: right;
}


.file-container-view {
    width: 100%;
    margin-left: 10px;
}


.card-body-related-items {
    overflow: auto;
}

.properties-view-thumbnail {
    width: 100px;
    height: 100px;
}


.view-title {
    font-weight: 500;
}


#Local .k-widget.k-upload.k-upload-async.k-upload-empty {
    border: 0;
}


.file-upload-container {
    /*width: 100%;*/
}

    .file-upload-container .k-widget.k-drawer .k-drawer-wrapper {
        /*width: 280px;*/
    }

.hidden {
    display: none;
}


.file-upload-container {
    display: flex;
    /* flex-grow: revert; */
    /* flex: 1 1 0; */
    flex-flow: column;
}


.local-upload {
    /*   display: flex;*/
    /*    justify-content: center;
    align-items: center;*/
}

    .local-upload .drag-and-drop {
        padding: 5px;
        border: 1px dashed #80808091;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        cursor: pointer;
    }


#toolbar.toolbar-div-upload {
    border: 0;
}

@media (min-width: 1220px) {
    /*   #toolbar.toolbar-div-upload {
        flex-basis: 24%;
    }*/

    .local-upload {
        margin-left: -60px;
    }
}

#Local .text-danger.field-validation-error {
    padding-top: 15px;
}

.create-row-local-upload.create-sub-card-body-container {
    border: none;
}

.create-row-local-upload {
    padding-bottom: 15px;
    border: 1px solid #ebebeb;
    justify-content: flex-start;
    align-items: flex-start;
}


@media (max-width: 665.98px) {
    .drag-and-drop {
        width: 240px;
    }
}

@media (min-width: 666px) {
    .drag-and-drop {
        width: 200px;
    }
}

/*
@media (min-width: 992px) {

    .col-lg-20-width {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .col-lg-80-width {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }

}
*/

.dropbox-container {
    padding-bottom: 15px;
}


.col-home-users {
    overflow: auto;
    padding: 0;
}

    .col-home-users ul.users-ul {
        max-height: 106px;
        padding-bottom: -8px;
        padding-bottom: 10px;
        overflow-x: hidden;
        padding: 0;
    }

    .col-home-users .users-ul {
        margin-bottom: 0;
    }


#dropdown-menu-dropdownMenuLinkActivities.dropdown-menu {
    left: -80px !important;
}

#dropdownMenuLinkTools-dropdown-menu.dropdown-menu {
    left: -182px !important;
}

#dropdownMenuLink-dropdown-menu.dropdown-menu {
    left: -56px !important;
}

a.folder-a-href-register {
    padding: 5px 10px 5px 10px;
}

    a.folder-a-href-register span.fal.fa-file-alt {
        font-size: 20px !important;
    }

#tabstrip.k-tabstrip .k-tab-on-top.k-state-active span.k-link {
    border-color: #e3e3e3;
    /*    color: #14afca;*/
    background-color: #fff;
    background-image: linear-gradient(#ebebeb,#fff);
}


#tabstrip.k-tabstrip .k-state-active span.k-loading:before {
    width: 100%;
    border-width: 4px 0 0;
    border-style: solid;
    left: 0;
}

#tabstrip.k-tabstrip .k-state-active span.k-loading:before {
    content: "";
    display: block;
    position: absolute;
    border-color: #2b4c81; /* #14afca;*/
}


.file-attachments-h4 {
    background: #e2e2e2;
    color: black;
    padding: 10px 0px 10px 5px;
}


.document-upload-files-title {
    margin-left: 10px;
    font-weight: 400;
    color: black;
}

.mail-upload-files-title {
    margin-bottom: 10px;
    padding-left: 15px;
    font-weight: 500;
    border-bottom: 1px solid #ebe8e8;
    width: 100%;
}

.w-10 {
    width: 10%;
}

.w-30 {
    width: 30%;
}

.w-60 {
    width: 60%;
}

.w-70 {
    width: 70%;
}

.file-attachments-container #DocumentListDiv,
.file-attachments-container #MailListDiv,
.file-attachments-container #LocalListDiv {
    border: 1px solid #e5e5e5;
    /* margin-top: 30px; */
    margin-bottom: 15px;
}


.k-tabstrip-top > .k-tabstrip-items li.k-item.k-state-active {
    border-bottom-color: #e3e4e4;
}



/*.review-header {
    display: -webkit-box;*/ /* OLD - iOS 6-, Safari 3.1-6 */
/*display: -moz-box;*/ /* OLD - Firefox 19- (buggy but mostly works) */
/*display: -ms-flexbox;*/ /* TWEENER - IE 10 */
/*display: -webkit-flex;*/ /* NEW - Chrome */
/*display: flex;*/ /* NEW, Spec - Opera 12.1, Firefox 20+ */
/*justify-content: space-evenly;
    align-items: self-start;
    -webkit-box-shadow: 0px 0px 28px 0px rgb(37 74 135 / 13%);
    box-shadow: 0px 0px 28px 0px rgb(37 74 135 / 13%);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 4.125rem;
    position: relative;
    z-index: 1000;
    width:100%;
}

.review-header {
    color:white;
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent));
    background-image: linear-gradient( 270deg, rgba(51, 148, 225, 0.18), transparent);
    background-color: #2b4c81;
}
 



.review-header .header-sub-item {
    font-weight:600;
}
.mini-header {
    padding: 10px;
    background: #6da2d8;
}

.review-header-main {
    width: 100%;
    max-width: 100%;
}

.tabs-container ul.nav-tabs li {
    border-bottom: #e5e5e5;
}*/


/*.right-tabs-container {
    float: right;
}

    .right-tabs-container .children {
        padding: 5px;
        background: red;
        padding: 5px;
        background: red;
        width: 400px;
    
        margin-right: -360px;
    } */

#SubmitReviewModalBody {
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    align-items: center;
    justify-content: center;
}

.review-container {
    background-color: #2c5790;
    /* width: 50%; */
    padding: 15px;
    width: 250px;
}

.btn-skip-terminate-container {
    display: flex;
    align-items: flex-start;
}
/*.col-steps-review {
    display: -webkit-box;*/ /* OLD - iOS 6-, Safari 3.1-6 */
/*display: -moz-box;*/ /* OLD - Firefox 19- (buggy but mostly works) */
/*display: -ms-flexbox;*/ /* TWEENER - IE 10 */
/*display: -webkit-flex;*/ /* NEW - Chrome */
/*display: flex;*/ /* NEW, Spec - Opera 12.1, Firefox 20+ */
/*align-items: flex-start;
    justify-content: space-between;
}*/



.submit-toolbar-review {
    padding: 0 !important;
    border: 0 !important;
}

.Iframe-review-container {
    height: 100%;
}

.create-date-section {
    float: right;
    width: 250px;
}


    .create-date-section #lbl_Createddate,
    .create-date-section #lbl_LastUpdatedDate {
        float: right;
    }

#actions-review .dropdown-menu.actions.show {
    left: -63px !important;
}

.diagram-container-review {
    /* width:80%;*/
    height: 600px;
    max-height: 100%;
}

    .diagram-container-review.form {
        /*  height:100%;*/
    }

.diagram-container-review, .right-section-review {
    /*    padding-right: 0.75rem;
    padding-left: 0.75rem;*/
}

.right-section-review {
    /*    width: 20%;*/
}

.diagram-container-review {
    padding-right: 10px;
}


.properties-information-view {
    display: flex;
    FLEX-DIRECTION: COLUMN;
    JUSTIFY-CONTENT: flex-start;
    ALIGN-ITEMS: end;
    POSITION: ABSOLUTE;
    RIGHT: 0PX;
    BOTTOM: 45PX;
}

.mail-information-view {
    display: flex;
    FLEX-DIRECTION: COLUMN;
    JUSTIFY-CONTENT: flex-start;
    ALIGN-ITEMS: end;
    POSITION: ABSOLUTE;
    RIGHT: 0PX;
    BOTTOM: 100PX;
}

.title-created-date-review,
.title-last-updated-date-review,
.title-createdbyname-review {
    line-height: 1.3;
    font-weight: 500;
    width: 110px;
}


.confidential-container {
    margin-right: 63px;
}

#ni-control {
    cursor: pointer;
    margin-bottom: 10px;
}


.right-section-review .fa-angle-left {
}


.card-body-review {
    text-align: center;
    padding: 10px;
}


    .card-body-review a {
        color: black !important;
    }

.collapse-column-review {
    cursor: pointer;
    font-size: 16px;
    text-align: center;
    background: #2c5790;
    color: white;
}


.information-container-review {
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex-direction: column;
    align-items: center;
}


.column-revision-view:hover { /*christ to check with priscilla if needed it*/
    /*    background: #305590;
    color: #fff;
    overflow: visible;
    z-index: 10;*/
}

#collapseColumn_i {
    font-size: 25px;
}
/*//christ to check to add it in min font-awesome*/
.fa-clone:before {
    content: "\f24d";
}


.current-step-participants,
.step-particpants {
    display: flex;
    align-items: self-start;
    justify-content: center;
    background: #2c578f80;
    color: white;
    padding: 5px;
}

.step-particpants {
    /*  display: flex;
    flex-direction: column;*/
}

.participant-container {
    width: 100%;
}

    .participant-container p {
        padding-left: 1%;
        text-align: left;
    }

.chkFavorite-container {
    position: absolute;
    top: 6px;
}



.modal-footer-fixed-customised {
    width: 100%;
    background: white;
    position: sticky;
    bottom: 4px;
    right: 0;
    z-index: 1;
}


.close.multipleuploadlist {
    background: #234775;
    padding: 10px;
}

.participant-container {
    padding: 5px;
}

.label-step-particpants {
    width: 100%;
    text-align: center;
    font-weight: 500;
}

.k-context-menu li.k-item .k-link.k-menu-link i, .k-context-menu li.k-item .k-link.k-menu-link img {
    padding-right: 0.5rem
}



#tBodyRelatedItem #btnRelatedAttachFile {
    cursor: pointer;
}



.customToolbarBtn {
    float: left !important;
    color: #fff !important;
    background-color: #4679cc !important;
    border-color: #4679cc !important;
}

    .customToolbarBtn:hover {
        background-color: #3366b9 !important;
        border-color: #3060af !important;
    }




.properties-view-thumbnail-modal {
    padding: 15px;
}

.container-fluid .recent-activity-item {
    color: inherit !important;
    /*   text-decoration: unset !important;*/
    font-weight: 400 !important;
    cursor: pointer;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0,0,0,.06);
}

.recent-activity-item:hover {
    text-decoration: none;
    background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(29,33,41,.03)),to(rgba(29,33,41,.04)));
    background-image: linear-gradient(rgba(29,33,41,.03),rgba(29,33,41,.04));
}

.recent-activity-item > div {
    margin-top: 5px;
}

.recent-activity-item .document-number {
    font-weight: 500;
}

.recent-activity-item .document-date {
    color: #fff;
    background-color: #4679cc;
    border-radius: 4px;
    padding: 0.25em 0.4em;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.recent-activity-item .title {
    /*    width: 55px;*/
}


.recent-activity-item .sub div {
    margin-top: 2px;
}

.sub-header-section {
    border: 1px solid #e3e4e4;
    float: right;
    /*    font-size: 20px;*/
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.header-sub-icon-toggle:hover {
    border-color: #c7cdd5;
    color: #212529;
    background-color: #ced3db;
    text-decoration: none;
    outline: 0;
}

.header-sub-icon-toggle.active {
    border-color: #c7cdd5;
    color: #212529;
    background-color: #ced3db;
    text-decoration: none;
    outline: 0;
}

    .header-sub-icon-toggle.active:before {
        content: '\f413';
        font-family: 'nextgen-icons';
        position: absolute;
        top: calc(50% - 16px);
        right: 4px;
        font-size: 7px;
        height: 10px;
        width: auto;
        color: #24b3a4;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

.header-sub-icon-toggle {
    /*    border-radius: .25rem;
    border-width: 1px;
    border-style: solid;*/
    font-weight: 500;
    color: #494949;
    padding: .375rem .75rem;
    box-sizing: border-box;
    font-size: 20px;
    line-height: 1.5;
    font-family: inherit;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: 0;
    -webkit-appearance: none;
    position: relative;
}

.header-sub-icon-toggle {
    transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;
}

#Local .k-dropzone-hint {
    display: none;
}



.modal-fullscreen.show .height-min-max-100-width-min-max-100 {
    height: 100% !important;
    /*   min-height: 100%;
    max-height: 100%;
    max-width: 100%;*/
    width: 100% !important;
}


.customised-widget .container-fluid .sub {
    /*font-family: inheret;*/
    padding-left: 17px;
}

.customised-widget .sub .title-container {
    display: flex;
}


    .customised-widget .sub .title-container .title {
        /* font-weight: 500;*/
    }

.customised-widget .sub .title-logging {
    font-weight: 500;
    margin-right: 5px;
}

.customised-widget .sub .title-container .DocumentNumber {
}

.document-revision .title, .document-version .title {
    font-weight: 500;
}


@media (min-width: 768px) {
    .row.recent-activity-item .float-right {
        padding-right: 8px;
    }
}



.container-table-responsive-home.activity {
    overflow: hidden;
}


/*.breadcrumb-arrow li:nth-child(even) a:before {
    border-color: #b5b7bb;
}*/


.col-lg-8 .breadcrumb-workflows-review li {
    opacity: 0.5;
}

    .col-lg-8 .breadcrumb-workflows-review li.active {
        opacity: 1;
    }

.breadcrumb-workflows-review {
    height: 100%;
    align-items: flex-end;
    padding-bottom: 13px;
}

#project-settings-menu {
    margin-right: -2rem;
    margin-left: -2rem;
}


.container-review-information {
    width: 100%;
    margin-right: 20%;
}

/*
.container-information {
    width:100%;
}*/


.date-container-review-form {
    /*  position: absolute;
    right: 23%;
    top: 17.6%;*/
}



.date-container-review {
    /*  position: absolute;
    right: 23%;
    top: 11.7%;*/
}



#supplementary-files-cards .card-body-review .item {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
}


.preview-file-container {
    white-space: nowrap;
    overflow-x: auto;
}

.participant-container p {
    margin-bottom: 5px;
    padding-left: 1%;
    text-align: left;
    margin-top: 5px;
}

.folder-breadcrumb:last-child:not(:first-child) {
    font-weight: 500;
}


.gogo {
    vertical-align: top;
    color: #555;
}

    .gogo.iw {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        -webkit-font-smoothing: auto;
        font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
        font-size: .75rem;
        letter-spacing: 0.3px;
        color: #5f6368;
        line-height: 20px;
        max-width: -webkit-calc(100% - 8px);
        max-width: calc(100% - 8px);
        position: relative;
        /*top: 4px;*/
    }

.open-mail-to-view,
.open-mail-subject-view,
.open-mail-cc-view {
    font-weight: 500;
    margin-right: 5px;
}

.create-by-name-mail-view {
    /*    color: #2c558e;*/
    font-weight: 400;
}

.btn-more-information-mail {
    margin-left: 10px;
    padding: 0;
    z-index: 100;
}

.fw-500 {
    font-weight: 500;
}

.document-container-mail,
.mail-list-container,
.local-disc-container-mail {
    margin-bottom: 5px;
}

.document-container-mail-sub,
.mail-list-container-sub,
.local-disc-container-mail-sub {
    margin-left: 15px;
}

.p-3-file-attachments {
    border-bottom: 1px solid #ebe8e8;
}

.mail-attach-href-container {
    margin-bottom: 10px;
}


/*.vertical-ellipsis::before {
    content: "\22EE";
}
*/
/*.vertical-ellipsis::after {
    content: "\22EE";
}*/


.testingchrist:hover {
    background-color: gray;
    border-radius: 10px;
}

/*
.row .block {
    float: left;
    width: 25%;
    height: 150px;
}*/

.hovicon {
    display: inline-block;
    font-size: 11px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    text-decoration: none;
    z-index: 1;
    color: #fff;
}

    .hovicon .fa-ellipsis-v {
        color: #2b4c81;
    }



    .hovicon.small {
        font-size: 20px;
        line-height: 45px;
        width: 45px;
        height: 45px;
        margin: 7px;
    }

    .hovicon.mini {
        font-size: 15px;
        line-height: 32px;
        width: 30px;
        height: 30px;
        margin: 7px;
    }

    .hovicon.auto-width {
        width: auto;
        height: auto;
        padding: 15px;
    }

    .hovicon:after {
        pointer-events: none;
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        content: '';
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    .hovicon:before {
        speak: none;
        font-size: 48px;
        line-height: 90px;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: block;
        -webkit-font-smoothing: antialiased;
    }
    /* Effect 1 */
    .hovicon.effect-1 {
        background: rgba(255, 255, 255, 0.1);
        -webkit-transition: background 0.2s, color 0.2s;
        -moz-transition: background 0.2s, color 0.2s;
        transition: background 0.2s, color 0.2s;
    }

        .hovicon.effect-1:after {
            top: -7px;
            left: -7px;
            padding: 7px;
            box-shadow: 0 0 0 4px #fff;
            -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
            -webkit-transform: scale(.8);
            -moz-transition: -moz-transform 0.2s, opacity 0.2s;
            -moz-transform: scale(.8);
            -ms-transform: scale(.8);
            transition: transform 0.2s, opacity 0.2s;
            transform: scale(.8);
            opacity: 0;
        }
        /* Effect 1a */
        .hovicon.effect-1.sub-a:hover {
            background: rgba(255, 255, 255, 1);
            color: #868e96;
        }

            .hovicon.effect-1.sub-a:hover i {
                color: #868e96;
            }

            .hovicon.effect-1.sub-a:hover:after {
                -webkit-transform: scale(1);
                -moz-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1);
                opacity: 1;
            }
        /* Effect 1b */
        .hovicon.effect-1.sub-b:hover {
            background: rgba(255, 255, 255, 1);
            color: #868e96;
        }

            .hovicon.effect-1.sub-b:hover i {
                color: #868e96;
            }

        .hovicon.effect-1.sub-b:after {
            -webkit-transform: scale(1.2);
            -moz-transform: scale(1.2);
            -ms-transform: scale(1.2);
            transform: scale(1.2);
        }

        .hovicon.effect-1.sub-b:hover:after {
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            opacity: 1;
        }
    /* Effect 2 */
    .hovicon.effect-2 {
        color: #eea303;
        box-shadow: 0 0 0 3px #fff;
        -webkit-transition: color 0.3s;
        -moz-transition: color 0.3s;
        transition: color 0.3s;
    }

        .hovicon.effect-2:after {
            top: -2px;
            left: -2px;
            padding: 2px;
            z-index: -1;
            background: #fff;
            -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
            -moz-transition: -moz-transform 0.2s, opacity 0.2s;
            transition: transform 0.2s, opacity 0.2s;
        }
        /* Effect 2a */
        .hovicon.effect-2.sub-a:hover, .hovicon.effect-2.sub-a:hover i {
            color: #eea303;
        }

            .hovicon.effect-2.sub-a:hover:after {
                -webkit-transform: scale(0.85);
                -moz-transform: scale(0.85);
                -ms-transform: scale(0.85);
                transform: scale(0.85);
            }
        /* Effect 2b */
        .hovicon.effect-2.sub-b:hover:after {
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            opacity: 0;
            -webkit-transition: -webkit-transform 0.4s, opacity 0.2s;
            -moz-transition: -moz-transform 0.4s, opacity 0.2s;
            transition: transform 0.4s, opacity 0.2s;
        }

        .hovicon.effect-2.sub-b:hover, .hovicon.effect-2.sub-b:hover i {
            color: #fff;
        }
    /* Effect 3 */
    .hovicon.effect-3 {
        box-shadow: 0 0 0 4px #fff;
        -webkit-transition: color 0.3s;
        -moz-transition: color 0.3s;
        transition: color 0.3s;
    }

        .hovicon.effect-3:after {
            top: -2px;
            left: -2px;
            padding: 2px;
            z-index: -1;
            background: #fff;
            -webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
            -moz-transition: -moz-transform 0.2s, opacity 0.3s;
            transition: transform 0.2s, opacity 0.3s;
        }
        /* Effect 3a */
        .hovicon.effect-3.sub-a, .hovicon.effect-3.sub-a i {
            color: #f06060;
        }

            .hovicon.effect-3.sub-a:hover, .hovicon.effect-3.sub-a:hover i {
                color: #fff;
            }

                .hovicon.effect-3.sub-a:hover:after {
                    -webkit-transform: scale(1.3);
                    -moz-transform: scale(1.3);
                    -ms-transform: scale(1.3);
                    transform: scale(1.3);
                    opacity: 0;
                }
        /* Effect 3b */
        .hovicon.effect-3.sub-b, .hovicon.effect-3.sub-b i {
            color: #fff;
        }

            .hovicon.effect-3.sub-b:hover, .hovicon.effect-3.sub-b:hover i {
                color: #f06060;
            }

            .hovicon.effect-3.sub-b:after {
                -webkit-transform: scale(1.3);
                -moz-transform: scale(1.3);
                -ms-transform: scale(1.3);
                transform: scale(1.3);
                opacity: 0;
            }

            .hovicon.effect-3.sub-b:hover:after {
                -webkit-transform: scale(1);
                -moz-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1);
                opacity: 1;
            }
    /* Effect 4 */
    .hovicon.effect-4 {
        width: 92px;
        height: 92px;
        box-shadow: 0 0 0 4px rgba(255, 255, 255, 1);
    }

        .hovicon.effect-4.small {
            width: 45px;
            height: 45px;
        }

        .hovicon.effect-4.mini {
            width: 30px;
            height: 30px;
        }

        .hovicon.effect-4.sub-a {
            -webkit-transition: box-shadow 0.2s;
            -moz-transition: box-shadow 0.2s;
            transition: box-shadow 0.2s;
        }

        .hovicon.effect-4:before {
            line-height: 92px;
        }

        .hovicon.effect-4:after {
            top: -4px;
            left: -4px;
            padding: 0;
            z-index: 10;
            border: 4px dashed #fff;
        }

        .hovicon.effect-4:hover {
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            color: #fff;
        }

            .hovicon.effect-4:hover i {
                color: #fff;
            }
        /* Effect 4b */
        .hovicon.effect-4.sub-b:hover {
            -webkit-transition: box-shadow 0.2s;
            -moz-transition: box-shadow 0.2s;
            transition: box-shadow 0.2s;
        }

            .hovicon.effect-4.sub-b:hover:after {
                -webkit-animation: spinAround 9s linear infinite;
                -moz-animation: spinAround 9s linear infinite;
                animation: spinAround 9s linear infinite;
            }

@-webkit-keyframes spinAround {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes spinAround {
    from {
        -moz-transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@keyframes spinAround {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg);
    }
}
/* Effect 5 */
.hovicon.effect-5 {
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 1);
    overflow: hidden;
    -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}

    .hovicon.effect-5:after {
        display: none;
    }

    .hovicon.effect-5:hover {
        background: rgba(255, 255, 255, 1);
        color: #702fa8;
        box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.3);
    }

        .hovicon.effect-5:hover i {
            color: #702fa8;
        }

    .hovicon.effect-5.sub-a:hover:before {
        -webkit-animation: toRightFromLeft 0.3s forwards;
        -moz-animation: toRightFromLeft 0.3s forwards;
        animation: toRightFromLeft 0.3s forwards;
    }

@-webkit-keyframes toRightFromLeft {
    49% {
        -webkit-transform: translate(100%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translate(-100%);
    }

    51% {
        opacity: 1;
    }
}

@-moz-keyframes toRightFromLeft {
    49% {
        -moz-transform: translate(100%);
    }

    50% {
        opacity: 0;
        -moz-transform: translate(-100%);
    }

    51% {
        opacity: 1;
    }
}

@keyframes toRightFromLeft {
    49% {
        transform: translate(100%);
    }

    50% {
        opacity: 0;
        transform: translate(-100%);
    }

    51% {
        opacity: 1;
    }
}

.hovicon.effect-5.sub-b:hover:before {
    -webkit-animation: toLeftFromRight 0.3s forwards;
    -moz-animation: toLeftFromRight 0.3s forwards;
    animation: toLeftFromRight 0.3s forwards;
}

@-webkit-keyframes toLeftFromRight {
    49% {
        -webkit-transform: translate(-100%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translate(100%);
    }

    51% {
        opacity: 1;
    }
}

@-moz-keyframes toLeftFromRight {
    49% {
        -moz-transform: translate(-100%);
    }

    50% {
        opacity: 0;
        -moz-transform: translate(100%);
    }

    51% {
        opacity: 1;
    }
}

@keyframes toLeftFromRight {
    49% {
        transform: translate(-100%);
    }

    50% {
        opacity: 0;
        transform: translate(100%);
    }

    51% {
        opacity: 1;
    }
}

.hovicon.effect-5.sub-c:hover:before {
    -webkit-animation: toTopFromBottom 0.3s forwards;
    -moz-animation: toTopFromBottom 0.3s forwards;
    animation: toTopFromBottom 0.3s forwards;
}

@-webkit-keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

@-moz-keyframes toTopFromBottom {
    49% {
        -moz-transform: translateY(-100%);
    }

    50% {
        opacity: 0;
        -moz-transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

@keyframes toTopFromBottom {
    49% {
        transform: translateY(-100%);
    }

    50% {
        opacity: 0;
        transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

.hovicon.effect-5.sub-d:hover:before {
    -webkit-animation: toBottomFromTop 0.3s forwards;
    -moz-animation: toBottomFromTop 0.3s forwards;
    animation: toBottomFromTop 0.3s forwards;
}

@-webkit-keyframes toBottomFromTop {
    49% {
        -webkit-transform: translateY(100%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
    }

    51% {
        opacity: 1;
    }
}

@-moz-keyframes toBottomFromTop {
    49% {
        -moz-transform: translateY(100%);
    }

    50% {
        opacity: 0;
        -moz-transform: translateY(-100%);
    }

    51% {
        opacity: 1;
    }
}

@keyframes toBottomFromTop {
    49% {
        transform: translateY(100%);
    }

    50% {
        opacity: 0;
        transform: translateY(-100%);
    }

    51% {
        opacity: 1;
    }
}
/* Effect 6 */
.hovicon.effect-6 {
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 1);
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
}

    .hovicon.effect-6:hover {
        background: rgba(255, 255, 255, 1);
        color: #64bb5d;
    }

        .hovicon.effect-6:hover i {
            color: #64bb5d;
        }

        .hovicon.effect-6:hover:before {
            -webkit-animation: spinAround 2s linear infinite;
            -moz-animation: spinAround 2s linear infinite;
            animation: spinAround 2s linear infinite;
        }
/* Effect 7 */
.hovicon.effect-7 {
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 1);
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
}

    .hovicon.effect-7:hover, .hovicon.effect-7:hover i {
        color: #fff;
    }

    .hovicon.effect-7:after {
        top: -8px;
        left: -8px;
        padding: 8px;
        z-index: -1;
        opacity: 0;
    }
    /* Effect 7a */
    .hovicon.effect-7.sub-a:after {
        box-shadow: 0 0 0 rgba(255, 255, 255, 1);
        -webkit-transition: opacity 0.2s, box-shadow 0.2s;
        -moz-transition: opacity 0.2s, box-shadow 0.2s;
        transition: opacity 0.2s, box-shadow 0.2s;
    }

    .hovicon.effect-7.sub-a:hover:after {
        opacity: 1;
        box-shadow: 3px 3px 0 rgba(255, 255, 255, 1);
    }

    .hovicon.effect-7.sub-a:before {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0.7;
        -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
        -moz-transition: -moz-transform 0.2s, opacity 0.2s;
        transition: transform 0.2s, opacity 0.2s;
    }

    .hovicon.effect-7.sub-a:hover:before {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    /* Effect 7b */
    .hovicon.effect-7.sub-b:after {
        box-shadow: 3px 3px rgba(255, 255, 255, 1);
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
        -moz-transition: opacity 0.2s, -moz-transform 0.2s;
        transition: opacity 0.2s, transform 0.2s;
    }

    .hovicon.effect-7.sub-b:hover:after {
        opacity: 1;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .hovicon.effect-7.sub-b:before {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0.7;
        -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
        -moz-transition: -moz-transform 0.2s, opacity 0.2s;
        transition: transform 0.2s, opacity 0.2s;
    }

    .hovicon.effect-7.sub-b:hover:before {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
/* Effect 8 */
.hovicon.effect-8 {
    background: rgba(255, 255, 255, 0.1);
    -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s;
}

    .hovicon.effect-8:after {
        top: 0;
        left: 0;
        padding: 0;
        z-index: -1;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
        opacity: 0;
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }

    .hovicon.effect-8:hover {
        background: rgba(255, 255, 255, 0.05);
        -webkit-transform: scale(0.93);
        -moz-transform: scale(0.93);
        -ms-transform: scale(0.93);
        transform: scale(0.93);
        color: #fff;
    }

        .hovicon.effect-8:hover i {
            color: #fff;
        }

        .hovicon.effect-8:hover:after {
            -webkit-animation: sonarEffect 1.3s ease-out 75ms;
            -moz-animation: sonarEffect 1.3s ease-out 75ms;
            animation: sonarEffect 1.3s ease-out 75ms;
        }

@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
        -webkit-transform: scale(1.5);
        opacity: 0;
    }
}

@-moz-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
        -moz-transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
        transform: scale(1.5);
        opacity: 0;
    }
}
/* Effect 9 */
.hovicon.effect-9 {
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
}

    .hovicon.effect-9:after {
        top: 0;
        left: 0;
        padding: 0;
        box-shadow: 0 0 0 3px #fff;
        -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
        -moz-transition: -moz-transform 0.2s, opacity 0.2s;
        transition: transform 0.2s, opacity 0.2s;
    }
    /* Effect 9a */
    .hovicon.effect-9.sub-a:hover:after {
        -webkit-transform: scale(0.85);
        -moz-transform: scale(0.85);
        -ms-transform: scale(0.85);
        transform: scale(0.85);
        opacity: 0.5;
    }

    .hovicon.effect-9.sub-a:hover {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 1);
        color: #fff;
    }

        .hovicon.effect-9.sub-a:hover i {
            color: #fff;
        }
    /* Effect 9b */
    .hovicon.effect-9.sub-b:hover:after {
        -webkit-transform: scale(0.85);
        -moz-transform: scale(0.85);
        -ms-transform: scale(0.85);
        transform: scale(0.85);
    }

    .hovicon.effect-9.sub-b:hover {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
        color: #fff;
    }

        .hovicon.effect-9.sub-b:hover i {
            color: #fff;
        }




/*.margin-right-10px {
    margin-right: 10px;
}*/

.hov-container {
    width: 100px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: white;
    position: absolute;
    z-index: 2;
    right: 10px;
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 8px 10px 1px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%), 0 5px 5px -3px rgb(0 0 0 / 20%);
    box-shadow: 0 8px 10px 1px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%), 0 5px 5px -3px rgb(0 0 0 / 20%);
}

    .hov-container .item {
        width: 100%;
        padding-left: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

        .hov-container .item a {
            color: black;
        }

        .hov-container .item:hover {
            background-color: #e5e5e5;
        }


        .hov-container .item i {
            padding-right: 5px;
            padding-left: 5px;
        }




        .hov-container .item .sub-item-text {
            margin-left: 5px;
        }

.hov-container-response {
    width: 150px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: white;
    position: absolute;
    z-index: 99999999999;
    right: 10px;
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 8px 10px 1px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%), 0 5px 5px -3px rgb(0 0 0 / 20%);
    box-shadow: 0 8px 10px 1px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%), 0 5px 5px -3px rgb(0 0 0 / 20%);
}

    .hov-container-response .item {
        width: 100%;
        padding-left: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

        .hov-container-response .item a {
            color: black;
        }

        .hov-container-response .item:hover {
            background-color: #e5e5e5;
        }


        .hov-container-response .item i {
            padding-right: 5px;
            padding-left: 5px;
        }




        .hov-container-response .item .sub-item-text {
            margin-left: 5px;
        }

.actions-mail-view > div:not(:last-child) {
    margin-right: 10px;
    margin-left: 10px;
}



/*.modal-fullscreen .modal-dialog-calc-height-0-px-100vw {
    max-width: calc(100vw - 0px);
}*/




.correspondant-container {
    align-items: flex-end;
    width: 100%;
    float: right;
    width: 100%;
    /* max-width: 250px; */
    /*display: flex;*/
    align-items: start;
    justify-content: space-between;
    /* background: red; */
    margin-bottom: 10px;
    margin-top: 10px;
    opacity: 1;
}



.mail-info-container {
    float: right;
}


    .mail-info-container span {
        margin-left: 2px;
    }


.correspondant-span {
    padding: 5px;
    background: #2b4c81;
    border-radius: 10px;
    /* padding-bottom: 5px; */
    color: white;
    opacity: 1;
    z-index: 1000000;
}

.closedout-span {
    padding: 5px;
    background: #FF0000;
    border-radius: 10px;
    /* padding-bottom: 5px; */
    color: white;
    opacity: 1;
    z-index: 1000000;
}

.response-span {
    padding: 5px;
    background: #008000;
    border-radius: 10px;
    /* padding-bottom: 5px; */
    color: white;
    opacity: 1;
    z-index: 1000000;
}

.hov-container .item .fal {
    font-size: 16px;
}

.steps-container {
    display: flex;
    align-items: baseline;
    flex-direction: row;
}

.steps-label {
    margin-right: 5px;
    font-weight: 500;
}

.nav-menu.nav-menu-left-customised li a > [class*='fa-'] {
    color: #ffffffa3;
}

.spaceBetweenIconAndName {
    padding-right: 5px;
}

#btnReply.hovicon {
    font-size: 16px;
    color: #868e96;
}

.container-fluid.container-fluid-mail {
    padding: 0;
}

.container-fluid-mail:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    left: 5px;
    top: 60px;
    bottom: 0;
    border-left: 1px solid #305590;
}

.container-fluid-mail .column-revision-view:hover:before {
    width: 0.6rem;
    height: 0.6rem;
}

.container-fluid-mail .column-revision-view:after {
    content: "";
    display: block;
    position: absolute;
    width: 0.4rem;
    height: 0.4rem;
    background-color: #4a78c2;
    left: 3px;
    top: calc(50% - 1.3rem);
    border: 1px solid #333;
    border-radius: 50%;
    z-index: 1;
}

.container-fluid-mail .column-revision-view:hover:after {
    border-color: transparent;
}



.open-mail .note-editor.note-frame .note-editing-area .note-editable[contenteditable=false] {
    background-color: white;
}


.open-mail .note-editor.note-frame .note-editing-area .note-editable .card,
.open-mail .note-editor.note-frame.card {
    border: none;
    -webkit-box-shadow: 0px 0px 0px 0px white;
    box-shadow: 0px 0px 0px 0px white;
}

#treeview .k-bot {
    display: inline-flex;
    justify-content: flex-start;
    align-items: end;
}

#treeview .k-in {
    width: 100%;
    white-space: normal;
}

@media (min-width: 740px) {
    #project-settings-menu .title-project {
        position: absolute;
        right: 0;
    }
}

.chkFavoriteDocuments-folder {
    font-size: 27px;
    position: relative;
    bottom: 10px;
}

.subheader-mb-0 .subheader {
    margin-bottom: 0;
}

.card-body.p-0--5-rem {
    padding: 0.5rem;
}

@media (min-width: 992px) {
    .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text.HideText {
        display: none;
    }
}

.folder-container:hover {
    cursor: pointer;
    background: #c8b3de30;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 15%) inset;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%) inset;
    -moz-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%) inset;
}

.folder-container {
    height: 110px;
    text-align: center;
}

    .folder-container .icon-folder {
        width: 64px;
    }

    .folder-container .card-header .hidden-span {
        height: 13px;
        display: block;
    }

    .folder-container .card-header {
        border: 0;
        display: flex;
        flex-direction: column;
        text-align: center;
        align-items: center;
    }

    .folder-container.card {
        border: none;
        -webkit-box-shadow: 0;
        box-shadow: 0;
    }

    .folder-container .card-header .extensionIcons {
        font-size: 335%;
        /*margin-top: 13px;*/
    }

        .folder-container .card-header .extensionIcons + h5.card-title {
            width: 100%;
        }


    .folder-container .icon-folder.extension {
        width: 50px;
    }

.k-file-preview-wrapper .icon-folder-details {
    width: 90px;
}


#vertical .k-filemanager-preview-container {
    padding: 0;
}


.icon-folder.small {
    width: 20px;
}

.folder-dwg-container {
    margin-top: 10px;
}

    .folder-dwg-container img {
        width: 30px;
    }

#MailHistory_Container.card {
    z-index: 1;
}

.mod-pace-custom .k-tabstrip-items,
.mod-pace-custom .k-grid {
    z-index: 0;
}

#vertical .k-splitbar {
    color: #ffffff;
    background-color: #2c568f;
}

#treeview.k-treeview .k-in .k-image {
    width: 32px;
}



/*.aui-group.item-group {
    align-items: flex-start;
    justify-content: space-between;
    display: flex;
}*/

.aui-group > .aui-item {
    display: inline-block;
}

.row.widget-row {
    padding-bottom: 5px;
    /*    border-bottom: 1px solid #bec2c7;*/
    margin-bottom: 10px;
}

.lg-item-container {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-weather {
    background-color: #ffffff;
    border-radius: 20px;
    color: #6f707d;
    padding: 0.3rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 4px;
}

.card-weather {
    -webkit-box-shadow: 0px 0px 13px 0px rgb(32 63 115 / 8%);
    box-shadow: 0px 0px 13px 0px rgb(32 63 115 / 8%);
}

#heading-weather {
    /*    font-size: 20px;*/
    color: #2b304d;
}

.fa-humidity-container {
    margin-right: 2px;
}

.my-1.wind.humidity,
.my-1.time {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.small.grey.weather {
    position: relative;
    right: 30px;
    top: 5px;
}

.temp {
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    place-items: center;
    align-items: flex-start;
    justify-content: space-between;
}

.temp-details > p > span,
.grey {
    color: #a3acc1;
    font-size: 12px;
}

.temp-details {
    flex-grow: 1 !important;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.sup-weather {
    padding: 0.1em 0.4em;
    border-radius: 20px;
    color: var(--text_light);
    background: var(--orange);
}


#treeview .k-state-selected {
    border-color: #2b4c81;
    color: #fff;
    background-color: #2b4c81;
}

#treeview .k-state-selected {
    box-shadow: 0 0 0 2px #2b4c81;
}
 
/*targetting grid --- > header ---> columns --> checkbox*/

.k-animation-container .k-column-menu .k-menu-vertical .k-item .k-animation-container .k-group li[role="menuitemcheckbox"] span.k-link.k-menu-link input[type="checkbox"] {
    margin-right:5px;
}

/*end targetting grid --- > header ---> columns --> checkbox */

#lbl_DocTags {
    display:flex;
}

#lbl_DocTags.tags-properties {
    display: flex;
    overflow: auto;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    max-height:200px;
}

.properties-tags-item {
    background: #908a8a;
    padding: 5px;
    color: white;
    border-radius: 5px;
    margin: 5px;
}

#RelatedItemsDiv.card {
    margin-top: 10px;
}
div.custom-radio > label > input {
    visibility: hidden;
}


div.custom-radio > label > img {
    display: inline-block;
    padding: 0px;
    background: none;
    height: 20px;
    width: 20px;
}

div.custom-radio > label > input:checked + img {
    background: url(/img/PdfImages/chkYes.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20px;
}
div.custom-radio > label > input:checked + div + img {
    background: url(/img/PdfImages/chkYes.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20px;
}

div.custom-radio-draggable > label > input {
    display: none;
}


div.custom-radio-draggable > label > img {
    display: inline-block;
    padding: 0px;
    background: none;
}

div.custom-radio-draggable > label > input:checked + img {
    background: url(/img/PdfImages/draggable-checkbox.png);
    background-repeat: no-repeat;
    background-position: center center;
}
div.custom-radio-draggable > label > input:checked + div + img {
    background: url(/img/PdfImages/draggable-checkbox.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px 30px;
}