/*

    black : #1A1B18
    gris pale : #f5f3f1
    gris foncé : #e5e2db //hover : #cecbc5


    blanc : #ffffff

    Hyperlien bleu :
Couleur : #007bff

    Couleur verte :
Couleur : #28a745

    Pour le lien bleu (#007bff) :
Couleur hover : #0056b3
Description : Ce bleu est légèrement plus sombre, ce qui le rend plus prononcé lorsqu'on survole le lien.
Pour le lien vert (#28a745) :
Couleur hover : #218838

    Rouge : ancien #F8285A
    Rouge : #ED3524
    Bright-Blue : #42A6EF

*/


* {
    
    font-family: 'Suiss Intl', sans-serif;
    letter-spacing: 0.05em;
}

body {
    font-family: 'Suiss Intl', sans-serif;
    background: #f5f3f1;
    color: #1A1B18;
}

#tile-requests .c2 {
    font-weight: normal;
    padding-right: 10px
}

.tile .header .title {
    font-weight: normal;
}

    .tile .header .title a {
        color: #1A1B18;
        font-weight: normal;
    }

        .tile .header .title a:hover {
            text-decoration: none;
        }

#tile-history .c1.bold {
    font-weight: normal;
}

#tile-history .tile-history-header {
    font-weight: normal;
}

#top-bar-container #menu #context {
    top: 32px;
}

    #top-bar-container #menu #context span {
        color: #1A1B18;
        font-weight: normal;
    }

#top-bar-container #menu #context span:first-of-type {
    font-weight: bold;
    color: #1A1B18;
}

    #bottom-bar-container a, #top-bar-container #menu #context span, #top-bar-container #menu #context a {
        color: #9D9D9A;
        font-weight: normal;
        font-size: 12px;
    }

#bottom-bar-container a {
    font-weight: normal;
}

#sub-menu h1 {
    color: #1A1B18;
    font-weight: 500;
    font-size: 18px;
}

#bottom-bar-container .separator {
    color: #e5e2db;
}

table.entity-list .row-header span {
    font-weight: normal;
}

#tile-works .c0, #tile-works .c0 > div {
    color: #1A1B18;
    font-weight: normal;
}

#tile-works .c1, #tile-works .c1 > div {
    color: #1A1B18;
}

#tile-works .c2, #tile-works .c2 > div {
    color: #1A1B18;
}

#tile-works .c3, #tile-works .c3 > div {
    color: #1A1B18;
}

#tile-works .c4, #tile-works .c4 > div {
    color: #1A1B18;
}

#top-bar-container #menu a {
    font-size: 16px;
    font-weight: 500;
}

#more-menu-options, #sub-options-more a, #bottom-bar-container a, #top-bar-container #menu a {
    color: #1A1B18;
}

    #top-bar-container #menu a.selected {
        color: #9D9D9A;
        text-decoration: underline;
        text-underline-offset: 3px;
    }

    #top-bar-container #menu a:hover {
        color: #1A1B18;
    }

    #bottom-bar-container a.selected, #top-bar-container #menu #context a.selected {
        color: #1A1B18;
    }

    #bottom-bar-container a:hover, #top-bar-container #menu #context a:hover {
        color: #1A1B18;
    }

#help-list a, #help.tile .body a {
    color: #42A6EF;
}

    #help-list a, #help.tile .body a:hover {
        color: #42A6EF;
        text-decoration: none;
    }

.page-width {
    width: 1200px;
}

#top-bar-container #menu {
    background: #f5f3f1;
    border-bottom: 1px solid #e5e2db;
}

#sub-menu {
    background: #f5f3f1;
    border-bottom: none;
}

#bottom-bar-container #footer-content {
    background: #f5f3f1;
    border-top: 1px solid #e5e2db;
}

#top-bar-container #menu {
    height: 80px;
}

    #top-bar-container #menu #menu-options {
        padding-top: 30px;
    }

    #top-bar-container #menu [class*="logo-"][class*="-small-en"] {
        background-size: auto 45px !important;
        background-position: 0 16px !important;
    }
    #top-bar-container #menu [class*="logo-"][class*="-small-fr"] {
        background-size: auto 45px !important;
        background-position: 0 16px !important;
    }

#sub-menu {
    top: 80px;
}

#main {
    padding-top: 130px;
}


.tile {
    width: 592px;
    margin-left: 0px;
}

    .tile.large {
        width: 1196px;
    }


#tile-history {
    width: 100%;
}

#divLastSession {
    padding-top: 8px;
}

#menu-options ul > li > div {
    margin-right: 15px;
    margin-left: 0;
}

#sub-menu #sub-menu-content {
    padding-top: 5px;
}

#sub-menu #actions {
    top: 15px;
}

.k-button {
    font-weight: 500 !important;
    transition: none;
    border-radius: 0.80rem !important;
    font-size: 13px;
}

#create-work {
    margin-top: 1px;
    background-color: #2AB245;
    border: none;
    border-color: #2AB245;
}

    #create-work:hover {
        margin-top: 1px;
        background-color: #24973A;
        border-color: #2AB245;
        border: none;
    }

#create-work-express {
    border-color: #e5e2db;
    color: #2AB245;
    background-color: #ffffff;
}

    #create-work-express:hover {
        border-color: #e5e2db;
        color: #24973A;
        background-color: #ffffff !important;
    }

#create-work-selfserve {
    margin-left: 10px;
    color: #2AB245;
    border-color: #e5e2db;
    background-color: #ffffff !important;
}

    #create-work-selfserve:hover {
        color: #24973A;
        border-color: #e5e2db;
        background-color: #ffffff !important;
    }

#create-work-express i {
    color: #24973A;
    font-size: 14px;
}

#create-work-selfserve i {
    color: #24973A;
}

.tile {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}


#sub-menu #actions > li > div {
    margin-left: 10px;
}

#divMyRequests.k-button {
    background-color: #f5f3f1 !important;
    border-color: #e5e2db !important;
}

    #divMyRequests.k-button > label {
        margin-top: 3px;
        margin-left: 3px;
        cursor: pointer;
    }

#tile-history .selected, #tile-requests .selected {
    background: none;
    font-weight: bold;
}

#tile-requests tr:hover {
    background: none;
}

#tile-requests td {
    border-bottom: 1px solid #e5e2db;
    padding: 8px 8px 8px 10px;
}

#tile-requests tr:last-of-type td {
    border-bottom: none;
}

#requests-header {
    border-bottom: none;
    border-radius: 1.0rem 1.0rem 0 0 !important;
}

#requests-body {
    border-radius: 0 0 1.0rem 1.0rem !important;
}

#requests {
    border-radius: 1.0rem 1.0rem 1.0rem 1.0rem !important;
}

.tile .header {
    padding: 10px 8px 8px 8px;
}

#tile-requests tr {
    margin: 0;
}

.tile .header {
    background: #e5e2db;
    border-bottom: none;
}

.tile {
    border: 1px solid #e5e2db;
}



#history td {
    border-bottom: 1px solid #e5e2db;
    padding: 8px 8px 8px 10px;
}

#history tr:last-of-type td {
    border-bottom: none;
}


#history-header {
    border-bottom: none;
    border-radius: 1.0rem 1.0rem 0 0 !important;
}

#history-body {
    border-radius: 0 0 1.0rem 1.0rem !important;
}

#history {
    border-radius: 1.0rem 1.0rem 1.0rem 1.0rem !important;
}

#tile-history .tile-history-header {
    background: #F1EEB1;
}

    #tile-history .tile-history-header td {
        color: #1A1B18;
    }



#works-header {
    border-bottom: none;
    border-radius: 1.0rem 1.0rem 0 0 !important;
}

#works-body {
    overflow: auto;
    border-radius: 0 0 1.0rem 1.0rem !important;
}

#works {
    border-radius: 1.0rem 1.0rem 1.0rem 1.0rem !important;
}

    #works td {
        border-bottom: 1px solid #e5e2db;
        padding: 8px 8px 8px 10px;
    }

    #works tr:last-of-type td {
        border-bottom: none
    }


table.entity-list {
    background: none;
}

    table.entity-list .row-header {
        background: #F1EEB1;
    }

        table.entity-list .row-header:hover {
            background: #F1EEB1;
        }

    table.entity-list tr:hover {
        border-radius: 0 0 1.0rem 1.0rem !important;
        background: revert;
    }

#tile-tickets #tile-tickets-show-more td:hover, #tile-works #tile-works-show-more td:hover {
    background: revert;
}


#tile-works-show-more:hover {
    background: #D8ECB1!important;
    border-radius: 0 0 1.0rem 1.0rem !important;
}

.tile .message-system:last-of-type, .tile .message-other:last-of-type {
    border: none;
}

.tile .message-system, .tile .message-other {
    position: relative;
    padding: 8px 8px 8px 10px;
    border-bottom: 1px solid #e5e2db;
}

    .tile .message-system > i, .tile .message-other > i {
        top: 10px;
        right: 8px;
    }

#tickets-body > div {
    padding: 8px 8px 8px 10px;
}

.padding-3 {
    padding: 8px 8px 8px 10px;
    text-align: center;
}

#help.tile .body div {
    padding: 8px 8px 8px 10px;
}

#tile-works tr[id*=work-]:hover {
    background: #D0CCB9; /*#E5D0CC;*/
}

#help-header {
    border-bottom: none;
    border-radius: 1.0rem 1.0rem 0 0 !important;
}

#help-body {
    overflow: auto;
    border-radius: 0 0 1.0rem 1.0rem !important;
}

#help {
    border-radius: 1.0rem 1.0rem 1.0rem 1.0rem !important;
}

#help td {
        border-bottom: 1px solid #e5e2db;
        padding: 8px 8px 8px 10px;
    }

#tickets-header {
    border-bottom: none;
    border-radius: 1.0rem 1.0rem 0 0 !important;
}

#tickets-body {
    overflow: auto;
    border-radius: 0 0 1.0rem 1.0rem !important;
}

#tickets {
    border-radius: 1.0rem 1.0rem 1.0rem 1.0rem !important;
}

#tickets td {
        border-bottom: 1px solid #e5e2db;
        padding: 8px 8px 8px 10px;
    }

#messages-header {
    border-bottom: none;
    border-radius: 1.0rem 1.0rem 0 0 !important;
}

#messages-body {
    overflow: auto;
    border-radius: 0 0 1.0rem 1.0rem !important;
}

#messages {
    border-radius: 1.0rem 1.0rem 1.0rem 1.0rem !important;
}

#messages td {
    border-bottom: 1px solid #e5e2db;
    padding: 8px 8px 8px 10px;
}

#tile-history td.selectable:hover {
    background: none;
}

#tile-history .selected {
    font-weight: bold!important;
}
.cc-window.cc-banner {
    padding: 1em 8em;
}
.cc-message {
    color: #ffffff;
}

.cc-link {
    color: #f5f3f1!important;
}

div[aria-describedby="popupwindow"].ui-corner-all {
    padding: 0;
    margin: 0;
    border-top-right-radius: 1.0rem;
    border-top-left-radius: 1.0rem;
    border-bottom-right-radius: 1.0rem;
    border-bottom-left-radius: 1.0rem;
    border: 0;
}

div[aria-describedby="popupwindow"].ui-dialog .ui-dialog-titlebar {
    padding: 13px 10px 10px 20px;
    margin: 0;
    border-top-right-radius: 1.0rem;
    border-top-left-radius: 1.0rem;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border: 0;
    margin: 0;
}

div[aria-describedby="popupwindow"].ui-dialog .ui-widget-header {
    background: #1A1B18;
}

div[aria-describedby="popupwindow"].ui-dialog .ui-dialog-title {
    color: #ffffff;
    font-weight: 500;
}

div[aria-describedby="popupwindow"].ui-dialog .ui-dialog-buttonpane {
    border-bottom-right-radius: 1.0rem;
    border-bottom-left-radius: 1.0rem;
    border: 0;
    padding: 20px 0px 15px 15px;
}

div[aria-describedby="popupwindow"].ui-dialog .ui-dialog-buttonset {
    float: left;
}
div[aria-describedby="popupwindow"].ui-dialog .ui-dialog-content {
    padding-top: 20px;
    padding-left: 20px;
}


div[aria-describedby="popupwindow"].ui-dialog .ui-dialog-buttonset > button {
    font-weight: bold !important;
    transition: none;
    border-radius: 0.80rem !important;
    font-size: 14px;
    margin-top: 1px;
    background-color: #FFFFFF;
    border: 1px solid #1A1B18;
    margin: 0;
}
div[aria-describedby="popupwindow"].ui-dialog .ui-dialog-buttonset > button:active {
    color: #1a1b18;

}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

    /*#create-work:hover {
    margin-top: 1px;
    background-color: #24973A;
    border-color: #2AB245;
    border: none;
}*/



.login .logo-trsb-large-en-left {
    background: transparent url(/Content/Images/logo2-trsb-large-en.png) no-repeat left top;
    background-size: auto 80px !important;
}
.login .logo-trsb-large-fr-left {
    background: transparent url(/Content/Images/logo2-trsb-large-en.png) no-repeat left top;
    background-size: auto 80px !important;
}

.logo-left {
    left: 32%;
}

.login .image-container, .login .image-container > div {
    height: 250px;
}

.login .login-container {
    background: inherit;
    color: inherit;
}

.large-button-blue {
    border-radius: 1.0rem!important;
    border: 0;
    padding: 8px;
    background-color: #1A1B18;
}
.large-button-blue:hover {
    background-color: #1A1B18;
}
.large-button-blue:active {
    background-color: #1A1B18;
}

.login a {
    color: #1A1B18;
}

.editor-label {
    color: inherit;
}


.login-footer {
    border-top: solid #e5e2db 1px;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100% !important;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}


#sub-sub-menu {
    top: 130px;
    background: #f5f3f1;
    border-bottom: none;
}

.k-button.k-button-blue, .button-blue {
    border-radius: 0.5rem !important;
    border: 0;
    padding: 5px;
    background-color: #1A1B18;
}
    .k-button.k-button-blue:hover, .button-blue:hover {
        background-color: #1A1B18;
    }
.k-button.k-button-blue:active, .button-blue:active {
    background-color: #1A1B18;
}
#pager a, #pager span {
    background: inherit;
}

    #pager span.previous-off, #pager span.next-off {
        border: solid 1px #DEDEDE;
        color: inherit !important;
        font-weight: normal;
        padding: 8px;
        border-radius: 0.80rem !important;
    }

    #pager span.active {
        border: solid 1px #1A1B18;
        background: #1A1B18;
        border-radius: 0.80rem !important;
        padding: 8px !important;
    }

#pager a, #pager span {
    border: solid 1px #1A1B18;
    
}
    #pager a:hover {
        border: solid 1px #1A1B18;
    }


    #pager a:link, #pager a:visited {
        color: #1A1B18;
        padding: 5px;
    }


#request-list tr[id*=request-]:hover {
    background: #D0CCB9; /* #E5D0CC;*/
}

#work-list tr[id*=work-]:hover {
    background: #D0CCB9 /*#E5D0CC*/ !important;
}

.k-grid .k-alt {
    background-color: white;
}



/* Card */
.card {
    border-bottom: none;
    border-radius: 1.0rem 1.0rem 1.0rem 1.0rem !important;
    background: white;
    margin-bottom : 20px;
}

.card-header {
    background: #e5e2db;
    padding: 10px 8px 8px 8px;
    border-bottom: none;
    border-radius: 1.0rem 1.0rem 0 0 !important;
}

.card-body {
    background: white;
    padding: 20px;
 
    overflow: auto;
    border-radius: 0 0 1.0rem 1.0rem !important;
}

.card-hr {
    margin-bottom: 10px;
    margin-left: -20px;
    margin-right: -20px;
    border-top: 1px solid #e5e2db;
}

.card-section {
    width: 100%;
    background:white;
}


/* message */
.system-message {
    color: white;
    border-radius: 1.0rem 1.0rem 1.0rem 1.0rem !important;
    width: 100%;
}

    .system-message .header {
        background: black;
        padding: 10px;
        border-top-left-radius: 1.0rem 1.0rem !important;
        border-top-right-radius: 1.0rem 1.0rem !important;
    }

    .system-message .body {
        color: black;
        padding: 10px;
        border-bottom-left-radius: 1.0rem 1.0rem !important;
        border-bottom-right-radius: 1.0rem 1.0rem !important;
    }


.custom-alert {
    color: white;
    border-radius: 1.0rem 1.0rem 1.0rem 1.0rem !important;
}

    .custom-alert h5 {
        color: #1A1B18 !important;
    }


    .custom-alert .header {
        background: black;
        padding: 10px;
        border-top-left-radius: 1.0rem 1.0rem !important;
        border-top-right-radius: 1.0rem 1.0rem !important;
    }

    .custom-alert .body {
        color: black;
        padding: 10px;
        border-bottom-left-radius: 1.0rem 1.0rem !important;
        border-bottom-right-radius: 1.0rem 1.0rem !important;
    }

    .custom-alert.warning {
        background-color: white;
        border-color: white;
        color: #1A1B18 !important;
    }


input[type="radio"] {
    accent-color: #1A1B18;
}



/* checkboxes */
input[type="checkbox"] {
    accent-color: #1A1B18;
}

.card-section-checkbox {
    white-space: unset !important;
    /*margin: 15px !important;*/
}

.setting-checkbox {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}


input, textarea, select {
    background-color: white !important;
}

input, textarea, select {
    color: #72716d !important;
}


.mt-3 { margin-top: 3px !important; }
.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }

.mb-0 { margin-bottom: 0px; }
.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }

.p-0 { padding: 0px; }
.pt-0 { padding-top: 0px; }
.pb-0 { padding-bottom: 0px; }
.pl-0 { padding-left: 0px; }
.pr-0 { padding-right: 0px; }

.pb-5 { padding-bottom: 5px; }
.pb-10 { padding-bottom: 10px; }
.pb-20 { padding-bottom: 20px; }

.bb-none { border-bottom: 0px solid white !important; }

.p-15 { padding: 15px; }

.w-fc { width: fit-content;}
.w-100 { width: 100% !important; }
.w-200 { width: 200px !important; }

.rt-1 {
    border-top-left-radius: 1.0rem 1.0rem !important;
    border-top-right-radius: 1.0rem 1.0rem !important;
}

.rb-1 {
    border-bottom-left-radius: 1.0rem 1.0rem !important;
    border-bottom-right-radius: 1.0rem 1.0rem !important;
}


[id^="action-"] {
    background-color: white !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

[id^="action-"]:hover {
    color: white !important;
}


[id^="action-back-"] {
    color: #1A1B18 !important;
    border: solid 1px #e5e2db !important;
}

    [id^="action-back-"]:hover {
        color: white !important;
        background-color: #1A1B18 !important;
    }


[id^="action-next-"]:hover {
    background-color: #1A1B18 !important;
    border: solid 0px !important;
}




[id^="action-next-"] {
    color: #1A1B18 !important;
    border: solid 1px #e5e2db !important;
}

[id^="action-next-"]:hover {
    background-color: #1A1B18 !important;
    border: solid 0px !important;
}

[id^="action-override-status-"] {
    color: #28a745 !important;
    border: solid 1px #e5e2db !important;
}

    [id^="action-override-status-"]:hover {
        background-color: #28a745 !important;
        border: solid 1px transparent !important;
    }


[id^="action-assign-"] {
    color: #28a745 !important;
    border: solid 1px #e5e2db !important;
}

    [id^="action-assign-"]:hover {
        background-color: #28a745 !important;
        border: solid 1px transparent !important;
    }


[id^="action-split-"] {
    color: #28a745 !important;
    border: solid 1px #e5e2db !important;
}

    [id^="action-split-"]:hover {
        background-color: #28a745 !important;
        border: solid 1px transparent !important;
    }

[id^="action-move-"] {
    color: #28a745 !important;
    border: solid 1px #e5e2db !important;
}

    [id^="action-move-"]:hover {
        background-color: #28a745 !important;
        border: solid 1px transparent !important;
    }

[id^="action-approve-"] {
    color: white !important;
    background-color: #28a745 !important;
    border: solid 0px !important;
}

    [id^="action-approve-"]:hover {
        background-color: #218838 !important;
    }

[id^="action-request-quote-"] {
    color: #1A1B18 !important;
    border: solid 1px #e5e2db !important;
}

    [id^="action-request-quote-"]:hover {
        background-color: #1A1B18 !important;
        border: solid 1px transparent !important;
    }


[id^="action-clone-"] {
    color: white !important;
    background-color: #28a745 !important;
    border: solid 1px transparent !important;
}

    [id^="action-clone-"]:hover {
        background-color: #218838 !important;
        border: solid 1px transparent !important;
    }




[id^="action-cancel-"] {
    color: #ED3524 !important;
    border: solid 1px #e5e2db !important;
}
    [id^="action-cancel-"]:hover {
        background-color: #ED3524 !important;
        border: solid 1px transparent !important;
    }


[id^="action-save-draft-"] {
    color: #28a745 !important;
    border: solid 1px #e5e2db !important;
}

    [id^="action-save-draft-"]:hover {
        background-color: #28a745 !important;
        border: solid 1px transparent !important;
    }


[id^="action-submit-"] {
    color: white !important;
    background-color: #28a745 !important;
    border: solid 1px transparent !important;
}

    [id^="action-submit-"]:hover {
        background-color: #218838 !important;
    }

[id^="action-update-"] {
    color: white !important;
    background-color: #28a745 !important;
    border: solid 0px !important;
}

    [id^="action-update-"]:hover {
        background-color: #218838 !important;
    }


[id^="action-save-and-submit-"] {
    color: white !important;
    background-color: #28a745 !important;
    border: solid 1px transparent !important;
}

    [id^="action-save-and-submit-"]:hover {
        background-color: #218838 !important;
    }



[id^="action-nestor-and-save-"] {
    color: white !important;
    background-color: #28a745 !important;
    border: solid 1px transparent !important;
}

[id^="action-nestor-and-save-"]:hover {
    background-color: #218838 !important;
}


[id^="action-save-and-manage-quote-"] {
    color: white !important;
    background-color: #28a745 !important;
    border: solid 1px transparent !important;
}

    [id^="action-save-and-manage-quote-"]:hover {
        background-color: #218838 !important;
    }




[id^="pager-"] {
    color: #1A1B18 !important;
    background-color: white !important;
    border: solid 1px #e5e2db !important;
    border-radius: 0.80rem !important;
    padding: 8px !important;
}

    [id^="pager-"]:hover {
        color: white !important;
        background-color: #1A1B18 !important;
    }



#create-work-express:hover {
    color: white !important;
    background-color: #28a745 !important;
}

.card-section-checkbox {
    margin-bottom: 15px;
}


.work-title {
    width: 1151px !important;
}

.work-comment {
    width: 1151px !important;
}



.select-value-ro {
    border: 1px solid #999;
    margin-top: 6px;
    padding: 4px;
    color: #72716d;
}


.history .header {
    border-bottom: 1px solid #e5e2db;
    background: #f5f3f1;
}


.button-primary {
    color: white !important;
    background-color: #28a745 !important;
    border: solid 0px !important;
}

.button-primary:hover {
    background-color: #218838 !important;
}


.button-light {
    color: #1A1B18 !important;
    background-color: white !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

    .button-light:hover {
        color: white !important;
        background-color: #1A1B18 !important;
    }

/*! Dark tooltip style */
.qtip-dark {
    background-color: #1A1B18;
    border-color: #1A1B18;
    color: #f3f3f3;
}


.smart-list-selector-help {
    color: #42A6EF;
    font-style: unset;
}

.smart-list-button {
    color: #1A1B18 !important;
    background-color: #e5e2db !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    text-transform: unset;
}

    .smart-list-button:hover {
        
        background-color: #cecbc5 !important;
    }



.smart-list-select {
    border-width: 0;
    color: #1A1B18 !important;
    overflow-y: auto;
}

.smart-list-select:focus {
    border-width: 0;
}


.setting-request-services-help {
    color: #42A6EF;
    font-style: unset;
}

.smart-list {
    border: solid 1px #999;
    padding-left: 5px;
    padding-right: 5px;
}

.smart-list-label {
    color:#72716d !important;
    padding-top: 4px;
}


.smart-list-selector select {
    min-width: 150px !important;
    width: unset !important;
    height: 60px !important;
}

.smart-list-selector .actions {
    width: 100px;
    padding: 20px;
    padding-top: 0px;
}


.smart-list-selector-container {
    width: 680px !important;
}


.section-header-contact {
    background: #f5f3f1;
    border-top: 1px solid #e5e2db;
    color: #555;
}


.readonly {
    background: #f5f3f1 !important;
}


.expand-collapse {
    color: #007bff;
    top: 10px;
}




.k-upload {
    border: solid 0px transparent;
}

.k-dropzone-hint {
    border-color: #72716d;
    border-top-right-radius: 1.0rem;
    border-top-left-radius: 1.0rem;
    border-bottom-right-radius: 1.0rem;
    border-bottom-left-radius: 1.0rem;
}

.k-upload .k-dropzone {
    background-color: unset !important;
    padding: 0px;
    display: grid;
}

/*    .k-upload .k-dropzone .k-dropzone-hint {
        position:relative;
        top : 60px;
        left: -100px;
    }*/


.k-dropzone em {
    color: #72716d !important;
}


.k-dropzone .k-upload-button {
    color: #1A1B18 !important;
    background-color: white !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    width: fit-content;
}

.k-dropzone .k-upload-button:hover {
    color: white !important;
    background-color: #1A1B18 !important;
}


.k-upload .k-dropzone .k-dropzone-hint {
    margin-left:0px;
}


.k-upload-button {
    display:flex;
}

.file-name-heading {
    font-size:larger;
    margin-bottom: 10px;
    margin-top: 10px;
}

.file-type {
    color: #72716d !important;
    background-color: white !important;
    padding: 6px !important;
    margin-top: 15px !important;
    margin-right: 5px !important;
    border: solid 1px #e5e2db !important;
    border-radius: 5px !important;
    font-size: smaller;
}

.file-type-selected {
    background-color: #42A6EF !important;
    color: white !important;
}

.k-upload .k-upload-files .k-file {
    border-top: 1px solid #e5e2db;
}

.delete-file-by-uid {
    top: unset;
    bottom: 5px;
}

.bg-red {
    background-color: #ED3524 !important;
    padding: 1px;
    padding-left: 10px !important;
    padding-right: 10px !important;
    
    font-weight: 500 !important;
    transition: none;
    border-radius: 0.50rem !important;
    font-size: 13px;
}


.file-metadata-item-hint {
    font-style: unset;
    margin-top: 3px;
    margin-bottom: 10px;
    color: unset;
}

/*div[class*="file-metadata-wrap"] > span:first-child {
    font-weight: bold;
    margin-bottom: 15px;
}*/


.file-metadata-toggle {
    color: #42A6EF !important;
    background-color: white !important;
    padding: 6px !important;
    margin-top: 15px !important;
    margin-right: 5px !important;
    margin-bottom: 15px !important;
    border: solid 1px #e5e2db !important;
    border-radius: 5px !important;
    font-size: smaller;
    text-decoration: none;
}

div[class*="file-metadata-wrap"]:last-child {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}


/*.k-button {
    background-color: purple;
}
*/

.k-button, .k-button-group.k-state-disabled .k-button:not(.k-state-active), .k-button-group .k-button.k-state-disabled:not(.k-state-active), .k-list-container .k-nodata .k-button, .k-grouping-header .k-group-indicator, .k-spreadsheet-filter, .k-pivot-toolbar .k-button, .k-fieldselector .k-list li.k-item, .k-dropdowntree .k-dropdown-wrap, .k-editor-toolbar a.k-tool, .k-numerictextbox .k-select, .k-handle, .k-map .k-navigator, .k-gantt-views li, .k-task-single, .k-scheduler-navigation .k-nav-today, .k-scheduler-navigation .k-nav-prev, .k-scheduler-navigation .k-nav-next, .k-scheduler-views li, .k-scheduler-footer li {
    background-color: #f5f3f1;
}



 .file-metadata-title {
     padding-bottom : 15px;
 }


div[class*="file-metadata-wrap"] > span:first-child {
    font-weight: bold;
}

.field-validation-valid, .field-validation-error {
    color: #ED3524 !important;
 }

#error-navigator .form-background {
    background: #ED3524 !important;
}


.work-cc-ion-hint-message > span {
    font-style: unset;
}


.button-red {
    background: #ED3524;
}


#confirm-container {
    border: solid 0px transparent; 
    font-weight: bold;
    color: #ED3524;
    margin-bottom: 15px;
    background: white;
    padding: 15px;
    border-radius: 0.80rem !important;
}

* {
    font-family: 'Suiss Intl', sans-serif;
    letter-spacing: 0.05em;
}

* {
    font-size: 12px;
    /* font-family: Arial, Helvetica, Sans-Serif; */
    outline: none;
    margin: 0;
    padding: 0;
}

user agent stylesheet
div {
    display: block;
    unicode-bidi: isolate;
}

body {
    font-family: 'Suiss Intl', sans-serif;
    background: #f5f3f1;
    color: #1A1B18;
}


.badge-blue {
    background-color: #42A6EF !important;
    color: white !important;
    border: solid 1px #e5e2db !important;
    border-radius: 5px !important;
}

#body-container section {
    border-bottom: 0px solid #ccc;
    /*padding-bottom: 15px;*/
}



table.entity-list td {
 /*   border-top: 1px solid #ccc;*/
    padding: 5px;
    /*position: relative;*/
}

table.entity-list {
/*    width: 100%;
    padding: 0;
    margin: 0;
    background: #fafafa;
    color: #222;
    border-spacing: 0;*/
    border-bottom: 0px solid transparent;
}


#document-list {
    padding: 15px;
}



.k-notification-error {
    border-color: white;
    color: white;
    background-color: #ED3524;
}

.file-metadata > div > a {
    top: 3px;
    position: relative;
    color: red;
}



/* REPORT */
.k-toolbar {
    background-color: white;
}

.k-dropdown .k-dropdown-wrap {
    background-color: white;
}

.k-grouping-header {
    border-color: #dddde5;
    color: #292b2c;
    background-color: white;
}

.k-grid-pager {
    background-color: white;
}

.k-grid-header {
    border-color: #dddde5;
    color: #292b2c;
    background-color: #f5f3f1;
}

.k-button:hover {
    background-color: #e5e2db;
}

.k-button.k-state-active {
    background-color: #e5e2db;
}

.k-pager-numbers .k-state-selected {
    background-color: #f5f3f1;
}

    .k-pager-numbers .k-state-selected, .k-pager-numbers .k-state-selected:hover {
        background-color: #e5e2db;
        border-color: #B4B4B4;
    }


.k-grouping-row {
    background-color: #f5f3f1 !important;
}

.k-grid tbody tr:hover {
    background-color: #D0CCB9 !important;
}


.fa-th-list, .fa-file-o, .fa-clone {
    background-color: unset !important;
    color: #1A1B18 !important;
    border: solid 0px !important;
}


.fa-flash {
    color: #28a745 !important;
    background-color: unset !important;
    border: solid 0px !important;
}


.file-list-metadata {
    margin-bottom: 15px;
}

#error-navigator {
    position: fixed;
    top: 152px;
    right: 150px;
}

    #error-navigator .form-content {
        font-weight: unset; 
    }



.fluid-section .select-options.header {
    top: 6px;
 }

.work-header {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e5e2db;
}


.editor-label-checkbox {
    margin-bottom: 10px;
}

.inline-icon {
    color: #1A1B18 !important;
}

.k-list .k-item.k-state-selected, .k-list-optionlabel.k-state-selected, .k-list-container .k-button:active, .k-list-container .k-button.k-state-active, .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-state-selected, .k-spreadsheet-popup .k-button:active, .k-spreadsheet-popup .k-button.k-state-active, .k-spreadsheet-popup .k-button.k-state-selected, .k-menu-group .k-item.k-state-selected, .k-menu.k-context-menu .k-item.k-state-selected {
    color: #000000;
    background-color: #f5f3f1;
}


.k-combobox .k-select {
    border-color: white; /*#e5e2db;*/
    color: #212529;
    background-color: white;/* #f5f3f1; */
}

    .k-combobox .k-select:hover {
        border-color: white; /*#e5e2db; */
        background-color: white; /*#e5e2db;*/
    }



[id*="action-save"] {
    color: unset !important;
}
[id*="action-save"]:hover {
    color: unset !important;
}
[id*="action-nestor-and-approve"] {
    color: unset !important;
}

[id*="action-nestor-and-approve"]:hover {
    color: unset !important;
}

.nestor.nestor-blocker .container, .nestor .container {
    width: 576px;
    height: 225px;
}

[id*="action-manage-contacts"] {
    color: unset !important;
}

    [id*="action-manage-contacts"]:hover {
        color: unset !important;
    }


[id*="action-deliver"] {
    color: unset !important;
}

[id*="action-deliver"]:hover {
    color: unset !important;
}
[id*="action-nestor-update-request"] {
    color: unset !important;
}

[id*="action-nestor-update-request"]:hover {
    color: unset !important;
}

.expressInGrid {
    color: #28a745 !important;
}

[id*="action-refuse"] {
    color: unset !important;
}

[id*="action-refuse"]:hover {
    color: unset !important;
}

[id*="action-request-new-quote"] {
    color: unset !important;
}

    [id*="action-request-new-quote"]:hover {
        color: unset !important;
    }


[id*="action-exempt-from-vetting"] {
    color: unset !important;
}

    [id*="action-exempt-from-vetting"]:hover {
        color: unset !important;
    }

[id*="action-complete-vetting"] {
    color: unset !important;
}

    [id*="action-complete-vetting"]:hover {
        color: unset !important;
    }
[id*="action-add-vetted-files"] {
    color: unset !important;
}

    [id*="action-add-vetted-files"]:hover {
        color: unset !important;
    }

[id*="action-return-to-vetting"] {
    color: unset !important;
}

    [id*="action-return-to-vetting"]:hover {
        color: unset !important;
    }