/* Add here all your CSS customizations */

html {
    overflow-y: auto !important;
}

.tokenfield .twitter-typeahead .tt-hint {
    padding-left: 12px;
    padding-right: 12px;
    border-left-width: 0px;
}

input[type="checkbox"] {
    margin-top: 0;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}

.dashboardContent {
    vertical-align: top;
    align-content: center;
}

#timesheetContainer {
    padding-left: 10px;
}

.addEllipsis {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.removePadding {
    padding: 0 10px 0 !important;
}

.dxWeb_edtCheckBoxUnchecked_Moderno,
.dxWeb_edtCheckBoxUncheckedDisabled_Moderno {
    width: 12px !important;
    height: 12px !important;
    background-position: 0 !important;
    border-radius: 5px !important;
    border: 1px solid #abb4be !important;
    background-image: none !important;
}

.dxWeb_edtCheckBoxChecked_Moderno,
.dxWeb_edtCheckBoxCheckedDisabled_Moderno {
    width: 12px !important;
    background-color: #62a945 !important;
    height: 12px !important;
    border-radius: 5px !important;
    background-position: 0 !important;
    border: 1px solid #4f8ea5 !important;
    max-height: 19px !important;
    background-image: none !important;
}

.dx-texteditor-input {
    font-size: 12px;
}

.dx-gridbase-container > .dx-treelist-rowsview.dx-scrollable {
    /*margin-left: 6px;*/
}

/*bootstrap*/
.table {
    margin-bottom: 5px;
}
.inner-wrapper {
    height: 100% !important;
    min-height: 100% !important;
}
.inner-wrapper,
.sidebar-left,
.page-header {
    padding-top: 0 !important;
    top: 0 !important;
}

.content-body {
    margin-top: 19px;
    padding-top: 0;
    top: 0 !important;
}

.userbox {
    margin: -4px 0 0 0 !important;
    background-color: #fff;
    padding: 9px;
    color: #fff;
    border-bottom: 3px solid #62a945;
}

.userbox .name {
    color: rgb(0, 175, 239) !important;
    font-size: 1.3em !important;
}

.userbox .role {
    font-size: 1em !important;
}

.userbox .role,
.userbox .custom-caret {
    color: rgb(171, 180, 190) !important;
}

.page-header .breadcrumbs a {
    font-size: 15px !important;
    font-weight: 600 !important;
}

.page-header .breadcrumbs .fa-home {
    font-size: 1.5em !important;
}

.page-header .breadcrumbs li:after {
    font-size: 1.6rem !important;
    font-weight: 500 !important;
}

.nav-tabs li a {
    font-size: 13px !important;
}

.tabs.tabs-bottom .nav-tabs li.active a,
.tabs.tabs-bottom .nav-tabs li.active a:hover,
.tabs.tabs-bottom .nav-tabs li.active a:focus {
    border-bottom: 3px solid #00afef !important;
    border-top-color: transparent !important;
}

.nav-tabs li.active a,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus {
    border-top: 3px solid #62a945;
}

.tabs.tabs-bottom .nav-tabs {
    border-top: 0 !important;
}

.nav-tabs > li {
    margin-bottom: -1px !important;
}

.slideContent {
    display: none;
}

.label-required:after {
    content: "*";
    color: red;
    margin-left: 5px;
    font-size: 12px;
    font-weight: bold;
    visibility: hidden;
}

.validation-message {
    margin: 0;
    padding: 0;
    font-size: 10px;
    color: red;
    display: none;
}

.validation-message:before {
    content: "*";
    color: red;
    margin-right: 5px;
    font-size: 12px;
    font-weight: bold;
}

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

.invoice-title {
    font-size: 22px;
    font-weight: 600;
    color: rgb(255, 244, 242);
    margin: 0;
    padding-top: 10px;
}

.dxeErrorCell_Moderno.dxeErrorFrame_Moderno.dxeErrorFrameSys.dxeErrorCellSys {
    display: none;
}

.mvc-treelist-inline .dxeErrorCell_Moderno.dxeErrorFrame_Moderno.dxeErrorFrameSys.dxeErrorCellSys {
    display: inline-block;
}

ul.nav-main li .nav-children li a {
    padding-left: 19px;
}

ul.nav-main li a {
    font-size: 12px;
    color: #e1e1e1;
    text-overflow: clip;
    padding: 0px 6px !important;
}

    ul.nav-main li a i {
        color: #6ba849
    }
.no-close .ui-dialog-titlebar-close {
    display: none;
}

.invoice header {
    margin-bottom: 0;
}

.subheader {
    top: 39px !important;
    border: 0;
    z-index: 10 !important;
}

.inner-body.email {
    padding-top: 50px !important;
    padding-bottom: 0 !important;
}

.email-body {
    width: 91%;
    margin: auto;
}

.email-checkbox {
    padding-left: 0 !important;
    /*margin-left:35px !important;*/
    line-height: 50px !important;
    position: inherit !important;
    display: inline !important;
    height: inherit;
}

.email-label {
    padding-left: 30px;
}

h5.email-label {
    margin-bottom: 10px;
}

.invoice > .inner-body {
    margin-left: 0 !important;
    margin-top: 30px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    min-height: 0 !important;
    border-top: 0 !important;
}

.form-bordered .form-group:last-child,
.form-bordered .form-group:last-of-type {
    border-bottom: 1px solid #eff2f7 !important;
    padding-bottom: 15px !important;
    margin-bottom: 15px !important;
}

ol.breadcrumbs > li > p {
    color: #c3c3c3;
    display: inline-block;
    font-size: 1.4rem !important;
    line-height: 20px;
    vertical-align: middle;
    font-size: 1.6rem !important;
    font-weight: 500 !important;
    margin: 0;
}

.page-header {
    box-shadow: 1px 3px 0 1px #62a945 !important;
    border-left: 0 none !important;
    background: #1d2127;
}

/*.sidebar-widget.widget-tasks ul li::before {
    border: 0 !important;
}*/

.sidebar-widget {
    margin: 0 22px 0 4px;
}
.sidebar-widget.widget-tasks > .widget-content > ul > li > a > i {
    margin-left: -15px !important;
    padding-right: 15px !important;
    color: #62a945 !important;
}

.sidebar-widget.widget-tasks ul li a {
    padding: 0px 0 0px 55px;
    font-size: 12px;
}
.sidebar-widget .widget-header {
    margin-top: 3px;
    margin-bottom: 3px;
}
.sidebar-widget.widget-tasks ul li a:hover {
    color: #fff;
}

.sidebar-widget.widget-tasks ul li a:focus {
    color: #fff;
    text-decoration: none;
}

    .sidebar-widget .widget-content {
        padding: 5px 0 0 19px;
    }

.page-header .breadcrumbs > li > span {
    font-size: 1.6rem !important;
    font-weight: 500 !important;
}

.page-header .breadcrumbs a,
.page-header .breadcrumbs span {
    color: #f5f5f5 !important;
    text-transform: uppercase;
}

.logo-container {
    background-color: #171717 !important;
    background-color: #171717 !important;
    background-image: none !important;
    background-image: none !important;
    border-bottom: 1px solid #171717 !important;
    border-top: 3px solid #171717 !important;
}

.breadcrumbs {
    margin-right: 15px !important;
}

td.dxic,
td.dxic input[type="text"],
.dxeTextBox_Moderno td.dxic {
}

ul.nav-main li .nav-children li:hover {
    box-shadow: 2px 0 0 #62a945 inset;
    background-color: rgb(47, 49, 57);
    color: #fff;
    cursor: pointer;
}

ul.nav-main li .nav-children li a:hover {
    box-shadow: 2px 0 0 #62a945 inset;
    background-color: rgb(47, 49, 57);
    color: #fff;
    cursor: pointer;
}

.bootstrap-tagsinput {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    display: inline-block;
    padding: 4px 6px;
    color: #555;
    vertical-align: middle;
    border-radius: 4px;
    max-width: 100%;
    line-height: 22px;
    cursor: text;
}

.bootstrap-tagsinput input {
    border: none;
    box-shadow: none;
    outline: none;
    background-color: transparent;
    padding: 0 6px;
    margin: 0;
    width: auto;
    max-width: inherit;
}

.bootstrap-tagsinput.form-control input::-moz-placeholder {
    color: #777;
    opacity: 1;
}

.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
    color: #777;
}

.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
    color: #777;
}

.bootstrap-tagsinput input:focus {
    border: none;
    box-shadow: none;
}

.bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: white;
}

.bootstrap-tagsinput .tag [data-role="remove"] {
    margin-left: 8px;
    cursor: pointer;
}

.bootstrap-tagsinput .tag [data-role="remove"]:after {
    content: "x";
    padding: 0 2px;
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

a#btnSend:hover,
a#btnDiscard:hover,
a#btnAttach:hover {
    cursor: pointer !important;
}

ul.dropdown-menu {
}

ul.dropdown-menu > li {
}

ul.multiselect-container.dropdown-menu > li > a {
    display: block;
    width: 100%;
    padding: 4px;
    border-top: 1px solid #ededed;
}

ul.multiselect-container.dropdown-menu > li > a > label {
    font-size: 14px !important;
}

ul.multiselect-container.dropdown-menu > li > a:hover {
    background-color: #00afef;
    color: #ffffff;
    cursor: pointer;
}

ul.dropdown-menu > li > a > i {
    margin-right: 10px;
    float: right;
}

.nav > li > a {
    position: relative !important;
    padding: 6px 6px !important;
}
ul.nav-main li .nav-children {
    padding: 5px 0px;
}



.mb-xs {
    margin-bottom: 3px !important;
}

.input-xs {
    height: 22px;
    padding: 2px 5px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 2px;
}

.pull-right {
    box-shadow: none !important;
    background: none !important;
}

td label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 4px;
    font-size: 10px !important;
    font-weight: 500 !important;
}

.panel-title {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 0.8 !important;
    padding: 0 !important;
}

.dxeSpinIncButton_Moderno,
.dxeSpinDecButton_Moderno {
    padding: 0 11px 5px !important;
}

.toolbar {
    /*margin-left: 50px;*/
}

.toolbar > .nav > li {
    float: left;
}

.toolbar > .nav > li:hover {
    cursor: pointer;
}

.toolbar > .nav > li .disabled {
    float: left;
}

#userbox-name {
    background-color: #2f3139;
    color: #fff;
    padding: 5px !important;
    font-weight: 600;
    font-size: 13px !important;
    letter-spacing: -1px;
    padding-bottom: 12px !important;
}

.toolbar > .nav > li > a {
    background-color: #2f3139;
    color: #fff;
    padding: 16px 0px !important;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 12px !important;
    letter-spacing: 0;
    padding-bottom: 12px !important;
}

#subMenu > li a {
    background-color: #62a945;
    color: #fff;
    padding: 14px 20px !important;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 12px !important;
    letter-spacing: 0;
    padding-bottom: 12px !important;
    max-height: 35px !important;
    line-height: 0 !important;
}

#subMenu > li a:hover {
    background-color: #fff !important;
    color: #62a945 !important;
}

#subMenu > li > ul {
    margin-top: 4px !important;
}

#subMenu > li > ul > li a {
    padding-bottom: 20px !important;
}

#subMenu > li > ul > li a:hover {
    background-color: #fff !important;
    color: #62a945 !important;
}

#subMenu > li a > i {
    margin-right: 0;
    float: initial !important;
}

.toolbar-dropdown .toolbar-dropdown-label {
    margin-left: 25px;
    padding-right: 5px;
    color: #FFF !important;
    font-size: 14px !important;
}

.toolbar > .nav > li .userbox-role {
    background-color: #2f3139;
    color: #abb4be;
    padding: 16px !important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 11px !important;
    letter-spacing: 2px;
    padding-bottom: 12px !important;
    overflow-wrap: break-word;
}

.toolbar > nav > li > ul > li > a > i {
    float: right;
}

.toolbar > .nav > li .userbox-role:hover {
    cursor: default !important;
}

.toolbar > .nav > li a:hover #user-icon {
    color: #62a945 !important;
}

.toolbar > .nav > li a:focus {
    background-color: #2f3139;
    color: #fff;
}

.toolbar .dropdown-menu {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) !important;
    box-shadow: 0 14px 12px rgba(0, 0, 0, 0.175) !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    border: 0;
    margin-top: 0 !important;
}

.toolbar .dropdown-menu li a {
    background-color: #2f3139;
    color: #fff;
    padding: 16px !important;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 12px !important;
    letter-spacing: 0;
    padding-bottom: 12px !important;
}

.toolbar .dropdown-menu li a:hover {
    background-color: #4a4c53;
}

.dropdown-backdrop {
    display: none !important;
}

.portlet-placeholder {
    background-color: #eee;
    border: 2px dashed #bebebe;
}

.nav-tabs {
    border-bottom: 0 !important;
}

span.userbox-name {
    font-size: 14px !important;
}

.userbox-role {
    font-size: 12px !important;
    font-weight: 500 !important;
    text-align: center !important;
    letter-spacing: 0 !important;
}

.dxgvGroupRow_Moderno {
    color: #555555 !important;
}

#ProjectProcessesSubGridActivityViewPartial_DXMainTable {
    /*width: auto !important;*/
}

p.grid-title {
    text-align: center !important;
    font-size: 20px !important;
    display: block !important;
    margin-bottom: 0 !important;
    background-color: #62a945 !important;
    color: rgb(255, 255, 255) !important;
    padding: 5px !important;
    font-weight: 600 !important;
    border-radius: 2px !important;
}

html .scroll-to-top {
    display: none !important;
}

.panel-actions {
    display: none !important;
}

.modal-title {
    font-size: 19px !important;
    text-align: center;
}

.modal-body {
    overflow-y: auto !important;
    max-height: 720px !important;
}

.multiselect-container.dropdown-menu {
    max-height: 600px !important;
    overflow-x: hidden;
}

.multiselect.dropdown-toggle.btn.btn-default {
    width: 450px;
    max-width: 450px !important;
    max-height: 34px;
}

.page-header .breadcrumbs {
    line-height: 35px !important;
    margin-left: 7px;
}

.page-header {
    height: auto;
    min-height: 35px;
}

.sidebar-left .sidebar-header {
    height: 39px !important;
}

html.fixed .sidebar-left {
    padding-bottom: 39px !important;
    width: 225px;
}

html.fixed .sidebar-left .nano-content {
    padding-bottom: 85px;
}

.dxgvDataRow_Moderno td.dxgv {
    padding: 0px 3px !important;
    max-height: 26px !important;
    height: 26px !important;
}

.starControl dx-nowrap dxgv dx-ellipsis dx-al {
    padding: 0px !important;
}

.dxgvDataRow_Moderno td.dxgvCommandColumn_Moderno,
.dxgvCommandColumn_Moderno {
    padding: 0 !important;
}

.dxgvSelectedRow_Moderno {
    /*background-color: #ffff26 !important;*/
}

ul.multiselect-container > li.multiselect-item.filter > div.input-group {
    width: 100% !important;
}

div.toolbar-dropdown {
    -webkit-box-shadow: rgba(0, 0, 0, 0.172549) 0 7px 10px !important;
    box-shadow: rgba(0, 0, 0, 0.172549) 0 7px 10px !important;
    background-color: #62a945;
    padding: 6px 0 6px 0;
    display: none;
}

.invoice {
    padding: 5px 5px 5px 5px !important;
    padding-bottom: 0 !important;
    margin-top: 0px;
}

/* Layout Base - Sidebar Left Opened ( Larger than mobile ) */
@media only screen and (min-width: 768px) {
    html.sidebar-left-collapsed .sidebar-left {
        width: 40px;
    }

    /* Layout Fixed - Content Body */
    html.fixed .content-body {
        margin-left: 225px;
    }


    /* Layout Fixed - Page header */
    html.fixed .page-header {
        left: 225px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    html.fixed .page-header.no-logo {
        display: block;
    }

    html.sidebar-left-collapsed .sidebar-left .nano:hover {
        width: 225px;
    }

    /* Layout Fixed - Sidebar Left Collapsed */
    html.fixed.sidebar-left-collapsed .page-header {
        left: 40px;
    }

    html.fixed.sidebar-left-collapsed .content-body {
        margin-left: 38px;
    }

    html.fixed .inner-toolbar {
        left: 225px;
    }
}

@media (max-width: 480px) {
    .nav-tabs > li {
        float: none !important;
    }
}


    header.page-header {
        padding-right: 0 !important;
    }

    .toolbar {
        margin-left: 15px;
    }


[class^="note-icon-"]:before,
[class*=" note-icon-"]:before {
    display: inline-block;
    font: normal normal normal 14px summernote;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    text-decoration: inherit;
    text-rendering: auto;
    text-transform: none;
    vertical-align: middle;
    speak: none;
    -moz-osx-font-smoothing: grayscale;
}

.note-icon-align-center:before {
    content: "\f101";
}

.note-icon-align-indent:before {
    content: "\f102";
}

.note-icon-align-justify:before {
    content: "\f103";
}

.note-icon-align-left:before {
    content: "\f104";
}

.note-icon-align-outdent:before {
    content: "\f105";
}

.note-icon-align-right:before {
    content: "\f106";
}

.note-icon-align:before {
    content: "\f107";
}

.note-icon-arrows-alt:before {
    content: "\f108";
}

.note-icon-bold:before {
    content: "\f109";
}

.note-icon-caret:before {
    content: "\f10a";
}

.note-icon-chain-broken:before {
    content: "\f10b";
}

.note-icon-circle:before {
    content: "\f10c";
}

.note-icon-close:before {
    content: "\f10d";
}

.note-icon-code:before {
    content: "\f10e";
}

.note-icon-eraser:before {
    content: "\f10f";
}

.note-icon-font:before {
    content: "\f110";
}

.note-icon-frame:before {
    content: "\f111";
}

.note-icon-italic:before {
    content: "\f112";
}

.note-icon-link:before {
    content: "\f113";
}

.note-icon-magic:before {
    content: "\f114";
}

.note-icon-menu-check:before {
    content: "\f115";
}

.note-icon-minus:before {
    content: "\f116";
}

.note-icon-orderedlist:before {
    content: "\f117";
}

.note-icon-pencil:before {
    content: "\f118";
}

.note-icon-picture:before {
    content: "\f119";
}

.note-icon-question:before {
    content: "\f11a";
}

.note-icon-redo:before {
    content: "\f11b";
}

.note-icon-special-character:before {
    content: "\f11c";
}

.note-icon-square:before {
    content: "\f11d";
}

.note-icon-strikethrough:before {
    content: "\f11e";
}

.note-icon-subscript:before {
    content: "\f11f";
}

.note-icon-summernote:before {
    content: "\f120";
}

.note-icon-superscript:before {
    content: "\f121";
}

.note-icon-table:before {
    content: "\f122";
}

.note-icon-text-height:before {
    content: "\f123";
}

.note-icon-trash:before {
    content: "\f124";
}

.note-icon-underline:before {
    content: "\f125";
}

.note-icon-undo:before {
    content: "\f126";
}

.note-icon-unorderedlist:before {
    content: "\f127";
}

.note-icon-video:before {
    content: "\f128";
}

.note-editor {
    position: relative;
}

.note-editor .note-dropzone {
    position: absolute;
    z-index: 100;
    display: none;
    color: #87cefa;
    background-color: white;
    opacity: 0.95;
    pointer-event: none;
}

.note-editor .note-dropzone .note-dropzone-message {
    display: table-cell;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

.note-editor .note-dropzone.hover {
    color: #098ddf;
}

.note-editor.dragover .note-dropzone {
    display: table;
}

.note-editor .note-editing-area {
    position: relative;
}

.note-editor .note-editing-area .note-editable {
    outline: 0;
}

.note-editor .note-editing-area .note-editable sup {
    vertical-align: super;
}

.note-editor .note-editing-area .note-editable sub {
    vertical-align: sub;
}

.note-editor.note-frame {
    border: 1px solid #a9a9a9;
}

.note-editor.note-frame.codeview .note-editing-area .note-editable {
    display: none;
}

.note-editor.note-frame.codeview .note-editing-area .note-codable {
    display: block;
}

.note-editor.note-frame .note-editing-area {
    overflow: hidden;
}

.note-editor.note-frame .note-editing-area .note-editable {
    padding: 10px;
    overflow: auto;
    color: #000;
    background-color: #fff;
}

.note-editor.note-frame .note-editing-area .note-editable[contenteditable="false"] {
    background-color: #e5e5e5;
}

.note-editor.note-frame .note-editing-area .note-codable {
    display: none;
    width: 100%;
    padding: 10px;
    margin-bottom: 0;
    font-family: Menlo, Monaco, monospace, sans-serif;
    font-size: 14px;
    color: #ccc;
    background-color: #222;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    resize: none;
}

.note-editor.note-frame.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100%;
}

.note-editor.note-frame.fullscreen .note-editable {
    background-color: white;
}

.note-editor.note-frame.fullscreen .note-resizebar {
    display: none;
}

.note-editor.note-frame .note-statusbar {
    background-color: #f5f5f5;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.note-editor.note-frame .note-statusbar .note-resizebar {
    width: 100%;
    height: 8px;
    padding-top: 1px;
    cursor: ns-resize;
}

.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar {
    width: 20px;
    margin: 1px auto;
    border-top: 1px solid #a9a9a9;
}

.note-editor.note-frame .note-placeholder {
    padding: 10px;
}

.note-editor.note-frame.panel {
    margin-bottom: 0;
}

.note-popover.popover {
    max-width: none;
}

.note-popover.popover .popover-content a {
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.note-popover.popover .arrow {
    left: 20px !important;
}

.note-popover .popover-content,
.panel-heading.note-toolbar {
    padding: 0 0 5px 5px;
    margin: 0;
}

.note-popover .popover-content > .btn-group,
.panel-heading.note-toolbar > .btn-group {
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 0;
}

.note-popover .popover-content .btn-group .note-table,
.panel-heading.note-toolbar .btn-group .note-table {
    min-width: 0;
    padding: 5px;
}

.note-popover .popover-content .btn-group .note-table .note-dimension-picker,
.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker {
    font-size: 18px;
}

.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,
.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher {
    position: absolute !important;
    z-index: 3;
    width: 10em;
    height: 10em;
    cursor: pointer;
}

.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,
.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted {
    position: relative !important;
    z-index: 1;
    width: 5em;
    height: 5em;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC")
        repeat;
}

.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted,
.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted {
    position: absolute !important;
    z-index: 2;
    width: 1em;
    height: 1em;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC")
        repeat;
}

.note-popover .popover-content .note-style h1,
.panel-heading.note-toolbar .note-style h1,
.note-popover .popover-content .note-style h2,
.panel-heading.note-toolbar .note-style h2,
.note-popover .popover-content .note-style h3,
.panel-heading.note-toolbar .note-style h3,
.note-popover .popover-content .note-style h4,
.panel-heading.note-toolbar .note-style h4,
.note-popover .popover-content .note-style h5,
.panel-heading.note-toolbar .note-style h5,
.note-popover .popover-content .note-style h6,
.panel-heading.note-toolbar .note-style h6,
.note-popover .popover-content .note-style blockquote,
.panel-heading.note-toolbar .note-style blockquote {
    margin: 0;
}

.note-popover .popover-content .note-color .dropdown-toggle,
.panel-heading.note-toolbar .note-color .dropdown-toggle {
    width: 20px;
    padding-left: 5px;
}

.note-popover .popover-content .note-color .dropdown-menu,
.panel-heading.note-toolbar .note-color .dropdown-menu {
    min-width: 340px;
}

.note-popover .popover-content .note-color .dropdown-menu .btn-group,
.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group {
    margin: 0;
}

.note-popover .popover-content .note-color .dropdown-menu .btn-group:first-child,
.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group:first-child {
    margin: 0 5px;
}

.note-popover .popover-content .note-color .dropdown-menu .btn-group .note-palette-title,
.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title {
    margin: 2px 7px;
    font-size: 12px;
    text-align: center;
    border-bottom: 1px solid #eee;
}

.note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset,
.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset {
    width: 100%;
    padding: 0 3px;
    margin: 3px;
    font-size: 11px;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-row,
.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-row {
    height: 20px;
}

.note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset:hover,
.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset:hover {
    background: #eee;
}

.note-popover .popover-content .note-para .dropdown-menu,
.panel-heading.note-toolbar .note-para .dropdown-menu {
    min-width: 216px;
    padding: 5px;
}

.note-popover .popover-content .note-para .dropdown-menu > div:first-child,
.panel-heading.note-toolbar .note-para .dropdown-menu > div:first-child {
    margin-right: 5px;
}

.note-popover .popover-content .dropdown-menu,
.panel-heading.note-toolbar .dropdown-menu {
    min-width: 90px;
}

.note-popover .popover-content .dropdown-menu.right,
.panel-heading.note-toolbar .dropdown-menu.right {
    right: 0;
    left: auto;
}

.note-popover .popover-content .dropdown-menu.right::before,
.panel-heading.note-toolbar .dropdown-menu.right::before {
    right: 9px;
    left: auto !important;
}

.note-popover .popover-content .dropdown-menu.right::after,
.panel-heading.note-toolbar .dropdown-menu.right::after {
    right: 10px;
    left: auto !important;
}

.note-popover .popover-content .dropdown-menu.note-check li a i,
.panel-heading.note-toolbar .dropdown-menu.note-check li a i {
    color: deepskyblue;
    visibility: hidden;
}

.note-popover .popover-content .dropdown-menu.note-check li a.checked i,
.panel-heading.note-toolbar .dropdown-menu.note-check li a.checked i {
    visibility: visible;
}

.note-popover .popover-content .note-fontsize-10,
.panel-heading.note-toolbar .note-fontsize-10 {
    font-size: 10px;
}

.note-popover .popover-content .note-color-palette,
.panel-heading.note-toolbar .note-color-palette {
    line-height: 1;
}

.note-popover .popover-content .note-color-palette div .note-color-btn,
.panel-heading.note-toolbar .note-color-palette div .note-color-btn {
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    border: 1px solid #fff;
}

.note-popover .popover-content .note-color-palette div .note-color-btn:hover,
.panel-heading.note-toolbar .note-color-palette div .note-color-btn:hover {
    border: 1px solid #000;
}

.note-dialog > div {
    display: none;
}

.note-dialog .form-group {
    margin-right: 0;
    margin-left: 0;
}

.note-dialog .note-modal-form {
    margin: 0;
}

.note-dialog .note-image-dialog .note-dropzone {
    min-height: 100px;
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 4;
    color: lightgray;
    text-align: center;
    border: 4px dashed lightgray;
}

@-moz-document url-prefix() {
    .note-image-input {
        height: auto;
    }
}

.note-placeholder {
    position: absolute;
    display: none;
    color: gray;
}

.note-handle .note-control-selection {
    position: absolute;
    display: none;
    border: 1px solid black;
}

.note-handle .note-control-selection > div {
    position: absolute;
}

.note-handle .note-control-selection .note-control-selection-bg {
    width: 100%;
    height: 100%;
    background-color: black;
    -webkit-opacity: 0.3;
    -khtml-opacity: 0.3;
    -moz-opacity: 0.3;
    opacity: 0.3;
    -ms-filter: alpha(opacity=30);
    filter: alpha(opacity=30);
}

.note-handle .note-control-selection .note-control-handle {
    width: 7px;
    height: 7px;
    border: 1px solid black;
}

.note-handle .note-control-selection .note-control-holder {
    width: 7px;
    height: 7px;
    border: 1px solid black;
}

.note-handle .note-control-selection .note-control-sizing {
    width: 7px;
    height: 7px;
    background-color: white;
    border: 1px solid black;
}

.note-handle .note-control-selection .note-control-nw {
    top: -5px;
    left: -5px;
    border-right: 0;
    border-bottom: 0;
}

.note-handle .note-control-selection .note-control-ne {
    top: -5px;
    right: -5px;
    border-bottom: 0;
    border-left: none;
}

.note-handle .note-control-selection .note-control-sw {
    bottom: -5px;
    left: -5px;
    border-top: 0;
    border-right: 0;
}

.note-handle .note-control-selection .note-control-se {
    right: -5px;
    bottom: -5px;
    cursor: se-resize;
}

.note-handle .note-control-selection .note-control-se.note-control-holder {
    cursor: default;
    border-top: 0;
    border-left: none;
}

.note-handle .note-control-selection .note-control-selection-info {
    right: 0;
    bottom: 0;
    padding: 5px;
    margin: 5px;
    font-size: 12px;
    color: white;
    background-color: black;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-opacity: 0.7;
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.7;
    -ms-filter: alpha(opacity=70);
    filter: alpha(opacity=70);
}

.note-hint-popover {
    min-width: 100px;
    padding: 2px;
}

.note-hint-popover .popover-content {
    max-height: 150px;
    padding: 3px;
    overflow: auto;
}

.note-hint-popover .popover-content .note-hint-group .note-hint-item {
    display: block !important;
    padding: 3px;
}

.note-hint-popover .popover-content .note-hint-group .note-hint-item.active,
.note-hint-popover .popover-content .note-hint-group .note-hint-item:hover {
    display: block;
    clear: both;
    font-weight: 400;
    line-height: 1.4;
    color: white;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    background-color: #428bca;
    outline: 0;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #f3f3f3;
}

.MultiColumnDropdown > tbody > tr > td:nth-child(2) > input {
    background-color: #f3f3f3 !important;
}

.SpinEdit > tbody > tr > td:nth-child(1) > input {
    background-color: #f3f3f3 !important;
}
/*table-responsive*/

.table-responsive {
    margin-left: 0;
}

.btnCopyAddress {
    background-color: #ecedf0 !important;
    margin-top: -5px;
    margin-right: 5px;
    border-radius: 2px;
    padding: 0 5px;
    color: #62a945;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
}

.btnCopyAddress:hover {
    cursor: pointer;
    text-decoration: none;
}

.modal-lg {
    width: 80% !important;
}

.datepicker-link {
    display: block;
    background-color: #62a945;
    border-radius: 3px;
    color: white;
    text-align: center;
}

.datepicker-link:hover {
    cursor: pointer;
    text-decoration: none;
    background-color: #00afef;
    color: white;
}

.dxeTextBox_Moderno > tbody > tr > td.dxic {
    padding: 0 !important;
    margin: 0 !important;
}

.dxgvFocusedCell_Moderno {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

table.dxeTextBoxSys > tbody > tr > td.dxic > input.dxeEditAreaSys {
    width: 100%;
    display: block !important;
    text-align: inherit !important;
}

table.dxeButtonEdit_Moderno > tbody > tr > td.dxic {
    padding: 0 !important;
    padding-left: 5px !important;
}

.dxgvErrorCell {
    padding-left: 1px !important;
}

.dxgvControl_Moderno .dxgvErrorCell img {
    margin-top: -3px !important;
}

td.dxeListBoxItem_Moderno {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

span.dxichCellSys,
span.dxICheckBox_Moderno {
    padding: 0 !important;
}

.dxgvInlineEditRow_Moderno .dxeButtonEditButton_Moderno,
.dxgvFilterRow_Moderno .dxeButtonEditButton_Moderno {
    padding: 0 !important;
}

.dxgvFooter_Moderno td.dxgv {
    padding: 8px 10px !important;
}

.tab-content > form > .tab-pane {
    display: none;
    visibility: hidden;
}

.tab-content > form > .active {
    display: block;
    visibility: visible;
}

i#AddUserToRole:hover,
i#RemoveUserFromRole:hover,
i#DeleteRole:hover,
#PrintLogoPreview:hover {
    cursor: pointer;
}

.permission-btn {
    padding: 10px 25px 0 25px;
}

.permission-btn > i {
    font-size: 60px;
}

.permission-btn > h3 {
    font-size: 20px;
    margin: 10px 0 5px 0;
}

.permission-toggle-style {
    margin: 3px;
}

.permission-toggle-control {
    white-space: nowrap;
}

.permission-box {
    display: inline-block;
    vertical-align: top;
    padding: 10px;
    margin: 10px;
}
.permission-box.border {
    border: 1px solid #dddddd;
}

.permission-group {
    width: auto;
    margin: 12px;
    display: inline-block;
    border: 1px solid #dddddd;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.16);
}

.confidential-toggle-style {
    margin: 3px;
}

.toggle .toggle-on {
    color: white !important;
}

.btn-confidential-toggle-style {
    margin: 0;
}

.btn-confidential-toggle-on-style {
    text-shadow: none;
    background-color: #efefef;
    border-color: #c3c3c3;
    margin: 0;
}

.btn-confidential-toggle-on-style:hover {
    color: #ffaeae;
    text-shadow: none;
    background-color: #fff;
    color: black;
    margin: 0;
}

.toggle .btn-confidential-toggle-on-style.toggle-on {
    color: #a51a1a !important;
}

.permission-panel-title {
    margin-top: 3px;
    margin-bottom: 3px;
}

.permission-panel-title > a {
    color: #777;
}

.permission-panel-body {
    padding: 15px;
    padding-bottom: 0px;
}

.permissions-panel-heading {
    background-color: #f6f6f6 !important;
    border-bottom-width: 1px !important;
    border-bottom: 1px solid #ddd !important;
    text-align: center;
}

.panel-heading {
    background: #62a945;
    padding: 8px 0 8px 12px;
}

.panel-body {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
    border: 0;
    //padding-bottom: 0px;
}

.sidebar-left .sidebar-header .sidebar-title {
    color: #f5f5f5 !important;
    padding: 9px 8px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
}

.sidebar-left .sidebar-header .sidebar-toggle {
    width: 40px;
    height: 40px;
    background-color: #191c21;
    border-radius: 0;
}
.sidebar-left .sidebar-header .sidebar-toggle {
    width: 40px;
    height: 40px;
    background-color: #191c21;
    border-radius: 0;
}

.sidebar-left .sidebar-header .sidebar-toggle i {
    line-height: 40px;
}

.sidebar-left hr.separator {
    margin: 5px 10px;
}

.body-sign.registration {
    max-width: none;
    width: auto;
}






.landingPage {
    background-image: url('../images/background2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.FilterRowToggle {
    display: none !important;
}

.Email-Div {
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    border: 2px solid gray;
    margin-bottom: 40px;
}

.dxeButtonEditButtonHover_Moderno {
    background: #62a945 !important;
    border: 1px solid #62a945 !important;
}

.dxeButtonEditButtonHover_Moderno.dxeButtonEditClearButton_Moderno {
    background: rgba(0, 0, 0, 0) !important;
    border: 0 !important;
}

.dxeButtonEditButton_Moderno {
    padding: 6px 6px !important;
}

.dxeButtonEditButton_Moderno.dxeButtonEditClearButton_Moderno {
    padding: 0 3px !important;
}

.dxeButtonEditButton_Moderno.dxeSpinIncButton_Moderno,
.dxeButtonEditButton_Moderno.dxeSpinDecButton_Moderno {
    padding: 0 8px 3px !important;
}

#Userbox {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0;
}

ul.nav-main li .nav-children li a:after {
    padding: 6px;
    margin-right: 30px;
}

ul.nav-main li i {
    font-size: 1.2em;
    margin-right: 0.4em;
}



input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#historyPartial {
    margin-bottom: 20px;
}

.NewTabButton {
    margin-top: -22px;
}

/*Left hand menu minimised styling*/
html.sidebar-left-collapsed .sidebar-left .nav-main li.nav-parent > ul.nav-children {
    display: block;
}

html.sidebar-left-collapsed .sidebar-left .nav-main li.nav-parent a.NewTabButton {
    visibility: hidden;
}

html.sidebar-left-collapsed .sidebar-left .toolbar #userbox-name {
    display: none;
}

html.sidebar-left-collapsed .sidebar-left .dropdown-menu {
    visibility: hidden;
}

html.sidebar-left-collapsed .sidebar-left .nano:hover .nav-main li.nav-parent a.NewTabButton {
    visibility: visible;
}

html.sidebar-left-collapsed .sidebar-left .nano:hover .toolbar #userbox-name {
    display: inline;
}

html.sidebar-left-collapsed .sidebar-left .nano:hover .dropdown-menu {
    visibility: visible;
}

/*communications partial*/
.timeline .tm-items > li .tm-icon {
    top: 50%;
    left: 30px;
    font-size: 21px;
    padding-top: 2px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    width: 54px;
    height: 54px;
    background-color: #fff;
    border: none;
}

.timeline.timeline-simple .tm-body .tm-items > li {
    padding: 0 0 0 68px;
}

.timeline.timeline-simple .tm-body .tm-items > li:before {
    display: none;
}

.timeline .tm-items > li {
    margin: 12px 0px !important;
}

.timeline .tm-body {
    padding-top: 0px;
}

.NoteButton {
    background-color: #62a945;
    color: #fff;
    padding: 5px 15px !important;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 12px !important;
    letter-spacing: 0;
    max-height: 35px !important;
    line-height: 0 !important;
}

.NoteButton:hover {
    background-color: #fff !important;
    color: #62a945 !important;
    text-decoration: none;
    cursor: pointer;
}

.NoteButton[disabled="disabled"] {
    background-color: #d0d0d0;
    color: #868686;
}

.NoteButton[disabled="disabled"]:hover {
    background-color: #d0d0d0 !important;
    color: #868686 !important;
}

.favoriteHeading {
    padding: 2px;
    margin-left: 35px;
    border-bottom: 1px solid #62a945;
}

.favoriteHeading span {
    font-size: 16px;
    color: #62a945;
    margin-left: 15px;
    cursor: pointer;
}

.favoriteHeading span:hover {
    border-bottom: 1px solid #62a945;
}

.tm-meta a {
    cursor: pointer;
    padding-left: 6px;
}

#SummerNoteRemoveUploadButton {
    color: black;
    padding: 0 !important;
    font-size: 12px !important;
}

#SummerNoteRemoveUploadButton:hover {
    text-decoration: none;
}

#SummerNoteRemoveUploadButtonText {
    color: #62a945;
    font-weight: bold;
}

.tm-body {
    padding-top: 25px !important;
}

.timeline .tm-body:after {
    background-color: #505050 !important;
    background-image: linear-gradient(to bottom, white, transparent) !important;
    background-size: auto 20px;
    background-repeat: no-repeat;
}

.timeline .tm-items > li .tm-box {
    border: 1px solid #dadada !important;
    position: relative;
    background: #fff;
    min-height: 50px;
    padding: 6px 12px;
}

.timeline .tm-items > li .tm-box .tm-meta {
    margin: 0px 0 0;
}

.timeline.timeline-simple .tm-body .tm-items > li .tm-box:before {
    border-right-color: #dadada !important;
}

.tm-attachment {
    background: #f5f5f5;
    padding: 3px 20px;
    border: 1px solid #dadada !important;
    margin-top: -1px;
}

.tm-meta button {
    background-color: #62a945;
    color: #ffffff;
    display: inline-block;
    border-radius: 45px;
    border: 1px solid #62a945;
    padding-left: 5px;
}

.tm-meta input {
    display: inline-block;
    border-radius: 45px;
    border: 1px solid #cccccc;
    padding-left: 10px;
    color: #000000;
    margin-left: 5px;
}

.tm-meta input:focus {
    box-shadow: 0 0 6px #62a945;
}

.tm-notecontent.collapsed {
    max-height: 150px;
    overflow: hidden;
}

.tm-notecontent.expanded {
    max-height: none;
    overflow: hidden;
}

.tm-toggle-expand {
    padding: 10px 0 3px 0;
    display: none;
}

.tm-toggle-expand a {
    font-weight: 600;
}

.tm-toggle-expand a:hover {
    cursor: pointer;
}

.communication-toolbar {
    padding: 20px;
}

.communication-toolbar > button {
    background-color: #ffffff;
    color: #62a945;
    border: 1px solid #cccccc;
    border-radius: 45px;
    display: inline-block;
    padding-left: 5px;
    outline: 0;
}

.communication-toolbar > .selected-button {
    background-color: #d4d4d4;
}

.setting-tabs {
    display: inline !important;
    float: left;
}

.setting-tabs > li {
    display: block;
    margin: 2px;
}

.CustomHeaderButton {
    padding: 0 !important;
    margin: 2px !important;
    border-radius: 4px !important;
    color: #62a945 !important;
    background: #fff !important;
    border: 1px solid transparent !important;
    border-color: #62a945 !important;
    display: block !important;
}

.CustomHeaderButton:hover {
    background: #62a945 !important;
    color: #fff !important;
    border: 1px solid transparent !important;
    border-color: #fff !important;
    text-decoration: none !important;
}

.CustomHeaderButton:visited {
    text-decoration: none !important;
}

.CustomHeaderButton:focus {
    text-decoration: none !important;
}

.CustomHeaderButton > div > span:before {
    font-family: FontAwesome;
    display: inline-block;
    vertical-align: top;
    color: #62a945;
    font-size: 18px !important;
}

.CustomHeaderButton:hover > div > span:before {
    color: #fff;
}

.CustomHeaderButton:hover > div > span:before {
    color: #fff;
}

.commandColumnSelect {
    border-color: LightGrey !important;
    border-width: 1px !important;
    border-style: solid !important;
    font-size: Small !important;
    border-bottom-width: 0px !important;
}

.ChartDiv {
    float: left;
    margin: 10px;
}

.selectedImportBom {
    background-color: #62a945;
    color: #fff;
}

#importBomItemTable {
    cursor: pointer;
}

/* Left Hand Menu - Actions styling*/
.sidebar-widget.widget-actions ul li a {
    color: #abb4be;
    display: block;
    margin: 0 -25px 0 -30px;
    padding: 2px 0 5px 20px;
}

.sidebar-widget.widget-actions ul li a:hover {
    color: #fff;
    background: #21262d;
    text-decoration: none;
}

.sidebar-widget.widget-actions ul li a:focus {
    color: #fff;
    text-decoration: none;
}

.menu-seperate {
    width: 87%;
    margin: AUTO;
    background-color: #383838;
    height: 1px;
}
/* END - Left Hand Menu - Actions styling*/

/*CSS for Email Link To Page modal pop up*/
.emaillink-modal {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .emaillink-modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

.emaillink-modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    max-width: 1000px;
}

.emaillink-modal-header {
    padding: 0;
}

.emaillink-inner-toolbar {
    right: 0;
    left: 0;
    position: inherit;
    background: #1d2127;
    margin: 0;
    padding: 0;
    height: 52px;
    overflow: hidden;
}

.emaillink-inner-toolbar > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.emaillink-inner-toolbar > ul > li {
    display: inline-block;
    font-size: 13px;
    border-right: 1px solid #121418;
    cursor: pointer;
}

.emaillink-inner-toolbar > ul > li > a {
    display: inline-block;
    padding: 0;
    color: #abb4be;
    padding: 15px;
}

.emaillink-inner-toolbar > ul > li > a:hover,
.emaillink-inner-toolbar > ul > li > a:focus {
    color: #fff;
    text-decoration: none;
}

.emaillink-modal-body {
    padding: 15px;
}

.emaillink-inner-body {
    padding: 0;
    min-height: 0;
    border-top: none;
}

.ui-autocomplete {
    z-index: 1100 !important;
}

.Email-Div {
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    border: 2px solid gray;
    margin-bottom: 40px;
}

.Email-Div object {
    max-width: 100%;
    width: 100%;
    display: block;
    height: 900px;
    overflow-y: scroll;
}
/* END - CSS for Email Link To Page modal pop up*/

.widget-content a {
    cursor: pointer;
}



.avatar-row {
    padding-bottom: 10px;
}

.dxbButton_Moderno div.dxb {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.phoneapp-main-body {
    padding: 20px;
}

.phoneapp-message-body {
    text-align: center;
    padding-bottom: 15px;
}

.phoneapp-download-button {
    width: 100%;
    padding: 9px;
    background-color: #62a945;
    color: white;
    border: none;
}

.phoneapp-info-header {
    text-align: center;
}

.phoneapp-body-row {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    display: -webkit-box;
}

/* Devextreme widgets START */

.dx-datagrid .dx-row > td {
    padding: 3px 7px 2px 7px;
}

/*#Splitter_0_CC{
    width:100%;
}

#Splitter_1_CC {
    width: 100%;
}*/

.dx-editor-cell.dx-editor-inline-block .dx-highlight-outline::before {
    padding: 0 !important;
}

.dx-data-row td.center {
    text-align: center !important;
}

.dx-datagrid .dx-row:not(.dx-datagrid-filter-row) .dx-texteditor-input {
    padding: 0 3px;
    min-height: auto;
}

.dx-datagrid .dx-row:not(.dx-datagrid-filter-row) .dx-highlight-outline {
    padding: 2px 7px;
    /*line-height: 0;*/
}

.dx-datagrid .dx-row:not(.dx-datagrid-filter-row) .dx-placeholder:before {
    padding: 0px 9px 8px;
}

.dx-datagrid-checkbox-size {
    line-height: 0;
}

.dx-treelist .dx-row:not(.dx-treelist-filter-row) .dx-texteditor-input {
    padding: 0 3px;
    min-height: auto;
}
.dx-treelist .dx-row:not(.dx-treelist-filter-row) .dx-highlight-outline {
    padding: 2px 7px;
}
.dx-treelist .dx-row:not(.dx-treelist-filter-row) .dx-placeholder:before {
    padding: 0px 9px 8px;
}

.dx-treelist .dx-row > td {
    padding: 1px;
}

.dx-datagrid-nowrap .dx-header-row > td > .dx-datagrid-text-content {
    white-space: normal;
    text-align: center;
}

.dx-datagrid-nowrap .dx-header-row > td.dx-command-edit {
    white-space: normal;
    text-align: center !important;
}

.dx-datagrid .dx-column-indicators.dx-visibility-hidden {
    display: none;
}

.dx-datagrid .dx-link.dx-link-delete,
.dx-link.dx-link-edit,
.dx-link.dx-link-undelete,
.dx-link.dx-link-attachments,
.dx-link.dx-link-open,
.dx-link.dx-link-new,
.dx-link.dx-link-go,
.dx-datagrid .dx-link.dx-link-add {
    padding: 0 6px !important;
    background: #fff !important;
    border: 1px solid transparent !important;
    width: auto !important;
    text-decoration: none !important;
    height: 19px;
}

    .dx-datagrid .dx-link.dx-link-delete:hover,
    .dx-link.dx-link-undelete:hover,
    .dx-link.dx-link-attachments:hover,
    .dx-link.dx-link-attachments.hasAttachments:hover,
    .dx-link.dx-link-open:hover,
    .dx-link.dx-link-new:hover,
    .dx-link.dx-link-go:hover {
        color: #fff !important;
        border: 1px solid transparent !important;
        border-color: #fff !important;
        text-decoration: none !important;
    }

.dx-datagrid .dx-link.dx-link-delete {
    color: #7b7b7b !important;
    border-color: #7b7b7b !important;
    float: left;
    border-radius: 4px !important;
}

.dx-link.dx-link-edit,
.dx-datagrid .dx-link.dx-link-add {
    color: #7b7b7b !important;
    border-color: #7b7b7b !important;
    float: left;
    margin: 0 2px;
    border-radius: 4px !important;
}

.dx-datagrid .dx-link.dx-link-delete:hover {
    background: #fb6565 !important;
}

.dx-link.dx-link-edit:hover,
.dx-datagrid .dx-link.dx-link-add:hover {
    background: #d6d6d6 !important;
}

.dx-link.dx-link-undelete {
    color: #8b8b8b !important;
    border-color: #8b8b8b !important;
}

.dx-link.dx-link-undelete:hover {
    background: #8b8b8b !important;
}

.dx-link.dx-link-attachments {
    color: #6b6363 !important;
    border-color: #d0d0d0 !important;
    float: right;
}

.dx-link.dx-link-attachments:hover {
    background: #278cd4 !important;
}

.dx-link.dx-link-attachments.hasAttachments {
    color: #0b9aff !important;
    border-color: #0b9aff !important;
    background-color: #f4f8fa !important;
}

.dx-link.dx-link-attachments.hasAttachments:hover {
    background: #278cd4 !important;
}

.dx-link.dx-link-open {
    color: #0090d9 !important;
    border-color: #0090d9 !important;
}

.dx-link.dx-link-open:hover {
    background: #0090d9 !important;
}

.dx-datagrid .dx-link.dx-link-delete:before {
    font-family: FontAwesome;
    content: "\f1f8";
    display: inline-block;
    vertical-align: top;
}

.dx-link.dx-link-undelete:before {
    font-family: FontAwesome;
    content: "\f0e2";
    display: inline-block;
    vertical-align: top;
}

.dx-link.dx-link-attachments:before {
    font-family: FontAwesome;
    content: "\f0c6";
    display: inline-block;
    vertical-align: top;
}

.dx-link.dx-link-open:before {
    font-family: FontAwesome;
    content: "\f07c";
    display: inline-block;
    vertical-align: top;
}

.dx-link.dx-link-new:before {
    font-family: FontAwesome;
    content: "\f067";
    display: inline-block;
    vertical-align: top;
}

.dx-link.dx-link-new {
    color: #62a945 !important;
    border-color: #62a945 !important;
}

.dx-link.dx-link-new:hover {
    background: #62a945 !important;
}

.dx-link.dx-link-go {
    color: #0090d9 !important;
    border-color: #0090d9 !important;
}

.dx-link.dx-link-go:hover {
    background: #0090d9 !important;
}

.dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr > td > .dx-select-checkbox {
    display: unset;
}

#dataGrid {
    font-size: 14px;
}
#treeList {
    font-size: 12px;
}

#dataGrid .dx-command-select {
    width: 30px;
    min-width: 30px;
}

#dataGrid .dx-checkbox-container {
    vertical-align: bottom;
}

#dataGrid .dx-datagrid-total-footer > .dx-datagrid-content {
    padding-top: 1px;
    padding-bottom: 1px;
}

/* Devextreme widgets END*/

/* Right Side Panel START */

.right-expandable-panel {
    width: 0;
    position: fixed;
    top: 39px;
    bottom: 0;
    height: 100%;
    z-index: 1008;
    border-radius: 0;
    right: 0;
}

.right-expandable-panel-toggle {
    cursor: pointer;
    border-radius: 6px 0 0 6px !important;
    color: #fff !important;
    display: block;
    height: 34px;
    left: -70px;
    position: absolute;
    text-align: center;
    top: -2px;
    width: 70px;
    text-decoration: none !important;
    background-color: #3c3c3c;
    padding: 10px 0px !important;
    font-weight: 300;
    text-transform: none;
    font-size: 12px !important;
    letter-spacing: 0;
    max-height: 35px !important;
    line-height: 0 !important;
    border-bottom: 3px solid #62a945;
    margin: 4px 5px;
}

.right-expandable-panel-wrap {
    height: 100%;
    margin: 0;
    overflow-y: auto;
    position: relative;
    background-color: #fdfdfd;
    border-left: 3px solid #3c3c3c;
}

.right-expandable-panel-wrap .panel {
    margin-bottom: 0;
}


#kanbanDatasourceExpandablePanel .right-expandable-panel-toggle {
    top:52px;
    width: 100px;
    left: -105px;
    line-height: 10px !important;
    font-size: 11px !important;
}

/* Right Side Panel END */

/* Toolbar START */

#subMenu li a {
    padding: 7px 13px !important;
    margin: 4px 5px;
    background-color: #3c3c3c;
    color: #fff;
    font-weight: 300;
    text-transform: none;
    font-size: 11px !important;
    letter-spacing: 0;
    max-height: 35px !important;
    line-height: 0 !important;
    border: 1px solid #727272;
    border-radius: 0;
}

/*#subMenu.nav li div.tm-meta.text-muted {
    line-height: 20px !important;
    margin-top: 6px;
}*/

/*.page-header {
    height: 45px !important;
}

.content-body {
    padding: 49px 0 0 0 !important;
}

.toolbar .nav > li {
    float: left;
}*/

#subMenu > li a > i {
    /*display: block;
    margin: auto;
    width: 1px;
    padding-bottom: 8px;*/
}

#subMenu > li > ul {
    margin-top: 0 !important;
    background-color: #1d2127;
}

#subMenu > li > ul > li a {
    padding: 13px 13px 13px 13px !important;
}
#subMenu > li a:hover {
    background-color: #8b8b8b !important;
    color: #fff !important;
}
#subMenu > li > ul > li a:hover {
    background-color: #8b8b8b !important;
    color: #fff !important;
}

#btnSave {
    border: 1px solid #60944a !important;
}
#btnCancel {
    border: 1px solid #bf9774 !important;
}
#btnDelete {
    border: 1px solid #b10000 !important;
}

#save-button {
    border: 1px solid #60944a !important;
}

#cancel-button {
    border: 1px solid #bf9774 !important;
}

#delete-button {
    border: 1px solid #b10000 !important;
}

.header-save-button {
    border: 1px solid #60944a !important;
}

.header-cancel-button {
    border: 1px solid #bf9774 !important;
}

.header-delete-button {
    border: 1px solid #b10000 !important;
}

.toolbarCustomBtn .dx-button {
    margin: 4px 5px;
    border-radius: 0;
    font-weight: 400;
    font-size: 12px !important;
}
.toolbarCustomBtn .dx-button-content {
    padding: 6px 13px !important;
}

.toolbarSelectBox .dx-selectbox {
    margin: 4px 5px;
    border-radius: 0;
    font-weight: 400;
    font-size: 12px !important;
    height: 30px;
}
.toolbarSelectBox .dx-texteditor-input {
    min-height: 0;
}

.toolbarSearchBox .dx-treelist-search-panel {
    margin: 4px 5px;
    border-radius: 0;
    font-weight: 400;
    font-size: 12px !important;
    height: 30px;
}

.dx-toolbar .dx-toolbar-after {
    padding-left: 0;
}
.dx-datagrid-header-panel .dx-toolbar {
    margin-bottom: 2px;
}

.dx-treelist-header-panel .dx-toolbar {
    margin-bottom: 2px;
}

/* Toolbar END */

.e-scrollbar .e-vhandle,
.e-scrollbar .e-hhandle {
    background-color: #cacaca !important;
}
/* Headings */
h1,
h2,
h3,
.h1,
.h2,
.h3 {
    letter-spacing: 0px;
}

#mergePreviewBtn {
    width: 40%;
    height: 15%;
    margin: auto;
    display: block;
    margin-top: 100px;
}

#sourceType {
    margin: auto;
    width: 60%;
    margin-top: 100px;
}
#importFile {
    margin: auto;
    width: 60%;
    margin-top: 100px;
    border: 1px dashed #1d2127;
}
.bom-import-panel {
    flex: 1;
    border: 1px solid #aaa;
}

/* Grid custom button */

a.custom-grid-button {
    padding: 7px 13px !important;
    font-weight: 600;
    text-transform: none;
    font-size: 11px !important;
    letter-spacing: 0;
    max-height: 35px !important;
    line-height: 0 !important;
    margin: 4px 5px;
    cursor: pointer;
    text-decoration: none;
    color: #0090d9 !important;
    background: #fff !important;
    border: 1px solid transparent !important;
    border-color: #0090d9 !important;
    border-radius: 3px;
}

a.custom-grid-button:hover {
    color: #fff !important;
    background: #0090d9 !important;
    border: 1px solid transparent !important;
    border-color: #fff !important;
    text-decoration: none !important;
}

a.custom-grid-button-red {
    padding: 7px 13px !important;
    font-weight: 600;
    text-transform: none;
    font-size: 11px !important;
    letter-spacing: 0;
    max-height: 35px !important;
    line-height: 0 !important;
    margin: 4px 5px;
    cursor: pointer;
    text-decoration: none;
    color: #f36c6c !important;
    background: #fff !important;
    border: 1px solid transparent !important;
    border-color: #f36c6c !important;
    border-radius: 3px;
}

a.custom-grid-button-red:hover {
    color: #fff !important;
    background: #f36c6c !important;
    border: 1px solid transparent !important;
    border-color: #fff !important;
    text-decoration: none !important;
}

a.custom-grid-button-grey {
    padding: 7px 13px !important;
    font-weight: 600;
    text-transform: none;
    font-size: 11px !important;
    letter-spacing: 0;
    max-height: 35px !important;
    line-height: 0 !important;
    margin: 4px 5px;
    cursor: pointer;
    text-decoration: none;
    color: #7e7e7e !important;
    background: #fff !important;
    border: 1px solid transparent !important;
    border-color: #7e7e7e !important;
    border-radius: 3px;
}

a.custom-grid-button-grey:hover {
    color: #fff !important;
    background: #7e7e7e !important;
    border: 1px solid transparent !important;
    border-color: #fff !important;
    text-decoration: none !important;
}

/* Toolbar responsiveness */

@media screen and (max-width: 1760px) {
    #subMenu li a {
        padding: 7px 8px !important;
        margin: 4px 3px;
        font-size: 10px !important;
    }

    .page-header .breadcrumbs {
        line-height: 0 !important;
        height: auto;
    }
    .page-header .breadcrumbs a {
        font-size: 14px !important;
    }
    .page-header .breadcrumbs li:after {
        font-size: 14px !important;
        margin: 0 4px;
    }
    .page-header .breadcrumbs > li > span {
        font-size: 14px !important;
    }
}

@media screen and (max-width: 1500px) {
    #subMenu li a {
        padding: 7px 7px !important;
        margin: 4px 2px;
    }
}

/* Toolbar responsiveness END */

/* BOM Import right hand panel styling START */

.right-expandable-panel .badge {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    height: 18px;
    padding: 2px 5px 3px 5px;
    position: absolute;
    right: 3px;
    top: -6px;
    border-radius: 100%;
}

.right-expandable-panel .badge.badge-warning {
    background: #d2312d;
}

.right-expandable-panel .tab-badge {
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    height: auto;
    position: unset;
    right: 0px;
    top: 0px;
    border-radius: 100%;
    width: auto;
    padding: 0px 4px 1px 4px;
}

.right-expandable-panel .tab-badge.badge-warning {
    background: #d2312d;
}

.right-expandable-panel-toggle.log-panel {
    height: 40px;
    left: -79px;
    top: 20px;
    width: 75px;
    font-weight: 400;
    font-size: 15px !important;
    max-height: 40px !important;
}

/* BOM Import right hand panel styling END */

.image-thumbnail {
    height: 300px;
    padding-top: 10px;
    padding-bottom: 5px;
}

.image-button-group {
    margin: 5px 0px;
}

.image-button {
    white-space: normal;
    background-color: #62a945;
    color: #fff !important;
    border-radius: 0;
    padding: 6px 12px;
    border: 1px solid transparent;
    margin-left: 5px;
    font-size: 14px;
}

.CommandColumnEditFormDeleteButton {
    padding: 2px !important;
    margin: 2px 2px !important;
    border-radius: 4px !important;
    background: #fff !important;
    border: 1px solid transparent !important;
    border-color: #7b7b7b !important;
    display: inline-block !important;
    width: 60px !important;
    height: 20px !important;
    align-content: center !important;
    text-align: center !important;
}

.CommandColumnEditFormDeleteButton:hover {
    background: #fb6565 !important;
    color: #fff !important;
    border: 1px solid transparent !important;
    border-color: #fff !important;
    text-decoration: none !important;
}

.CommandColumnEditFormDeleteButton:visited {
    text-decoration: none !important;
}

.CommandColumnEditFormDeleteButton:focus {
    text-decoration: none !important;
}

.CommandColumnEditFormDeleteButton > div > span {
    padding: 0;
    vertical-align: top;
}

.CommandColumnEditFormDeleteButton > div > span:before {
    font-family: FontAwesome;
    content: "\f1f8";
    display: inline-block;
    vertical-align: top;
    color: #7b7b7b;
}

.CommandColumnEditFormDeleteButton:hover > div > span:before {
    color: #fff;
}

.CommandColumnEditFormEditButton {
    padding: 2px !important;
    margin: 2px 2px !important;
    border-radius: 4px !important;
    color: #0090d9 !important;
    background: #fff !important;
    border: 1px solid transparent !important;
    border-color: #0090d9 !important;
    display: inline-block !important;
    width: 60px !important;
    height: 20px !important;
    align-content: center !important;
    text-align: center !important;
}

.CommandColumnEditFormEditButton:hover {
    background: #0090d9 !important;
    color: #fff !important;
    border: 1px solid transparent !important;
    border-color: #fff !important;
    text-decoration: none !important;
}

.CommandColumnEditFormEditButton:visited {
    text-decoration: none !important;
}

.CommandColumnEditFormEditButton:focus {
    text-decoration: none !important;
}

.CommandColumnEditFormEditButton > div > span {
    padding: 0;
    vertical-align: top;
}

.CommandColumnEditFormEditButton > div > span:before {
    font-family: FontAwesome;
    content: "\f040";
    display: inline-block;
    vertical-align: top;
    color: #0090d9;
}

.CommandColumnEditFormEditButton:hover > div > span:before {
    color: #fff;
}

.CommandColumnEditFormNewButton {
    padding: 5px !important;
    margin: 5px 5px !important;
    border-radius: 4px !important;
    color: #01a301 !important;
    background: #fff !important;
    border: 1px solid transparent !important;
    border-color: #01a301 !important;
    text-decoration: none !important;
    display: block !important;
    width: auto !important;
}

.CommandColumnEditFormNewButton:hover {
    color: #fff !important;
    background: #01a301 !important;
    border: 1px solid transparent !important;
    border-color: #fff !important;
    text-decoration: none !important;
}

.CommandColumnEditFormNewButton:visited {
    text-decoration: none !important;
}

.CommandColumnEditFormNewButton:focus {
    text-decoration: none !important;
}

.CommandColumnEditFormNewButton > div > span:before {
    font-family: FontAwesome;
    content: "\f0fe";
    display: inline-block;
    padding-right: 3px;
    vertical-align: top;
    color: #01a301;
    font-size: 18px !important;
}

.CommandColumnEditFormNewButton:hover > div > span:before {
    color: #fff;
}

.pert-structure-name {
    display: inline;
    vertical-align: middle;
}

.pert-structure-component {
    display: inline-block;
    vertical-align: middle;
    width: 50px !important;
    height: 50px !important;
    line-height: 44px !important;
    font-size: 1.5rem !important;
    border-radius: 25px !important;
    margin-right: 5px !important;
    text-align: center !important;
    overflow: hidden;
    color: white;
}

.pert-structure-root {
    border: 2px solid green;
    background-color: green;
}
.pert-structure-root.loading {
    background-color: white;
}

.pert-structure-root > img {
    height: 50px;
    width: 50px;
}
.pert-structure-root > img.fa-spinner {
    height: 25px;
    width: 25px;
}

.pert-structure-station {
    border: 2px solid #e36159;
    background-color: #e36159;
}
.pert-structure-station.loading {
    background-color: white;
}
.pert-structure-station > img {
    height: 50px;
    width: 50px;
}
.pert-structure-station > img.fa-spinner {
    height: 25px;
    width: 25px;
}

.pert-structure-module {
    border: 2px solid #0088cc;
    background-color: #0088cc;
}
.pert-structure-module.loading {
    background-color: white;
}
.pert-structure-module > img {
    height: 50px;
    width: 50px;
}
.pert-structure-module > img.fa-spinner {
    height: 25px;
    width: 25px;
}

.verticalAlignCell {
    vertical-align: middle !important;
}
.dx-treelist .dx-link {
    text-decoration: none;
}

.pert-template-icons {
    color: black !important;
}

.modal-header {
    background-color: #f6f6f6 !important;
    border-color: #dadada;
}
.modal-title {
    font-size: 19px !important;
    text-align: center;
    padding: 10px 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
    overflow: hidden;
}

.modal-body {
    background-color: #fdfdfd !important;
    overflow-y: auto !important;
    max-height: 720px !important;
}

.btn-modal-confirm {
    background-color: #62a945;
    color: #fff !important;
}

.btn-modal-dismiss {
    background-color: #fff;
}

.btn-modal-confirm:hover {
    background-color: #84bc6d !important;
}

.btn-modal-dismiss:hover {
    background-color: #dddddd;
}

.dx-treelist .tree-header-button {
    font-size: 12px;
    padding: 1px;
}

.dx-treelist .command-column-cell-icon {
    color: #003342;
}

.dx-treelist .command-column-cell .dx-link-add,
.dx-treelist .command-column-cell .dx-link-delete {
    float: left;
}

.CommandColumnEditFormNewButton:hover > div > span:before {
    color: #FFF;
}

.procurementBackground {
    background-color: #c0f7c84a;
}

.materialBackground {
    background-color: #dea1b34a;
}

.expensesBackground {
    background-color: #dea1b34a;
}

.subcontractorBackground {
    background-color: #dea1b34a;
}

.salesBackground {
    background-color: #2b2b8c4a;
}

.projectTotalsBackground {
    background-color: #c0c0f74a;
}

.labourHoursBackground {
    background-color: #489bdc4a;
}

.labourEtcHoursBackground {
    background-color: #7385934a;
}

.labourCostsBackground {
    background-color: #fff8744a;
}

.labourEtcCostsBackground {
    background-color: #eee86f87;
}

body .btn-primary {
    background-color: #62a945;
}


#pertDetailTreeList .dx-link {
    color: #003342;
}

.verticalAlignCell {
    vertical-align: middle !important;
}

#structureTreeList .dx-treelist-checkbox-size .dx-checkbox-icon {
    height: 20px;
    width: 20px;
}

#structureTreeList .dx-treelist-rowsview .dx-treelist-table-fixed .dx-treelist-icon-container {
    margin-top: 12px;
}

#structureTreeList .dx-treelist-icon-container.dx-editor-inline-block {
    padding-right: 27px;
}

.dx-treelist .green-dot:not(.dx-cell-modified):after {
    background-color: #68c568 !important;
    content: " ";
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-left: 2px;
}

.dx-treelist .yellow-dot:not(.dx-cell-modified):after {
    background-color: #FFBF00 !important;
    content: " ";
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-left: 2px;
}

.dx-treelist .red-dot:not(.dx-cell-modified):after {
    background-color: #f15050 !important;
    content: " ";
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-left: 2px;
}

.dx-datagrid .green-dot:after {
    background-color: #68c568 !important;
    content: " ";
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-left: 2px;
}

.dx-datagrid .yellow-dot:after {
    background-color: #FFBF00 !important;
    content: " ";
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-left: 2px;
}

.dx-datagrid .red-dot:after {
    background-color: #f15050 !important;
    content: " ";
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-left: 2px;
}

.workshop-header {
    background: #01a30138;
}
.bom-material-header {
    background: #5bc0de4f;
}

.bom-workshop-header {
    background: #01a30138;
}

/* Devexpress Gridview Toolbar */

.dxmLite_Moderno .dxctToolbar_Moderno.dxm-main.dxmtb {
    padding-top: 0;
    padding-bottom: 5px;
}

.pert-rpi-button {
    text-align: center;
    width: 6%;
    border: 1px solid #dddddd;
    padding: 2px;
    border-radius: 5px;
    cursor: pointer;
}

.e-tgcontextmenu-icon {
    display: inherit;
}

.toolbarInput {
    color: white;
    padding-top: 6px;
}

.modal-md-lg {
    width: 60% !important;
}


.Request-Pert-input {
    border: 1px solid #dddddd !important;
    padding: 0px !important;
    border-radius: 4px;
    cursor: pointer;
    height: 24px;
    font-size: 13px;
    line-height: 23px;
    display: inline-block;
    width: 20px;
    vertical-align: middle;
    text-align: center;
}

.pert-contact-cross {
    color: #e96363;
}

.pert-contact-check {
    color: #61a945;
}

.Pert-Detail-SplitterPane .dxsplLCC {
    overflow-y: scroll;
}

.pert-contact-form {
    display: table;
    width: 100%;
    margin-bottom: 10px;
}
    .pert-contact-form .form-group {
        display: table-row;
        padding: 0 !important;
    }
    .pert-contact-form .form-control {
        margin: 0 -5px;
    }
    .pert-contact-form .label-xs {
        height: 22px;
        width: 150px;
        min-width: 110px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .pert-contact-form label {
        width: auto;
        min-width: 110px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle;
    }
    .pert-contact-form .label-xxs {
        font-size: 8px;
        line-height: 10px;
    }
    .pert-contact-form .dx-texteditor-input[disabled] {
        background-color: #ffffff;
    }

.pert-contacts-header {
    margin-left: 0px;
    margin-right: 0;
}
    .pert-contacts-header label {
        font-weight: bold !important;
    }
    .pert-contacts-header > div {
        padding: 0 !important;
    }

.max-width-400 {
    max-width: 400px;
}

.vertical-align-middle {
    vertical-align: middle;
}

.quick-add-nav-btn {
    margin-right: 25px;
}

/* TokenBox start */

.dxeToken_Moderno {
    border-radius: 5px;
}

.dxeToken_Moderno {
    font-size: 12px;
    height: 27px;
}

.dxeTokenText_Moderno {
    padding: 5px 0px 5px 5px;
}

.DetailTokenBoxControl.EditMode {
    background-color: #fff;
}
    .DetailTokenBoxControl.EditMode .dxictb {
        background-color: #fff;
    }
/* TokenBox end */

.form-control.highlight-red {
    background-color: lightcoral;
}

.tooltip-inner {
    max-width: 250px;
    padding: 3px 8px;
    color: #fff;
    text-align: left;
    background-color: #62a945;
    border-radius: 4px;
}
    .tooltip-inner .tooltip-required {
        text-align: right;
        display: block;
    }

/* Custom tooltip styling */
.tooltip {
}
.tooltip-inner {
    background-color: #eeeeee; /* Change this to your desired color */
    color: #3c3c3c; /* Change text color if needed */
    border: 2px solid #62a945; /* Set outer border to 2px and green */
}

.tooltip.top .tooltip-arrow {
    border-top-color: #62a945; /* Change arrow color to match background */
}

.tooltip.right .tooltip-arrow {
    border-right-color: #62a945; /* Change arrow color to match background */
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #62a945; /* Change arrow color to match background */
}

.tooltip.left .tooltip-arrow {
    border-left-color: #62a945; /* Change arrow color to match background */
}

.tooltip-inner .tooltip-required {
    text-align: right;
    display: block;
    font-style: italic;
}

/*Devex Grid Toolbar*/
.dxm-ltr .dxm-horizontal > ul.dx, .dxm-rtl .dxm-horizontal > ul.dx {
    margin-top: 4px;
}
.partialViewContainer {
/*    margin-top: 0.75rem;
*/}

.body-error .error-code {
    padding-bottom: 3rem;
}

ul.nav-main li i {
    text-align: left;
}